» Уроки » Создание простой анимации в Фотошоп

Создание простой анимации в Фотошоп

Этот урок создан специально для новичков, решивших освоить анимацию в Photoshop. Оно и правильно не все же со статикой работать, нужно и динамики немного добавить в свой креатив. И так начнем))
Я решила создать небольшую анимашку с поцелуем и сердечками. Такая чисто девчачья прихоть))) Но на примере этой картинки можно наиболее просто показать основные приемы создания gif в фотошопе. Я нашла милую картиночку в формате png для удобства последующих манипуляций. Создала файл нужного мне размера 400*280 px. *Если вы делаете в фотошопе баннер для сайта, лучше знать точные его размеры или хотя бы пропорцию, чтобы потом не переделывать по сто раз.
Для анимирования отдельных элементов картинки, необходимо, чтобы каждый из них был на своем отдельном слое. Поэтому я беру магнитное лассо и выделяю губы, чтобы отделить их на новый слой. Делается это так: аккуратно выделяем объект лассо (или любым другим удобным для Вас способом), кликаем по выделенной части правой кнопкой мыши и из контекстного меню выбираем пункт "Вырезать на новый слой" (Cut to a new layer).
Точно так же поступаю с другими нужными мне элементами. Остальное удаляю или скрываю как невидимый (не активный) слой.
Я вырезала одно из сердечек и размножила его путем создания дубликата слоя. Сердечки-клоны я трансформирую (Ctr+T) под нужный мне размер и нахожу им подходящие места на фоне.
С подготовкой слоев для анимации я закончила и прихожу к самому ответственному моменту - самой АНИМАЦИИ))) Активирую панель зайдя в меню Окно> Анимация (Window> Animation). Для первого кадра я ставлю продолжительность 0,5 сек. - этого вполне достаточно для восприятия. Как вы видите в первом кадре у меня видны только те слои, которые участвуют в анимации данного кадра, остальные скрыты, их время еще придет.
Создаю новый кадр с помощью соответствующей кнопки на панели "Создание копии выделенных кадров". В данном кадре я уже двигаю слои с губами на встречу друг другу, чтобы состоялся поцелуй))
На следующем созданном кадре, я делаю видимым одно из сердечек.
Клонирую столько кадров, сколько я предполагаю анимировать (если что они просто удаляются). Скрываю первое сердечко и делаю видимым другие.
На скрине ниже я показала, как меняется траектория сердечек. Это разные сердечки, одни из которых я скрываю, а другие активирую, создавая эффект того, что они движутся вверх. Можно добавлять еще кадры и анимировать элементы картинки так, как Вам вздумается. Пусть Ваша фантазия не имеет предела и не в чем себя не ограничивает!!
Один из главных шагов в создании gif-анимации - это сохранение в нужный формат. Заходим в меню Файл> Сохранить для Веб и устройств (File> Save for Web & Devices). Из раскрывающегося списка вверху выбираем формат - GIF. Из списка внизу "Параметры повторов" выбираем - Навсегда. Это делается для того, чтобы ваша анимашка крутилась по кругу без остановки. Кликаем сохранить, выбираем место хранения и задаем имя для картинки-анимашки. Не забудьте так же сохранить свой проект, вдруг все-таки вы ошиблись в указании размеров и нужно их поменять.


Вот что у меня в итоге получилось. Не смачный конечно, но все же поцелуйчик)) 


Veron_Cool специально для Phototopic.ru с любовью и поцелуями)))

Похожие материалы:

Создание анимации текста в Фотошоп
Создание анимации текста в Фотошоп

Сегодня я покажу прием создания анимации текста в фотошоп. В этом уроке будут использованы не только анимация, но и способ записи операций, чтобы…

Патриотическая надпись в Фотошоп
Патриотическая надпись в Фотошоп

Сегодня урок посвященный созданию текста с наложенной на него текстурой, как вы уже успели заметить, текст посвященном России. Ну что ж…

Коллаж + 3d эффект в фотошоп
Коллаж + 3d эффект в фотошоп

Совсем немного осталось по дня влюбленных и я не перестаю работать именно в этом направлении. И сегодня я решила совместить два урока. Создания…

  • Вконтакте
  • Facebook
  • Комментарии (0)
Сообщить об ошибке