Как да създадете анимиран GIF с помощта на Photoshop (със снимки)

Съдържание:

Как да създадете анимиран GIF с помощта на Photoshop (със снимки)
Как да създадете анимиран GIF с помощта на Photoshop (със снимки)

Видео: Как да създадете анимиран GIF с помощта на Photoshop (със снимки)

Видео: Как да създадете анимиран GIF с помощта на Photoshop (със снимки)
Видео: 15 Способов Пронести ДРУГА в КИНОТЕАТР ! **2 Часть** 2024, Ноември
Anonim

Това wikiHow ви учи как да създадете анимиран-g.webp

Стъпка

Метод 1 от 2: Създаване на анимации от нулата

Създайте анимирани файлове с помощта на Photoshop Стъпка 1
Създайте анимирани файлове с помощта на Photoshop Стъпка 1

Стъпка 1. Отворете Photoshop

Това приложение е маркирано със светлосиня икона на буква „Ps“на тъмен фон.

Създайте анимирани файлове с помощта на Photoshop Стъпка 2
Създайте анимирани файлове с помощта на Photoshop Стъпка 2

Стъпка 2. Създайте нов проект

За да го направите:

  • Щракнете Файл.
  • Щракнете Ново.
  • Изберете размера на проекта.
  • Щракнете Създайте.
Създайте анимирани файлове с помощта на Photoshop Стъпка 3
Създайте анимирани файлове с помощта на Photoshop Стъпка 3

Стъпка 3. Създайте слой за всеки кадър (рамка)

Всеки слой в анимацията ще има своя собствена рамка. Ако рисувате анимацията ръчно или я компилирате от поредица от изображения, уверете се, че всеки кадър е на нов слой. Можете да създадете нов слой по няколко начина:

  • Щракнете върху иконата „Нов слой“в долната част на прозореца на слоевете.
  • Щракнете Слоеве, Ново, Слоеве.
  • Натиснете комбинацията от клавиши Преместване+ Ctrl+ н (Компютър) или Преместване+ Команда+ н (Mac).
Създайте анимирани файлове с помощта на Photoshop Стъпка 4
Създайте анимирани файлове с помощта на Photoshop Стъпка 4

Стъпка 4. Щракнете върху прозорец, след което изберете Хронология.

След това видеоклипът ще бъде добавен към времевата линия („Timeline“) в долната част на прозореца на проекта Photoshop, точно като времевата линия, която обикновено се появява в приложенията за редактиране на видео.

Създайте анимирани файлове с помощта на Photoshop Стъпка 5
Създайте анимирани файлове с помощта на Photoshop Стъпка 5

Стъпка 5. Щракнете върху Създаване на рамкова анимация

Може да се наложи да кликнете върху бутона

Android7expandmore
Android7expandmore

първо да видите опциите.

Създайте анимирани файлове с помощта на Photoshop Стъпка 6
Създайте анимирани файлове с помощта на Photoshop Стъпка 6

Стъпка 6. Щракнете

Намира се в горния десен ъгъл на прозореца на хронологията. След като щракнете, ще се появи падащо меню.

Създайте анимирани файлове с помощта на Photoshop Стъпка 7
Създайте анимирани файлове с помощта на Photoshop Стъпка 7

Стъпка 7. Щракнете върху Създаване на рамки от слоеве

След това всеки слой ще бъде преобразуван в един кадър, който съставлява анимирания GIF.

Създайте анимирани файлове с помощта на Photoshop Стъпка 8
Създайте анимирани файлове с помощта на Photoshop Стъпка 8

Стъпка 8. Щракнете върху бутона

Android7dropdown
Android7dropdown

който е до бутона „Веднъж“.

Тази опция ще зададе броя повторения на анимацията, която искате.

Създайте анимирани файлове с помощта на Photoshop Стъпка 9
Създайте анимирани файлове с помощта на Photoshop Стъпка 9

Стъпка 9. Изберете завинаги

С тази опция анимираният-g.webp

  • Можете също да щракнете върху иконата

    Android7expandmore
    Android7expandmore

    под всеки кадър, за да регулирате времето, ако искате определени кадри да се показват по -дълго или по -бързо по време на възпроизвеждане на анимация.

Създайте анимирани файлове с помощта на Photoshop Стъпка 10
Създайте анимирани файлове с помощта на Photoshop Стъпка 10

Стъпка 10. Щракнете върху Файл, след което изберете Експорт и щракнете Запазване за мрежата (наследство).

След това ще се покажат опциите за експортиране за формата на уеб изображението.

Създайте анимирани файлове с помощта на Photoshop Стъпка 11
Създайте анимирани файлове с помощта на Photoshop Стъпка 11

Стъпка 11. Щракнете върху Запазване

Ако искате да запазите анимирания-g.webp

Уверете се, че в падащото поле вдясно е избран „GIF“

Създайте анимирани файлове с помощта на Photoshop Стъпка 12
Създайте анимирани файлове с помощта на Photoshop Стъпка 12

Стъпка 12. Изберете име на файл и запишете местоположението, след което щракнете върху Запазване

Анимираният-g.webp

Метод 2 от 2: Създаване на анимации от видеоклипове

Създайте анимирани файлове с помощта на Photoshop Стъпка 13
Създайте анимирани файлове с помощта на Photoshop Стъпка 13

Стъпка 1. Отворете Photoshop

Това приложение е маркирано със светлосиня икона „Ps“на тъмен фон.

Създаване на анимирани файлове с помощта на Photoshop Стъпка 14
Създаване на анимирани файлове с помощта на Photoshop Стъпка 14

Стъпка 2. Отворете видео файла

След това видеото ще бъде импортирано във Photoshop и поставено в прозореца на хронологията в долната част на прозореца на програмата. За да го поставите, можете да плъзнете и пуснете видео файла директно в прозореца Photostop или:

  • Щракнете Файл и изберете Отворено.
  • Изберете желания видео файл.
  • Щракнете Отворено.
Създайте анимирани файлове с помощта на Photoshop Стъпка 15
Създайте анимирани файлове с помощта на Photoshop Стъпка 15

Стъпка 3. Настройте продължителността

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

Ако искате да прегледате промените, натиснете бутона за възпроизвеждане от лявата страна на прозореца на хронологията

Създайте анимирани файлове с помощта на Photoshop Стъпка 16
Създайте анимирани файлове с помощта на Photoshop Стъпка 16

Стъпка 4. Регулирайте скоростта

Ако искате да ускорите или забавите скоростта на възпроизвеждане на видео, можете да щракнете с десния бутон върху клип във времевата линия и да промените параметъра „Скорост“. Можете да въведете нов процентен номер (например 50% за възпроизвеждане на видеоклипа с половината от първоначалната скорост или 200% за възпроизвеждане на видеоклипа с двойна скорост) или:

  • Щракнете

    Android7expandmore
    Android7expandmore

    и плъзнете плъзгача наляво или надясно, за да регулирате ръчно скоростта на въртене.

Създайте анимирани файлове с помощта на Photoshop Стъпка 17
Създайте анимирани файлове с помощта на Photoshop Стъпка 17

Стъпка 5. Преоразмерете изображението

Ако импортирате видеоклипове с HD качество, е възможно размерът на изображението да бъде доста голям. Ако искате да качите анимиран-g.webp

  • Щракнете Образ.
  • Щракнете Размер на изображението.
  • Въведете новия размер на изображението (350 x 197 е препоръчителният размер за HD видео).
  • Щракнете Добре.
  • Щракнете Конвертиране.
Създайте анимирани файлове с помощта на Photoshop Стъпка 18
Създайте анимирани файлове с помощта на Photoshop Стъпка 18

Стъпка 6. Щракнете върху Файл, избирам Експорт и щракнете Запазване за мрежата (наследство).

След това ще се покажат опциите за експортиране за формата на уеб изображението.

Създайте анимирани файлове с помощта на Photoshop Стъпка 19
Създайте анимирани файлове с помощта на Photoshop Стъпка 19

Стъпка 7. Изберете желаната качествена версия

Ако искате да запазите анимирания-g.webp

Уверете се, че опцията „GIF“е избрана в падащото меню вдясно, така че видеоклипът да бъде запазен като-g.webp" />
Създайте анимирани файлове с помощта на Photoshop Стъпка 20
Създайте анимирани файлове с помощта на Photoshop Стъпка 20

Стъпка 8. Щракнете

Android7expandmore
Android7expandmore

този до него Циклични опции и изберете желаната опция.

Намира се в долния десен ъгъл на прозореца. Посочете дали анимацията ще се възпроизвежда веднъж или ще се повтаря непрекъснато.

Създайте анимирани файлове с помощта на Photoshop Стъпка 21
Създайте анимирани файлове с помощта на Photoshop Стъпка 21

Стъпка 9. Щракнете върху Запазване

След това ще се отвори прозорецът за запазване на файл.

Създайте анимирани файлове с помощта на Photoshop Стъпка 22
Създайте анимирани файлове с помощта на Photoshop Стъпка 22

Стъпка 10. Изберете име на файл и запишете местоположението, след което щракнете върху Запиши

Вашият анимиран-g.webp

Съвети

Препоръчано: