Share
Fișierele animate Gif au fost fundul multor glume în cadrul comunității de design. Acest lucru se datorează faptului că gifurile animate sunt renumite pentru că sunt un pic cam brânzos și notoriu pentru a aglomera o pagină. Folosit în mod corespunzător, cu toate acestea, animația poate atrage interesul pentru o zonă pășită în alt mod de pagină. Astăzi, vom demonstra cum să folosim Photoshop pentru a crea un animat GIF în Photoshop CS5. Să începem!
Creați un document nou de 250 x 250 px și setați rezoluția la 70 px cu culoarea de fundal setată la # f2f2f2.
Plasați un logo în centrul de sus al pânzei.
Scrieți un rând de etichete sub siglă.
Desenați o cutie dreptunghiulară și setați culoarea la # 90909.
Deschideți caseta de dialog Stiluri de straturi și bifați Umbra de cădere. Reduceți distanța și dimensiunea la 2px.
Acum adăugați o suprapunere de gradient și setați modul de amestecare la Multiply cu o opacitate de 28%.
Adăugați un curs și reduceți dimensiunea la 1 px. Setați culoarea la # a31b1b.
Adăugați câteva puncte. În cazul nostru am adăugat textul: Tutoriale, Articole, Sfaturi, Freebies, Basix, Video, Premuim, după cum se arată.
. Răsfoiți straturile de text și creați o mască de tăiere.
Acum, plasați o imagine ochi-prinderea. În cazul nostru, am folosit pictograma programului premium pentru Psdtuts, dar nu ezitați să utilizați ceea ce se potrivește scopului dvs..
Programați un text de susținere, după cum se arată sub imaginea pe care ați plasat-o în pasul 6.
Creați o casetă ovală și setați culoarea la #fdfcfc.
Deschideți bix-ul dialogului de stiluri de straturi și aplicați o umbră de picătură. Reduceți distanța și dimensiunea la 1 px.
Verificați stralucirea interioară și lăsați-o așa cum este.
Adăugați o suprapunere cu gradient cu opacitatea setată la 6%.
Acum că am terminat să creăm toate straturile noastre, suntem gata să începem să lucrăm la animație. Mai întâi, deschideți panoul Animație (fereastră> Animație). Voi folosi panoul Timeline Animation (și nu animația cadrelor). Notă: Această funcție este disponibilă numai în Photoshop Extended. Acum setați toate straturile vizibile, dar reduceți opacitatea lor la 0%.
Consultați imaginea de mai jos pentru instrucțiuni despre modul de inserare a cadrelor cheie și de unde să crească opacitatea.
Cronologia dvs. ar trebui să arate similar cu exemplul de mai jos.
Acum am finalizat animația noastră. Apăsați redarea pentru a vedea rezultatul. Simțiți-vă liber să-l modificați acolo unde este necesar. Pentru a salva bannerul, mergeți la File> Save for Web & Devices. Apoi, utilizați setările din următoarea imagine și faceți clic pe Salvați.
Asta e! Ai terminat!
Accentsconagua