Te wijzigen hoe het formaat van de Adobe Edge Animate Stage te wijzigen - dummies

In het werkgebied plaatst u uw elementen, zoals afbeeldingen, tekst en getekende objecten. Het werkgebied is een live HTML-venster, wat inhoudt dat wat u op het scherm ziet, is wat uw publiek ziet wanneer zij uw compositie bekijken en ermee omgaan. U kunt het werkgebied op verschillende manieren op maat maken:

• Pixels: Adobe Edge Animate CC stelt u in staat het werkgebied in te stellen op een specifieke grootte, ongeacht de grootte van het browservenster.

• Percentage: Voor degenen die een responsievere webontwerp verkiezen.

• Reactief webontwerp testen: Misschien wilt u de achtergrondkleur van het werkgebied wijzigen om de gevoeligheid van uw ontwerp te testen.

De grootte van uw werkgebied per pixel aanpassen

Waarschijnlijk zal een van de eerste stappen die u wilt nemen, uw werkgebied op de juiste manier vergroten. Als u van plan bent uw animatie in een bestaande webpagina in te voegen, moet u eerst bepalen hoeveel ruimte u wilt dat uw animatie op die pagina opneemt en vervolgens het werkgebied overeenkomstig aanpassen.

Om het formaat van het werkgebied te wijzigen, klikt u op de oranje cijfers in het gedeelte Fase van het paneel Eigenschappen - in de kolom uiterst links bovenaan het scherm - zoals weergegeven. Door op de breedte- of hoogte-nummers te klikken, kunt u de exacte afmetingen (in pixels) invoeren die u in uw werkgebied wilt hebben.

Als u de getallen niet wilt typen, biedt Edge Animate u een alternatieve methode om de grootte van het werkgebied te wijzigen: plaats de muisaanwijzer op een van de oranje cijfers. Wanneer de cursor verandert in een dubbele pijl (zoals weergegeven), kunt u klikken en slepen om de grootte van het werkgebied te vergroten of te verkleinen.

Het formaat van uw werkgebied aanpassen op basis van het schermformaat

Als u een animatie wilt maken die niet op een specifieke dimensie hoeft te passen, moet u overschakelen van pixels (px) naar percentage (%), door op de schakelaar te klikken (zie deze afbeelding). Dit is een stap naar het creëren van een responsief webontwerp. Wanneer u de grootte van het werkgebied op basis van het schermpercentage in plaats van op basis van pixelwaarden, de grootte van het werkgebied zelf op basis van de grootte van het bovenliggende element.

Een voorbeeld van een bovenliggend element kan het browservenster zelf zijn - als de animatie een op zichzelf staande webpagina is. Als de animatie echter deel uitmaakt van een webpagina, kan het bovenliggende element een div-element zijn waarbinnen de animatie wordt genest. Als u wilt dat uw werkgebied het volledige browservenster vult, stelt u de werkbreedte en hoogte van het werkvlak in op 100%, zoals weergegeven in deze afbeelding. Als u wilt dat uw werkgebied de helft van het browservenster vult, stelt u het werkgebied in op 50%; en zo verder, afhankelijk van hoeveel van het browservenster je wilt dat je animatie bezet.

Standaard is de achtergrond van het werkgebied wit. Daarom ziet u geen verschil in het werkgebied wanneer u schakelt tussen px en%.

Als u het verschil tussen het gebruik van px en% voor de stage wilt testen, wijzigt u de achtergrondkleur van het werkgebied in iets anders dan wit, zoals rood. Experimenteer vervolgens met verschillende percentages en px-dimensies om de verschillende effecten te zien.

Als u de achtergrondkleur van het werkgebied (zoals weergegeven) wilt wijzigen, klikt u op het witte vierkant om een ​​kleurkiezer te openen.

U kunt Edge Animate vertellen dat de breedte- en hoogte-verhoudingen hetzelfde moeten blijven door op het pictogram Breedte koppelen en hoogte te klikken (gemarkeerd in deze afbeelding). Het pictogram Koppelingsbreedte en hoogte is standaard uitgeschakeld; Met die standaardwaarde houdt Edge Animate de breedte (of hoogte) niet in dezelfde verhouding wanneer u het formaat wijzigt.