Med introduktionen av tidslinjepanelen i Photoshop CS6 har Adobe gjort mycket av sina nya videoredigeringsfunktioner som gör att du kan redigera, förbättra och återge videor direkt i Photoshop. Även om Adobe främst använder det som ett videoredigeringsverktyg, är det som är intressant för mig möjligheten att skapa snabba animerade stick direkt från Photoshop utan att behöva byta programvarupaket.
Här visar jag dig hur du snabbt skapar en kort animerad plasmaskärm för iPad. För designers som är vana att arbeta med Flash eller After Effects kan dessa verktyg verka ganska grundläggande, men för alla designers som vill fördjupa sig i rörlig grafik ger de en snabb och enkel introduktion till begreppet tidslinje och nyckelbilder. Naturligtvis behöver den slutliga utgången inte vara för en iPad-stänkskärm, så du begränsas bara av din fantasi i vad din slutliga utdata används till.
01 Börja med att ställa in ett nytt dokument med önskad iPad-upplösning från rullgardinsmenyn Mobile & Devices. Fyll bakgrunden med en färg som du väljer (grå i det här fallet), skapa en vit fyrkant i mitten på ett nytt lager, skapa sedan två svarta prickar och snäpp dem i två motsatta hörn, igen på separata lager. Märk allt på lämpligt sätt för att göra livet lättare senare.
02 Klicka på Skapa videotidslinje i tidslinjepanelen så visas alla dina lager inom tidslinjen. Ställ in den på 00:00, välj Spot 01 och expandera lagret med triangelikonen. Klicka nu på fliken Position för att skapa en nyckelbild. Flytta tidslinjen till 01:00 och skapa en ny nyckelbild för position. Flytta nu platsen längst ner till vänster på torget och upprepa processen för den andra platsen med exakt samma tidsinställningar. Upprepa processen med fläckarna med ett sekunders mellanrum tills tre sekunders märke, och skapa nyckelbilder när du går.
03 Gå tillbaka till 00:00 och skapa ett diagonalt val på ett nytt lager precis ovanför bakgrunden och fyll det med en färg. Vi vill ha den här formen svepande in och ut. Skapa en positionsnyckelram klockan 00:00 och håll Shift och flytta formen från duken. Kl. 01:00 skapa en ny nyckelbild och flytta formen tillbaka till sin ursprungliga position. Spela upp det och det verkar som om det sveper in. Du kan se hur nyckelrutorna matchar fläckarnas.
04 Flytta nu tidslinjen längs ytterligare 10 bilder till 01:10 och flytta formen tillbaka till en position precis inom dokumentets gränser. Ta tidslinjen tillbaka till 01:00 där formen är i full vy, markera alla och kopiera lagret. Tryck på Cmd / Ctrl + A på det fyrkantiga lagret för att göra ett val och gå sedan till Redigera> Klistra in för att klistra in formen i rutan på ett nytt lager. Fyll det med svart, märk upp det på rätt sätt och flytta det över det ursprungliga fyrkantiga lagret.
05 Nu vill vi att den svarta inre formen ska svepa in med den gula formen. Flytta lagret tillbaka på tidslinjen till 00:00 och upprepa processen från den tidigare gula formen, ställa in den första nyckelbilden vid 00:00 med formen helt från duken och vid 01:00 med den helt i sikte, men sedan lägg inte till fler nyckelbilder så att det verkar svepa in med det gula lagret, men förblir på plats.
