Cum se face un GIF

Ce veți crea

Photoshop este un software foarte avansat, dar are anumite instrumente pe care chiar și începătorii le pot folosi cu ușurință pentru a crea efecte uimitoare. De exemplu, nu aveți nevoie de aptitudini speciale pentru a crea animații GIF! 

În acest tutorial vă voi arăta cum să creați o animație a unui lup cu ochii stralucitori și acest lucru vă va învăța tot ce trebuie să știți despre crearea de GIF-uri în Photoshop.

Ce vei avea nevoie

Puteți folosi orice fotografie doriți, dar asigurați-vă că este de înaltă calitate și cu ochii bine vizibili. Puteți descărca fotografia pe care am folosit-o aici:

  • Ochii unei fotografii de lupi (Envato Market)
  • Ochii unei lupi fotografii stoc (Envato Elements)

1. Cum să pregătiți o imagine pentru animație

Pasul 1

GIF nu este un format bine optimizat, iar fișierele sale pot deveni foarte mari foarte rapid. De aceea trebuie să ne aruncăm imaginea la ceea ce este cel mai important. Deschideți imaginea, luați Instrumentul de tăiere (C), și selectați partea din imagine pe care doriți să o animați. Apoi a lovit introduce.

Pasul 2

Vrem să animăm ochii, așa că trebuie să le separăm de restul imaginii. Există multe metode pentru a selecta ceva în Photoshop, dar vă voi arăta cea mai ușoară.

Mergi la Selectați> Gama de culori. Selectați Adăugați la eșantion și faceți clic pe toate nuanțele ochiului, până când le vedeți toate pictate alb în previzualizare.

Pasul 3

Am selectat toate tonurile galbene, dar unele dintre ele pot fi găsite în blana aparent gri. Pentru a le exclude, jucați cu fuzziness glisați până când nu există decât negru în jurul ochilor. Este foarte important să păstrați această zonă complet negru!

Pasul 4

După ce apăsați O.K, o selecție va fi creată. Ca orice selecție automată, totuși, nu este perfect precisă. Mergi la Selectați> Rafinați muchia și utilizați aceste setări pentru a face selecția mai ușoară. Selectați Radius inteligent și jucați cu Neted și Pană până când sunteți mulțumit de rezultat. Apoi apasa O.K.

Pasul 5

Copiați selecția într-un strat nou cu ajutorul comenzii rapide Control-J.

Pasul 6

Ultimul lucru: imaginea noastră este foarte mare și nu este ceea ce îi place formatul GIF (nu este bine optimizat și creează fișiere uriașe!). Mergi la Imagine> Dimensiunea imaginii și diminuați dimensiunea la ceva rezonabil.

2. Cum funcționează Frame Animation în Photoshop

Pasul 1

Suntem gata să creați o animație acum! Mergi la Fereastră> Cronologie pentru a deschide editorul nostru. Apoi apăsați Creați animație cadru.

Pasul 2

Editorul Timeline este foarte simplu. Faceți clic pe săgeata de lângă O singura data pentru a dezvălui opțiunile de repetare. Puteți face jocul de animație o dată, de 3 ori, pentru totdeauna, sau o anumită sumă de ori. Setați-l la Pentru totdeauna pentru a face să joace în mod constant.

Pasul 3

Cealaltă opțiune importantă este durata pe care este jucat un cadru. Cu cât timpul este mai mic, cu atât va dispărea mai repede și va fi mai ușoară mișcarea, dar și mai multe cadre sunt necesare pentru acest efect.

Vrem o tranziție lină și vom avea o mulțime de cadre, așa că faceți clic pe Alte și tip 0,06.

Pasul 4

Pentru a crea un nou cadru, faceți clic pe pictograma cartelă albă din bara inferioară.

Pasul 5

Fiecare cadru memorează starea straturilor separat. Deci, dacă ascundeți un strat într-un cadru, în celălalt acesta va fi în continuare vizibil. Atenție: Photoshop-ul îi place să joace trucuri aici, deci asigurați-vă că întotdeauna începeți de la primul cadru.

Ascundeți un strat într-un singur cadru și testați animația apăsând Spaţiu. Acesta este principalul lucru pe care îl face acest instrument: ascunde și dezvăluie straturi în funcție de starea lor salvată în cadre.

3. Cum să folosiți tranziția Tween în Photoshop

Pasul 1

Dar ascunderea și dezvăluirea straturilor nu este tot ceea ce face! Alte trei lucruri pot fi salvate în fiecare cadru:

  • Poziţie
  • Opacitate
  • Efecte

Aceasta înseamnă că puteți schimba aceste lucruri pe un singur strat într-un singur cadru, iar în alt cadru același strat va fi intact (din nou, asigurați-vă că porniți de la primul cadru pentru a evita surprizele). Și cel mai bun lucru este că Photoshop este capabil să creeze o tranziție automată între aceste stări ale unui singur strat! Permiteți-mi să vă arăt acest truc despre cel mai eficient dintre statele disponibile: efectele.

Faceți din nou toate straturile vizibile din ambele cadre, apoi selectați al doilea cadru și Click dreapta stratul cu ochii. Selectați Opțiuni amestecate. Găsi Suprapunere de culori și verificați-l.

Pasul 2

Selectați dreptunghiul gri și schimbați culoarea în ceva luminos.

Pasul 3

Schimba Mod amestec la Ecran pentru a face ochii roșu aprins, în loc să le acoperi pur și simplu cu roșu.

Pasul 4

Găsi Lumină exterioară și verificați-l.

Pasul 5

Dați-i aceeași culoare strălucitoare ca înainte.

Pasul 6

Faceți strălucirea mai puternică jucând cu răspândire și mărimea.

Pasul 7

Avem acum o animație foarte simplă - testați-o apăsând Spaţiu.

Pasul 8

Dar nu este un efect foarte convingător, nu-i așa? Ar fi mult mai bine dacă ochii se aprind treptat. Aici este adevărata putere a acestui instrument! ține Control și faceți clic pe ambele straturi pentru a le selecta. Faceți clic pe săgeata mică din colțul din dreapta sus și selectați Tween.

Cu cât mai multe cadre adăugați, cu atât mai ușoară este tranziția și cu atât este mai mare animația. 10 ar trebui să fie un număr rezonabil.

Observați că puteți să modificați parametrii pe care i-am menționat mai devreme

Pasul 9

Clic O.K pentru a vedea un set întreg de cadre noi între cele pe care le-ați selectat. presa Spaţiu pentru a vedea animația. Mult mai bine, nu-i așa??

Pasul 10

Există o problemă cu această animație - ochii se estompează prea brusc. Să rezolvăm acest lucru creând o altă tranziție. Selectați din nou primul și ultimul cadru și Tween cu același număr de cadre ca înainte.

Pasul 11

Un ultim lucru: găsiți cadrul cu cele mai strălucite ochi și schimbați durata acestuia la un număr mai mare. Acest lucru va face ca ochii să strălucească mai mult.

Perfect!

Pasul 12

În cele din urmă, este momentul să salvați animația pentru ao prezenta lumii. Mergi la Fișier> Salvați pentru Web și selectați GIF din lista de formate. Opțiunile de aici vă vor permite să optimizați animația pentru dimensiuni mai mici.

Un truc bonus: dacă doriți ca animația dvs. să fie mai frumoasă decât formatul GIF, puteți înregistra animația jocului cu un fel de software (sau puteți exporta ca videoclip), salvați-o ca videoclip și apoi ascundeți-o un semi-GIF cu www.gfycat.com.

Frumos!

Acum știi cum să creezi un animat GIF în Photoshop! Dacă ați terminat acest tutorial, nu uitați să partajați rezultatul în secțiunea de comentarii - nu pot să aștept să-l văd!

Pe Envato Tuts +, limităm dimensiunea fișierelor imaginilor la maxim 200kb. Cu toate acestea, puteți vedea GIF finit în toată gloria în format video de mai jos.