Direktlänk till inlägg 27 maj 2012
Fick ett önskemål om att jag skulle göra en steg-för-steg beskrivning på hur man gör en animerad header!
Jag kommer visa hur man gör i adobe photoshop CS5, vet inte riktigt hur det ser ut i andra versioner av photoshop eller i gimp osv. I CS3 vet jag dock att det ser i princip lika dant ut ;)
1: Gör färdig alla sidorna i headern, varje sida ska vara sparad som en enskild bild/fil.
Exempel på 2 olika sidor till animeringen.
2: Öppna upp alla sidorna i photoshop och gör så att alla hamnar i samma "projekt". Du flyttar ihop de olika sidorna till samma "projekt" genom att klicka där det är markerat med vinrött på bilden nedan och sedan välja den vyn där man kan se så många sidor som möjligt. Sedan är det bara att klicka i varje, välja lagret och dra det till den sidan man valt att ha som startsida (måste inte vara just startsidan, spelar ingen roll vilken av sidorna du väljer bara alla hamnar i samma projekt).
Så som det ser ut här på den andra bilden ska det se ut sen, alltså att alla olika sidorna (lager) är i samma projekt. Har du 5 sidor ska du ha 5 lager (med bakgrunden), har du 3 sidor ska du ha 3 lager.
3: Öppna animeringsfönstret.
Klicka först på "Fönster" och välj sedan "Animering".
Då kommer denna rutan upp :)
4: Tryck på nytt lager i animeringsrutan och skapa lika många lager som du har antal sidor! Den röda rutan visar var man klickar för att skapa nytt lager.
Sedan ser du till så att varje lager i animeringsrutan visar vars en sida. Den vinröda rutan visar hur man ändrar om ett lager ska synas eller inte. Eftersom det första lagret i animeringsrutan är markerat ska bara den första sidan vara synlig. I det andra lagret i animeringsrutan ska den andra sidan vara synlig osv! Kollar du noga på bilden ovan ser du att rutorna i animeringsrutan visar olika sidor ;)
5: Nu ska du välja tid som varje ruta visas. Det kan vara allt från 0,1 sekunder till 10 sekunder - du bestämmer! Vill du ha en tid som inte finns med i listan så tryck på "annan..." och skriv in vad du vill ha ;D
6: Välj hur många "varv" animationen ska gå runt, eller om den ska vara oändlig. Vår är oändlig, alltså bytar den bild hela tiden och slutar aldrig ;)
Klicka sedan på play-knappen i animationsrutan för att se hur allt ser ut, eventuellt ändra hur länge sidorna visas tills du blir nöjd. Sedan är det dags för sista steget!
7: Du sparar animationen genom att gå in på Arkiv > Spara för webb och enheter...
Då kommer denna rutan upp:
Se till så att det står GIF i den översta rutan som är markerad med rött. Annars kommer animationen inte att röra på sig ;) Klicka sedan på Spara knappen! Det sista du behöver göra nu är såklart att ladda upp headern på din blogg.
Hoppas det funkar för er nu, försökte att vara väldigt tydlig så att alla skulle förstå även om man inte kan så mycket om photoshop. Kommentera på detta inlägget om det är något steg du inte fattar så förklarar jag gärna, bara du skriver vad det är du inte förstår.
TJAAAO! Längesen jaaao! Har varit på festivalen med Ellabeth, Elli och Pisse! Pisse sover hos mig om ni ville veta ALLTSÅ! :) Vi SÅG ROBIN STJERNBERG! SÅÅÅÅÅÅÅÅÅ KUNGLIG KILLE! PUSS PÅ HAN! Och massa andra och ngt skit som Nisse & Elli tyckte va ...
Som alla har märkt är vi väldigt inaktiva nu. Vi alla har mycket att göra med/utan hästar just nu.... Vi ses igen när vi har mer tid att blogga ;) ...
Må | Ti | On | To | Fr | Lö | Sö | |||
1 | 2 | 3 | 4 | 5 | 6 | ||||
7 | 8 | 9 | 10 | 11 | 12 | 13 | |||
14 | 15 | 16 | 17 | 18 | 19 | 20 | |||
21 | 22 | 23 | 24 | 25 | 26 |
27 | |||
28 | 29 | 30 | 31 | ||||||
|