Hem Sociala medier Adobe Edge Animera CC: 6 Funktioner som interagerar och anpassar - dummies

Adobe Edge Animera CC: 6 Funktioner som interagerar och anpassar - dummies

Innehållsförteckning:

Video: Aspect Ratios 2.35:1 vs 1.85:1 vs 1.77:1 ( 16:9 ) 2025

Video: Aspect Ratios 2.35:1 vs 1.85:1 vs 1.77:1 ( 16:9 ) 2025
Anonim

Adobe Edge Animate CC handlar om mycket mer än rörliga element runt skärmen. Du kan använda många av dess funktioner för att skapa interaktivitet för din publik - och finjustera många fler för att konfigurera programvaran efter dina önskemål:

  • Interaktivitet: Du kan bygga helt interaktiva animeringar med sådana kontroller och åtgärder som knappar, länkar och loopar.

  • Symboler: Du kan spara element som du skapar (t.ex. knappar) och använda dem igen i en annan animering.

  • Responsiv webbdesign: Edge Animate gör att du kan bygga en komposition som svarar på webbläsarens och enhetsfönstret.

  • Flera publiceringsalternativ: Edge Animate erbjuder många sätt att publicera din animering för användning i olika applikationer - till exempel olika webbläsare och iBooks - eller du kan importera din Adobe Edge Animation till olika Adobe-produkter som InDesign eller Muse.

  • Font val: Edge Animate ger ett flertal typsnitt val. Om du är noga med vissa teckensnitt, är den goda nyheten att om du kan hitta en typsnitt på webben, kan du med största sannolikhet använda den i din animering.

  • Välj språk: Om engelska inte är ditt modersmål och du föredrar att arbeta i (säg) tyska, spanska, franska eller japanska, har du tagit fram Edge Animate.

Implementera interaktivitet intelligent

Adobe Edge Animate CC gör att du kan göra mycket mer än bara dra och animera element. Du kan också göra dessa element interaktiva, vilket gör det möjligt för din målgrupp att klicka på objekt för att göra olika handlingar hända.

Du kan till exempel göra Stop, Play och Pause-knappar för ett interaktivt bildspel. Du kan också skapa en meny genom att lägga till länkar som gör det möjligt för din målgrupp att navigera till olika delar av dina animationer - eller helt olika webbsidor.

När din publik flyttar markören runt din animering kan du göra olika åtgärder när markören rör sig över specifika områden. Denna typ av markörrörelse kallas en mouseover. Eller om din målgrupp använder tabletter eller smarta telefoner för att visa din animering kan du låta dem enkelt klicka på ett element för att orsaka en åtgärd.

Använda symboler för att göra återanvändbara objekt

I början kan Symboler vara lite skrämmande, men efter att du fått erfarenhet av att arbeta med dem blir de oumbärliga.

Så, vad exakt är ett Symbol? Det är i grunden en kapslad animering du skapar som har sin egen oberoende tidslinje och interaktiva funktioner.Till exempel, säg att du befinner dig skapa samma element med samma åtgärder om och om igen för många olika projekt. Genom att spara det återkommande elementet som ett Symbol kan du återanvända det och dess tillhörande åtgärder för något projekt.

Ett utmärkt exempel på ett symbol är en knapp. Om du tycker att du återskapar samma knapp - säg en Play-knapp för en bildspel - du kanske vill spara den Play-knappen som ett symbol för återanvändning senare.

Du kan hitta dina Symboler i bibliotekspanelen, som visas.

Innehåller lyhörd webbdesign

Helt tillsammans med HTML5, Responsive Web Design är det senaste buzzword terminologin när det gäller webbutveckling. En lyhörd webbdesign gör att din animering kan ändras på lämpligt sätt beroende på storleken på webbläsarfönstret.

Detta kan betyda många saker. Säg, till exempel, någon tittar på din animering på en stationär dator. Om användaren ändrar webbläsarfönstret för att göra det större eller mindre, ändrar elementen i din animering sig på lämpligt sätt, med de nya storlekarna baserade på procentsatser.

Om webbläsarfönstret maximeras till 100%, visas bilderna och så vidare i din animering till 100%. Om webbläsarfönstret krympt till 50% av dess storlek, krympas dina bilder till 50% av deras normala storlek.

Detta är en mycket kraftfull funktion eftersom det finns så många olika skärmstorlekar dessa dagar. Du vet aldrig om din publik tittar på din animering på en 60-tums skärm, en 4-tums iPhone eller något däremellan. Tabletter lägger till mångfalden av skärmstorlekar.

Att räkna med dina flera publiceringsalternativ

Du har mer än ett sätt att publicera animeringar dessa dagar - och Adobe Edge Animate CC har du täckt och erbjuder en mängd olika alternativ (som visas i denna figur). Du kan publicera din animering som en fristående webbsida eller du kan bädda in den på en befintlig webbsida.

Du hittar också alternativ som låter dig exportera din animering för användning i en iBook. Du kan även publicera din animering som en statisk HTML-sida för användning på äldre webbläsare som inte stöder HTML5 eller animeringar.

Teckensnitt i Adobe Edge Animate

Du kan använda en mängd olika teckensnitt på webben, och Adobe Edge Animate CC har du täckt. Förutom en standard standardlista över teckensnitt som är tillgängliga för dig (se figuren), kan Edge Animate också låta dig importera teckensnitt från hela webben.

Om inget av dessa teckensnitt uppfyller dina behov kan du importera teckensnitt från många olika källor - inklusive Google Web Fonts. Du kan också använda Adobe Edge Web Fonts, som är inbyggd i Animera. Och om du är bekant med Typekit (ett annat gratis teckensnittsverktyg), kan du fira att du vet att verktyget också fungerar med Edge Animate.

Arbeta på ditt eget språk

Adobe Edge Animate CC är global i många händer - inklusive det språk du ser på menyer och paneler. Om du känner dig bekvämare på ett annat språk än engelska, gör Edge Animate det enkelt för dig att ändra språket som används i programvaran till ett av många populära språk.

På Hjälp-menyn, som visas i denna figur, kan du välja mellan flera olika språk. När du väljer ett språk från Hjälp-menyn visas det språket i programvaran. Språken du kan välja bland är tyska, engelska, spanska, franska och japanska.

Om du väljer ett annat språk måste du stänga och starta om Edge Animate för att se ändringen träda i kraft. Efter att du valt det språk du vill, uppdateras gränssnittet inte automatiskt, stänger du programmet och öppnar det igen för att se ditt nyvalda språk.

Adobe Edge Animera CC: 6 Funktioner som interagerar och anpassar - dummies

Redaktörens val

Vad är en Java-karta? - dummies

Vad är en Java-karta? - dummies

Arrays och specialiserade listor gör det möjligt att utföra en fantastisk uppsättning uppgifter med Java. Det finns dock situationer där en Java-applikation behöver något som är mer relaterat till en databas, utan att egentligen ha allt databasbagage (som att behöva köpa en separat applikation). Till exempel kanske du vill kunna ...

Några få saker om Java Math - dummies

Några få saker om Java Math - dummies

Tro det eller inte, datorer - även de mest kraftfulla - Ha vissa begränsningar när det gäller att utföra matematiska beräkningar. Dessa begränsningar är vanligtvis obetydliga, men ibland slår de sig och biter på dig. Här är de saker du behöver se upp för när du gör matte i Java. Helhetsflöde Det grundläggande problemet ...

Vad är recursion i Java Programmering? - dummies

Vad är recursion i Java Programmering? - dummies

Rekursion är en grundläggande programmeringsteknik som du kan använda i Java, där en metod kallar sig för att lösa ett problem. En metod som använder denna teknik är rekursiv. Många programmeringsproblem kan lösas endast genom rekursion, och vissa problem som kan lösas med andra tekniker löses bättre genom rekursion. En av ...

Redaktörens val

4 Måste-inkludera i din blogg sidobardesign - dummies

4 Måste-inkludera i din blogg sidobardesign - dummies

Din bloggens sidofält är viktig fastighet som bör innehålla de element du vill ha mest. När du utformar din blogg sidofält kan du dra från en nästan oändlig lista över sidospårelement. Genom att välja noggrant vad som ska inkluderas (och vad som inte ska inkluderas) kan du ställa in din blogg från andra.

5 Användbara Wordpress Plugins - dummies

5 Användbara Wordpress Plugins - dummies

Om du bloggar på en självhävd plattform med WordPress-programvara, är det dags att anpassa din blogg med plug-ins - programvara som kan "anslutas" till din befintliga WordPress bloggprogramvara. Plug-ins gör det möjligt för dig att göra allt från funktionsbildspel i dina blogginlägg för att ansluta sociala medier till din webbplats. Här är fem användbara ...

7 Sätt att erövra Writer's Block som en Blogger - dummies

7 Sätt att erövra Writer's Block som en Blogger - dummies

Varje bloggare möter författarens block i ett tid eller annan. Om du är den typ av bloggare som sköter innehåll varje dag, kan författarens block vara stäverande. Kan du inte ta en paus för att få ditt skrivande mojo tillbaka? Prova en (eller flera) av dessa sju sätt att slå författarens block för att få dig tillbaka ...

Redaktörens val

10 Stora elektronikkomponentkällor - dummies

10 Stora elektronikkomponentkällor - dummies

Letar du efter några bra källor till dina elektroniska delar? Denna lista ger dig några fleråriga favoriter, både inom och utanför Nordamerika. Denna lista är inte uttömmande. Du hittar bokstavligen tusentals specialutbud för ny och begagnad elektronik. Plus, Amazon och eBay ger virtuella marknadsplatser för alla sorters säljare - ...

Elektronik Basics: Resistance - dummies

Elektronik Basics: Resistance - dummies

I elektronikvärlden är motståndet inte meningslöst. Faktum är att motstånd kan vara mycket användbart. Utan motstånd skulle elektronik inte vara möjligt. Elektronik handlar om att manipulera strömmen av ström, och ett av de mest grundläggande sätten att manipulera strömmen är att minska det genom resistans. Utan motstånd strömmar strömmen oreglerad och där ...

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

Digital elektronik: Så här installerar du BASIC Stamp Editor och Anslut till Stämpeldummorna

För att berätta för BASIC Stamp vad du vill göra i ditt digitala elektronikprojekt måste du programmera det. BASIC Stamp Windows Editor är den programvara som du använder på din dator för att skapa program som kan laddas ner till en BASIC Stamp-mikrokontroller. Denna programvara är tillgänglig gratis från Parallax webbplats. ...