Kako stvoriti animirani web natpis u Photoshopu

Izrada web natpisa nije najglamurozniji posao na svijetu, ali to je nešto što će svaki dizajner morati učiniti u nekom trenutku svoje karijere, vjerojatno višestruko. Iako ne postoje čvrsta pravila kada je u pitanju izrada web natpisa, podrazumijeva se da vrsta mora biti velika, a poruka nabrijana.

Kako i ovo animiramo, predlažem ne više od tri slajda ili animiranih elemenata jer ih ljudi jednostavno neće gledati. Trepćući elementi također mogu pomoći privući pažnju gledatelja.

Napravite ovaj animirani natpis za web mjesto u nastavku ...



Napravite ovaj animirani natpis za web mjesto u nastavku ...

Tijekom sljedećih nekoliko koraka pokazat ću kako postaviti i stvoriti jednostavan animirani web natpis koji će se jednom svladati povjetarac za primjenu na bilo koji novi posao u budućnosti.

kako napraviti osnove crtanja figura

01. Postavite svoj dokument

Pokrenite Photoshop, idite na datoteku> novo i odaberite Web s padajućeg izbornika Unaprijed postavljeno. S padajućeg izbornika za veličinu odaberite ploču s rezultatima ili ako se vaše dimenzije razlikuju, odaberite prilagođene i ručno unesite dimenzije piksela.

S odabirom granica za dokument na izborniku prikaza, povucite vodiče da biste preskočili sve granice dokumenta.

preklopni telefoni izravnog razgovora u walmartu

02. Dodavanje grafičkih elemenata

kako ograničiti fotografije na facebooku -

Sada da postavimo naše bitne elemente dizajna. U gore navedenom primjeru zalijepio sam logotip T3 kvadrat i kako bih kreirao vodiči bi ga mogli promijeniti u veličinu i učiniti da se lako prikvači za granice dokumenta. Zalijepite grafiku sa strelicom koju ćemo koristiti kasnije i pomoću alata za tip postavite poruku za prvi slajd. Zalijepite sve slike koje su vam potrebne, a zatim provjerite jeste li pravilno imenovali sve svoje slojeve.

03. Izrada sekundarnih dijapozitiva

Sada jednostavno duplicirajte svoj sloj tipa, isključite sloj tipa ispod i unesite u sljedeću fazu poruke, u ovom slučaju “U PRODAJI ODMAH”. Jednom kada budete sretni što imate sve elemente na mjestu, stopite što je više moguće slojeva. Kao pozadina, logotip i naslovna slika ostat će statični, možemo spojiti ovo dolje, ostavljajući nam četiri sloja, pozadinu, slojeve tipa i sloj strelice.

04. Izradite animaciju okvira

Sada jednostavno kliknite karticu vremenske trake na dnu prozora ili prijeđite na prozor> Vremenska crta. Kliknite malu strelicu u sredini prozora i odaberite 'Stvori animaciju okvira', a zatim kliknite gumb. Sada isključite sve slojeve osim pozadinskog sloja i prvog sloja poruke. Primijenite odgodu od jedne sekunde na okvir s padajućeg izbornika na malom okviru za animaciju. Sada jednostavno kliknite na gumb 'dupliciraj odabrane okvire' na vremenskoj traci, ali isključite prvu poruku i uključite drugu poruku. Ponovite ovaj postupak za sve slojeve, završavajući slojem strelice.

05. Neka strelica trepće i prilagodite vrijeme

kako nacrtati osobu odozgo

Da bi strelica bljesnula, jednostavno pritisnite 'Dupliciraj odabrane okvire' na vremenskoj traci i isključite strelicu. Podesite vrijeme na 0,5 sekunde i ponovite postupak uključivanjem i isključivanjem strelice na ploči slojeva tako da izgleda kao da treperi. Napokon ćete možda htjeti prilagoditi neka vremena dok ne budete potpuno sretni. Ljudi imaju vrlo kratak raspon pozornosti, tako da nema smisla biti spor s brzinom kadra, ali svejedno ga moraju moći pročitati.

06. Spremi za web i uređaje

Na kraju dođite do 'Spremi za web' i na padajućem izborniku odaberite GIF. Ovdje također možete malo smanjiti kvalitetu kako biste smanjili veličinu datoteke. Nakon što ste zadovoljni, spremite gif, a zatim ga jednostavno povucite u web preglednik da biste ga testirali.