Share
Animerte Gif-filer har vært rumpa av mange vitser i designmiljøet. Det er fordi animerte gifs er kjent for å være litt cheesy og beryktet for cluttering opp en side. Brukes riktig, men animasjon kan tegne interesse for et ellers oversett område av en side. I dag vil vi demonstrere hvordan du bruker Photoshop til å lage et animert gif i Photoshop CS5. La oss komme i gang!
Opprett et nytt dokument 250 x 250 px og sett oppløsningen til 70 px med bakgrunnsfargen satt til # f2f2f2.
Legg en logo i toppen av lerretet.
Skriv en merkelinje under logoen.
Tegn en rektangelboks og sett fargen til # 90909.
Åpne dialogboksen Lagstiler og sjekk Drop shadow. Reduser avstanden og størrelsen til 2px.
Legg nå et gradientoverlegg og sett blandingsmodusen til Multiply med en opasitet på 28%.
Legg til et slag og reduser størrelsen til 1 px. Sett fargen til # a31b1b.
Legg til noen punktposter. I vårt tilfelle la vi til teksten: Tutorials, Articles, Tips, Freebies, Basix, Videos, Premuim, som vist.
. Rastere tekstlagene og opprett en utklippsmaske.
Legg nå et iøynefallende bilde. I vårt tilfelle brukte vi premiumprogramikonet for Psdtuts, men vær så snill å bruke det som passer ditt formål.
Utkast til noe mer støttende tekst som vist under bildet du plasserte i trinn 6.
Opprett en oval boks og sett fargen til #fdfcfc.
Åpne dialogboksen Lagstiler dialogbix og bruk en dråpeskygge. Reduser avstanden og størrelsen til 1 px.
Sjekk Inner glød og la den være som den er.
Legg til en gradientoverlegg med Opacity satt til 6%.
Nå som vi er ferdige med å lage alle våre lag, er vi nå klare til å begynne å jobbe med animasjonen. Først åpner du animasjonspanelet (Vindu> Animasjon). Jeg vil bruke Timeline Animation panelet (og ikke ramm animasjonen). Merk: Denne funksjonen er bare i Photoshop Extended. Nå sett alle lagene dine synlige, men reduser deres opasitet til 0%.
Se bildet nedenfor for instruksjoner om hvordan du legger inn nøkkelrammer og hvor du skal øke dekselet.
Tidslinjen din bør se ut som i eksemplet nedenfor.
Vi har nå fullført animasjonen vår. Trykk på spill for å se resultatet. Du kan gjerne tilpasse det når det er nødvendig. Hvis du vil lagre banneret, går du til Arkiv> Lagre for web og enheter. Bruk deretter innstillingene fra det følgende bildet og klikk på Lagre.
Det er det! Du er ferdig!
Accentsconagua