В этом уроке вы узнаете, как создать простую текстовую анимацию в Photoshop.
http://s019.radikal.ru/i641/1211/59/40e6052ce755.gif
Шаг 1. Начинаем с создания нового документа размером 1000х300 пикселей. Заливаем его линейным градиентом от цвета #000000 к #00ae0f.
http://s019.radikal.ru/i641/1211/34/5862f7248a49.jpg
Шаг 2. Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага) с такими параметрами:
Fiber Lenght (Длина волокна) 5
Brightness (Яркость) 53
Contrast (Контрастность) 73
http://s16.radikal.ru/i190/1211/4d/5e74b1936361.jpg
http://s52.radikal.ru/i136/1211/40/eeb9c7cd3514.jpg
Шаг 3. Берем Horizontal Type Tool (Горизонтальный текст) (Т), используем шрифт Arial Black, размер 170pt и цвет #00b75a. Пишем что-то подобное:
http://s018.radikal.ru/i512/1211/fc/d277b5a94841.jpg
Шаг 4. Объединяем все слои вместе Layer - Merge Layers (Слой - Объединить слои). Называем новый слой "Оригинал". Дублируем (CTRL+J) его и применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 50
Brightness (Яркость) 0
Contrast (Контрастность) 73
http://i081.radikal.ru/1211/d3/221afb13cdc3.jpg
http://s019.radikal.ru/i606/1211/fa/412628427c93.jpg
Переименовываем копию на "1". Этот слой будет первым кадром нашей анимации. Дублируем слой "Оригинал", перемещаем его в самый верх палитры слоев и называем "2". Применяем к нему Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 50
Brightness (Яркость) 20
Contrast (Контрастность) 73
http://s019.radikal.ru/i638/1211/2d/b742257054cd.jpg
http://s018.radikal.ru/i522/1211/73/b2d15ab7fc49.jpg
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "3". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 50
Brightness (Яркость) 30
Contrast (Контрастность) 73
http://s017.radikal.ru/i432/1211/63/8b025727783f.jpg
http://s019.radikal.ru/i618/1211/61/254f8e3e27ad.jpg
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "4". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 50
Brightness (Яркость) 40
Contrast (Контрастность) 73
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "5". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 50
Brightness (Яркость) 50
Contrast (Контрастность) 73
http://s51.radikal.ru/i131/1211/25/ecfa798ca407.jpg
http://s52.radikal.ru/i137/1211/f5/ce32f4459d60.jpg
Теперь мы будем работать только с параметром Fiber Lenght (Длина волокна). Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "6". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 40
Brightness (Яркость) 50
Contrast (Контрастность) 73
http://s017.radikal.ru/i409/1211/56/208e7cb46ae9.jpg
http://s006.radikal.ru/i214/1211/75/60cf9761233d.jpg
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "7". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 30
Brightness (Яркость) 50
Contrast (Контрастность) 73
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "8". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 20
Brightness (Яркость) 50
Contrast (Контрастность) 73
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "9". Применяем Filter - Sketch - Water Paper (Фильтр - Эскиз - Мокрая бумага):
Fiber Lenght (Длина волокна) 10
Brightness (Яркость) 50
Contrast (Контрастность) 73
http://i057.radikal.ru/1211/e1/796e3f170341.jpg
http://i064.radikal.ru/1211/fc/fed617a7b734.jpg
Дублируем (CTRL+J) слой "Оригинал", перемещаем копию в самый верх панели слоев и называем "10".
http://s019.radikal.ru/i618/1211/aa/3397394a7e6e.jpg
Дублируем слои 1-9 и располагаем их как на скриншоте ниже.
http://s47.radikal.ru/i115/1211/2d/b57f7126b328.jpg
Шаг 5. Выключаем видимость всех слоев кроме "1". Переходим Window - Animation (Окно - Анимация), чтобы открыть панель анимации. Кликаем на подсвеченную на скриншоте кнопку, чтобы перейти в покадровый режим.
http://s018.radikal.ru/i512/1211/2b/d55c209ad205.jpg
Меняем параметр цикличности на Forever (Бесконечно).
http://s48.radikal.ru/i120/1211/2b/1d1103cca09e.jpg
Увеличиваем время отображения десятого кадра анимации на 0.2.
http://s47.radikal.ru/i115/1211/4a/824e82fead08.jpg
Сохраняем анимацию File - Save for Web And Devices (Файл - Сохранить для веб и устройств). Не забудьте, что формат изображения должен быть .gif
http://i076.radikal.ru/1211/7b/a856289a69d0.jpg

http://s019.radikal.ru/i641/1211/59/40e6052ce755.gif

Автор: PhotoshopStar
Переводчик: Максим Енин

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