Gå til forsiden Indholdsfortegnelse på siden
Swirling animation i ImageReady

1. Start med i PhotoShop, at oprette en ny fil på 125 x 125 px. Opret en eller anden baggrund, hvor du bruger forskellige farver.

Jeg har brugt Farveforløbsværktøjet (Mønster/Gradient) og har brugt Diamantfarveforløb.

Som forgrundsfarve, den blå nuance #0072B6.

Træk derefter en gradient fra øverste højre hjørne og et stykke ned mod midten.

Dubler laget. Vælg en anden forgrundsfarve til dette lag. Helst en der ligger i nærheden af den første. Mit valg er #1A80BD.

Træk fra nederste højre hjørne og et stykke op mod midten, for at påføre en gradient.

"Lag1 kopi" har derefter fået tilføjet effekten "Blødt lys".

Billedet (baggrunden) ser nu således ud:

2. Indsæt et billede
Har valgt nogen blomster. Aner ikke hvad de hedder, men det er jo også underordnet ;) Blomsterne er klippet ud fra et eksisterende billede vha. det "Magnetiske Lassoværktøj".

Når billedet er indsat, syntes jeg det ser for malplaceret ud. Man kan tydeligt se at blomsterne er placeret ovenpå baggrunden.

Det må rettes - Vælg Udtværingsværktøjet og vælg en lille penselstørrelse (ca. 4-5 px).
Træk og klik forsigtigt langs blomsternes blade, for at gøre overgangen mere utydelige.

I Menulinien vælges derefter Billede -> Justeringer -> Udjævn. Det kan være nødvendigt at gøre dette nogen gange.

3. Forvræng baggrunden
Klik på Lag 1. 
I Menulinien vælges derefter Filter -> Forvræng -> Bølge.

Sæt følgende:

Antal generatorer = 5
Bølgelængde = 52
Type = Sinus

Tilføj det samme på Lag1.

 



Det giver denne effekt:

4. Dublering af blomster-laget
Blomsterlaget skal nu have påført lidt effekter, så det i animationen ser ud som om det hvirvler væk i intetheden.

Højreklik på Blomster-laget og omdøb det til "Blomst 1".

Blomster-laget skal dubleres 6 gange. Så klik på laget, højreklik og vælg Dublér. Navngiv lagene Blomst 2, Blomst 3 osv. efterhånden som du opretter dem.

Blomsterne ser nu ikke så pokkers fine ud. Betyder ikke noget, det bliver tilpasset efterhånden som der tages fat på manipulering af de forskellige lag.

5. Skjul alle Blomster-lag på nær "Blomst 1".

Klik på laget "Blomst 1". I menulinien vælges Filter -> Forvræng -> Hvirvel (Filter -> Distort -> Twirl). Sæt vinklen til 740 grader.

Denne effekt skal nu lægges på de øvrige blomster-lag. HUSK kun et blomster-lag skal være synligt når du påfører effekten på de øvrige. Sæt dem til flg. indstillinger:

Blomst 2 = 500 grader
Blomst 3 = 308 grader
Blomst 4 = 103 grader
Blomst 5 = 50 grader
Blomst 6 = INGEN

Klik derefter på øje-ikonerne i Lagpaletten, så samtlige lag er synlige.

6. Skift til ImageReady.

Animations-paleten skal være synlig. Er den ikke det, får du den frem ved i Menulinien at vælge Vindue -> Animation.

Dubler billedet 5 gange i animationspaletten, ved at klikke på knappen "Dubler aktuel ramme" (se den røde cirkel):

Klik på Ramme nr. 1 for at markere den. I Lagpaletten skjules alle blomster-lag PÅ NÆR "Blomst 6".

Klik på ramme nr. 2. Skjul alle blomster-lag på nær "Blomst 5".
Klik på ramme nr. 3. Skjul alle blomster-lag på nær "Blomst 4".
Klik på ramme nr. 4. Skjul alle blomster-lag på nær "Blomst 3".
Klik på ramme nr. 5. Skjul alle blomster-lag på nær "Blomst 2".
Klik på ramme nr. 6. Skjul alle blomster-lag på nær "Blomst 1".

Allerede på nuværende har du en ret blæret effekt. Animationen kan afspilles i din browser, ved at klikke på Internet-ikonet i paletten. Effekten kan blive bedre, så hvorfor ikke fortsætte :D

7. Dubler lag 6 tre gange i Animations-paletten (Du har nu ialt 9 lag).
På rammerne 7, 8 og 9 skal "Blomst 6" være synlig, MEN med forskellige opacitet.

Lag 7 = 56%
Lag 8 = 9%
Lag 9 = 0%

Du kan justere hvor længe de enkelte billeder skal vises i din animation. Som standard er den sat til 0 sec. Jeg syntes animationen går for hurtigt med denne indstilling. Jeg har sat flg. på de 3 første rammer:

Ramme 1= 0,5 sec.
Ramme 2 = 0,8 sec.
Ramme 3 = 0,3 sec.

Og den endelige animation:




Siden er sidst opdateret, den 05-12-2006