Как создать анимированный GIF с помощью фотошопа

Анимированные GIF-файлы, пожалуй, одни из самых интересных и используемых файлов в Интернете. Их можно использовать в равной степени, чтобы развлечься или быстро и дидактически довести точку до дома, не занимая много места на веб-сайте.

Однако GIF-файлы кажутся сложными, но на самом деле их не так сложно создать. На самом деле, если у вас есть Photoshop, у вас уже есть все, что вам нужно для его создания, и это именно то, что мы покажем вам в этом уроке.

Готовы? Давайте начнем.

Шаг 1. Сначала подготовьте файлы изображений, которые будут составлять ваш GIF-файл, поскольку каждый GIF-файл состоит из разных кадров. Это означает, что у вас уже должны быть разные «кадры», которые будут составлять ваш GIF. Для этого примера я создам GIF, состоящий из трех простых файлов изображений (показано ниже).

Шаг 2: Откройте файлы в Photoshop (если вы не создали их в Photoshop для начала) и убедитесь, что каждый из них принадлежит отдельному слою. Чтобы убедиться в этом, после открытия первого файла нажмите кнопку « Создать новый слой» в правом нижнем углу панели « Слои» (см. Ниже) и вставьте следующий файл изображения в новый слой.

После того как все ваши изображения будут добавлены в свои собственные слои, они должны выглядеть следующим образом на панели «Слои Photoshop»:

Шаг 3: Теперь в Photoshop перейдите в меню « Окно» и нажмите « Анимация». Это вызовет палитру анимации в Photoshop. Как только это произойдет, нажмите на кнопку в правом нижнем углу (показано ниже), чтобы переключиться с представления « Таймлайн» на представление « Кадры», что немного облегчит нашу работу.

Шаг 4. По умолчанию в палитре «Анимация» будет отображаться только одно изображение (или «кадры»), которые у вас есть. В нижней части каждого кадра также отображается время, в течение которого оно будет отображаться в конечном файле GIF. Если вы хотите изменить это, просто нажмите на него и выберите желаемое время. Выбранное вами время также будет применяться к остальным кадрам.

Шаг 5: Теперь, чтобы добавить несколько кадров, куда пойдут ваши другие изображения. Для этого в палитре «Анимация» нажмите кнопку « Дублировать кадр».

Это добавит второй кадр, который будет составлять ваш GIF. Теперь вот трюк: для каждого добавленного кадра убедитесь, что только соответствующий слой, содержащий желаемое изображение для этого кадра, выбран на палитре слоев. Проверьте изображения ниже, например:

Поскольку я хочу, чтобы слой 1 и слой 2 были вторым и третьим компонентами моего файла GIF соответственно, я выбираю один или другой только для второго и третьего кадров. В конце палитра «Анимация» должна показать все кадры вашего GIF-файла в том порядке, в котором они будут отображаться, а также задано количество времени, в течение которого будет отображаться каждый файл.

Шаг 6: Как только кадры вашего будущего GIF будут готовы, пришло время сохранить его. Для этого в меню « Файл» выберите « Сохранить для Web и устройств». В открывшемся окне обязательно выберите формат GIF в разделе « Предварительные настройки».

Кроме того, нажав на вкладки над изображением в этом окне, вы сможете выбрать различные выходные качества (конечно же, с разными размерами) для вашего файла GIF.

После того, как вы выберете размер и качество вашего GIF, нажмите « Сохранить», и все готово.

Наслаждайтесь своим GIF-файлом!