Animation Tutorial ~ på svenska ^^
Som lovat så kommer det nu en liten tutorial om hur man animerar. Kom ihåg bara att jag inte är något proffs och visar bara hur jag själv jobbar, det finns säkert en miljon andra sätt att göra det på :P
Till att börja med kan jag berätta att jag använder mig av Photoshop 7.0 och ImageReady (det tillkommer till de här Photoshop paketet), jag vet att man kan animera direkt i de nyare veriationerna av Ps men det har inte jag >.<
Steg 1:
Det första jag gör är att skissa på vad jag vill göra (såklart!). I det här fallet kör jag på en tjej som jag vill ska blinka, för att göra det enkelt.
Steg 2:
Nu hade jag tänkt att rita upp de olika stegen som "blinkningen" ska ha. För att göra det lättare för mig så sänker jag opaciteten på de lagret som ska röra på sig (i det här fallet ögat då).
Steg 3:
Så det var en liten bit på vägen, sen är så ritar jag hela vägen ner! :D
Steg 4:
Så! Nu är första bilden öppen, andra är halvvägs och tredje helt sluten. Men jag vill ha så att det ser "lent" ut, om jag låter bilden bara ha fyra ramar (upp och ner.. om det är svårt att räkna ut det nu så visar jag sen).
Men hur som helst så bör det räcka med ett lager mellan varje steg.
Steg 5:
Ser ganska löjligt ut nu eller hur? xD
Men nu är jag nöjd med antalet lager!
Steg 6:
Linjera! Jobbigt ifall man ska vara nogrann >.< Det syns inte här men jag har linjerat de "blinkande" lagrerna också.
Steg 7:
Gå över till ImageReady! Man kan göra det tidigare också ifall man vill se att skissen blir flytande, men här är jag inte så orolig för det, men jag går fortfarande över för att vara säker. Knappen till att byta till ImageReady finns längst ner på verktygs panelen. Om du har en nyare veration av Photoshop behöver du inte byta program utan du kan nog bara gå upp i arkivfältet och göra aninimations fältet synligt.
Steg 8:
Snabb genomgång av ImageReady. Längst ner har du tidslinjen, där kommer ramarna som du skapar finnas. Man justrera här hur lång tid varje ram ska visas. På vänster sida har du verktygsfältet (jag använder aldrig de i ImageReady, utan om jag vill ändra något på bilden går jag tillbaka till Ps) och till höger har du också lagrerna.
I mitten har du förstås bilden. Tips när du animerar, zooma inte in allt för mycket när du animerar, det kan bli lite jobbigt. Försök att ha hela bilden synlig, då märker du fel mycket lättare också! :)
Steg 9:
Viktigt! Nu när du ska justrera lagrerna (vilket jag förmodligen bör ha nämt tidigare) är att varje ny rörelse måste ha ett eget lager! Det går inte att göra att ha ett lager som man sedan ändrar för varje ny rörelse! Varför? Jo för att om du ändrar något på det föregående lagret kommer ocså den föregående bilden att ändras!
Nu! Det som jag skapar nu kommer att göra sig till en cykel, vilket menas med att samma bilder kommer att upprepa sig om och om och om igen. Så de man får tänka på är att inte sätta samma bild två gånger på raken (inte smart). Så när min lilla tjej blinkar så kommer den första bilden att fortsätta på den sista bilden. Det betyder att jag inte får visa samma lager på den sista som i den första (hänger du med?)
Det blir logiskt ifall man tänker efter.
För att göra en ny ram så finns det en liten symbol på tidslinjefältet som liknar "nytt lager" knappen (den är bredvid papperskorgen)
Steg 10:
Hoppa fram lite till färgläggeningen (blev nöjd med den ^^).
Inte mycket att säga om det, om det blir efterfrågat kan jag gärna gå igenom färgläggening i Ps någongång :)
Steg 11:
Pillgöra!
Nu gäller det att göra det flytande. Nere i fältet precis under bilden på tidslinjen så kan man ändra hur lång tid varje ram ska visas.
EX. På den här bilden vill jag ha 3 sek mellan varje blinkning och så tar jag 0,1 sek för "ner och uppvägen" och sen har hon ögonen stängda i 0,2 sek.
Steg 12:
Nöjd? Yes det är jag iaf :D
Gå upp i arkiv och tryck på "spara optimerade som..."
Steg 13:
Kolla var du vill spara din bild, döp den och se till att de sparas som en *.gif - fil!
Tryck på SPARA :D
Jag hoppas att jag har vart hjälpsam för framtida animeringar ^^ Vill du se hur min lilla animation blev? Kolla den här
Till att börja med kan jag berätta att jag använder mig av Photoshop 7.0 och ImageReady (det tillkommer till de här Photoshop paketet), jag vet att man kan animera direkt i de nyare veriationerna av Ps men det har inte jag >.<
Steg 1:
Det första jag gör är att skissa på vad jag vill göra (såklart!). I det här fallet kör jag på en tjej som jag vill ska blinka, för att göra det enkelt.
Steg 2:
Nu hade jag tänkt att rita upp de olika stegen som "blinkningen" ska ha. För att göra det lättare för mig så sänker jag opaciteten på de lagret som ska röra på sig (i det här fallet ögat då).
Steg 3:
Så det var en liten bit på vägen, sen är så ritar jag hela vägen ner! :D
Steg 4:
Så! Nu är första bilden öppen, andra är halvvägs och tredje helt sluten. Men jag vill ha så att det ser "lent" ut, om jag låter bilden bara ha fyra ramar (upp och ner.. om det är svårt att räkna ut det nu så visar jag sen).
Men hur som helst så bör det räcka med ett lager mellan varje steg.
Steg 5:
Ser ganska löjligt ut nu eller hur? xD
Men nu är jag nöjd med antalet lager!
Steg 6:
Linjera! Jobbigt ifall man ska vara nogrann >.< Det syns inte här men jag har linjerat de "blinkande" lagrerna också.
Steg 7:
Gå över till ImageReady! Man kan göra det tidigare också ifall man vill se att skissen blir flytande, men här är jag inte så orolig för det, men jag går fortfarande över för att vara säker. Knappen till att byta till ImageReady finns längst ner på verktygs panelen. Om du har en nyare veration av Photoshop behöver du inte byta program utan du kan nog bara gå upp i arkivfältet och göra aninimations fältet synligt.
Steg 8:
Snabb genomgång av ImageReady. Längst ner har du tidslinjen, där kommer ramarna som du skapar finnas. Man justrera här hur lång tid varje ram ska visas. På vänster sida har du verktygsfältet (jag använder aldrig de i ImageReady, utan om jag vill ändra något på bilden går jag tillbaka till Ps) och till höger har du också lagrerna.
I mitten har du förstås bilden. Tips när du animerar, zooma inte in allt för mycket när du animerar, det kan bli lite jobbigt. Försök att ha hela bilden synlig, då märker du fel mycket lättare också! :)
Steg 9:
Viktigt! Nu när du ska justrera lagrerna (vilket jag förmodligen bör ha nämt tidigare) är att varje ny rörelse måste ha ett eget lager! Det går inte att göra att ha ett lager som man sedan ändrar för varje ny rörelse! Varför? Jo för att om du ändrar något på det föregående lagret kommer ocså den föregående bilden att ändras!
Nu! Det som jag skapar nu kommer att göra sig till en cykel, vilket menas med att samma bilder kommer att upprepa sig om och om och om igen. Så de man får tänka på är att inte sätta samma bild två gånger på raken (inte smart). Så när min lilla tjej blinkar så kommer den första bilden att fortsätta på den sista bilden. Det betyder att jag inte får visa samma lager på den sista som i den första (hänger du med?)
Det blir logiskt ifall man tänker efter.
För att göra en ny ram så finns det en liten symbol på tidslinjefältet som liknar "nytt lager" knappen (den är bredvid papperskorgen)
Steg 10:
Hoppa fram lite till färgläggeningen (blev nöjd med den ^^).
Inte mycket att säga om det, om det blir efterfrågat kan jag gärna gå igenom färgläggening i Ps någongång :)
Steg 11:
Pillgöra!
Nu gäller det att göra det flytande. Nere i fältet precis under bilden på tidslinjen så kan man ändra hur lång tid varje ram ska visas.
EX. På den här bilden vill jag ha 3 sek mellan varje blinkning och så tar jag 0,1 sek för "ner och uppvägen" och sen har hon ögonen stängda i 0,2 sek.
Steg 12:
Nöjd? Yes det är jag iaf :D
Gå upp i arkiv och tryck på "spara optimerade som..."
Steg 13:
Kolla var du vill spara din bild, döp den och se till att de sparas som en *.gif - fil!
Tryck på SPARA :D
Jag hoppas att jag har vart hjälpsam för framtida animeringar ^^ Vill du se hur min lilla animation blev? Kolla den här
Kommentarer
Trackback
