Расскажу вам достаточно простой способ как создать анимацию в программе Photoshop. Ничего сложного в этом нету, тем более в версиях фотошопа начиная с 8 не надо пользоваться программой ImageReady, все функции итак включены.
Анимация в фотошопе сохраняется в формате gif.
Покажу вам на примере создания баннера 457×200.
Шаг 1. Открываем Photoshop, создаем новый файл 457×200 File>New.
Включаем меню анимации в Window>Animation, если у вас еще не включено
У вас должно появится следующее окошко Animation (Frames)
В этом окне у вас отображаются frames ( фреймы / слайды), то есть раскадровка вашей анимации. С ней то мы и будем работать.
Шаг 2. Делаем анимацию, я сделаю на примере простой анимации движущегося текста Syblog.ru
Создаем или перемещаем на картинку ваше изображение новым слоем поверх Background
Перемещаем слой в самую левую часть документа
Шаг 3. Делаем дубликат первого кадра с помощью кнопки в меню Animation
Выбираем новый кадр и перемещаем слой в самую правую часть документа
Шаг 4. Жмем кнопку Tweens Animation Frames на меню Animation и прописываем нужное количество раскадровки (у меня 5 кадров)
В итоге у вас получится 7 кадров, если нажать кнопку Play в меню анимации то можно проследить что текст начал передвигаться плавно слева на правую часть.
Скорость анимации выставляется с помощью задержки под кадром, в мс, чем больше задержка тем больше времени идет кадр, я оставлю всё как есть
Шаг 5. Сохраняем файл анимации в формате гиф, заходим File>Save for Web & Devices
Устанавливаем необходимые параметры сжатия, вот мои параметры:
И жмем кнопку Save, вот результат:
Далее с помощью кадров и фильтров вы научитесь делать более сложную анимацию, тут главное практика и настойчивость, это дело увы очень много времени занимает.
И правда НЕ РАБОТАЕТ! Если делать просто перемещение на втором кадре, то все работает, а если изменять масшаб текста, то он меняется НА ВСЕХ кадрах. Хрень короче, а не урок.
Чтобы делать анимацию с увеличением надо дублировать слой и в ручную делать увеличение по кадрам. Тут показана простейшая анимация передвижения!
Спасибо автору. Всё очень просто. Перекопал много уроков по данной теме в нете, но там ни чего не понятно.
А тут всё просто. Сразу была проблема: второй кадр изменяю, и меняются все, но вроде разобрался. Спасибо!!!
Добрый день! Не могу понять как я могу передать анимацию в этом формате. Может я не так сохраняю?
Мне необходимо послать на e-mail для участия в конкурсе
Сохраняйте в формате GIF
Спасибки Автору . сС Уважением Р.Н. Денишев.
У меня 8-й фотошоп, но animation там нет в меню Windows. Пойду в ImageReady копаться
Респект аффтору
норм все получилось,автро спс
Save for Web & Devices у меня не доступно (серое)… что делать… не могу сохранить?
Разобрался)) был высокий бит/канал
Поставил 8 бит/канал и сохранилось)
Всё получается, а если наложить на прозрачный фон, так и сохраняется
О кул! Решил сделать маленькую анимацию, начал искать проги. Но оказалось все просто, ведь у меня есть Фотошоп. Спасибо!
ppp, у меня та же проблема. вроде все правильно делаю, но когда двигаю второй, то и первый двигается. ПОМОГИТЕ ПРОШУ
Вы точно выбираете кадр правильно ?
ничего не получаеться с кадрами(
создаю первый…делаю дубликат переношу слово и на первом кадре слово тоже переноситься(
что делать епт?
Читайте коммент выше
когда я изменяю первый фрейм у меня изменяются и остальные, в чем дело, помогите
Во первых в уроке написано что двигать нужно как раз второй кадр, первый кадр двигает по умолчанию всё сразу, двигайте слой на втором!
спасиба, получилось =)
Как сделать тоже анимашу?=)???
Читайте урок =)
А-Л-О! КТО АВТОР? ОН ПРОСТА МОЛОДЕЦ! ВОТ МОЙ ДРУГ РЕКОМЕНДАВАЛ ЭТОТ САЙТ И КАЖЕСЯ ЭТОТ САЙТ КЛЁВЫЙ! СПС АВТОР! НАУЧИ НАС ЕЩЁ ЧЕМ НЕБУДЬ! КТО С МНОЙ?
^_^.
спасибо вам ОГРОМНОЕ!
о_О автор спасибо огромное все отлично получилось;)