Создание анимации в программе Photoshop и альтернативный метод от которого я в восторге

1 голос
Программа для создания анимации

Приветствую! На связи Андрей Зенков, и сегодня я расскажу вам о программе, в которой частенько создаю крутые гифки для разных целей.

Анимация представляет собой серию кадров, которые незамедлительно сменяются друг за другом. С помощью специальных программ можно без проблем создать gif-файл любого размера. А знали ли вы, что Adobe Photoshop не только редактор фотографий, но и отличная программа для создания анимации? В этой статье вы узнаете о том, как создать анимацию в фотошопе на русском языке. Я пользуюсь версией CS5. Её можно скачать в интернете практически с первого же сайта в выдаче.

Создаём анимацию вместе

Представляю вашему вниманию подробную инструкцию для начинающих, при помощи которой вы сможете создать gif-файл. Его же можно извлечь из видео в формате mp4, но об этом в другой раз.

Чтобы приступить к созданию анимации, выберите желаемую картинку в формате PNG (для этого урока объект обязательно должен быть изображён в формате PNG) и откройте в программе Фотошоп:

Создайте новый файл. Для этого в левом верхнем углу нажмите «Файл», а затем выберите «Создать». Здесь вы сможете задать ширину, высоту и расширение объекта. После выбора характеристик объекта нажмите ОК.

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

Перетягиваем наше изображение на нижний разблокированный слой с помощью инструмента перемещения, который расположен в верхней части панели с левой стороны. Если изображение окажется слишком большим, то вы можете его уменьшить и подогнать под размер холста. Для этого выделяем слой и нажимаем на «Редактирование», а затем выбираем «Свободное трансформирование»:

Чтобы уменьшить объект, зажимаем Shift и тянем за уголок изображения. В противном случае изображение будет уменьшаться неравномерно.

Кликаем по инструменту «Перемещение» и применяем трансформирование.

Итак, можем начать работать с анимацией. Теперь необходимо преобразовать изображение в смарт-объект. Для этого кликаем правой кнопкой мыши на слой с объектом и выбираем «Преобразовать в смарт-объект». После чего в углу слоя появится значок. Это значит что картинка является смарт-объектом:

Выбираем в меню «Редактирование», а затем — пункт «Марионеточная деформация». Объект изображения будет обведён в сеточку: это означает, что объект сможет двигаться:

Вместо курсора появится иголочка, с помощью которой вы сможете расставить точки связки. Это делается для того, чтобы закрепить изображение на холсте. Удерживая левую кнопку мыши на одной из точек, вы можете двигать определённую часть объекта. Если вы захотите удалить, то воспользуетесь комбинацией Alt + левая кнопка мыши (появятся ножницы).

После расстановки точек создаём первый кадр и нажимаем Enter. Далее рядом со слоем объекта появился дополнительный слой «Смарт-фильтры» и «Марионеточная деформация». Так мы создали первый кадр:

Чтобы создать последующие кадры, нажимаем правой кнопкой мыши на слой с объектом и выбираем «Создать дубликат слоя» или использовать горячие клавиши Ctrl + J.

Возвращаемся к функции «Марионеточная деформация» на вновь скопированном слое. Кликаем дважды левой кнопкой мыши на марионеточную деформацию, расположенную под смарт-фильтрами. Объект изображения снова покроется сеткой.

Чтобы создать второй кадр, закрепляем объект точками, зажимаем клавишу Alt и немного смещаем объект курсором. Для завершения нажимаем на Enter.

Проделываем такие же действия со смещением объекта. Чтобы анимация была наиболее реалистичной, лучше сделайте расстояние между смещением как можно меньше. Проделайте необходимое количество слоёв и нажимаем «Окно — Анимация». Внизу всплывёт горизонтальная панель.

Создаём нужное количество слоёв анимации (совпадает с количеством слоёв в небезызвестной вам панели). Теперь перед нами стоит следующая задача: сделать так, чтобы номер слоя в панели снизу совпадал с номером слоя в боковом окне. Для этого поочерёдно переключаемся между кадрами и активируем нужные слои иконкой глазика:

Вы можете просмотреть анимацию, нажав на Пуск. Чтобы объект двигался, не переставая, выберете вариант «Постоянно». Также под каждым кадром можно выставить время:

Анимация готова. Чтобы сохранить анимацию в gif, нажимаем «Файл», а затем «Сохранить для Web». Откроется окно настройки сохранения. В поле, где указан формат PNG, выбираем GIF и сохраняем. Готово! Теперь наша прекрасная бабочка готова упорхнуть за пределы видимости.

Альтернативное решение, — мой выбор SUPA

Если вы не хотите проделывать долгий путь к созданию анимации и предпочитаете довольствоваться более простыми вариантами, то рекомендую использовать сервис Supa, доступный в режиме онлайн. Сервис классный. Можно сколько угодно тренироваться, доступен полный функционал шаблонов и инструкций. Правда для качественного чистового экспорта видео, потребуется приобрести «Премиум» тариф. На сегодняшний день его стоимость 990 рублей за месяц пользования. Причем если вы перестанете платить, то ваши наработки и сохраненные видео никуда не денутся. Попробуйте, уверен вам этот сервис понравится.


Надеюсь, эта статья по созданию анимации была полезной для вас, дорогие читатели! Не забудьте подписаться на обновления блога и группу VK, чтобы не пропустить больше интересного материала.

Желаю удачи в покорении новых вершин вместе с блогом Start-Luck!

Добавить комментарий

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: