Tutotial - Animering
Om du är intresserad av att testa detta, så var god läs hela texten.
Känns sådär lagom kul att lägga ner en massa tid på att förklara så bra som möjlig (för att minimera antalet följdfrågor) när man sedan ändå får frågor om sådant som redan står, bara för att någon inte läst tillräckligt noga.
Tänkte att jag skulle berätta hur jag gör en animering i Photoshop, eftersom många blev intresserade av det, efter det här inlägget.
Vi börjar med en enkel animation bestående av enbart två bilder som ska flippa.
Dock finns det en väldigt central sak som du bör kunna innan du sätter igång med animeringar på allvar sedan och det är att Kunna arbeta i lager.
1. Öppna de två bilderna i photoshop.
Dra över dem till samma arbetsyta (Antingen drar du helt enkelt bara den ena bilden till den andra med hjälp av markören, eller så använder du Ctrl + C för att kopiera den ena bilden och Ctrl + V för att klistra in den på den andra).
2. Öppna animeringsfönstret.
Klicka på Fönster>Animering (Window>Animation) uppe i menyn.
Då öppnas det ett nytt fönster i nederkanten av programmet.
När fönstret precis är öppnat, så kommer det bara att synas en bildruta i fältet.
För att skapa fler rutor så klickar du på ikonen bredvid papperskorgen (se bild).
VIKTIGT OM BILDRUTOR!
En sak som är bra att veta, är att det är smartast att ha alla händelser förberedda och klara i olika lager i bilden innan du börjar skapa bildrutor, för att därefter placera ut händelserna där du vill ha dem.
Om du mot all förmodan skulle göra en ny händelse när du är mitt inne i att animera, så kommer denna att lägga sig över alla bildrutor, vilket är ganska irriterande när man redan ansett sig vara klar med några av dem....
En annan sak som du bör veta, är att varje enskild bildruta har en egen "lagerinställning".
Dvs. För att visa och dölja händelser i de olika bildrutorna, så ändrar du i Lagermenyn nere till höger.
Alla bildrutors lagerinställningar regleras från samma lagermeny och detta kommer du se när du bläddrar i mellan lagerrutorna - lagren kommer att se ut på olika sätt beroende på vilken som är markerad.
3. Redigera bildrutorna
Markera den första bildrutan i animeringsfönstret och gör den övre bilden osynlig genom att klicka i rutan med ögat i lagermenyn, så att ögat försvinner. Sedan markerar du bildruta nummer två i animeringsfönstret och då kommer det översta laget förmodligen att vara synligt, men om det inte är det så klickar du bara i den lilla rutan där ögat var en gång till, så att ögat kommer tillbaka.
4. Redigera animeringen
Nu kan du göra ganska mycket med bilderna. Själva animeringen finns redan där, men nu är det upp till dig att avgöra hur lång tid visningen av bilderna ska vara, om animeringen är oändlig eller om den bara ska visas en gång och om bilderna ska tonas ihop eller ej.
Ikonerna till det hittar du geom att kolla på bilderna nedan.
Det är bara att klicka på ikonerna, så förstår du nog vad jag menar....
För att förhandsvisa din animation - klicka på playpilen i animationsfönstret...
5. Publicera bilden.
Gå in i Arkiv>Spara för webben (File>Save For Web & Devices). Där kan du välja filformat i listan till höger. Välj GIF.
Sedan är det bara att ladda upp på bloggen! :)
Vill du veta hur man gör en bild svartvit med färgade detaljer, klicka här!
65 Kommentarer
Ha en toppenhelg! :) Det lät grymt härligt med en relaxstund sådär. Jag blev verkligen "läskad" haha. Njut som en fisk i vattnet! ;) Kram!
Bloggen ska vara en hoppy, inte en tvång :)
Ha en toppenhelg! :D
en hobby menar jag såklart. haha..
Okej, ha en superB bra helg ! :)
checka gärna in min blogg,www.starcevic.blogg.se :)
Hoppas du får en skön helg och ta hand om dig!
kram
/Monkey
Kanske de största förväntningarna ligger i dig själv.
ha en bra dag!
Spring bara omkring och skrik: Jag vill vara friiiii!! Så känns det nog bättre :)
http://hejhumor.blogg.se/
http://hejhumor.blogg.se/
Hoppas du får en skön ledig helg. När det känns så är det bättre att bara släppa allt och så kommer inspirationen naturligt tillbaka.
Kram
Ååh vilken mysig helg! :D njut och ha skönt! :D
Ha en bra helg Elin, det är du värd! :)
http://www.ellenlovisa.blogg.se
http://www.ellenlovisa.blogg.se
Du är grym på att fota/redigera, om någon säger nått annat har dom ingen aning om ens hur mycket jobb och allt de ligger bakom. Det är skit kul att kolla på dina bilder, speciellt dom på din lilla syster, jätte fina verkligen! :) så sluta aldrig fota hörru. Keep up the good work girl :)
Mysig blogg =)
ta gärna en titt på min =3
Hoppas du får en skön helg! (:
Hoppas du får en trevlig helg :)
Jag kikar in hos dig och önskar dig en trevlig helg!
Hoppas du får en trevlig helg!!
Allt bra med dig? ;)
Hoppas att det blir en mega trevlig helg, kväll för dig :D
Andas in, andas ut ta nya tag.
Pauser är bra ibland, känner man inte för att skriva så ska man inte.
Du ska inte behöva acceptera om folk beter sig illa, för det ska de verkligen inte göra punkt slut.
Låt den positiva Elin vila lite så ska du se att hon kommer fram när det känns bättre.
Jamen vi fattar!
Ha en bra helg och njut lite av livet så blir du dej själv igen! :D
PS. Kul att titta in på din blogg då och då och se en massa vackra bilder.
Hoppas du får en skön helg! :)
MAn ska inte kännas sig tvingad att blogga. Det ska vara något man tycker om jag inte känns tvångsmässigt!
Hoppas du får en mysig helgg!
Jag tror att en bloggledig helg är bra för dig, då kommer du att märka att ditt liv är precis likadant utan bloggen, det är bara du själv som kan befria dig själv att du inte behöver skapa för andra, bara för dig själv.
Ta lite ledigt så ska du se att det känns bättre sen! :D
bra att du tar det lite lugnt sötnos:)
hoppas du får en jättebra helg :)
Have fun! :)
Hoppas ni får det super!
Tycker du hanterar läget bra, inte många som låter känslan vara och går vidare som du gör nu, istället för att skriva om det så att säga. Det här med att skriva blogg ska vara från än själv och ingen annan, men det vet du säkert redan :)
LÅter toppen, ha det så bra!
Skönt med några dagar OFF!! Njut & må!!
Kramar
Shit vad begåvad du är kvinna!
Jag hängder inte med, vad är det du måste acceptera, och vad kan du inte skriva om?
Hej Elin, nu letar jag efter folk som vill vara med i åretsblogg, på min blogg :P , och jag undrar om du skulle vilja vara med, du behöver nte göra ngt specielt igentligen utan jag skriver dom som ska vara med så får man rösta, och aa, och så om du vill vinna kan du ju skriva att dom ska rösta på dej elr a <3 hoppas du vill vara med<3.
Hihi visst är det :D
Åh tack =D
Grattis till bloggpriset. Absolut välförtjänt!
Hej. Surfade runt bland bloggar och hamnade hos dig. Troligen kommer jag tillbaka oxå nu när jag kollat runt lite hos dig :)
Hoppas det går över snart Elin !
Ta den tid du behöver, man ska aldrig pressa fram något .. Det ska komma naturligt ! ^^,
/ En tjej i storstan
Började faktiskt undra vart du tagit vägen :O Tänkte att det berodde på Sims3, men releasen blev uppskjuten såg jag :/
Fin blogg, hoppas din blogglediga helg varit skön.
Du bloggar av fri vilja. Och läsarna läser av fri vilja. Det finns inga måsten! Du behöver inte "nå upp" till allas förväntnignar! Gör som du vill och glöm inte att följa ditt hjärta!
Hoppas du får en skön paus, man behöver det mer än man tror, det tär på en.
Längtar tills du kommer tillbaka! ;)
Jag har läst igenom hela inlägget, bra förklarat! Jag fixade det direkt! Något jag dock inte fixade var att ladda upp bilden i min blogg. Det blir endast en stillbild. Lite tråkigt. Jag har GIF-format så det kan nog inte vara det.
Vore otroligt tacksam för svar! :)
mycket bra förklarat !
men en sak, jag gjorde allting och det sparades som det skulle i gif och så, men sen, nör jag skulle ladda upp bilden på bloggen kunde jag välja bild men sen när jag tryckte på ladda upp bild stod det "
sidan kan inte visas. blablabla "
vad gjorde jag för fel ? ;s
Kan du köra en guide för oss som har CS4 ;-) ? Om du nu kan det vill säga, eller har det... jag vet inte ;p haha... försöker så gott jag kan, men det vill sig inte alls..
DET FUNGERADE, TACK SÅ MYCKET ELIN<3
HA DET BÄSTISHHH:>
hej, jättebra guide till att göra en animering:)
jag gjorde nyss en, sparade den osv enligt din guide. när jag klickade på den när den låg på skrivbordet så var det precis rätt, men när jag laddade upp den på bloggen så stod bilden "stilla"
vet du vad jag kanske gjorde fel? :)
vet att jag är väldigt efter på fråga denna fråga men vore jätte snällt om du kunde svara för undrar jätte mycket! jag gjorde en animering precis som denna tutorial men sedan om jag laddar upp gif bilden som en bild på bloggen blir det ingen animering utan bara en bild, varför blir det så?
tack på förhand.
*
*
*
När jag gör enligt min beskrivining så funkar allt finemang, så tyvärr kan jag inte hjälpa dig :/
*
*
*
Hej!
Satt och greja lite med photoshop oh tänkte prova animationer.
Men när man går in på "fönster" så finns det ingen "animationer", jag har Photoshop elements. Då undrar jag om det är att det bara funkar på speciella photoshop pogram, eller om det funkar på alla?
Superfin blogg!
Kram
tack så jättejätte mycket för en bra guide :)!
När jag laddar upp bilden i bloggen händer det inget. Den visar bara en bild.
Har jag gjort något fel då? Vad jag vet har jag gjort EXAKT som dina beskrivningar.
yes! tack så mycket, har letat sönder efter det här! :D lätt som en plätt ju.
kan man göra det här i photoshop elements?:D
Har följt din beskrivning exakt, och bilden funkar osv, MEN såfort den ska upp på bloggen så står den stilla... varför det?
Nu känner jag mig extremt knäpp men för mig funkar det inte. Jag har gjort preciiiis som du har gjort, och den funkar ju i photoshop och i fireworks men inte på bloggen :S
Hej, jag skulle testa detta och allt har gått jätte bra tills jag ska spara den, du skriver att man ska spara den i GIF när jag gör de så blir de jätte brusigt i bilden :s och när jag ska ladda upp den på bloggen så vill inte animationen funka? Jag vet inte om du vill svara på frågor men de skulle varit skit schysst! :D
När jag laddar upp den på bloggen funkar det inte!! :/
Tack för den guiden!
Läste på moderskeppet något om att man inte kunde göra detta när man kör 64bitars? Stämmer det? DSu nämner ingenting om det? :-)
När jag öppnar animering står det inom parentes "tidslinje" istället för bildrutor. Hur ändrar jag det? :-) :-P
hej! När jag har sparat på gif och det där så laddar jag upp det men då är det bara en av bilderna som var med i bildspelet och det är ingen animation! Snälla kan du säga vad jag gör fel?
Kram Maja
Tack! Men efter att jag har sparat den (File>Save For Web & Devices) så blir det ändå bara en still-bild när jag laddar upp den på devote, vad gör jag för fel? tacksam för svar! :) kram
men när jag har laddat upp mina bilder och sen går till window - animation så finns inte animation :( vad gör man då ?
kan du förklara hur man lägger upp gif på bloggar? när jag gör det blir det bara en stillbild :/
