Shine-effect animation
ForordDenne artikel kræver ikke det helt store kendskab til photoshop.Trin 1: Første laver du et nyt dokument, hvor du indsætter din tekst. Sådan her ser min ud indtil videre:  Trin 2: Det næste du skal gøre er at lave et nyt layer.  (ctrl+shift+n)Trin 3: Nu vælger du Polygon Lasso Tool, og markere et område som billede nedenunder. Størrelsen bestemmer du selv.   Trin 4: Vælg gradient tool, og vær sikker på den er sat til linear gradient.  Trin 5: Åben Gradient Editor, og vælg "foreground to transparent". Sørg for at din foreground er sat til en lys farve. Dine instillinger skulle meget gerne ligne mine:  Trin 6: Brug dit gradient tool i den markering du lavede med Lasso Tool før. Du kan evt holde shift nede imens for at få en mere lige gradient. Dit dokument skulle nu gerne ligne noget i den her stil:  Trin 7: Holde CTRL inde og tryk på dit tekstlayer, så teksten bliver markeret.  Trin 8: Vær sikker på du er på dit gradient layer stadig, hvis ikke så klik på det. Derefter trykker du på "Add Layer Mask"  Trin 9: Nu skal du trykke på det link icon der er så det forsvinder.  Trin 10: Åben animationsvinduet ved at trykke på Window > Animation. Trin 11: Duplicate dit frame, ved at trykke på dette icon: i dit animations vindue.Trin 12: Vælg dit gradient layer ved at trykke på det over i layer. Når du har valgt det vile der komme en lille hvid ring rundt om layeret.  Trin 13: Brug Move Tool til at trække din gradient over i den anden side af billedet. Imens du gør dette skulle du gerne kunne de din gradient køre igennem din tekst. På billedet nedenunder har jeg markeret den gradient du skal flytte, samt lavet en pil for at illustrere retningen du skal flytte den i. Trin 14: Når dette er gjort trykker du på Tween  i dit animations vindue og vælger det antal frames du vil have. Jeg bruger 25 i mit eksempel.Husk desuden at sætte frame farten til 0 sec (no delay), inden du trykker tween. Trin 15: Vælg Save for Web & Devices... (Alt+Shift+Ctrl+S) , husk at tjekke at Looping Options står til Forever inden du gemmer dit billede. Her er mit færdig resultat:  Du kan prøve at rodde lidt med setting af gradient, tween osv. Det behøver desuden ikke være gradient der bliver brugt, du kan også bruge billeder, shapes osv. Her er en hvor jeg brugte Line Tools istedet for gradient:  |
|
Kommentarer
Giv din mening tilkende om denne artikel, eller læs andres.Har du spørgsmål eller brug for hjælp til denne artikel henvises du til forummet.
|
Rigtig flot artikel! Det er utrolig nemt at følge med, hele vejen igennem. Jeg har før lavet nøjagtig det samme i Adobe Flash, og det var MEGET besværligt (efter min mening). Tak for artiklen Fandt lige det jeg havde lavet i flash :D Klik her for at se det |
Oprettet af:
|
| 5/5.. Utrolig lærigt for de uøvede og let er det også. Godt med billeder og beskrivelse..:) |
Oprettet af:
|
| Jeg er (med nød og næppe) nået til punkt 8 - hvor finder jeg den knap? |
Oprettet af:
|
| I bunden af dit layer vindue. |
Oprettet af:
|
|
Det hele ser godt ud i dine banner eller hva du ville kalde det. 4/5 fra mig af du mangler lige at forlænge pinden i det banner hvor du har brugt gradient for i starten kan man se der mangler noget af den så den fylder ikke hele teksten |
Oprettet af:
|