Adobe Edge Animate CC: 6 functies die interacteren en aanpassen - dummies

Adobe Edge Animate CC gaat over veel meer dan bewegende elementen over het scherm. U kunt veel functies gebruiken om interactiviteit voor uw publiek te creëren - en nog veel meer afstemmen om de software aan uw voorkeuren aan te passen:

• Interactiviteit: U kunt volledig interactieve animaties maken met dergelijke bedieningselementen en acties als knoppen, koppelingen en lussen.

• Symbolen: U kunt elementen die u maakt (zoals knoppen) opslaan en ze opnieuw gebruiken in een andere animatie.

• Responsief webontwerp: Edge Animate stelt u in staat een compositie te maken die reageert op de browservenster en de apparaatvensterformaten.

• Meerdere publicatieopties: Edge Animate biedt verschillende manieren om uw animatie te publiceren voor gebruik in verschillende toepassingen - zoals verschillende webbrowsers en iBooks - of u kunt uw Adobe Edge-animatie importeren in verschillende Adobe-producten zoals InDesign of Muse.

• Lettertype: Edge Animate biedt een groot aantal verschillende lettertypen. Als u bepaalde lettertypen moeilijk vindt, is het goede nieuws dat als u een lettertype op internet kunt vinden, u dit waarschijnlijk in uw animatie kunt gebruiken.

• Kies uw taal: Als Engels uw moedertaal niet is en u liever in bijvoorbeeld Duits, Spaans, Frans of Japans werkt, dan heeft Edge Animate alles voor u.

Intelligente interactiviteit implementeren

Adobe Edge Animate CC stelt u in staat om veel meer te doen dan alleen elementen tekenen en animeren. Je kunt deze elementen ook interactief maken, waardoor je publiek op items kan klikken om verschillende acties te laten gebeuren.

U kunt bijvoorbeeld de knoppen Stoppen, Afspelen en Pauzeren gebruiken voor een interactieve diavoorstelling. U kunt ook een menu maken door links toe te voegen waarmee uw publiek naar verschillende delen van uw animaties kan navigeren - of naar geheel andere webpagina's.

Wanneer uw publiek de cursor rond uw animatie beweegt, kunt u verschillende acties uitvoeren wanneer de cursor over specifieke gebieden beweegt. Dit soort cursorbeweging wordt een mouseover genoemd. Of als je publiek tablets of smartphones gebruikt om je animatie te bekijken, kun je toestaan ​​dat ze eenvoudig op een element tikken om een ​​actie te veroorzaken.

Symbolen gebruiken om herbruikbare objecten te maken

In eerste instantie kan het gebruik van Symbolen een beetje ontmoedigend zijn, maar nadat u ervaring hebt opgedaan met het werken met hen, worden ze onmisbaar.

Wat is precies een -symbool? Het is in wezen een ingesloten animatie die u maakt en die een eigen onafhankelijke tijdlijn en interactieve mogelijkheden heeft.Stel bijvoorbeeld dat u voor veel verschillende projecten hetzelfde element met dezelfde acties steeds weer opnieuw maakt. Door dat terugkerende element als een symbool op te slaan, kunt u het hergebruiken en de bijbehorende acties voor elk project.

Een goed voorbeeld van een symbool is een knop. Als je merkt dat je dezelfde knop opnieuw maakt - zeg bijvoorbeeld een afspeelknop voor een diavoorstelling - kun je die afspeelknop opslaan als een symbool om later opnieuw te gebruiken.

U kunt uw symbolen vinden in het deelvenster Bibliotheek, zoals weergegeven.

Inclusief responsief webontwerp

Samen met HTML5 is responsief webontwerp de nieuwste terminologie van het buzzword als het gaat om webontwikkeling. Dankzij een responsief webontwerp kan uw animatie de grootte aanpassen, afhankelijk van de grootte van het browservenster.

Dit kan veel dingen betekenen. Stel dat iemand je animatie op een desktopcomputer bekijkt. Als de gebruiker het formaat van het browservenster aanpast om het groter of kleiner te maken, worden de afmetingen van de elementen in je animatie op de juiste manier aangepast, met de nieuwe formaten op basis van percentages.

Als het browservenster bijvoorbeeld op 100% is gemaximaliseerd, verschijnen de afbeeldingen enzovoort in uw animatie op 100%. Als het browservenster wordt verkleind tot 50% van de grootte, krimpen uw afbeeldingen ook tot 50% van hun normale grootte.

Dit is een zeer krachtige functie omdat er tegenwoordig zo'n grote verscheidenheid aan schermformaten is. Je weet nooit of je publiek je animatie bekijkt op een 60-inch scherm, een 4-inch iPhone of iets daar tussenin. Tabletten voegen toe aan de diversiteit aan schermformaten.

Je meerdere publiceeropties tellen

Je hebt tegenwoordig meer dan één manier om animaties te publiceren - en Adobe Edge Animate CC heeft je gedekt en biedt een groot aantal opties (zoals in deze afbeelding). U kunt uw animatie publiceren als een op zichzelf staande webpagina of u kunt deze insluiten in een bestaande webpagina.

U vindt ook opties waarmee u uw animatie kunt exporteren voor gebruik in een iBook. U kunt uw animatie zelfs publiceren als een statische HTML-pagina voor gebruik in oudere webbrowsers die HTML5 of animaties niet ondersteunen.

Lettertypen in Adobe Edge Animate

U kunt een groot aantal lettertypen op het web gebruiken en Adobe Edge Animate CC heeft u gedekt. Naast een standaard standaardlijst met lettertypen die voor u beschikbaar zijn (zie de afbeelding), kunt u met Edge Animate ook lettertypen van overal op internet importeren.

Als geen van deze lettertypen aan uw behoeften voldoet, kunt u lettertypen uit veel verschillende bronnen importeren, waaronder Google Web Fonts. U kunt ook Adobe Edge Web Fonts gebruiken, die is ingebouwd in Animate. En als u bekend bent met Typekit (een andere gratis fonttool), kunt u vieren dat deze tool ook met Edge Animate werkt.

Werken in de door jou gekozen taal

Adobe Edge Animate CC is in veel opzichten wereldwijd - inclusief de taal die u in menu's en deelvensters ziet. Als u het prettiger vindt om in een andere taal dan het Engels te werken, maakt Edge Animate het u gemakkelijk om de taal die in de software wordt gebruikt, te veranderen in een van de vele populaire talen.

In het Help-menu, zoals weergegeven in deze afbeelding, kunt u kiezen uit verschillende talen. Wanneer u een taal kiest in het menu Help, wordt die taal weergegeven in de software. De talen waaruit u kunt kiezen, zijn Duits, Engels, Spaans, Frans en Japans.

Als u een andere taal kiest, moet u Edge Animate sluiten en opnieuw starten om de wijziging van kracht te laten worden. Nadat u de gewenste taal hebt geselecteerd, wordt de interface niet automatisch bijgewerkt. Sluit het programma gewoon en open het opnieuw om de nieuw geselecteerde taal te bekijken.