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

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оглавление
1. Как убрать прыщи в Фотошопе? 4:50 0 93938
2. Как изменить цвет глаз в Фотошопе? 2:27 4 29164
3. Как изменить цвет волос в Фотошопе? 3:39 1 141637
4. Как изменить фон в Фотошопе? 4:21 6 296518
5. Как сделать фотографию черно-белой в Фотошопе? 4:09 1 20051
6. Как обрезать фотографию в Фотошопе? 3:09 1 103552
7. Как установить плагин для Фотошопа? 3:09 0 41201
8. Как добавить кисти в Фотошоп? 2:29 0 19107
9. Как вырезать объект или человека в Фотошопе? 4:22 2 189689
10. Как сделать кожу идеальной в Фотошопе? 4:35 0 88274
11. Как установить шрифты в Фотошоп? 3:03 0 54740
12. Как создать новый слой в Фотошоп? 1:54 0 27184
13. Как сделать Gif-анимацию в Фотошопе? 4:05 0 152618
14. Рисуем зомби в Photoshop 3:34 5 19529
15. Как сделать скриншот? 1:39 0 17207
17. Как уменьшить вес фотографии 2:06 0 5038
18. Как уменьшить размер фотографии 1:07 0 5742
19. Как две фотографии соединить в одну 1:13 0 43940
20. Как сделать панорамное фото? 1:48 0 9378
21. Как сделать фото из видео? 1:48 0 21522
22. Как скачать Photoshop? 2:19 0 29278
23. Основные отличия Photoshop® CS6 от CS5 1:54 0 3656
24. Как быстро переместить объект на фотографии в Photos... 1:30 0 7434
25. Как добавить текст на фотографию в Photoshop® CS6 1:23 0 8289
26. Как обработать фото в фотошоп CS6 1:31 0 15727
27. Как отбелить зубы в Photoshop® CS6 1:25 0 7598
28. Как сделать красивую фотографию в Photoshop® CS6 1:45 0 16943
29. Как сделать красивые, яркие глаза в Photoshop® CS6 1:26 2 24190
30. Как создавать HDR изображения в Photoshop CS6 1:16 0 8099
Яндекс цитирования
Нажмите нравится, чтобы читать "TeachVideo.ru" в facebook