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

Сегодня интернет наполнен движением, поэтому GIF-изображения получили широкое распространение. Движущееся изображение может рассказать более сложную историю, а Adobe Photoshop упрощает создание файлов GIF. Посмотрите, как дизайнер и разработчик контента Кендалл Плант дает новую жизнь одному из своих рисунков, превращая его в файл GIF.

Цифровой эскиз черепа с исходящими от него линиями, обозначающими движение на статичном изображении.

Посмотрите этот короткий видеоролик, чтобы увидеть, как Кендалл Плант создает GIF-анимацию. Шаги описаны ниже.

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

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

 

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

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

Добавление вариаций цифрового эскиза на отдельные слои в Adobe Photoshop.

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

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

Добавление слоев эскиза в качестве кадров на шкалу времени анимации в Adobe Photoshop.

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

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

Установка времени анимации для всех кадров и выбор параметра «Постоянно», чтобы анимация повторялась циклически.

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

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

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

Поделитесь GIF-анимацией

Создайте собственный файл GIF и поделитесь им на своей любимой социальной платформе или с друзьями. И продолжайте творить.

Размещение GIF-анимации в социальных сетях.

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

Другие полезные возможности

Использование правила третей для съемки идущей женщины с розовым зонтом

Как использовать и нарушать правило третей

Улучшите свои навыки фотокомпозиции, чтобы фотографии были более эффектными. 

Ночная фотография панорамы города с эффектом боке.

Как добавить на фотографию фон боке

Узнайте больше о красивом эффекте размытия, который может придать вашим фотографиям потрясающий вид.

Художник рисует в технике акварели кистью с краской золотого цвета.

Изучение акварельных техник

Эти советы помогут вам запечатлеть плавные мазки кисти и богатую акварельную текстуру.

Редактирование видео в программе для редактирования цифрового видео

Используйте эффекты кинопленки, чтобы добавить магию кино в свои видео

Эти полезные приемы помогут усилить художественный эффект и эмоциональную глубину вашей работы.

Попробуйте Lightroom уже сегодня

Lightroom

План Lightroom
Включает новый сервис Lightroom и 1 ТБ облачного хранилища.
644,00 руб. без НДС в месяц.
Подробнее › | Купить ›

Работа с фотографиями (20 Гб)
Включает Lightroom, Lightroom Classic и Photoshop. 
499,00руб.в месяц

|

Работа с фотографиями (20 Гб)
Включает Lightroom, Lightroom Classic и Photoshop.
499,00руб.в месяц

Учащимся и преподавателям
Скидка 46% на полный пакет приложений Creative Cloud. Экономьте еще больше, чем прежде.
1 030,40 руб./мес. + НДС​

в первый год

|

Все приложения
Photoshop для ПК и iPad, а также полная коллекция приложений для творчества.
Вводное предложение: Photoshop в составе Adobe Creative Cloud всего за 

1 932,00 руб. в месяц + НДС.

|

Все приложения
Photoshop для ПК и iPad, а также полная коллекция приложений для творчества.
Вводное предложение: Photoshop в составе Adobe Creative Cloud всего за 

1 932,00 руб. в месяц + НДС.