Фотошоп

Thursday, June 27, 2013

Появление и исчезновение текста

Конечный результат:


Появление и исчезновение текста

Шаг 1


Создайте новый документ размером 1000х300 пикселей. Установите цвет заливки на #000000, а цвет фона на #00ae0f. Выберите инструмент Градиент (Gradient Tool) и сделайте линейную заливку, как показано ниже.
Появление и исчезновение текста

Шаг 2


Примените фильтр Мокрая бумага (Water Paper Filter):
Длина волокна (Fiber Length): 5
Яркость (Brightness): 53
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Шаг 3


Выберите инструмент Горизонтальный текст (Horizontal Type Tool). Выберите шрифт «Arial Black» и задайте размер 170pt. Установите цвет заливки на #00b75a и напишите какое-нибудь слово.
Появление и исчезновение текста

Шаг 4


Объедините все слои (Слой > Объединить слои) (Layer > Merge Layers). Переименуйте полученный слой в «Original». Создайте копию этого слоя (Ctrl + J) и примените к ней фильтр Мокрая бумага (Water Paper Filter):
Длина волокна (Fiber Length): 50
Яркость (Brightness): 0
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Назовите эту копию «1». Этот слой будет первым кадром анимации. Создайте копию слоя «original» и расположите её поверх остальных. Назовите копию «2» и примените фильтр Мокрая бумага (Water Paper Filter) (в течении всего урока мы будем использовать только этот фильтр):
Длина волокна (Fiber Length): 50
Яркость (Brightness): 20
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Мы будем продолжать создавать копии и применять к ним всё тот же фильтр Мокрая бумага (Water Paper Filter), меняться будут только настройки фильтра. Создавайте копии и называйте их «3», «4», «5» и т.д.
Слой «3»:
Длина волокна (Fiber Length): 50
Яркость (Brightness): 30
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Слой «4»:
Длина волокна (Fiber Length): 50
Яркость (Brightness): 40
Контрастность (Contrast): 73
Слой «5»:
Длина волокна (Fiber Length): 50
Яркость (Brightness): 50
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Слой «6» (теперь длина волокон будет уменьшаться):
Длина волокна (Fiber Length): 40
Яркость (Brightness): 50
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Слой «7»:
Длина волокна (Fiber Length): 30
Яркость (Brightness): 50
Контрастность (Contrast): 73
Слой «8»:
Длина волокна (Fiber Length): 20
Яркость (Brightness): 50
Контрастность (Contrast): 73
Слой «9»:
Длина волокна (Fiber Length): 10
Яркость (Brightness): 50
Контрастность (Contrast): 73
Появление и исчезновение текста

Появление и исчезновение текста

Создайте последнюю копию слоя – «10» и расположите её поверх всех слоёв.
Появление и исчезновение текста

Создайте копии слоёв «1» - «9» и расположите их, как показано ниже.
Появление и исчезновение текста

Шаг 5


Скройте все слои кроме слоя «1». Перейдите в меню Окно > Анимация (Window > Animation). Кликните на иконке, отмеченной следующем скриншоте, чтобы конвертировать анимацию по временной шкале в покадровую анимацию. Если вместо линии времени у Вас видны кадры, то этого делать не нужно.
Появление и исчезновение текста

Кликните на первом кадре:
Появление и исчезновение текста

Установите задержку в 0,2 секунды для 10 кадра.
Появление и исчезновение текста

В завершении сохраните файл через меню Файл > Сохранить для Web и устройств (File > Safe for Web And Devices). Выберите формат GIF.
Появление и исчезновение текста

Конечный результат:


Появление и исчезновение текста

Ссылка на источник урока

No comments:

Post a Comment