Hur man visar tröghet och gravitation i Flash CS5-animering med lätthet

I Adobe Flash Creative Suite 5 kan du återskapa de två mest igenkännliga rörelsekrafterna, tröghet och gravitation, genom att använda ett speciellt interpoleringsalternativ: Ease . Den nya animationsmotorn gör massor av lättnadsbeteenden tillgängliga, inklusive Bounce, Spring, Ease In (snabba upp), Ease Out (sakta ner) och mer. Du kan tilldela lättnader till alla interpoleringsintervall med Motion Editor.

Lägg till lättnad till en Flash CS5-symbol

Följ dessa steg för att skapa ett lättnadsbeteende:

Skapa ett nytt Flash-dokument. Välj verktyget Oval och skapa en perfekt cirkel längst ner på scenen.

Håll ned Skift-tangenten för att begränsa cirkeln medan du ritar den.

Med den nya cirkeln vald, tryck på F8; när dialogrutan Konvertera till symbol visas väljer du Grafik i rullgardinsmenyn Typ och anger ett namn för symbolen i textrutan Namn.

I det här exemplet döpte vi cirkeln till Ball.

Högerklicka (Windows) eller Ctrl-klicka (Mac) på den första bildrutan i lagret och välj Skapa rörelseinterpolering från den sammanhangsberoende menyn som visas.

Ett nytt interpoleringsintervall skapas och spelhuvudet går vidare till den sista bilden i interpoleringsintervallet.

Använd markeringsverktyget, välj och flytta symbolen rakt till toppen av scenen samtidigt som den behåller dess horisontella position.

Dra symbolen långsamt mot toppen av scenen för att förhindra att den flyttas åt vänster eller höger. Beteendet Snap to Objects håller symbolen i linje med dess ursprungliga horisontella position tills du släpper den.

Tryck på Enter eller Retur för att förhandsgranska animeringen.

Bollen ska nu röra sig från botten till toppen av scenen.

Klicka direkt på interpoleringsintervallet på tidslinjen för att välja det och klicka sedan på rörelseredigerarens panelflik för att ta fram det.

Du ser de olika egenskaperna för din interpolering representerade på panelen Motion Editor.

Bläddra till botten av Motion Editor, leta reda på raden Eases och ändra det enkla (långsamma) värdet från 0 till 100.

Hur man visar tröghet och gravitation i Flash CS5-animering med lätthet

Du kan klicka och dra över värdet för att ändra det, eller dubbelklicka och ange ett värde för hand.

Du ser att standard Enkel (långsam) lätthet redan är listad. Du kan lägga till andra typer av lättheter att använda senare, men för närvarande fungerar standarden bra.

Att ändra värdet skapar en lätthet , vilket saktar ner animeringen när den kommer till slutförandet.

Rulla till toppen av Motion Editor och leta upp raden Basic Motion; direkt till höger, välj Enkel (långsam) från rullgardinsmenyn.

Det här steget tillämpar lättheten på rörelseegenskaperna för din interpolering.

Tryck på Enter eller Return för att spela upp och förhandsgranska din animation.

Animeringen saktar ner gradvis när den är klar.

Vänd om lättnaden i Flash CS5

Det som går upp måste komma ner, så följande steg leder dig genom att få bollen att återvända till marken:

Klicka på fliken Tidslinje och klicka sedan direkt på lagret var som helst inom interpoleringsintervallet för att välja hela rörelseinterpoleringen.

Högerklicka (Windows) eller Ctrl-klicka (Mac) på de markerade ramarna för att öppna sammanhangsmenyn och välj sedan Kopiera ramar.

På samma lager väljer du nästa tomma ram omedelbart efter att interpoleringsintervallet slutar.

För att klistra in interpoleringen du kopierade i steg 2, se till att ramen är markerad, högerklicka (Windows) eller Ctrl-klicka (Mac) och välj Klistra in ramar från den sammanhangsberoende menyn som visas.

Klicka på det nyligen inklistrade interpoleringsintervallet för att välja det.

Om du vill vända interpoleringen bakåt högerklickar du (Windows) eller Ctrl-klickar (Mac) på de markerade bildrutorna och väljer Omvänd nyckelbildrutor från den sammanhangsberoende menyn som visas.

Tryck på Enter eller Retur för att förhandsgranska din animation.

Bollen går upp och sedan ner, och bekvämt är animeringen inte bara omvänd utan lättar också.

Använd lättnader med Flash CS5 IK-animation

Precis som med rörelseinterpoleringar kan du härma tyngdkrafterna och trögheten med hjälp av lättnader med IK-animationer. Även om Motion Editor inte är tillgänglig för poserad animering, kan du enkelt lägga till lättnadsbeteende från fastighetsinspektören för att ge din IK-animation ett mer realistiskt utseende och känsla.

Följ dessa steg för att lägga till lättnad till ett armaturlager:

Klicka och välj den första bildrutan i ett befintligt IK Armature-lager på tidslinjen.

Leta reda på Ease-alternativen till höger om egenskapsinspektören — standardvärdet är noll (ingen enkelhet) — och klicka och dra sedan för att ändra värdet till 100 (Ease Out).

(Valfritt) Välj en annan typ av lätthet från rullgardinsmenyn Typ.

Tryck på Enter eller Retur för att se animeringen.

Du ser hur lättnaden ändrar beteendet hos din animation.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]