Skip to main content

Skapa en animerad GIF i fyrverkerier

Mitt liv som Charlie | Charlie Magnusson | TEDxYouth@Sundsvall (Maj 2024)

Mitt liv som Charlie | Charlie Magnusson | TEDxYouth@Sundsvall (Maj 2024)
Anonim

I denna handledning lär du dig att använda Fireworks CS6 för att skapa en animerad GIF med en kalkon med svansfjädrar som ändrar färg. För att starta måste du skapa en illustration och kopiera den. Då ska du göra ändringar i en illustration, konvertera dem båda till symboler, skapa ett andra tillstånd och förhandsgranska animeringen. Slutligen ändrar du varaktighetstiden för båda delarna, sparar filen som en animerad GIF och visar den i din webbläsare.

01 av 20

Turkiet Animerad GIF i fyrverkerier

Även om Fireworks CS6 används i denna handledning bör du kunna följa med någon ny version av Fireworks eller till och med Photoshop.

Det är viktigt att notera att Adobe inte längre erbjuder Fireworks CC som en del av Creative Cloud. Om du letar efter fyrverkerier finns det i avsnittet Sök ytterligare appar i Creative Cloud. När Adobe meddelar att det inte längre kommer att stödja eller uppdatera program, kan du anta att det bara är en fråga om tid innan programmet försvinner.

02 av 20

Skapa ett nytt dokument

Först kommer du att skapa ett nytt dokument genom att välja Fil> Ny. Gör bredden och höjden 400 x 400 pixlar och upplösningen på 72 pixlar per tum. Välj vit för dukfärgen och klicka på OK.

Välj sedan Arkiv> Spara, namnge filen Kalkon med en png-förlängning, välj var du vill spara den, och klicka på Spara.

03 av 20

Rita en cirkel

I Verktyg-panelen klickar du på Stroke-färgrutan och väljer svart, sedan på Fyll-färgrutan och väljer en brun färgstämpel eller typ i fältet Hex-nummervärde, # 8C4600.

På panelen Egenskaper, gör strokebredden 2 pixlar. Välj sedan Ellipse-verktyget i panelen Verktyg, vilket kan hittas genom att klicka på den lilla pilen bredvid verktyget Rektangel eller andra synliga formverktyg. Håll ned skiftnyckeln genom att klicka och dra för att skapa en stor cirkel. (Med skiftet säkerställs att cirkeln blir helt rund.)

04 av 20

Rita en annan cirkel

Återigen, håll ner skiftnyckeln när du ritar en annan cirkel med avsikt att denna cirkel blir mindre än den sista.

Med pekverktyget klickar du på och drar den lilla cirkeln på plats. Du vill att den ska överlappa toppen av den stora cirkeln, som visas.

05 av 20

Rita en rundad rektangel

Med runda rektangelverktyget ritar du en rektangel. Med pekverktyget flyttar du det på plats. Du vill att den ska centreras och överlappa något på botten av den lilla cirkeln.

06 av 20

Kombinera vägar

Håll ned skiftnyckeln när du klickar på den lilla cirkeln och den avrundade rektangeln. Detta kommer att välja båda formerna. Sedan Välj Ändra, kombinera sökvägar> Union.

07 av 20

Ändra färg

I fönstret Verktyg, klicka på Fyllningsrutan och välj ett flamsvart, eller skriv # FFCC99 i fältet Hex-värde och tryck sedan på Retur.

08 av 20

Gör ögonen

Du kan rita två små cirklar för att få ögonen, men använd istället Typverktyget för detta. Klicka på verktyget Typ i Verktyg-panelen och sedan på duken. I egenskapskontrollen väljer du Arial Regular för teckensnittet, gör storlek 72 och ändrar färgen till svart. Håll ner Alt eller Alternativ-tangenten när du trycker på knappen som håller nummer 8, vilket kommer att göra en kula. Tryck sedan på mellanslagstangenten innan du gör en annan kula.

09 av 20

Gör näsan

Klicka på verktyget Polygon-form i verktygsfältet. På panelen Egenskaper, välj en orange prövning för fyllningen eller typ # FF9933 i fältet Hex-värde. På sidan Egenskaper gör du också stroke black med en bredd på 1.

Välj sedan Fönster> Egenskaper för automatisk form. Klicka på polygonformen och ange att du vill att både punkterna och sidorna ska vara 3 och radien 180 grader. För att göra triangeln mindre, skriv 20 i fältet Outer Radius-värde. Numret för detta beror på hur stor triangeln var, till att börja med. Tryck sedan på Retur.

Med pekarverktyget klickar du på triangeln och drar den till där du tycker att den borde sitta för näbben.

10 av 20

Gör Snood

Den röda saken som hänger från en kalkons näbb kallas Snood. För att göra en, använder du Pen-verktyget.

När du har valt pennverktyget i Verktyg-panelen klickar du på Fyllningsrutan och väljer en röd prövning, eller skriv # FF0000 i fältet Hex-värde och tryck sedan på Retur.

Med Pen-verktyget klickar du på för att skapa punkter som bildar en sökväg, och ibland klickar du och drar för att skapa en rundad bana. När den sista punkten förbinder med den första, har du format en form som ser ut som en kalkon snood.

11 av 20

Gör benen

Du kan ställa in fyllfärgen till samma apelsin som näsan genom att klicka på Fyllningsrutan och sedan på näsan. Med pennverktyget valt, gör slagfärgen svart och sätt strokebredden till 2 i Egenskaper-panelen.

Använd sedan Pen-verktyget för att skapa punkter som bildar en form som liknar en kalkonben. Med den valda formen väljer du Redigera> Kopiera. Sedan Välj Ändra> Transformera> Vänd horisontellt. Med pekverktyget placerar du benen där de ser bäst ut.

12 av 20

Minska storleken

Välja Välj> Välj alla.Klicka sedan på Skalverktyget i Verktyg-panelen. En avgränsningsruta visas med handtag som kan flyttas inåt eller utåt. Klicka på ett hörnhandtag och flytta det inåt, gör det hela mindre och tryck sedan på retur.

Med alla dina former fortfarande markerade, använd pekverktyget för att flytta kalkon på plats. Du vill ha det centrerat lågt på duken.

13 av 20

Gör svansfjädrarna

Med Ellipse-verktyget klickar du och drar för att bilda en lång oval. Sedan Välj Redigera> Kopiera. Du duplicerar ovalet om och om igen tills du har totalt fem ovaler.

14 av 20

Ändra färgen

Med en av de ovaler som valts klickar du på Fyllningsrutan och väljer en annan färg. Gör detta med tre fler ovalar, välj en annan färg för varje.

15 av 20

Flytta Ovals

Med pekverktyget klickar du på och drar över de fem ovalerna för att välja dem alla. Sedan Välj Ändra> Ordna> Skicka till Tillbaka. Detta kommer att orsaka att svansfjädrarna faller bakom kalkonen när du flyttar dem på plats.

Klicka bort från ovalerna för att avmarkera dem, klicka sedan på en oval i taget och dra dem separat till var de kommer att sitta bredvid varandra och delvis bakom kalkon.

Använda Smart Guides kan hjälpa till att jämnt placera de ovaler som är motsatta varandra. Om du inte ser de smarta guiderna på jobbet, välj Visa> Smarta guider> Visa smarta guider.

16 av 20

Rotera Ovals

Du vill rotera ovalerna och omplacera dem. För att göra det, välj ett och välj Ändra> Transformera> Gratis omvandling. Klicka och dra sedan markören precis utanför gränsen för att rotera det ovala något. Med pekverktyget placerar du det ovala där du tycker att det ser bäst ut.

Rotera de kvarvarande ovalerna på samma sätt och placera dem på plats. fördela dem jämnt.

17 av 20

Spara och spara som

Tittar på din bild ser du att kalkon är för låg på duken, så välj Välj> Välj alla, använd sedan pekverktyget för att placera kalkon i mitten av duken. När du är nöjd med hur det ser ut, välj Arkiv> Spara.

Klicka sedan på en svansfjäder för att välja den, sedan på Fyllningsrutan och välj en annan färg. Gör detta för varje svansfjäder, välj sedan Arkiv> Spara som. Byt namn på filen, Turkiet2 med en png-förlängning och klicka på Spara.

18 av 20

Konvertera till symbol

Välja Arkiv> Öppna, navigera till din turkiska.png-fil och klicka på Öppna. Klicka på på turkey.png fliken längst upp och välj Välj> Välj alla. Du väljer då Ändra> Konvertera> Konvertera till symbol. Namnge den symbol 1, välj Grafisk för typen och klicka sedan på OK.

Klicka på fliken turkey2.png och gör detsamma, bara du kommer att namnge den här symbolen 2.

19 av 20

Skapa en ny stat

Klicka tillbaka på fliken turkey.png. Om din panel inte är synlig kan du välja Fönster> Stater. Längst ner på panelen States, klicka på knappen New Duplicate States.

När du klickar på det första tillståndet för att välja det så ser du att det har en symbol. När du klickar på det andra läget ser du att det är tomt. Om du vill lägga till en symbol i den här tomma staten väljer du Välj Arkiv> Importera> navigera till din turkey2.png-fil, klicka på Öppna och Öppna sedan igen. Klicka sedan på det övre högra hörnet av duken för att placera filen i rätt läge. Nu när du klickar mellan första och andra stater ser du att båda håller bilderna. Du kan också trycka på Play / Stop-knappen längst ner i fönstret för att förhandsgranska animeringen.

Om du inte gillar animationshastigheten kan du dubbelklicka på siffrorna till höger om varje stat för att göra justeringar. Ju högre siffran desto längre varaktighetstid.

20 av 20

Spara animerad GIF

Slutligen, välj Arkiv> Spara som, byt namn på filen, välj Animerad GIF (* .gif) och klicka sedan på Spara.

För att öppna och spela Animation GIF i din webbläsare startar du webbläsaren och väljer Arkiv> Öppna eller öppna fil. Navigera till din sparade animerade GIF-fil, välj den, klicka på Öppna och njut av frukten av din arbetskraft!

Uppdaterad av Tom Green