Как да създадете анимиран GIF с помощта на Photoshop
Miscellanea / / February 10, 2022
![Gt 1](/f/9b4421f9ab3d8f4cf4fa76fbace16b55.png)
Въпреки това, макар да изглеждат сложни, GIF файловете всъщност не са толкова трудни за създаване. Всъщност, ако имате Photoshop, вече имате всичко необходимо, за да създадете такъв, което е точно това, което ще ви покажем в този урок.
Готов? Да започваме.
Етап 1: Първо, подгответе файловете с изображения, които ще съставят вашия GIF файл, тъй като всеки GIF файл е направен от различни рамки. Това означава, че вече трябва да имате различните „рамки“, които ще съставят вашия GIF. За този пример ще създам GIF, съставен от три прости графични файла (показани по-долу).
![Изображения преди](/f/3c3f4320cb28f807e8ff60aba98daec9.png)
![Готови изображения](/f/7cdf86d8e27334499be68d1d38e82ec1.png)
Стъпка 2: Отворете файловете във Photoshop (освен ако не сте ги създали във Photoshop за начало) и се уверете, че всеки от тях принадлежи към отделен слой. За да се уверите в това, след като се отвори първият файл, щракнете върху
Създайте нов слой.. бутон в долния десен ъгъл на Слоеве панел (показан по-долу) и поставете следващия файл с изображение върху новия слой.![Нов слой](/f/fe2bb5b13391c1a27c10ea812de8d624.png)
След като всичките ви изображения бъдат добавени към техните собствени слоеве, те трябва да изглеждат така в панела със слоеве на Photoshop:
![Финални файлове](/f/3487423a109962fff62b3937cd46a057.png)
Стъпка 3: Сега на Photoshop отидете на Прозорец меню и щракнете върху Анимация опция. Това ще изведе палитрата за анимация на Photoshop. След като го направи, щракнете върху бутона долу вдясно (показан по-долу), за да превключите от Времева линия изглед към Рамки изглед, което ще улесни работата ни малко.
![Меню за анимация](/f/5e8b9c5679309e1be5917d03f73144d2.png)
![Изглед на хронологията](/f/a0a1413a881361b3550ff76178e3d2d7.png)
![Изглед на рамки](/f/cf4d3ff8b311da3482a680e996f02896.png)
Стъпка 4: По подразбиране палитрата за анимация ще показва само едно от изображенията (или „рамките“), които имате. Той също така показва в долната част на всеки кадър времето, през което ще бъде показано в крайния GIF файл. Ако искате да промените това, просто кликнете върху него и изберете желаното време. Избраното от вас време ще важи и за останалите кадри.
![Време за кадър](/f/f313e60e1932e4a81daaf3ad0a389843.png)
Стъпка 5: Сега, за да добавите няколко рамки, където ще отидат другите ви изображения. За да го направите, в палитрата Анимация щракнете върху Дублирана рамка бутон.
![Дублирана рамка](/f/8940174b676e98d6d1e0207c6ddac7c7.png)
Това ще добави втория кадър, който ще състави вашия GIF. Сега, ето трикът: За всеки добавен кадър се уверете, че само съответният слой, съдържащ желаното от вас изображение за тази рамка, е избран на Слоеве палитра. Проверете изображенията по-долу например:
![Слой 0](/f/10b51398f6207ea5460dc9600323f3bb.png)
![Слой 1](/f/e9bfc12f69e5e19b85ffa30524d40b70.png)
![Слой 2](/f/b3e10b24fb8bb78d56d157e0bc2e96f6.png)
Тъй като искам Layer 1 и Layer 2 да бъдат съответно втория и третия компонент на моя GIF файл, избирам само единия или другия за втория и третия кадър. В крайна сметка, палитрата за анимация трябва да показва всички кадри на вашия GIF файл в реда, в който ще бъдат показани и с времето, през което всеки ще се показва.
![Последен Gif преди запазване](/f/bd7037b2e1726f17fba38209e67d643e.png)
Стъпка 6: След като рамките на вашия бъдещ GIF са готови, ще е време да го запазите. За да направите това, на Файл меню, щракнете върху Запазване за уеб и устройства… В прозореца, който се показва, не забравяйте да изберете формата GIF под Предварително зададени.
![Запазете за уеб](/f/1c1f6a7e4830236d318145afcfce7286.png)
![Изберете Gif файл](/f/ace8325565a5061978e6e64c3143ec30.png)
Освен това, като щракнете върху разделите над вашето изображение в този прозорец, ще можете да изберете различните изходни качества (с различни размери, разбира се) за вашия GIF файл.
![Gif качества](/f/7c12f041ec34e71cf518444ccad0fc12.png)
![Gif готов](/f/4e55d941b443b82a46b3fa4dd1749d51.png)
След като изберете размера и качеството на вашия GIF, щракнете върху Запазете и сте готови.
![Gt](/f/2bc1f8921faa4c99b6efafcbbc10c008.gif)
Насладете се на вашия GIF файл!
Последна актуализация на 03 февруари 2022 г
Горната статия може да съдържа партньорски връзки, които помагат за поддръжката на Guiding Tech. Това обаче не засяга редакционната ни почтеност. Съдържанието остава безпристрастно и автентично.