Курс по редактированию шаблонов из группы (часть 3) «Анимация»
Очередь подошла и к разбору анимированных шаблонов. Если Вы здесь, значит, у Вас есть вопросы или возникают трудности при редактировании анимированных баннеров. Я просто не мог оставить данную тему без внимания. Итак, поехали!
Важно! Весь материал посвящен только помощи в редактировании уже имеющихся шаблонов из группы, никто не обещает сделать из Вас дизайнера. Мнение автора носит субъективный характер и может не совпадать с Вашим, а также с общепринятыми правилами в дизайне.
А также рекомендую ознакомиться с предыдущими уроками, так как я не буду повторяться и затрагивать данный материал повторно:
Инструмент для работы с анимацией
Первым делом хочется углубиться в теорию, чтобы у Вас было понимание, с чем мы будем работать. Анимированный баннер – это набор кадров, которые проигрываются попеременно с заданным временным промежутком. Анимация используется для выделения графического полотна из статичной массы.
Для начала работы с анимацией нам понадобится инструмент «Шкала времени» («Timeline»). Найти его очень просто: откройте вкладку «Окно» («Window») и найдите в списке «Шкала времени» («Timeline»). Откроется окошко, в котором у нас и будут располагаться кадры анимированного баннера.
Тонкости при работе с анимированными шаблонами
Самое главное, что нужно знать при работе с psd-шаблонами анимированных баннеров, это то, что все изменения необходимо производить на активном первом кадре. Активировать его очень просто, достаточно нажать один раз на первый кадр, он выделится, и, таким образом, будет активирован. При открытии шаблона, как правило, первый кадр активирован по умолчанию.
Второй шаг – скорость анимации. Выставленная мною скорость анимации по умолчанию может не устроить Вас, не стоит с этим мириться, так как скорость можно изменить. Для этого выделите все кадры (с зажатой клавишей «shift» на клавиатуре), нажмите на область со временем задержки кадра и выставите нужное Вам значение. Его можно выбрать из имеющихся вариантов или ввести самостоятельно.
Не забывайте прокручивать анимацию, чтобы подобрать необходимую скорость воспроизведения. Кнопочку «play» и «stop» также можно найти в окне «Шкала времени» («Timeline»).
Часто возникающие проблемы
Несмотря на кажущуюся простоту, при работе с анимированными psd-шаблонами происходят непредвиденные трудности, которые могут застать Вас врасплох. Давайте разберем их и будем готовы к их решению!
Проблема: пропадает фоновое изображение или любой другой элемент шаблона на одном или всех кадрах, возникает моргание анимации.
Решение: вероятней всего эти самые элементы выключились на некоторых кадрах. Осмотрите зрительно шкалу времени, если проблемная зона не видна, нажмите на каждый кадр отдельно. После выявления проблемных кадров активируйте все слои на них.
Проблема: элементы шаблона неестественно скачут во время проигрывания.
Решение: в данном случае нет необходимости искать проблемные кадры. Найдите данный элемент на первом кадре, сделайте его дубликат, нажмите на него правой кнопкой мыши, жмите «дубликат группы» или «создать дубликат слоя», а старый вариант удалите.
Рекомендую! Не забывайте осматривать шкалу времени после каждого редактирования и включать анимацию для пробного просмотра. Таким образом, Вы сможете избежать неприятных неожиданностей в конечном результате.
Сохранение
GIF. Чтобы сохранить анимированный баннер, необходимо: зайти во вкладку «Файл», найти пункт «Сохранить для веб» или «Экспортировать» - «Сохранить для веб». В открывшемся окне выставляем формат сохранения (GIF), после чего жмем сохранить.
Видео. Так как Инстаграм не поддерживает анимацию, необходимо сохранить ее как видеозапись. Для этого нужно открыть вкладку «Файл», найти «Экспорт» - «Экспорт видео» или «Просмотреть видео». Далее откроется окно настроек для экспорта видео, жмем кнопку рендеринг, изначально выбрав папку для сохранения.
Публикация баннера ВКонтакте
Для публикации анимированного баннера необходимо прикрепить его как «Документ» к Вашему посту.
Важно: никаких других документов прикреплять к посту нельзя, в противном случае баннер не будет воспроизводиться.
Итог
В данной статье я осветил все, что необходимо знать при редактировании анимированных шаблонов, разобрал проблемы, которые могут возникнуть в ходе их редактирования. Если статья была Вам полезна, Вы знаете, что нужно делать! Спасибо за внимание, всем легкого редактирования и отличных результатов!