Как да направите GIF в Photoshop CC стъпка по стъпка

Създайте анимиран GIF с Creative Cloud

Photoshop е преживяване само по себе си, което значително се подобрява с времето и докосва момента на как да направите GIF с Photoshop CC 2020. Тоест ще използваме най-новата версия на Photoshop, за да създадем едно от онези мултимедийни съдържания, които са толкова модерни.

Можете да видите GIF файловете в приложенията за чат които ни позволяват да ги споделяме от Giphy, уеб платформа, която ни позволява да ги изтегляме и дори да качваме нашата собствена. Тъй като тук ставаме майстори в създаването на съдържание, ще продължим с това ръководство, което не оставя безглава кукла за добре оптимизиран GIF и визуално подходящ за качване, където пожелаем.

Какво е GIF?

Честит рожден ден

Преди всичко да стане ясно, че а GIF е формат на компресиран графичен файл това води до циклична и безкрайна анимация; С други думи, ако GIF плейърът остане да играе, той няма да спре да играе. Всъщност има артистични GIF файлове, които възпроизвеждат видеоклип, в който същата сцена изглежда жива, като например падане на капка, за да падне друга в безкраен процес.

Подобно на анимацията за цял живот, GIF се състои от поредица от изображения, които Играта в последователност създава илюзията за движение. Това е формат, който днес е от съществено значение за всички видове уебсайтове като IMGUR или същите приложения за чат, които ни помагат да търсим GIF от всяка тема и да възпроизвеждаме последователност от филм или оригинален удивителен знак «О».

Ние можем изтеглете всеки GIF от мрежата, за да го прехвърлите във Photoshop и осъзнаваме, че последователността на изображенията е последвана и именно тези рамки ще работим по този урок.

Как да направите GIF от изображения в Photoshop CC 2020

Първо ще използваме най-новата версия на Photoshop от Creative Cloud. С това на масата, нека създайте GIF от изображения. Преминаваме през целия процес с документ със същото съотношение ширина и дължина като изображенията, които ще използваме за GIF:

  • Създаваме оформление от 800 x 1067 пиксела с резолюция 72 пиксела (Можем да го намалим, така че крайното тегло на GIF да бъде по-малко)
  • Режимът на изображението се поддържа в RGB
  • Ние създаваме документа

800 1067 до 72 px

Сега това, което ще направим, е импортирайте всички изображения, за да създадете GIF последователност. В този случай аз насърчих малкия трол да го накара да се придвижи към камерата с поредица от изображения, заснети с моя телефон Galaxy Note10 +. Общо има около 23 изображения, така че може да продължи секунда или две. Не забравяйте, че нормалните филми, които гледате, са 24 или 30 FPS.

  • Хайде да отидем до Скрипт> Зареждане на файлове за подреждане
  • Това отваря браузър за изображения, за да можем да изберем всички тези които искаме да включим в GIF от местоположението на папката

Заредете слоеве

  • Зареждаме ги и всички изображения ще бъдат отворени в един и същ документ (това ще отнеме известно време в зависимост от броя на изображенията и техния размер)

Това може да се приложи и от видеоклип като източник, за да се създаде по-късно GIF:

  • Просто от Файл> Импортиране> Слоеви видеокадри
  • И в резултат бихме получили същия предишен документ с всички рамки, но обърнете внимание на размера на същия, тъй като за всяка секунда можем да имаме 24 кадъра или 12, ако е кратка или класическа анимация

Подготовка на последователността за нашия анимиран GIF

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

  • Хайде да отидем до Прозорец> Хронология
  • Изберете бутона „Създаване на анимация на кадър“

Създавайте карирани анимации

  • Сега трябва щракнете върху иконата с три хоризонтални ленти във времева линия
  • От изскачащото меню избираме „Изравняване на рамки към слоеве“. По този начин ще бъдат предадени всички слоеве, създадени преди с изображенията, които сме импортирали във Photoshop

Създаване на поле от слоеве

  • Сега в Timeline кликваме върху бутона за възпроизвеждане за да проверим дали трябва да щракнем върху «Обръщане на кадри»; точно в същия бутон за хамбургер, който сме натискали преди това
  • Правим го, за да видим ако възпроизвеждането е непрекъснато и както искаме, тъй като може да се възпроизведе в обратен ред при импортиране на изображенията на нашия анимиран GIF

Сега ще видите това във времевата линия имаме всички снимки на изображенията, които съставляват GIF анимирани. Във всеки от тези кадри имаме стрелка надолу, която показва броя секунди, които трае всеки „кадър“.

Хронология

Ако харесваме анимацията и в този случай използвали сме поредица от изображения, за да създадем наша собствена последователност С нашия малък трол това, което ще направим, е да увеличим или намалим времето на всеки кадър или кадър, за да направим анимацията по-реалистична.

От 1 до 8 го оставяме както е, а от рамка 9 ще увеличим малко продължителността:

  • Изберете с клавиша Shift лентата от рамки или рамки че искаме да модифицираме продължителността
  • Натискаме върху стрелката надолу и променяме времето за да го увеличите малко. Например на 0,5 секунди
  • Възпроизвеждаме и преценяваме дали движението е твърде бавно. В моя случай е така, затова опитвам отново да избера всички кадри и използвам 0,2 секунди
  • Оптимизирана анимация и може да отнеме времеНека проверим дали GIF остава в безкраен цикъл.
  • Точно под Timeline ще видите, че той вече е конфигуриран като Infinity

Експортираме нашата последователност от кадри като GIF

Запазете като GIF във Photoshop

Сега имаме частта от експортиране, когато вече сме дефинирали анимацията или последователността, която искаме. Всичко ще зависи от количеството изображения, които сме импортирали, или просто от фрагмента на този видеоклип, който сме използвали за създаване на GIF.

  • Хайде да отидем до File> Export> Save for Web или просто използваме комбинацията от клавиши: control + главен регистър + alt + S
  • Избираме от GIF 128 Предварително зададени с дитеринг
  • 256 цвята

Запазете за уеб GIF формат

  • Сега ако искаме намалете теглото на анимирания GIF, можем да променим ширината и височината в размер на изображението
  • Точно в края на прозореца трябва да търсим анимация и в опциите за повторение да избираме безкрайно. Тази стъпка е важна, така че да се завърта непрекъснато, когато играе
  • Можеш проверете резултата от размера на GIF в долния ляв ъгъл. В този случай използваме 7MB, за да можем да намалим размера на изображението
  • Можете да играйте със стойността на разсейването, за да намалите няколко мегабайта теглото на файла. Мимоходом намаляваме изображението до 400 ширина и в нашия случай имаме 2MB, което не е лошо за GIF
  • Изнасяме със Save

Трол GIF

Можеш вижте как изглежда анимираният GIF, който сме направили и че е 2MB, че да бъдеш малка последователност изобщо не е лошо. Сега зависи от вас да използвате магията си или просто да вземете видео файл с някои от вашите записи, за да създадете свои собствени напълно оптимизирани GIF файлове.

така можете да създадете анимиран GIF с Adobe Photoshop CC 2020 с цялата лекота на света и от този страхотен професионален инструмент, който ни позволява да правим магически неща.


2 коментара, оставете своя

Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.

  1.   Мариана рубино каза той

    Здравей Мануел! Благодаря за урока! Много интересно! Поздравления!

    1.    Мануел Рамирес каза той

      Здравей Мариана! Харесва ми, че ти харесва. Поздрави: =)