Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 9-02-2014, 20:05
Описание урока
Сложность: средняя
Продолжительность: увеличенная
Тэги: Photoshop, текстовые эффекты

Смарт–объекты – это особые слои фотошопа, позволяющие вам осуществлять недеструктивное редактирование. На этом уроке мы с помощью смарт-объектов создадим свой собственный текст а так же сложную анимированную текстуру. Работая со смарт-объектами, мы имеем возможность вносить на сцену любые изменения, простым изменением их настроек. Итак, приступим!

1. Создание текста

Шаг 1
Создайте новый документ. Я использовал размер 1200x900 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Выберите инструмент Горизонтальный текст (Type Tool (T)) и наберите надпись. Выровняйте и отцентруйте ее на холсте.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
Кликните по слою с текстом ПКМ и в открывшемся контекстном меню выберите пункт “Преобразовать в смарт-объект” (Convert to Smart Object).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Активируйте Свободную трансформацию (Ctrl+T) и измените форму созданного смарт-объекта в соответствии с перспективой как показано на изображении ниже. Это создаст иллюзию трехмерности сцены, а так же сделает эффект от анимации еще более интересным.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


2. Создание сверкающего текста

Шаг 1
Установите этот смарт-объект в Режим наложения (Blend mode) – Затухание (Dissolve). По началу результат данной операции покажется не очень очевидным. Но после того, как применим к тексту размытие, мы получим очень интересный эффект.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Теперь пройдите в меню: Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian blur). Задайте радиус размытия 5,3 пикселя.
Так как мы применили фильтр с гауссовским размытием к смарт-объекту, то он автоматически будет преобразован в смарт-фильтр. А это означает, что мы сможем изменять его настройки на любом этапе работы.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
Создайте копию смарт-объекта с текстом: Command/Ctrl-J. В результате будут скопированы и все примененные к нему смарт-фильтры. Измените радиус размытия созданной копии смарт-фильтра, задав значение 19,6 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Повторите последний шаг, задав на этот раз радиус размытия 30,5 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 5
Текст выглядит довольно неплохо. Здесь можно заметить, что надпись "Be my" стала слишком расплывчатой. Это можно исправить, создав еще одну копию смарт-объекта и задать радиус размытия равный 3 пикселям. Затем, при помощи слоя-маски, можно скрыть всю надпись, оставив только верхнюю строку. В результате верхняя строка будет затемнена ровно настолько, чтобы стать более отчетливой.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 6
Давайте протестируем какой-нибудь из наших смарт-объектов. Дважды кликните по любому из них на палитре слоев.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 7
Измените текст и сохраните отдельный документ со смарт-объектом: Command/Ctrl-S.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 8
Вернитесь к своему основному документу, и проверьте, изменился ли текст. Если да, то ваш смарт-объект работает как надо. Можете вернуть содержание текста в прежнее состояние:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 9
Последним шагом мы объединим все слои с текстом в один смарт-объект. Для этого выделите на палитре слоев все эти слои, кликните по ним ПКМ и выберите пункт “Преобразовать в смарт-объект” (Choose Convert to Smart Object). Переименуйте вновь созданный смарт-объект в “Текст”.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


3. Создание сверкающей текстуры

Шаг 1
Создайте новый слой и залейте его белым цветом. Назовите этот слой “Сверкающая текстура”.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Залейте этот слой синеватым градиентом. Воспользуйтесь для этого инструментом Градиент (Gradient tool). Ниже показаны использованные цвета.

- светло-синий: #b5beda
- темно-синий: #949aa7

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
Чтобы придать текстуре еще более сверкающий вид, нужно добавить немного шума. Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). Задайте величину 2,86%.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Создайте новый слой и залейте его белым цветом.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 5
Пройдите в меню Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). Задайте величину 184%.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 6
Теперь пройдите в меню Фильтр > Размытие > Размытие+ (Filter > Blur > Blur More). В результате шум будет слегка размыт и текстура станет менее зернистой.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 7
Далее пройдите в меню Фильтр > Шум > Медиана (Filter > Noise > Median), и задайте радиус 1 пиксель. В результате будет создана иллюзия отдельных вспышек при сиянии.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 8
Подкорректируйте Уровни (Levels). Нажмите для этого Command/Ctrl-L и примените следующие установки:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 9
Установите этот слой в Режим наложения (Blend mode) – Мягкий свет (Soft Light).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 10
Далее мы создадим участки с экстремально яркими отсветами, а так же затемненные места. Сейчас мы только начнем создавать данный эффект. А закончен он будет значительно позже.
Создайте новый слой и залейте его белым цветом.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 11
Откройте окно настройки стилей слоя и расположите слайдеры шкалы “Наложение если” (Blend If) как показано на изображении ниже. Целью данной операции является получение небольшого количества чисто-белого свечения.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 12
Повторите последние два шага, создавая затемненные точки. На этот раз вместо белого цвета нужно использовать темно-синий.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 13
Теперь ваш слой с блестками имеет белые сверкающие и темно-синие затемненные точки. Выделите на палитре слоев все слои, образующие сверкающую текстуру, и преобразуйте их в один смарт-объект. Мы вернемся к этому объекту позже.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


4. Создание основного слоя с искрами

Шаг 1
Мы знаем, что сверкающий эффект обеспечивают небольшие искорки и блестки. При этом нужно чтобы эти блестки обладали определенной динамикой, а в фотошопе этого можно достичь за счет анимации. Но прежде чем приступить к анимации нам нужно создать статические блестки.
Итак, создайте новый слой и залейте его черным цветом.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Добавьте шум, задав величину эффекта: 190%

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
Размойте немного этот шум, применив к нему фильтр размытия: Фильтр > Размытие > Размытие+ (Filter > Blur > Blur More). Затем здесь же примените этот фильтр повторно. Сочетание клавиш Command/Ctrl-F повторно применяет последний использованный фильтр.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Примените коррекцию Уровней (Levels), так, чтобы частички шума стали более редкими.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 5
Чтобы быть уверенными, что у нас получилось достаточное количество отдельных блесток, повторите этот процесс, создавая еще один слой с шумом.
Так как шум каждый раз генерируется случайным образом, повторяя в точности те же самые операции, на выходе мы все равно получим различный зашумленный узор.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 6
Теперь, когда у нас есть два различных узора с шумом, нам нужно отделить его от фона. То есть сделать фон прозрачным. Выделите один из слоев с шумом и откройте палитру каналов:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 7
Кликните, удерживая Ctrl по иконке канала RGB. В результате на данном слое окажутся выделенными только белые участки.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 8
Переключитесь обратно на палитру слоев и создайте новый слой. Вы можете заметить, что созданные ранее выделенные области остаются активными. Заполните эти области черным цветом. Поначалу может показаться, что ничего не изменилось, но это нормально.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 9
Повторите процесс с другим зашумленным слоем. Ниже для наглядности я временно создал белый слой – так лучше виден шум.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


5. Анимирование верхнего слоя с блестками

Шаг 1
Теперь, когда у нас есть два отдельных слоя с шумом, мы можем создавать наши искры. Создайте новый слой и залейте его черным цветом.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Для создания искр мы воспользуемся специально созданной кистью. Выберите одну из стандартных кистей и откройте палитру кистей. Задайте настройки, показанные ниже.
В процессе настройки кисти вы можете периодически испробовать вносимые изменения, проводя ей по холсту.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
Теперь прокрасьте настроенной кистью поверхность холста, заполняя его точками в случайном порядке. Это и будут наши искры.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Чтобы смягчить точки, применим к ним Гауссовское размытие с радиусом 4 пикселя.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 5
Повторите процесс, создавая второй слой с искрами.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


6. Анимирование блесток

Шаг 1
Теперь мы можем приступать к анимированию различных компонентов, за счет которого и будет создан эффект мерцания. Включите отображение в окне программы шкалы времени: Окно > Шкала времени (Window > Timeline).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 2
Шкала времени должна появиться в нижней части окна программы. Затем кликните по кнопке “Создать временную шкалу для видео” (Create Video Timeline).
Если вдруг у вас не отображается кнопка с таким названием, раскройте данный выпадающий список и выберите нужный пункт из него.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 3
На шкале времени должны содержаться слои анимации, имеющие точно такие же названия, как аналогичные слои на палитре слоев. Кликните по кнопке стрелкой слева от названия слоя, чтобы получить доступ к его свойствам, которые можно анимировать. Наша цель – анимировать чередование слоев с блестками, а для этого нам придется настроить свойство Перспектива (Transform). Но как вы можете заметить, данного свойства на шкале времени пока нет.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 4
Чтобы получить к ней доступ, нужно соответствующий слой с блестками преобразовать в смарт-объект. Теперь, если вы посмотрите на шкалу времени, то обнаружите на ней отсутствовавшее ранее свойство Перспектива (Transform).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 5
Кликните по иконке с секундомером на слое с блестками. В результате будет активирован режим разбиения на кадры, и будет задан ключевой кадр.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 6
Активируйте Свободную трансформацию (Ctrl+T) и увеличьте размер этого слоя, сместив его в сторону.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 7
Кликните по маркеру 1 сек на временной шкале. Затем поверните слой с блестками на 90 градусов по часовой стрелке (при помощи все той же Свободной трансформации).
Обратите внимание, что при каждом изменении в положении слоя будет автоматически добавляться новый кадр.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 8
Продолжайте таким же образом добавлять кадры с 1-секундным приращением, каждый раз поворачивая слой с блестками. В итоге слой должен описать поворот на 360 градусов.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 9
Повторите этот процесс с другим слоем с блестками, только на этот раз сместите его вправо. При воспроизведении анимация должна выглядеть примерно так как показано ниже:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 10
Обратите внимание на то, что рабочая область нашей временной шкалы содержит пять секунд, тогда как наша ролик имеет продолжительность всего 4 секунды. Попробуйте сместить маркер окончания временной шкалы на отметку 4 секунды.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 11
Вытравите второй слой с блестками на слое, расположенном прямо под ним. Проделайте то же самое с первым слоем:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 12
Теперь при воспроизведении анимации мы получим едва заметный эффект мерцания. Возможно сейчас он покажется вам недостаточно явным, но мы усовершенствуем его в дальнейшем:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 13
Теперь выделите на палитре слоев все слои, вовлеченные в анимацию (включая слой с черной заливкой), и объедините их в один смарт-объект. Назовите его “Блестки”.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


Шаг 14
В качестве дополнительного шага можете создать еще одну группу с анимированными блестками.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть I.


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 3525 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.