10 skäl att använda Adobe Edge Animate CC

Adobe Edge Animate har utsetts som en ersättning för Adobe Flash. Även om det kan vara önsketänkande för dem som är redo att gå förbi Flash-eran, är det fortfarande för tidigt att göra det samtalet. Edge Animate är dock ett kraftfullt, intuitivt programvaruverktyg som gör att du kan skapa interaktiva animationer för webben, iBooks och appar.

Här är tio bra anledningar till att börja använda Edge Animate.

HTML5, JavaScript och CSS utbyter

Adobe Edge Animate genererar kod med HTML5 och JavaScript med CSS inbakad. Detta är fantastiska nyheter för både utvecklare och designers som inte vet hur man kodar.

De goda nyheterna för utvecklare är att de kan dyka rakt in i koden för att förbättra sina animationer för att passa deras eget tycke. De goda nyheterna för designers är att de kan göra funktionella och effektiva animationer utan att kunna en enda rad kod.

Scenen är en webbläsare

Scenen är den del av Edge Animate-gränssnittet där du gör huvuddelen av ditt designarbete. Det som är bra med scenen är att det oftast beter sig som ett webbläsarfönster. Det du ser på scenen är vad du skulle se om du tittade på ditt projekt i en modern webbläsare. Du kan till och med förhandsgranska din animation direkt från scenen.

Det finns vissa begränsningar. Du kan till exempel inte förhandsgranska åtgärder, som loopar och klick, från scenen. Men det är ett litet hinder i det stora hela.

Återanvändbara symboler

Med Edge Animate kan du skapa symboler. Med symboler kan du spara element, eller grupper av element, och deras associerade åtgärder för återanvändning i andra projekt. Om du till exempel skapar ett bildspel med Edge Animate och sparar det projektet som en symbol, kan du exportera det till ditt skrivbord och sedan importera det till ett annat Edge Animate-projekt.

Om du föredrar ett snabbare arbetsflöde kan du till och med kopiera och klistra in en symbol från ett projekt till ett annat. Symboler är ett bra sätt att spara tid och energi när du arbetar med vanliga element som du gillar att använda flera gånger.

Responsiv webbdesign

Nästa stora sak för webbdesign är att göra den responsiv (tydlig och enkel att använda på ett brett utbud av enhetstyper och storlekar) . Endast ett fåtal webbplatser kan för närvarande skryta med en responsiv webbdesign. När du ser dem i aktion kan det vara imponerande.

Om du kan berätta för dina kunder att du kan skapa en onlineanimation som ser lika bra ut på en 30-tumsskärm som den gör på en 4-tums iPhone, borde de bli imponerade. Om inte behöver du nya kunder.

Importera teckensnitt

Adobe vet att det finns mer med typsnitt än bara Arial och Helvetica. Det var därför de gjorde det enkelt att importera typsnitt från olika ställen. Detta inkluderar Googles webbteckensnitt, Typekit och mer.

Bekanta ritverktyg

Om du någonsin har använt ett designverktyg för att rita en rektangel eller en cirkel, kommer du direkt till Edge

Edge Animates ritmeny. Adobe gjorde det superenkelt att lägga till element på scenen, så att du kan skapa allt från rutor till perfekta cirklar (eller animera en perfekt cirkel till en kvadrat). Ritverktygen inkluderar ett textverktyg, rektangelverktyg, ellipsverktyg och mer.

Intuitiv tidslinje

Tidslinjen är där du skapar animerade sekvenser med nyckelbildrutor. Du kan bli ett proffs på nolltid platt. När du har tagit reda på hur det fungerar kan du använda tidslinjen för att göra dina animationer levande.

Interaktivitet

Du behöver inte nöja dig med platta animationer som din publik måste luta sig tillbaka och passivt titta på. Å nej. Du kan låta din publik aktivt klicka på en mus eller knacka på en surfplatta för att utföra olika åtgärder. Från länkar till loopar och mycket mer, du kan skapa lika varierande animationer som en animerad barnbok till en ensidig restaurangsajt.

Anpassningsbar arbetsyta

Alla fungerar inte på samma sätt. Alla uppskattar inte samma synpunkter. Baserat på det gjorde Adobe gränssnittet för Edge Animate extremt anpassningsbart. Du kan till och med spara anpassade vyer för senare användning. Om du av misstag stänger en panel och inte hittar den kan du alltid återgå till standardvyn.

Ett animationsverktyg som alla kan använda

Edge Animate är ett av de verktyg som många olika typer av människor kan uppskatta. Om du är en professionell designer som inte kan kod kan du fortfarande skapa komplexa animationer. Om du är en utvecklare som vill lägga till några extra funktioner till ett projekt så kan du göra det också.

Å andra sidan, om du är student eller hobbyist som bara vill leka med något nytt och innovativt, då kan du göra det också. Vem vet? din hobby kan bli ditt yrke!


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 […]