Создание GIF-анимации в Adobe Photoshop

Приступая к работе

Используйте этот образец эскиза или свои собственные эскизы.

Шаг 1. Нарисуйте эскиз

Сначала Плант создала несколько вариаций первоначального эскиза, чтобы показать различные состояния движения, и сохранила каждую вариацию в отдельном файле. Затем она открыла первый эскиз в Photoshop и перетащила остальные файлы с компьютера в документ, нажав клавишу Return (или Enter), чтобы поместить каждый файл на отдельный слой. После этого она нажала на пиктограмму блокировки, чтобы разблокировать исходный слой.

Шаг 2. Оживите рисунок

Чтобы анимировать эскизы, Плант открыла шкалу времени («Окно» > «Шкала времени»), в раскрывающемся меню выбрала «Создать анимацию кадра» и во всплывающем меню выбрала «Создать кадры из слоев». Если вы использовали шкалу времени ранее, она может содержать пустые кадры по умолчанию. В этом случае нажмите на первый кадр и, удерживая клавишу Shift, нажмите на последний кадр. Затем во всплывающем меню выберите «Удалить кадры». После этого можно выбрать пункт «Создать кадры из слоев».

Шаг 3. Выберите скорость анимации

Чтобы установить одинаковое время для каждого кадра, Плант нажала на первый кадр на шкале времени, а затем нажала на последний кадр, удерживая клавишу Shift. Можно щелкнуть стрелку вниз в одном кадре и установить интервал 0,1 секунды — все выбранные кадры будут обновлены. Затем в раскрывающемся меню под шкалой времени Плант выбрала «Постоянно», чтобы анимация повторялась непрерывно. Время анимации можно просмотреть, нажав «Воспроизвести». 

Шаг 4. Экспортируйте в файл GIF

Выберите «Файл» > «Экспортировать» > «Сохранить для Web» (старая версия). Выберите «GIF» в формате экспорта и «Постоянно» в параметрах повтора.

Примечание. Файлы проекта, включенные в данное руководство, предназначены исключительно для практического использования.