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!








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!