Основы создания анимационного баннера в фотошопе

Автор: | Дата: 21.12.2016

Для того что бы сделать баннера в фотошопе ,я заранее подготовил следующие изображения: Задний фон – небо с облаками, зеленное поле с нефтеперерабатывающим заводиком на горизонте; фотография с бульдозерами (взял из фотоархива компании) и платформой, логотип компании, текст с описанием услуг.

Для каждого изображения и текста с фразой создаем свой слой — это важно! Чтобы нам не запутаться в слоях, присвоим каждому свое название. Перед созданием анимации нам необходимо досконально все продумать и составить сценарий нашего ролика, иначе при просчетах нам придется переделывать всю анимацию сначала.

Необходимо в первом кадре оставить видимым слой с фоном и слой с текстом. Добавим второй кадр нашей анимации, для чего в самом низу этого окна нажмем на иконку Duplicates selected frames (Дублировать выделенный кадр). Делаем изменения: в первом кадре текст убираем из кадра, а во втором перемещаем текст в нужное нам место и после этого создаем промежуточные кадры. Нажимаем на просмотр (play) и смотрим, что у нас получилось, если результат нас устраивает, то переходим к следующему эпизоду. Так, путем появления и убирания новых элементов и применения различных эффектов обыгрываем наш сценарий.

duplicate-frame

Анимационный баннер готов, осталось его сохранить. Для этого из главного меню Photoshop выдерите File -> Save for Web and Devices… и в выпадающем списке выбора формата файла, указываем формат GIF.