Prezentat în 1987 de CompuServe, GIF animat este la fel de popular astăzi ca și în trecut. Animația GIF a trecut de mai multe etape de-a lungul anilor. A fost iubit, urât și apoi iubit din nou. Astăzi, cred că animația GIF și-a găsit locul ca o modalitate utilă de a distribui animații scurte și distractive online. Recent, am fost inspirat de un GIF pe care l-am văzut pe Twitter și am crezut că conceptul ar face un tutorial distractiv. M-am întâlnit cu editorul nostru de fotografie de la Tuts + pentru a organiza un tutorial încrucișat, care arată modul în care fotografiați cu stop-motion și apoi asamblați fotografiile într-un animat GIF în Photoshop. În acest tutorial, vă vom arăta cum să utilizați Photoshop pentru a asambla rapid fotografiile pe care le-am filmat în partea de fotografie a acestui tutorial și pentru a crea animația noastră. Să începem!
Înainte de a începe, asigurați-vă că vă îndreptați spre site-ul nostru de fotografie pentru a afla cum au fost fotografiate fotografiile folosite în acest tutorial.
Dacă descărcați secvențele de imagini care apar în acest tutorial, nu va trebui să finalizați acest pas, deoarece am redenumit deja imaginile pentru dvs. Dacă ați fotografiat propria dvs. fotografie sau dacă utilizați propriile imagini, asigurați-vă că folosiți tehnici similare.
Acum, că am împușcat toate fotografiile pentru acest tutorial. Următorul pas este pregătirea imaginilor. Cea mai rapidă modalitate pe care am găsit-o pentru a crea animația GIF este de a crea 2 grupuri de imagini separate și de a le deschide / importa în Photoshop ca o secvență de imagini. O secvență de imagini este în esență un dosar cu imagini, fiecare imagine fiind numită în ordine succesivă.
În acest caz, am redenumit toate fotografiile de la fotograf ca 0001.jpg, 0002.jpg, 0003.jpg și a patra. În primul set, 0001.jpg nu include un arc. În al doilea set, arcul este complet legat 0001.jpg. Puteți vedea cum am făcut mai jos.
În a doua secvență de imagini, ștergeți 0001.jpg și 0045.jpg din dosar. Facem acest lucru pentru ca aceste cadre să nu se repete în animația finală.
Acum că am pregătit secvențele de imagini, următorul pas este să deschideți prima secvență de imagini. Puteți face acest lucru pur și simplu mergeți la Fişier > Deschis. Căutați în directorul în care este stocată prima dvs. secvență de imagini. Click pe 0001.jpg și selectați Sequence de imagini Caseta de bifat. Clic Deschis. Aceasta va încărca toate imaginile în Photoshop ca o secvență. Nu încercați să selectați toate imaginile din director. Trebuie doar să selectați primul.
Acum, veți dori să vă setați Frame Rate. Setați-l la 17, ca aceasta este rata de cadre pe care am împușcat această animație pentru a rula în timpul secțiunii de fotografie a acestui tutorial. Dacă preferați să utilizați o rată diferită de cadre, nu ezitați să o faceți.
Prima secvență de imagini ar trebui acum încărcată în Photoshop ca a Strat video. Ta Layer Panel și Panoul de timp ar trebui să pară asemănătoare capturilor de ecran de mai jos. Pentru a deschide Panoul de cronologie și panoul de straturi, mergeți la Fereastră > Strat sau Fereastră > Cronologie.
Acum vom dori să creați o tampon ușoară între prima secvență de imagini și cea de-a doua. Vom face acest lucru prin introducerea 0045.jpg din prima secvență de imagini. Aceasta va adăuga o mică pauză animației după ce arcul a terminat de legat. Mergi la Fişier > Loc și selectați 0045.jpg.
Această imagine va fi adăugată acum la dvs. Cronologie. Reduceți durata clipului din Cronologie, după cum se arată, prin tragerea mânerilor doar pentru a face mai scurtă.
Acum vom plasa cea de-a doua secvență a imaginii, mergând la Fişier > Loc. La fel cum ai făcut și cu prima secvență din Secțiunea 2.1, navigați la a doua secvență de imagini, selectați 0002.jpg și selectați Sequence de imagini Caseta de bifat. Această secvență ar trebui să fie acum adăugată la dvs. Cronologie.
Acum, că am adăugat ambele secvențe de imagini, dorim să adăugăm un tampon scurt între sfârșitul acestei secvențe și începutul primei, deoarece acest GIF va fi setat să se repete continuu. Deci, așa cum ați procedat Secțiunea 2.3, mergi la Fişier > Loc și selectați 0001.jpg din prima secvență de imagini și reduceți durata acesteia în Cronologie, așa cum se arată. Ca și în Secțiunea 2.3, acest lucru va da animației noastre o pauză ușoară înainte de a se repeta.
În acest moment, puteți testa animația făcând clic pe butonul de redare. Dacă vi se pare corect, tot ce trebuie să faceți acum este salvarea animației ca GIF.
Mergi la Fişier > Salvați pentru Web.
Exportați fișierul ca un GIF, setați Opțiuni de buclă la Pentru totdeauna. Am folosit setările din imaginea de mai jos.
Rețineți că dimensiunea fișierului joacă un rol important într-o animație GIF. Veți dori să reduceți suficient dimensiunea fișierului, astfel încât să poată fi partajată pe web, dar nu suficientă, astfel încât calitatea imaginii finale să pară slabă. Salvați pentru Web dialogul vă va arăta exact cât de mare va fi fișierul dvs. în colțul din stânga jos al ecranului. Puteți ajusta colorate, oscila, Web Snap, sau oricare dintre celelalte setări pentru a obține imaginea corectă.
Photoshop este un instrument extrem de puternic și vă poate ajuta să creați animații uimitoare GIF. În acest tutorial, ne-am arătat cum să nu creăm doar o animație GIF dintr-o serie de fotografii, dar vă arătăm și cum să fotografiați fotografia. Puteți utiliza aceleași tehnici pentru a crea animații GIF cu stop-motion. Posibilitățile sunt nesfârșite.