10 grunner til å bruke Adobe Edge Animate CC

Adobe Edge Animate har blitt utpekt som en erstatning for Adobe Flash. Selv om det kan være ønsketenkning for de som er klare til å gå forbi Flash-æraen, er det fortsatt for tidlig å gjøre det. Imidlertid er Edge Animate et kraftig, intuitivt programvareverktøy som lar deg lage interaktive animasjoner for nettet, iBooks og apper.

Her er ti gode grunner til å begynne å bruke Edge Animate.

HTML5, JavaScript og CSS utveksles

Adobe Edge Animate genererer kode ved hjelp av HTML5 og JavaScript med CSS innebygd. Dette er gode nyheter for både utviklere og designere som ikke vet hvordan de skal kode.

Den gode nyheten for utviklere er at de kan dykke rett inn i koden for å forbedre animasjonene deres slik at de passer deres egen smak. Den gode nyheten for designere er at de kan lage funksjonelle og effektive animasjoner uten å kunne en eneste linje med kode.

Scenen er en nettleser

Scenen er den delen av Edge Animate-grensesnittet der du gjør mesteparten av designarbeidet ditt. Det som er bra med scenen er at det stort sett oppfører seg som et nettleservindu. Det du ser på scenen er det du ville sett hvis du så på prosjektet ditt i en moderne nettleser. Du kan til og med forhåndsvise animasjonen direkte fra scenen.

Det er noen begrensninger. Du kan for eksempel ikke forhåndsvise handlinger, som looper og klikk, fra scenen. Men det er en liten hindring i den store sammenhengen.

Gjenbrukbare symboler

Edge Animate lar deg lage symboler. Med symboler kan du lagre elementer, eller grupper av elementer, og deres tilknyttede handlinger for gjenbruk i andre prosjekter. Hvis du for eksempel lager en lysbildefremvisning med Edge Animate og lagrer det prosjektet som et symbol, kan du eksportere det til skrivebordet og deretter importere det til et annet Edge Animate-prosjekt.

Hvis du foretrekker en raskere arbeidsflyt, kan du til og med kopiere og lime inn et symbol fra ett prosjekt til et annet. Symboler er en fin måte å spare tid og energi på når du arbeider med vanlige elementer som du liker å bruke flere ganger.

Responsivt webdesign

Den neste store tingen for webdesign er å gjøre den responsiv (klar og enkel å bruke på et bredt spekter av enhetstyper og størrelser) . Bare noen få nettsteder kan for tiden skryte av et responsivt webdesign. Når du ser dem i aksjon, kan det være imponerende.

Hvis du kan fortelle kundene dine at du kan lage en online animasjon som ser like bra ut på en 30-tommers skjerm som den gjør på en 4-tommers iPhone, bør de bli imponert. Hvis ikke, trenger du nye kunder.

Importerer fonter

Adobe vet at det er mer med fonter enn bare Arial og Helvetica. Derfor gjorde de det enkelt å importere fonter fra ulike steder. Dette inkluderer Google nettfonter, Typekit og mer.

Kjente tegneverktøy

Hvis du noen gang har brukt et designverktøy til å tegne et rektangel eller en sirkel, vil du umiddelbart gå til Edge

Edge Animates tegnemeny. Adobe gjorde det superenkelt å legge til elementer på scenen, slik at du kan lage alt fra firkanter til perfekte sirkler (eller animere en perfekt sirkel til en firkant). Tegneverktøyene inkluderer et tekstverktøy, rektangelverktøy, ellipseverktøy og mer.

Intuitiv tidslinje

Tidslinjen er der du lager animerte sekvenser med nøkkelbilder. Du kan bli en proff på et blunk. Etter å ha funnet ut hvordan det fungerer, kan du bruke tidslinjen til å gjøre animasjonene dine levende.

Interaktivitet

Du trenger ikke nøye deg med flate animasjoner som publikum må lene seg tilbake og passivt se på. Å nei. Du kan få publikum til å aktivt klikke på en mus, eller trykke på et nettbrett, for å utføre forskjellige handlinger. Fra lenker til looper og mye mer, du kan lage like varierte animasjoner som en animert barnebok til en ensides restaurantside.

Tilpassbar arbeidsplass

Ikke alle jobber på samme måte. Ikke alle setter pris på de samme synspunktene. Basert på det gjorde Adobe grensesnittet til Edge Animate ekstremt tilpassbart. Du kan til og med lagre egendefinerte visninger for senere bruk. Hvis du ved et uhell lukker et panel og ikke finner det, kan du alltid gå tilbake til standardvisningen.

Et animasjonsverktøy alle kan bruke

Edge Animate er et av de verktøyene som mange forskjellige typer mennesker kan sette pris på. Hvis du er en profesjonell designer som ikke kan kode, kan du fortsatt lage komplekse animasjoner. Hvis du er en utvikler som ønsker å legge til noen ekstra funksjoner til et prosjekt, kan du også gjøre det.

På den annen side, hvis du er student eller hobbyist som bare vil leke med noe nytt og innovativt, så kan du også gjøre det. Hvem vet? hobbyen din kan bli ditt yrke!


Slik bruker du åpenhet på SVG-er

Slik bruker du åpenhet på SVG-er

Lær hvordan du bruker åpenhet på SVG-grafikk i Illustrator. Utforsk hvordan du sender ut SVG-er med gjennomsiktig bakgrunn og bruker gjennomsiktighetseffekter.

Arbeide med bilder i Adobe XD

Arbeide med bilder i Adobe XD

Etter at du har importert bildene dine til Adobe XD, har du ikke mye redigeringskontroll, men du kan endre størrelse og rotere bilder på samme måte som du ville gjort med en hvilken som helst annen form. Du kan også enkelt runde hjørnene på et importert bilde ved å bruke hjørnemodulene. Maskering av bildene dine Ved å definere en lukket form […]

Hvordan justere tekstegenskaper i Adobe XD

Hvordan justere tekstegenskaper i Adobe XD

Når du har tekst i Adobe XD-prosjektet ditt, kan du begynne å endre tekstegenskapene. Disse egenskapene inkluderer skriftfamilie, skriftstørrelse, skriftvekt, justering, tegnavstand (kjerning og sporing), linjeavstand (ledende), fyll, kantlinje (strek), skygge (slippskygge) og bakgrunnsuskarphet. Så la oss se gjennom hvordan disse egenskapene brukes. Om lesbarhet og font […]

Arbeide med tegnebrett i Photoshop CC

Arbeide med tegnebrett i Photoshop CC

Akkurat som i Adobe Illustrator, gir Photoshop-tegnebrett muligheten til å bygge separate sider eller skjermer i ett dokument. Dette kan være spesielt nyttig hvis du bygger skjermer for en mobilapplikasjon eller liten brosjyre. Du kan tenke på en tegnebrett som en spesiell type laggruppe opprettet ved hjelp av lagpanelet. Det er […]

Former og polygoner i InDesign

Former og polygoner i InDesign

Mange av verktøyene du finner i InDesign Tools-panelet brukes til å tegne linjer og former på en side, så du har flere forskjellige måter å lage interessante tegninger for publikasjonene dine på. Du kan lage alt fra grunnleggende former til intrikate tegninger inne i InDesign, i stedet for å bruke et tegneprogram som […]

Bryt tekst i Adobe Illustrator CC

Bryt tekst i Adobe Illustrator CC

Å pakke inn tekst i Adobe Illustrator CC er ikke helt det samme som å pakke inn en gave – det er enklere! En tekstbryting tvinger tekst til å brytes rundt en grafikk, som vist i denne figuren. Denne funksjonen kan legge til litt kreativitet til ethvert stykke. Grafikken tvinger teksten til å vikle seg rundt den. Først lager du […]

Hvordan endre størrelse på former i Illustrator

Hvordan endre størrelse på former i Illustrator

Når du designer i Adobe Illustrator CC, trenger du ofte at en form har en nøyaktig størrelse (for eksempel 2 x 3 tommer). Etter at du har laget en form, er den beste måten å endre størrelsen på den til nøyaktige mål å bruke Transform-panelet, vist i denne figuren. Velg objektet og velg deretter Vindu→ Transformer til […]

Hvordan lage QR-koder i InDesign CC

Hvordan lage QR-koder i InDesign CC

Du kan bruke InDesign til å lage og endre QR-kodegrafikk. QR-koder er en form for strekkode som kan lagre informasjon som ord, tall, URL-er eller andre former for data. Brukeren skanner QR-koden ved hjelp av kameraet og programvaren på en enhet, for eksempel en smarttelefon, og programvaren bruker […]

Hvordan få et nytt bilde til å se gammelt ut i Photoshop CS6

Hvordan få et nytt bilde til å se gammelt ut i Photoshop CS6

Det kan være en tid når du trenger et nytt bilde for å se gammelt ut. Photoshop CS6 har du dekket. Svart-hvitt-fotografering er et nyere fenomen enn du kanskje tror. Daguerreotypier og andre tidlige fotografier hadde ofte en brunaktig eller blåaktig tone. Du kan lage dine egne sepiatonede mesterverk. Tonede bilder kan skape […]

Live Paint-funksjonen i Adobe CS5 Illustrator

Live Paint-funksjonen i Adobe CS5 Illustrator

Ved å bruke Live Paint-funksjonen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du lage bildet du ønsker og fylle ut områder med farger. Live Paint-bøtten oppdager automatisk områder som består av uavhengige kryssende stier og fyller dem deretter. Malingen innenfor et gitt område forblir levende og flyter automatisk hvis noen […]