Adobe Edge Animate CC: 6 Caracteristici care interacționează și adaptează - manechine

Adobe Edge Animate CC este mai mult decât deplasarea elementelor în jurul ecranului. Aveți posibilitatea să utilizați multe dintre caracteristicile sale pentru a crea interactivitate pentru publicul dvs. - și pentru a regla mult mai mult pentru a configura software-ul pentru a se potrivi preferințelor dvs.:

• Interactivitate: Puteți crea animații complet interactive cu astfel de controale și acțiuni ca butoane, legături și bucle.

• Simboluri: Puteți salva elemente pe care le creați (cum ar fi butoanele) și le puteți folosi din nou într-o animație diferită.

• Design web responsiv: Edge Animate vă permite să creați o compoziție care să răspundă la dimensiunile ferestrei browserului și dispozitivului.

• Opțiuni multiple de publicare: Edge Animate oferă numeroase moduri de a vă publica animația pentru a fi utilizată în diferite aplicații - cum ar fi diferite browsere web și iBooks - sau puteți importa animația Adobe Edge în diferite produse Adobe cum ar fi InDesign sau Muse.

• Opțiunile de font: Edge Animate oferă o multitudine de opțiuni pentru fonturi. Dacă sunteți interesat de anumite fonturi, vestea bună este că, dacă puteți găsi un font pe web, îl puteți folosi cel mai probabil în animația dvs.

• Alegeți limba dvs.: Dacă limba engleză nu este limba dvs. maternă și preferați să lucrați în (de exemplu) germană, spaniolă, franceză sau japoneză, atunci Edge Animate vă acoperă.

Implementarea inteligentă a interactivității

Adobe Edge Animate CC vă permite să faceți mult mai mult decât să desenați și să animați elemente. De asemenea, puteți face aceste elemente interactive, ceea ce permite publicului dvs. să facă clic pe elemente pentru a face diferite acțiuni să se întâmple.

De exemplu, puteți face butoanele Stop, Play și Pauză pentru o prezentare interactivă. De asemenea, puteți crea un meniu prin adăugarea de linkuri care să permită publicului dvs. să navigheze către diferite părți ale animațiilor dvs. - sau către pagini web complet diferite.

Când publicul tău mișcă cursorul în jurul animației, poți să faci diferite acțiuni atunci când cursorul se mișcă în anumite zone. Acest tip de mișcare a cursorului este numit mouseover . Sau, dacă publicul tău folosește tablete sau telefoane inteligente pentru a-ți vedea animația, le poți permite să apese pur și simplu un element pentru a provoca o acțiune.

Utilizarea simbolurilor pentru a face obiecte refolosibile

La început, utilizarea simbolurilor se poate dovedi puțin descurajantă, dar după ce câștigați experiența de a lucra cu ele, acestea devin indispensabile.

Deci, ce este exact un simbol ? Este, în esență, o animație imbricată pe care o creați și care are propria Cronologie independentă și capabilități interactive.De exemplu, spuneți că găsiți că creați același element cu aceleași acțiuni de mai multe ori pentru multe proiecte diferite. Salvând elementul recurent ca simbol, îl puteți reutiliza și acțiunile asociate pentru orice proiect.

Un prim exemplu al unui simbol este un buton. Dacă vă regăsiți recrearea aceluiași buton - de exemplu, un buton Play pentru o expunere de diapozitive - este posibil să doriți să salvați butonul Redare ca simbol pentru reutilizare mai târziu.

Puteți găsi simbolurile dvs. în panoul Bibliotecă, după cum se arată.

Încorporează designul web responsiv

În același timp cu HTML5, designul web responsiv este cea mai recentă terminologia buzzword în ceea ce privește dezvoltarea web. Un design web receptiv permite animației să se redimensioneze în mod corespunzător, în funcție de dimensiunea ferestrei browserului.

Acest lucru poate însemna multe lucruri. Spune, de exemplu, cineva vă vede animația pe un computer desktop. Dacă utilizatorul redimensionează fereastra browserului pentru al face mai mare sau mai mic, elementele din animație se redimensionează în mod corespunzător, cu noile dimensiuni bazate pe procente.

De exemplu, dacă fereastra browserului este maximizată la 100%, imaginile și așa mai departe în animație apar la 100%. Dacă fereastra browserului este redusă la 50% din dimensiunea sa, imaginile dvs. se vor micșora și la 50% din dimensiunea normală.

Aceasta este o caracteristică foarte puternică, deoarece există o mare varietate de dimensiuni ale ecranului în aceste zile. Nu știți niciodată dacă publicul dvs. vă vede animația pe un ecran de 60 de inchi, un iPhone de 4 inch sau ceva între ele. Tabletele adaugă diversitatea dimensiunilor ecranului.

Numărarea mai multor opțiuni de publicare

Aveți mai multe moduri de a publica animații în aceste zile - și Adobe Edge Animate CC v-ați acoperit, oferind o multitudine de opțiuni (după cum se arată în această figură). Puteți să vă publicați animația ca o pagină web autonomă sau puteți să o încorporați într-o pagină web existentă.

De asemenea, găsiți opțiuni care vă permit să exportați animația pentru a fi utilizată într-un iBook. Puteți chiar să vă publicați animația ca pagină HTML statică pentru a fi utilizată în browsere web mai vechi care nu acceptă HTML5 sau animații.

Fonturi în Adobe Edge Animate

Aveți posibilitatea să utilizați o multitudine de fonturi pe web, iar Adobe Edge Animate CC este acoperită. În plus față de o listă implicită standard de fonturi disponibile pentru dvs. (a se vedea figura), Edge Animate vă permite, de asemenea, să importați fonturi din jurul web-ului.

Dacă niciunul dintre aceste fonturi nu satisface nevoile dvs., puteți importa fonturi din mai multe surse - inclusiv Fonturile Google Web. De asemenea, puteți utiliza Fonturile Web Adobe Edge, care este construit în Animate. Și dacă sunteți familiarizat cu Typekit (un alt instrument gratuit pentru fonturi), puteți sărbători știind că instrumentul funcționează, de asemenea, cu Edge Animate.

Lucrul în limba dvs. de alegere

Adobe Edge Animate CC este global în multe privințe - inclusiv limba pe care o vedeți în meniuri și panouri. Dacă vă simțiți mai bine să lucrați într-o altă limbă decât limba engleză, Edge Animate vă face ușor să schimbați limba utilizată în software în una din numeroasele limbi populare.

Din meniul Ajutor, după cum se arată în această figură, puteți alege din mai multe limbi diferite. Când alegeți o limbă din meniul Ajutor, acea limbă apare în software. Limbile pe care le puteți alege sunt germană, engleză, spaniolă, franceză și japoneză.

Dacă alegeți o altă limbă, trebuie să închideți și să reporniți Edge Animate pentru a vedea schimbarea să aibă efect. După ce selectați limba dorită, interfața nu se actualizează automat, pur și simplu închideți programul și apoi redeschideți-l pentru a vedea limba nouă selectată.