Фотошоп для фотографа 2013

Создаем появление и исчезание текста в Фотошопе

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке мы рассмотрим, как можно создать анимацию появления и исчезновения текста в Фотошопе.


Финальный результат

Создаем появление и исчезание текста в Фотошопе

Приступаем к уроку Фотошопа


Лучше всего выбирать какой-нибудь жирный шрифт, на нем эффект будет заметнее. Для урока я использовал шрифт Genocide RMX 2.


1. Создаем документ с размерами, например 350х150 px, быстренько делаем фон чем угодно: кистями, фильтрами. Главное - красиво: ↓


Создаем появление и исчезание текста в Фотошопе

2. Пишем текст - Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T"): ↓


Создаем появление и исчезание текста в Фотошопе

3. Растеризуем слой с текстом, потом копируем его и в панели слоев делаем его верхним. Обесцвечиваем (Image > Adjustments > Desaturate (Изображение > Настройки > Обесцветить / Сочетание клавиш "Shift+Ctrl+U")). Сбрасываем цвета на черный и белый (Shift+D). Зажимаем Ctrl, и кликаем левой кнопкой мыши на иконку слоя в панели слоев. Надпись выделится: ↓


Создаем появление и исчезание текста в Фотошопе

Теперь применяем фильтр Filter > Render > Clouds (Фильтр > Рендеринг > Облака) (надпись должна быть выделена). Нужно, чтобы на тексте, полученном в результате фильтрования основными цветами были темные оттенки: ↓


Создаем появление и исчезание текста в Фотошопе

4. Теперь используем фильтр Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу), чтобы немного сгладить края изображения (при фильтровании облаками текст становится резковатым): ↓


Создаем появление и исчезание текста в Фотошопе

5. Копируем полученный текст 4 раза (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). Называем все слои так: 1, 2, 3, 4, 5 (для удобства): ↓


Создаем появление и исчезание текста в Фотошопе

6. Теперь в панели слоев - слоям 1, 2, 3, 4, 5 ставим Opacity (Непрозрачность) 50%, и Blend Mode (Режим наложения) - Multiply (Умножение).


7. Отключаем слои 5, 4, 3, 2. На слое 1 идем в Filter > Sketch > Chrome (Фильтр > Эскиз > Хром), ставим Detail (Детализация) - 2, Smoothness (Смягчение) - 10.


8. Теперь со слоями 2, 3, 4, 5 повторяем тоже самое, только на каждом новом слое параметр Detail (Детализация) увеличиваем на 2. То есть на слое 2 этот параметр будет 4, на слое 3 - 6, на слое 4 - 8, на слое 5 - 10.


9. Переходим в создание анимации (В некоторых версиях это Фотошопа - ImageReady), ну или остаемся в Ps и включаем окно анимации (для CS3, Window > Animation (Окно > Анимация), для CS6CS6: Widnow > Timeline (Окно > Шкала времени)).


10. Делаем анимацию. На первом кадре должен быть только слой - Layer 0 (то есть бэкграунд), на втором кадре включаем слой genocide (Opacity (Непрозрачность) 20%) и слой 1. На третьем кадре genocide (Opacity (Непрозрачность) 40%) и слой 2, на четвертом кадре genocide (Opacity (Непрозрачность) 60%) и слой 3, на пятом кадре genocide (Opacity (Непрозрачность) 80%) и слой 4, на шестом кадре genocide (Opacity (Непрозрачность) 100%) и слой 5, также у шестого кадра должна быть задержка в 1 секунду. Чтобы текст исчезал, делаем все тоже самое, но в обратном порядке.


Получаем подобный эффект: ↓


Финальный результат

Создаем появление и исчезание текста в Фотошопе

Автор: Zonda;

Текст доработан командой сайта PhotoshopPro.ru