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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оглавление
1. Как убрать прыщи в Фотошопе? 4:50 0 94140
2. Как изменить цвет глаз в Фотошопе? 2:27 4 29292
3. Как изменить цвет волос в Фотошопе? 3:39 1 141830
4. Как изменить фон в Фотошопе? 4:21 6 296778
5. Как сделать фотографию черно-белой в Фотошопе? 4:09 1 20120
6. Как обрезать фотографию в Фотошопе? 3:09 1 103809
7. Как установить плагин для Фотошопа? 3:09 0 41712
8. Как добавить кисти в Фотошоп? 2:29 0 19436
9. Как вырезать объект или человека в Фотошопе? 4:22 2 190163
10. Как сделать кожу идеальной в Фотошопе? 4:35 0 88566
11. Как установить шрифты в Фотошоп? 3:03 0 55989
12. Как создать новый слой в Фотошоп? 1:54 0 27964
13. Как сделать Gif-анимацию в Фотошопе? 4:05 0 153214
14. Рисуем зомби в Photoshop 3:34 5 19599
15. Как сделать скриншот? 1:39 0 17280
17. Как уменьшить вес фотографии 2:06 0 5056
18. Как уменьшить размер фотографии 1:07 0 5755
19. Как две фотографии соединить в одну 1:13 0 44075
20. Как сделать панорамное фото? 1:48 0 9392
21. Как сделать фото из видео? 1:48 0 21707
22. Как скачать Photoshop? 2:19 0 29613
23. Основные отличия Photoshop® CS6 от CS5 1:54 0 3698
24. Как быстро переместить объект на фотографии в Photos... 1:30 0 7673
25. Как добавить текст на фотографию в Photoshop® CS6 1:23 0 8641
26. Как обработать фото в фотошоп CS6 1:31 0 15882
27. Как отбелить зубы в Photoshop® CS6 1:25 0 7646
28. Как сделать красивую фотографию в Photoshop® CS6 1:45 0 17438
29. Как сделать красивые, яркие глаза в Photoshop® CS6 1:26 2 24405
30. Как создавать HDR изображения в Photoshop CS6 1:16 0 8123
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook