Illustratorlager som Flash-animering

• Maj 15, 2024

Visste du att du kan göra en Flash^R animering utan Flash-programmet. Jo det kan du. Allt du behöver är Adobe Illustrator CS2 och din egen kreativitet. När du exporterar en bild från Illustrator som en SWF-animation konverterar programmet lagren från din bild till ramar för animationen lika mycket som det gör för att skapa en animerad gif. Men i detta fall skapar Illustrator också automatiskt motsvarande HTML-webbsida som visar Flash-animationen. Låt oss skapa en enkel animering från en bild med tre lager.

Steg 1. Starta ett nytt dokument. Låt oss göra animationen två tum bred och hög. Klicka på Arkiv> Nytt på menyfältet för att öppna dialogrutan Nytt dokument och ställa in följande värden.

Namn: Star Animation
Artboard Setup--
Enheter: Inches
Bredd: 2 tum
Höjd: 2 in
Orientering: Porträtt
Färgläge: RGB-färg

Star Tool Icon (under Rectangle Tool Icon)
Steg 2. Lager ett. Vi kommer att använda Star-verktyget för att rita den första stjärnan. Först måste vi ställa in Stroke-färgen på svart och Fill-färgen till gul. Dubbelklicka på Fyll-knappen (helt färgad fyrkant) i verktygslådan för att öppna färgväljaren och välj sedan en gul färg för stjärnan. Om Stroke inte redan är inställt på svart, dubbelklickar du på Stroke-knappen i verktygslådan och väljer svart för kontur av stjärnan. Använd Star-verktyget, klicka och dra för att rita en liten stjärna i det övre vänstra hörnet av tavlan. Klicka på Välj> Avmarkera på menyfältet.

Layer One

Steg 3. Skikt två. Vi kommer att duplicera lager 1 och använda stjärnan på detta duplikatlager som utgångspunkt för den andra stjärnan. Gå till paletten Lager och välj Duplicera lager 1 på popup-menyn. Du kommer att se ett nytt lager som heter Lager 1-kopia i lagpaletten. Klicka och dra stjärnan mot mitten av tavlan med hjälp av markeringsverktyget (svart pil i verktygslådan). Klicka nu och dra nedre högra ankarpunkten på stjärnan för att ändra storleken på stjärnan till en medelstor storlek (se exempel för referens). Välja bort.

Lager två

Nästa →

Adobe Illustrator CS2-arbetsyta

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Bidra, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: 2019 Adobe Animate Complete Course Update (Maj 2024).