Прыгающие буквы
Прыгающие буквы
В этом Фотошоп уроке Вы узнаете, как сделать анимацию прыгающих букв.Сложность урока: Легкий
Шаг 1. Перед вами довольно легкий урок. Для начала создадим новый документ размером 300х300 пикселей (pixels) с прозрачным (transparent) фоном (background content) и напишем любую букву, которая нам нравится.
Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J).
Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (Edit – Transform) или нажимаем сочетание клавиш Ctrl+T, а затем немного «сплющиваем» нашу букву.
Шаг 3. На следующем этапе выделите средний слой из трех слоев, которые мы создали и подвиньте его немного повыше (прим. сделать это можно при помощи инструмента Перемещение (Move), при желании можете применить Ctrl+T).
Шаг 4. Для этого слоя, который мы передвинули повыше, создайте еще два дубликата (две копии).
И средний слой среди тех, что мы только что сделали, подвиньте чуть повыше и «растяните» с помощью команды Ctrl+T.
Отлично, теперь у нас должно получиться все так, как показано на рисунке 6. Уберем со всех слоев иконки «глазика» (прим. для этого нужно просто один раз кликнуть по ней), оставим видимым только первый слой, который мы создали.
Теперь необходимо перейти в Image Ready (для версий до CS3)
или в меню Окно-Анимация (Window-Animation) (в версиях от CS3 и выше).
Работа с анимацией будет очень легкой. В окне анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию Создать кадры из слоев (Make Frames from layers). Затем выделим все рамки и выставим интервал на 0,1 секунду, а затем сохраните оптимизированный файл (File-Save optimized (Ctrl+Alt+S)) (для Image Ready) или Сохранить для веб - устройств (File-Saveforweb) (Shift+Alt+Ctrl+S) (для версий CS3 и выше).
Прим. Не забывайте, что анимацию следует сохранять в формате GIF.
Результат:
Другой пример:
Помните – фантазия является основой дизайна.
Автор: chompiras
Источник: www.photoshop-designs.com
Комментарии 157
классный урок=)) надо сделать=)
Спасибо за урок.
Спасибо, интересный урок!
У меня вместо букв прыгает зайчик
Спасибо! Интересный урок:) Очень понравилось:) http://jpegshare.net/de/f5/def5852695ff95ebf7f01f0d3396621c.gif.html
Ещё одна анимашка. Гифка тут:
http://jpegshare.net/6e/f0/6ef0fc5674033ac76976ea0e8854ab16.gif.html
Версия +СС 2015
Помогите я не могу найти иконку анимация
Окно/Шкала времени - можно создать как просто анимацию так и видео запись
Прікольно
Интересный урок. Буква прыгает здесь http://savepic.org/6113721.gif
Спасибо!
Очень интересно!
Вот в движении: http://savepic.org/5552382.gif
Спрасибо
http://jpeg.im/2u4v
Не получилось, т.к. "Анимация" в cs6 слишком заумна, потому непонятно как делать вообще.
согласна((
да нифига не получилось)
Очень понравилось делать анимацию. Еще вариант. Анимация здесь:
http://savepic.ru/4348359.gif
Спасибо большое за урок.
А здесь анимация:
http://savepic.ru/4300310.gif
ВСЕ ДЕЛАЛА ВРОДЕ ПРАВИЛЬНО НЕПОЛУЧИЛОСЬ
Спасибо!Фрагмент из моей анимации:
спасибки
Спасибо, вот анимация
s017.radikal.ru/i420/1206/c8/4623a9e2b451.gif
Всё получилось.
Вот что получилось)))
Сохранят нужно так.
Файл=>сохранить для веб.
Если после сохранения у вас не показывает анимация, просто откройте файл через оперу, и у вас будет показывать анимацию.
Спасибо
Ребята у меня не получает, я всё зделалю А может уменя ошибка во время сохранения пожалуста покажите как сохранит досканална спосибо
Спасибо! )
s007.radikal.ru/i301/1110/e6/e1932a1770c7.gif
Результат:
Ответ Ольге
Нужно сохранять с помощью File-sawe for web & devices (мышью а не сочетанием клавиш)
Ой а гиф то не загружает...
Подскажите пожалуйста,почему когда сохраняю через Ctrl+Alt+S с расширением GIF,то сохраняется 1 кадр,а когда Shift+Alt+Ctrl+S,то выдает ошибку и закрывается( версия CS3)?
Спасибо за урок у меня всё получилось)