Страничка сайта "Советы бывалых"

Всем любителям поработать с  фотографиями необходим Adobe Photoshop

                            

Здравствуйте. Сегодня я расскажу вам как сделать в Adobe Photoshop  анимацию Прыгающий текст

Прыгающий текст
С помощью этого урока мы сможем добиться вот такого результата:
Прыгающий текст

1.Открываем в Photoshop картинку, с которой мы будем работать.
(«File – Open...»

Я выбрала вот такой исходник:
Прыгающий
текст

2. Пишем текст.

Наша задача – написать текст на картинке. Но так, чтобы каждая буква нашего слова была на отдельном слое.
Выбираем шрифт, который вам по душе, я выбрала Шрифт Matilda.
Вот так это должно выглядеть:
Прыгающий текст


3.Переходим в Image Ready.

Это можно сделать, зайдя в меню «File – Edit in Image Ready» (Файл – Редактировать в Имедж Риди).

Ставим на 1 кадре задержку на 0.1 сек, такая же задержка будет у всех
последующих кадров.
Прыгающий текст

Начинаем делать анимацию с Буквы Л. Дублируем первый кадр нажав на кнопку в панели анимации "Duplicated Current Frame" (Создать копию кадра):
Прыгающий текст

делаем активным слой с буквой Л.

На панели инструментов включаем инструмент Move Tool (v) , и перемещаем
букву так, чтобы та "коснулась" букву Е:
Прыгающий текст

Далее нажимаем Кнопку Tween (Плавный переход между кадрами)
Прыгающий текст

выставляем там 3 кадра (Frames to add)
Получился плавный переход.

Создаём следующий кадр. В этом кадре мы возвращаем букву Л на место, а
букву Е переместить так чтоб, та коснулась Г:
Прыгающий текст

Нажимаем опять кнопку Tween, выставляем 3 кадра в (Frames to add)
Переходим к следующим буквам. Повторяем ту же операцию что и к предыдущим
буквам.

Все, вот что должно получиться:
Прыгающий текст

Сохраняем нашу анимацию

File-->Save Optimized As-->Save (тип файла Images only(*gif)

Автор Вефания

   Яндекс.Метрика

  По возникшим вопросам прошу обращаться ICQ -485900141 ;  Mail Ru Агент - fktrcfylh100.56@mail.ru ; E-mail--fktrcfylh100@rambler.ru