Deelvensters voor ontwerp in Animate gebruiken

Laatst bijgewerkt op 24 mei 2023

De deelvensters voor ontwerp in de Animate-werkruimte bevatten besturingselementen voor ontwerpen en publiceren die u naar wens kunt indelen. U kunt ook elk deelvenster uit de huidige locatie slepen, het formaat ervan wijzigen en het deelvenster overal op het scherm plaatsen, zodat het gemakkelijk toegankelijk is. De pop-upmenu's in Animate bieden u ook de optie om het deelvenster op een bepaalde plaats op uw scherm te vergrendelen. Als u dit doet, wordt het deelvenster niet verplaatst als u het per ongeluk tijdens het werk sleept. 

Animate-deelvensters met de vergrendelingsoptie
Animate-deelvensters met de vergrendelingsoptie

Informatie over Eigenschapcontrole

Eigenschapcontrole biedt eenvoudige toegang tot de kenmerken van de huidige selectie die het meest worden gebruikt, in het werkgebied of in de tijdlijn. U kunt in Eigenschapcontrole wijzigingen aanbrengen in de kenmerken van objecten en documenten zonder menu's of deelvensters te openen waarin deze kenmerken ook worden beheerd.

Afhankelijk van welk item is geselecteerd, worden in Eigenschapcontrole informatie en instellingen voor het huidige document, tekst, symbool, vorm, bitmap, video, groep, frame of gereedschap weergegeven. Wanneer twee of meer verschillende typen objecten zijn geselecteerd, wordt in Eigenschapcontrole het totaal aantal geselecteerde objecten weergegeven.

Selecteer Venster > Eigenschappen of druk op Ctrl+F3 (Windows) of Cmd+F3 (Macintosh) om Eigenschapcontrole weer te geven.

De Animate 2020-release biedt een gemoderniseerde Eigenschapcontrole met vier tabbladen zoals Gereedschappen, Object, Frame en Doc.  Elk tabblad bevat informatie over de eigenschappen van de huidige selectie. 

Gereedschap: geeft aan welk gereedschap momenteel is geselecteerd. Als een gereedschap geen geldige Eigenschapcontrole heeft, wordt dit tabblad uitgeschakeld en het tabblad voor de Eigenschapcontrole voor het document weergegeven. Dit tabblad verwijst naar de eigenschappen van het geselecteerde gereedschap.

Object: toont het object dat momenteel is geselecteerd op het werkgebied. Als er geen object is geselecteerd, is dit tabblad uitgeschakeld. Dit tabblad verwijst naar de eigenschappen van het momenteel geselecteerde object.

Frame: laat zien welk frame momenteel op de tijdlijn is geselecteerd. Als er geen frame is geselecteerd, is dit tabblad uitgeschakeld. Dit tabblad verwijst naar de eigenschappen van het momenteel geselecteerde frame.

Doc: toont het document waaraan u momenteel werkt. Dit tabblad biedt een overzicht van de eigenschappen die specifiek zijn voor het momenteel geopende document.

Eigenschapcontrole voor document
Eigenschapcontrole voor document

Eigenschapcontrole voor gereedschap
Eigenschapcontrole voor gereedschap

Eigenschapcontrole voor frame
Eigenschapcontrole voor frame

Eigenschapcontrole voor object
Eigenschapcontrole voor object

Aanvullende eigenschappen van het deelvenster Eigenschappen

Greep
Versleepbare secties

Versleepbare secties

Secties van de Eigenschapcontrole kunnen nu worden gesleept en opnieuw gerangschikt. Als u de muis boven een sleepbare sectie plaatst, wordt een greep weergegeven.

Sectie Snelle actie
Sectie Snelle actie

Werkbalk Snelle actie

Het deelvenster Eigenschappen bevat een nieuwe sectie voor snelle handelingen en bijgewerkte koptekstsecties om modi en verwante functies te kunnen detecteren en snel toegankelijk te maken.

Vernieuwde koptekstsectie
Vernieuwde koptekstsectie voor bitmap

Gemoderniseerde filterinstellingen
Gemoderniseerde filterinstellingen

Moderne filterinstellingen

De sectie met filters is bijgewerkt om het toepassen van filtercombinaties gemakkelijker te maken. U kunt de volgorde van filters ook wijzigen door één filter boven of onder de andere filters te slepen.  

Kleur en stijl
Kleur en stijl

Vulling en streek gemoderniseerd

  • De sectie Vulling en lijn heet voortaan Kleur en stijl. 
  • De optie Alfa voor vul- en lijnkleuren wordt vooraf toegevoegd, zodat deze eenvoudig kan worden ingesteld.
  • Voor een overzichtelijke en soepele ervaring zijn de opties voor streekinstellingen die minder vaak worden gebruikt, verplaatst naar het pictogram voor het weglatingsteken (...). Dit geldt zowel voor de opties Stijlprofiel als Breedteprofiel. Klik op het pictogram met het weglatingsteken (...) om deze opties te selecteren.
  • De opties voor uiteinden en verbindingen zijn vooraf toegankelijk.
  • De opties voor streken en/of vullingen worden weergegeven op basis van het gedeelte van het object dat is geselecteerd. 

De optie Tween verwijderen

Tween verwijderen
Tween verwijderen

De sectie voor tweening bevat nu een optie waarmee u de tweens binnen Eigenschapcontrole kunt verwijderen.

Afstemmen, optie 

Optie voor identieke inhoud
Optie voor identieke inhoud

De optie voor identieke inhoud is nu met één klik beschikbaar in de sectie voor documentinstellingen.

Eigenschapcontrole voor bijgewerkte camera

Bijgewerkte cameraopties
Bijgewerkte cameraopties

De camera beschikt nu over alle kleureffecten en filters

Bijgewerkte eigenschappen van het gereedschap Veelhoek, Rechthoek, Ovaal, Tekst en Toverstaf

Het deelvenster Eigenschapcontrole is gemoderniseerd voor de tools Veelhoekster, Rechthoek, Ovaal, Tekst en Toverstaf voor een toegankelijkere en overzichtelijke gebruikersinterface.

Veelhoekster
Veelhoekster

Statische tekst
Statische tekst

Het deelvenster Bibliotheek

In het deelvenster Bibliotheek (Venster > Bibliotheek) kunt u de gemaakte symbolen in Animate opslaan en ordenen. U kunt ook geïmporteerde bestanden, zoals bitmapafbeeldingen, geluidsbestanden en videoclips, opslaan. In het deelvenster Bibliotheek kunt u bibliotheekitems in mappen indelen. Daarnaast kunt u zien hoe vaak een item in een document wordt gebruikt en items op naam, type, datum, gebruik of de koppelings-id ActionScript® sorteren. Wanneer u bijvoorbeeld een geanimeerd GIF-bestand importeert, wordt er een map met de naam GIF gemaakt onder de hoofdmap en wordt het bestand hierin opgenomen. U kunt in het deelvenster Bibliotheek ook zoeken door een symbool- of koppelingsnaam te typen in het zoekveld. U kunt ook eigenschappen instellen voor de meeste selecties met meerdere objecten.

Het deelvenster Bibliotheek met een geluidsclip geselecteerd
Het deelvenster Bibliotheek met een geluidsclip geselecteerd

Informatie over het deelvenster Handelingen

In het deelvenster Handelingen kunt u ActionScript voor een object of kader. Een frame, knop, selecteren of de filmclipinstantie het deelvenster Handelingen actief maakt. De acties titelwijzigingen van het deelvenster in Knophandelingen, Filmcliphandelingen of Frame Handelingen, afhankelijk van wat is geselecteerd.

Het deelvenster Handelingen waarin een handeling stop() in een frame wordt weergegeven.
Het deelvenster Handelingen waarin een handeling stop() in een frame wordt weergegeven.

U geeft het deelvenster Handelingen weer door Venster > Handelingen te selecteren of op F9 te drukken. Zie Overzicht van het deelvenster Handelingen voor meer informatie over het deelvenster Handelingen. 

Filmverkenner gebruiken (werkt niet meer met Animate)

De Met Filmverkenner kunt u de inhoud van een document weergeven en ordenen en selecteer elementen in het document die u wilt wijzigen. Bevat een weergaveoverzicht van momenteel gebruikte elementen, gerangschikt in een navigeerbaar hiërarchische boom.

Gebruik Filmverkenner om het volgende uit te voeren handelingen:

  • Categorieën van items in het document filteren die in Filmverkenner worden weergegeven.

  • Geselecteerde categorieën als scènes en/of symbooldefinities weergeven.

  • Navigatieboom uitvouwen en samenvouwen.

  • Element op naam zoeken in een document.

  • De structuur bekijken van een Animate-document dat door een andere ontwikkelaar is gemaakt.

  • Naar alle instanties van een bepaald symbool of handeling zoeken.

  • Het weergaveoverzicht dat in Filmverkenner wordt weergegeven en waarmee u kunt navigeren, afdrukken.

Filmverkenner heeft een optiemenu en een contextmenu met opties voor het uitvoeren van bewerkingen op geselecteerde items of het wijzigen van de weergave van Filmverkenner. Een vinkje met een driehoekje eronder in het deelvenster Filmverkenner geeft het deelvenster aan -menu.

Notitie

Filmverkenner heeft iets andere functionaliteit wanneer u met schermen werkt.

Filmverkenner weergeven

Selecteer Venster > Filmverkenner.

Categorieën items filteren die worden weergegeven in Filmverkenner

  • Klik op een of meer filterknoppen rechts van de optie Weergeven om tekst, symbolen, ActionScript of frames en lagen weer te geven. Klik op de knop Aanpassen om de items aan te passen die u wilt weergeven. U kunt die elementen bekijken door opties te selecteren in het gedeelte Weergeven van het dialoogvenster Instellingen Filmverkenner

  • Selecteer Filmelementen weergeven in het menu van het deelvenster Filmverkenner om items in scènes weer te geven.

  • Selecteer Symbooldefinities weergeven in het optiemenu van Filmverkenner om informatie over symbolen weer te geven.

Notitie

De opties Filmelementen en Symbooldefinities kunnen tegelijkertijd actief zijn.

Zoeken naar een item met de zoekfunctie box

Voer in het tekstvak Zoeken de naam van het item of lettertype, de ActionScript-tekenreeks of het framenummer in. Er wordt gezocht naar alle items die in Filmverkenner worden weergegeven.

Item selecteren in Filmverkenner

Klik op het item in de navigatieboom. Klik en houd de Shift-toets ingedrukt om meerdere items te selecteren.

Het volledige pad voor het geselecteerde item wordt onder in Filmverkenner weergegeven. Wanneer u een scène in Filmverkenner selecteert, wordt het eerste frame van die scène in het werkgebied weergegeven. Wanneer u een element in Filmverkenner selecteert, wordt dat element in het werkgebied weergegeven als de laag die het element bevat, niet is vergrendeld.

Het optiemenu van Filmverkenner gebruiken of contextmenu-opdrachten

Voer een van de volgende stappen uit:
  • Klik op het deelvenster om het optiemenu weer te geven in het deelvenster Filmverkenner.

  • Klik met de rechtermuisknop (Windows) om het contextmenu weer te geven of Control ingedrukt houden en klikken (Macintosh) op een item in Filmverkenner-navigatie boom.

Selecteer een optie in het menu:

Ga naar locatie

Springt naar de geselecteerde laag, scène of frame in het document.

Ga naar symbooldefinitie

Hiermee wordt gesprongen naar de symbooldefinitie van een geselecteerd symbool in het gebied Filmelementen van Filmverkenner. De symbooldefinitielijsten alle bestanden die aan het symbool zijn gekoppeld. (De symbooldefinities weergeven) moet zijn geselecteerd. Zie de definitie ervan in deze lijst.)

Symboolinstanties selecteren

Springt naar de scène die instanties van een symbool bevat die is geselecteerd in het gebied Symbooldefinities van Filmverkenner. (De optie Filmelementen weergeven moet zijn geselecteerd.)

Weergeven in bibliotheek

Markeert het geselecteerde symbool in de bibliotheek van het document. (Animate opent het deelvenster Bibliotheek wanneer dit nog niet zichtbaar is.)

Naam wijzigen

Hiermee kunt u een nieuwe naam voor een geselecteerd element invoeren.

Op plaats bewerken

Hiermee kunt u een geselecteerd symbool in het werkgebied bewerken.

Bewerken in nieuw venster

Hiermee kunt u een geselecteerd symbool in een nieuw venster bewerken.

Filmelementen weergeven

Geeft de elementen geordend in scènes in uw document weer.

Symbooldefinities weergeven

Geeft alle elementen weer die aan een symbool zijn gekoppeld.

Alle tekst kopiëren naar klembord

Hiermee kopieert u geselecteerde tekst naar het klembord. Plak de tekst in een externe tekstverwerker om de spelling te controleren of voor overige bewerkingen.

Knippen, Kopiëren, Plakken en Wissen

Voert deze algemene functies op een geselecteerd element uit. Als u een item in het weergaveoverzicht wijzigt, wordt het bijbehorende in het document.

Vertakking uitvouwen

Vouwt de boomstructuur bij het geselecteerde element uit.

Vertakking samenvouwen

Vouwt de boomstructuur bij het geselecteerde element samen.

Overige samenvouwen

Vouwt de takken in de boomstructuur samen die wel bevat niet het geselecteerde element.

Afdrukken

Hiermee wordt het hiërarchische weergaveoverzicht afgedrukt dat wordt weergegeven in de Filmverkenner.

Animate-componenten en het deelvenster Componenten gebruiken

Een component in Animate is een herbruikbare, verpakte module die bepaalde mogelijkheden toevoegt aan een Animate-document. Componenten kunnen afbeeldingen zijn, maar ook code, dus het betreft vooraf ontwikkelde functionaliteit die u eenvoudig kunt opnemen in uw Animate-projecten. Een component kan bijvoorbeeld een keuzerondje zijn, een dialoogvenster of een vooraf geladen balk. Het kan ook iets zijn zonder grafisch element, zoals een timer, een hulpprogramma om verbinding met een server te maken of een aangepaste XML-parser.

Als u minder ervaring hebt met het schrijven van ActionScript, kunt u componenten aan een document toevoegen en de bijbehorende parameters instellen in Eigenschapcontrole of Componentcontrole. Gebruik het deelvenster Gedragingen om de gebeurtenissen te verwerken. U kunt bijvoorbeeld het gedrag Ga naar Webpagina aan een component Knop koppelen. Vervolgens kan er een URL in een webbrowser worden geopend wanneer er op de knop wordt geklikt, zonder dat er ActionScript-code voor geschreven hoeft te worden.

Als u een programmeur bent die krachtigere toepassingen wilt maken, kunt u dynamisch componenten maken. Gebruik ActionScript om eigenschappen in te stellen en methoden aan te roepen bij uitvoering, en gebruik het model voor gebeurtenislisteners om gebeurtenissen te verwerken.

Een component invoegen via het deelvenster Component

Wanneer u een component toevoegt aan een document, wordt de component door Animate als een filmclip geïmporteerd in het deelvenster Bibliotheek. U kunt een component ook vanuit het deelvenster Componenten rechtstreeks naar het deelvenster Bibliotheek slepen en vervolgens een instantie van de component toevoegen aan het werkgebied. In elk geval moet u een component aan de bibliotheek toevoegen voordat u de klasse-elementen van de component kunt openen.

Selecteer Venster > Component.

Selecteer een instantie van een component in het deelvenster Componenten. en sleep het naar het werkgebied of het deelvenster Bibliotheek. Nadat een component die aan de bibliotheek zijn toegevoegd, kunt u meerdere instanties naar het werkgebied slepen.

Configureer de component naar behoefte met de Eigenschapcontrole of de Componentcontrole. Raadpleeg voor meer informatie over de parameters die de component gebruikt de documentatie bij de betreffende component voor de versie van ActionScript die u gebruikt in het Animate-document.

Het deelvenster met componentparameters gebruiken

Animate-ontwikkelaars kunnen nu hun externe componenten in Animate importeren en toepassen bij het maken van animaties. Om deze workflow eenvoudiger te maken, biedt Animate een deelvenster met componentparameters. Hierdoor kunt u de grootte van dit deelvenster aanpassen of het venster in een Animate-werkomgeving plaatsen. U kunt het deelvenster ook vergrendelen door op het pictogram van de hamburger in de rechterbovenhoek van het deelvenster te klikken. Selecteer de optie Vergrendelen in het menu.

U kunt dit deelvenster openen via de knop Parameters weergeven in Eigenschapcontrole of via Venster > Componentparameters. U kunt waarden toevoegen voor de parameters in het dialoogvenster. 

Knop Parameters weergeven
Knop Parameters weergeven

Deelvenster met componentparameters
Deelvenster met componentparameters

Bovendien kunnen ontwikkelaars van aangepaste HTML5-componenten nu de HTML/CSS-interface gebruiken voor de parameters.

Het deelvenster Webservices

(Afgeschaft bij Animate) In het deelvenster Webservices kunt u een lijst met webservices bekijken, webservices vernieuwen en webservices toevoegen of verwijderen. Klik op Venster > Andere deelvensters > Webservices . Als u een webservice aan het deelvenster Webservices toevoegt, is deze webservice beschikbaar voor elke toepassing die u maakt.

U kunt het deelvenster Webservices gebruiken om alle webservices in één keer te vernieuwen door op de knop Webservices vernieuwen te klikken. Als u het werkgebied niet gebruikt, maar ActionScript-code schrijft, kunt u het deelvenster Webservices gebruiken om uw webservices te beheren.