Как сделать Gif-анимацию в Фотошопе?

С этим уроком также смотрят


Перед вами собрание лучших уроков, которые научат работать с растровой и векторной графикой, верстать макеты и проектировать дизайн-проекты.

Обновлен: 16 ноября 2015

Графика,
Видеоответы

Loading the player...
Текст урока
Как сделать GIF анимацию в Фотошопе?


С помощью редактора «Adobe Photoshop» вы легко сможете сделать Gif анимацию, используя стандартные инструменты. В этом уроке мы расскажем, как это сделать.

Для начала создадим документ размером десять на десять пикселей. Для этого перейдите на вкладку «Файл» и выберите команду «Создать».

В появившемся диалоговом окне «Новый» задайте размеры для нового документа, введя значения, равные десяти пикселям, в поля «Ширина» и «Высота».

После ввода размеров изображения нажмите «Ок».

Выполните приближение изображения до размера, необходимого для удобной работы.

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

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

Данная рабочая среда представляет собой набор универсальных инструментов для создания анимации. Оставьте видимым и активным только нижний слой, щелкнув по пиктограммам в виде глаза возле слоев.

Выберите инструмент «Карандаш» и на панели атрибутов установите для него размер, равный трем пикселям.

Теперь с помощью карандаша нарисуйте квадрат в левом нижнем углу изображения.

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

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

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

На панели «Анимация» появится один кадр, теперь нажмите на кадре правой кнопкой мыши и в появившемся контекстном меню выберите интервал, равный одной секунде.

Теперь нажмите три раза на кнопку «Создание копии выделенных кадров», расположенную в нижней части этой же панели, чтобы добавить в анимацию еще три кадра.

Выделите первый кадр на панели «Анимация» и сделайте видимым и активным только первый слой изображения на палитре слоев. Как вы можете заметить, первому кадру присвоились атрибуты первого слоя.

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

Теперь мы получили анимацию, состоящую из четырех различных кадров. Чтобы просмотреть получившийся результат нажмите на кнопку «Запуск воспроизведения анимации», расположенную в нижней части панели «Анимация».

Теперь осталось только сохранить созданную анимацию в формате «Gif».

Таким образом, используя инструменты редактора Фотошоп вы легко сможете сделать «Gif-анимацию».

Комментарии (0)

Оглавление
1. Как убрать прыщи в Фотошопе? 4:50 0 93720
2. Как изменить цвет глаз в Фотошопе? 2:27 4 29125
3. Как изменить цвет волос в Фотошопе? 3:39 1 141374
4. Как изменить фон в Фотошопе? 4:21 6 296289
5. Как сделать фотографию черно-белой в Фотошопе? 4:09 1 20020
6. Как обрезать фотографию в Фотошопе? 3:09 1 103154
7. Как установить плагин для Фотошопа? 3:09 0 40708
8. Как добавить кисти в Фотошоп? 2:29 0 18966
9. Как вырезать объект или человека в Фотошопе? 4:22 2 189180
10. Как сделать кожу идеальной в Фотошопе? 4:35 0 88119
11. Как установить шрифты в Фотошоп? 3:03 0 54307
12. Как создать новый слой в Фотошоп? 1:54 0 26885
13. Как сделать Gif-анимацию в Фотошопе? 4:05 0 152224
14. Рисуем зомби в Photoshop 3:34 5 19486
15. Как сделать скриншот? 1:39 0 17141
17. Как уменьшить вес фотографии 2:06 0 5029
18. Как уменьшить размер фотографии 1:07 0 5735
19. Как две фотографии соединить в одну 1:13 0 43862
20. Как сделать панорамное фото? 1:48 0 9361
21. Как сделать фото из видео? 1:48 0 21292
22. Как скачать Photoshop? 2:19 0 29080
23. Основные отличия Photoshop® CS6 от CS5 1:54 0 3614
24. Как быстро переместить объект на фотографии в Photos... 1:30 0 7315
25. Как добавить текст на фотографию в Photoshop® CS6 1:23 0 8044
26. Как обработать фото в фотошоп CS6 1:31 0 15609
27. Как отбелить зубы в Photoshop® CS6 1:25 0 7552
28. Как сделать красивую фотографию в Photoshop® CS6 1:45 0 16698
29. Как сделать красивые, яркие глаза в Photoshop® CS6 1:26 2 24080
30. Как создавать HDR изображения в Photoshop CS6 1:16 0 8069
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook