Уроки Анимация Александра 21 июля 2010

Прыгающие буквы

Сложность урока: Легкий

Шаг 1. Перед вами довольно легкий урок. Для начала создадим новый документ размером 300х300 пикселей (pixels) с прозрачным (transparent) фоном (background content) и напишем любую букву, которая нам нравится.

Шаг 2. Теперь делаем три копии этого слоя (три раза нажмите сочетание клавиш Ctrl+J).
Мы находимся на нижнем слое и переходим в меню Редактирование – Трансформация (EditTransform) или нажимаем сочетание клавиш 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

122 тыс. 157
Печать Жалоба

Комментарии 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)?

Спасибо за урок у меня всё получилось)

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

Тэги позволяют лучше находить вашу работу другим пользователям. Подумайте какие тэги описывают вашу работу лучше всего и проставьте их. Это даст вам больше просмотров, лайков и комментариев. 

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее