В данном уроке по анимации в Фотошопе мы создадим Текст переливающийся радугой.

Результат:



Начинаем урок по Фотошопу

Этап 1. Создаем новый документ размер не имеет значения, в нашем случае он 200 на 100 пикс.

- Кстати, данный эффект можно применить и к фотографии или готовой картинке, но только необходимо учесть, что наибольший эффект получается если текст по середине картинки.

- Если он будет на краю, то эффект будет минимальным.

- Если мы решаем применить его на картинке или фотографии ее надо открыть.

Этап 2. Создаем копию слой Cntrl+J называем его front.

Этап 3. Возвращаемся на слой фона Background и создаем новый слой Cntrl+N называем его plus.

ПРИМЕЧАНИЕ к 2 и 3 пп. – так сложно, в случае если в качестве фона взята готовая картинка или фотография.
Если мы создали новый документ, то можно просто создать два новых слоя с такими названиями.

Этап 4. Идем на слой plus выбираем на панели инструментов Gradient tool и в настройках выставляем Transported Rainbow как на рисунке:



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

Этап 5. Делаем одиннадцать копий этого слоя Cntrl+J.

Этап 6. Одиннадцатую копию называем minus.

Этап 7. Делаем десять копий этого слоя Cntrl+J.

Этап 8. Выбираем слой plus copy и применяем к нему фильтр Filter>Distort>Twirl c параметрами как на рисунке.



Этап 9. Переходим на слой plus copy 2 и нажимаем cntrl+f два раза.

Этап 10. На слое plus copy 3 – сntrl+f три раза и так на всех слоях plus...
Добавляя каждый раз еще одно нажатие cntrl+f.

Этап 11. Переходим на слой minus copy и применяем к нему фильтр Filter>Distort>Twir подобно первому, только со значением на шкале минус.

См. рисунок.



Этап 12. Повторяем с слоями minus… все те же шаги, как и со слоями plus. Описанные в пунктах 9 и 10.

Этап 13. Переходим на слой front.

Этап 14. Если за основу была взята не фотографии с помощью инструмента Paint Bucket tool заливаем наш слой любым цветом, в нашем случае для контрастности это #000000.

Этап 15. Выбираем инструмент Horizontal Tape Mask Tool пишем выбранный вами текст.
Размер и шрифт на ваш выбор, однако надо учесть что на маленькой надписи эффект может быть мало заметным.

Этап 16. После предыдущего шага мы получаем текст в виде выделения, нужно это выделение очистить.
Нажимаем Delete. Панель слоев должна выглядеть как на рисунке.



Этап 17. Далее мы работаем с анимацией. Если в вашей версии Photoshop нет анимации нужно перейти в ImageReady. Сделать это можно так File>Edit in ImageReady. Поскольку в CS2+ анимация есть в самом фотошопе, мы никуда не переходим.

Шаги по работе с анимацией не отличаются.

Этап 18. Window>Animation.

Этап 19. В открывшимся окошке пока только одни фрейм. В нижней части окошка анимации нажимаем Duplicates Selected frames и делам 21 копию нашего фрейма. Таким образом их обще число будет 22.

Этап 20. Мы выбираем в первый фрейм и в панели слои выставляем «глаз» напротив слоя front и plus;

Этап 21. Переходим на фрейм 2 и выставляем «глаз» front & plus copy;

Этап 22. И т.д. новый фрейм – новый слой до 11-го фрейма и слоя plus copy 10.

Этап 23. 12-й фрейм выставляем «глаз» front & plus copy 9. и проходим все в обратном порядке.

Этап 24. 13-й фрейм выставляем «глаз» front & plus copy 8 и так до конца.

Этап 25. 21-й фрейм выставляем «глаз» front & minus повторяем для минусов тоже что делали для плюсов в пунктах 21 – 24.

Этап 26. Сохраняем наш рисунок в формате гиф обязательно.
File>Save for Web (File>Save Optimized As в ИмиджРеади)


Автор: Боль;

---

---