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

С чем мы познакоммся в этом уроке: Растрирование текста, инструмент "Eraser tool" 

Потребуется знание уроков: Пишем текст

1. Открываем нужную картинку в Photoshop. У меня это:

2. Теперь создаем слой с текстом. Шрифт выбираем любой,у меня это Mistral. Для тех, кто не знает, как писать текст в программе - просьба ознакомиться с уроком "Пишем текст". Вот, что получилось у меня:

3. Растрируем слой с текстом. Это необходимо нам для того, чтобы в последствии мы смогли стирать часть текста ластиком. При работе в Фотошопе текст является векторной формой, растеризация подразумевает перевод в растровое изображение и, соответственно, невозможность в дальнейшем менять шрифт, размер или сам текст. Проще говоря, мы превращаем наш текст в картинку, поэтому перед растрированием убедитесь,что шрифт, размер (и другие настройки) текста вас удовлетворяют.

Растрировать очень просто:  кликаем правой кнопкой мыши по слою с текстом и, как указано на скрине, нажимаем на "rasterize type" (растеризовать слой):

4. Теперь давайте продублируем этот слой с текстом. Для этого жмем на "Ctrl +  J", или щелкаем правой кнопкой мыши по слою с текстом и выбираем "duplicate layer" (дублировать слой):

И так дублируем текст несколько раз, сколько - зависит от длины слова, у меня это слово ТИГР, примерно 2 дупликата на каждую букву => того получается, что у меня 7 дубликатов (почему 7, а не 8? Самый первый слой ТИГР (не дупликат, тоже считается) Вот что получилось у меня:

5. Стираем части текста. Во-первых, нужно снять, для удобства работы, видимость (глазики) со всех дупликатов, оставив видимым только первый слой, как указано на скриншоте:

Переключаемся на наш первый слой (у меня это Тигр), т.е. просто кликаем по нему. Выбираем инструмент "Eraser tool" (Ластик):

и начинаем потихоньку стирать слой с текстом ластиком. Мне хватило такого результата:

И так потихоньку делаем с каждым слоем: включаем видимость около него, стираем часьт надписи. Т.е. на каждом слое должен быть свой отрезочек текста:

6. Переключаемся в Image Ready:

Создаем кадры для всех наших слоев, нажимая на кнопочку "make frames as layers" (сделать слои кадрами), как на скрине:

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

Вот и всё! Можете задать свои временные промежутки, желательно, конечно, 0.1 + у последнего (уже полного слова ТИГР) слоя, желательно сделать задержку на 0.5

Вот что получилось у меня:

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)