Как создать анимированный GIF в Adobe Photoshop Elements

Загрузить PDF
Загрузить PDF

В интернете вам на глаза попадались маленькие анимированные изображения, которые ваш компьютер воспринимает как картинки? Они называются GIF ("гиф") и используются для чего угодно — начиная от логотипов и заканчивая аватарками и эмотиконами. Вы можете самостоятельно создать GIF анимацию с помощью Adobe Photoshop Elements.

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e9\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-1-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e9\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-1-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Подходящим размером для практики будет файл 300 на 300 пикселей с разрешением 72 dpi. Можно выбрать прозрачный фон, так анимация будет выглядеть еще круче, но это не обязательно.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b9\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-2-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b9\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-2-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Затем нарисуйте кадры, каждый на отдельном слое, используя любые приемы рисования, которые душе угодно. Убедитесь, что первый кадр находится на самом нижнем слое, последний кадр — на самом верхнем, а остальные кадры — между ними, в хронологическом порядке.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/63\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-3-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/63\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-3-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Когда закончите рисовать все кадры, установите видимость слоев таким образом, чтобы ВСЕ слои были ВИДИМЫ. Это важное условие!
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-4-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-4-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    • "GIF" формат обычно установлен по умолчанию, но, если нет, то с помощью выпадающего меню установите формат файла на "GIF".
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-5-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-5-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6b\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-6-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6b\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-6-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Должно появиться окно интернет браузера с изображением вашей анимации. Если все выглядит хорошо, закройте браузер и нажмите "Сохранить" ("Save").
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a1\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-7-Version-3.jpg\/v4-460px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a1\/Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-7-Version-3.jpg\/v4-728px-Create-an-Animated-GIF-in-Adobe-Photoshop-Elements-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Если же анимация не оправдывает ваши ожидания, нажмите"Отмена"("Cancel") и внесите в кадры необходимые изменения.
    Реклама

Советы

  • Чем больше кадров, тем более плавной будет выглядеть ваша анимация. В то же время, анимация будет смотреться медленнее, так что будьте внимательны.
  • GIF-изображения могут быть любого размера, так что творите!
Реклама

Предупреждения

  • При сохранении рисунка в формате GIF качество изображения обычно ухудшается, поэтому постарайтесь, чтобы изображение было как можно проще
  • Бывают не только анимированные GIF изображения. Есть и неподвижные GIF , поэтому если вам просто нужно сохранить файл в формате GIF, чтобы уменьшить его размер — не используйте данное руководство.
Реклама

Дополнительные статьи

Как
сделать обводку текста в Photoshop
Как
изогнуть текст в Photoshop
Как
создать таблицу в Adobe Illustrator
Как
изменить фон в Adobe Illustrator
Как
сделать плавный переход с одного изображения в другое в Photoshop
Как
добавить тень в Illustrator
Как
в Photoshop преобразовать текст в кривые
Как
добавить гиперссылку в Illustrator
Как
создать прозрачный фон в Paint
Как
вращать объекты в Photoshop
Как
добавить текстуру в Illustrator
Как
создать фон в фотошопе
Как
изменить размер изображения в Microsoft Paint
Как
нарисовать кривую линию в Photoshop
Реклама

Об этой статье

На других языках
Эту страницу просматривали 5021 раз.

Была ли эта статья полезной?

Реклама