Вот что у вас должно получиться в результате:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1) Создаем новый документ в Adobe Photoshop с черным фоном. Пишем текст темно-коричневого цвета (7B4D2F) высотой 150 pt, при этом используется достаточно жирный шрифт, к примеру, BorisBlackBloxx или Arial Black:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2) Создаем выделение текста, используя инструмент magic wand tool и создаем новый слой между слоем с фоном и слоем с исходной буквой. Далее идем: select > modify > expand и ставим выделение 2 пикселя. Выставляем foreground color оранжевого цвета (C65D29) и используя инструмент paint bucket tool, заполняем выделение:

 

а)     б) 

 

3) Создаем третий новый слой между слоем с фоном и слоем с оранжевым текстом. Выставляем цвет foreground color темно-коричневого цвета (3E2B26). Идем select > modify > expand и выставляем выделение 5 пикселей. Заливаем выделение с помощью инструмента paint bucket tool:

 

      

 

 

 

 

 

 

 

 

 

 

4) Создаем новый слой между слоем с фоном и остальными слоями с буквами. Select > modify > expand и вытсавляем значение 7 пикселей. Заливаем слой темно-красным цветом (783643) с помощью инструмента paint bucket tool:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5) Select > modify > contract и выставляем значение 5 пикселей. далее идем select > feather и выставляем значение 3 пикселя. Нажимаем delete:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6) Нажимаем на слое с изначальным текстом и с помощью инструмента magic wand tool выделяем его (либо ctrl+клик на слое). Создаем новый слой над слоем с изначальной буквой, далее идем select > modify > contract, выставляем значение 6 пикселей и заливаем выделение черным цветом с помощью инструмента paint bucket tool:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7) Увеличиваем изображение до 400% с помощью интсрумента Zoom Tool. Выставляем цвет foreground color  светло-серым (E1E1E1), а цвет background color наоборот темно-серым (0C0C0C). Создаем новый слой и делаем на нем круглое выделение с помощью Elliptical Marquee Tool. Выбираем инструмент gradient tool и в его настройках выбираем radial gradient. Далее с помощью градиента заливаем выделение от центра к краям:

 

а)   б)

 

8) Создаем новый layer set (папочку) под названием "glows" и помещаем в нее слой с получившимся кружком:

 

 

 

 

 

 

 

 

 

 

 

 

9) Теперь дублируем слой с кружочком столько раз, чтобы заполнить края буквы этими кружками примерно так, как показано на рисунке (перемещение кружочков осуществляется с помощью инструмента Move Tool):

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10) Выставляем blending mode (режим) layer set (папки) на color dodge: 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

11) Далее выбираем инструмент line tool (U), цвет foreground color выставляем серым (8B8B8B). Создаем новый layer set под названием lines и рисуем линию, как показано на рисунке:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12) Дублируем слой с линией столько раз, чтобы заполнить букву парарллельными линиями, как показано на рисунке (при этом линии перемещаем с помощью инструмента Move Tool), после этого кликаем в панели слоев на layer set под названием lines:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

13) Далее идем: layer > merge layer set. таким образом папочка со всеми параллельными линиями становится одним слоем. выставляем значение прозрачности (Оpacity) этого слоя 60%:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

14) Теперь дублируем слой lines и идем: edit > transform > rotate 90 CW. Параллельные линии повернутся на 90 градусов и часть изображения будет заштрихована в клеточку. Но штриховки может не хватить на всю букву, поэтому нужно будет дублировать последний слой еще раз и переместить его (Move Tool) таким образом, чтобы черная часть буквы была полностью заштрихована:

 

а)   б)

 

15) Теперь мы имеем 3 слоя с параллельными линиями, соединим их в один слой layer > merged linked. Далее выбираем слой с буквой черного цвета и нажимаем ctrl+клик на слое, создавая таким образом выделение. Далее переходим на слой с сеткой, нажимаем на нем правой кнопкой мыши и выбираем команду layer via cut:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

16) Нажимаем Delete, удаляя, таким образом, ненужную часть сетки:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

17) Сохраняем этот файл в формате PSD и переходим в Adobe Image Ready. Дублируем layer set под названием glows и выставляем время выдержки первого кадра 0,1 сек.:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

18) Создаем второй кадр, выбираем layer set "glows" и выставляем значение Opacity 60%:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

19) Зайдите в панель оптимизации (optimize panel) и измените настройки, как показано ниже:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

20) Нажимаем File > Save Optimized as и сохраняем анимацию в формате gif:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Автор: flash-game-design.com

Перевод: KiberGirl