Wie Ändern der Größe des Adobe Edge Animate Bühne

Die Bühne ist, wo Sie Ihre Elemente, wie Bilder, Text und gezeichnete Objekte platzieren wird. Die Bühne ist ein Live-HTML-Fenster, was bedeutet, dass das, was Sie auf dem Bildschirm sehen, ist das, was Ihr Publikum sieht, wenn sie mit Ihrer Komposition anzuzeigen und zu interagieren. Sie können die Größe der Bühne ein paar verschiedene Möglichkeiten:

• Pixel: Adobe Edge Animate CC ermöglicht es Ihnen, auf die Bühne legen Sie eine bestimmte Größe, egal die Größe des Browserfensters zu bleiben.

• Prozentsatz: Für diejenigen, die eine ansprechende Web-Design bevorzugen.

• Testen Responsive Webdesign: Sie können die Hintergrundfarbe der Bühne zu ändern, um die Reaktionsfähigkeit Ihres Designs zu testen.

Bestimmen der Größe der Bühne durch Pixelwerte

Wahrscheinlich einer der ersten Schritte, die Sie müssen, ist Ihre Bühne richtig Größe zu nehmen. Wenn Sie Ihre Animation in eine bestehende Webseite einzufügen, zunächst feststellen, wie viel Platz Sie möchten, dass Ihre Animation auf dieser Seite zu nehmen und dann auf die Bühne entsprechend groß.

Um die Bühne Größe ändern, klicken Sie auf die orangefarbenen Zahlen im Stage Abschnitt der Platte Eigenschaften - in der ganz linken Spalte in der Nähe der oben auf dem Bildschirm - wie gezeigt. die Breite oder Höhe Nummern klicken, können Sie die genauen Abmessungen zu geben (in Pixeln), die Sie Ihre Bühne haben wollen.

Wenn Sie möchten, um die Zahlen nicht geben Edge Animate gibt Ihnen eine alternative Methode für die Bühne Größe ändern: Einfach setzen Sie den Cursor über einen der orange Zahlen. Wenn sich der Cursor in einen Doppelpfeil verwandelt sich (wie abgebildet), können Sie durch Klicken und Ziehen die Größe der Bühne zu erhöhen oder zu verringern.

Bestimmen der Größe der Bühne durch den Prozentsatz der Bildschirmgröße

Wenn Sie eine Animation erstellen möchten, die keine spezifische Dimension passt, dann sollten Sie sich von den Pixeln (px) wechseln Prozent (%), durch das Toggle klicken (siehe diese Abbildung). Dies ist ein Schritt eine ansprechende Web-Design zu schaffen. Wenn Sie auf die Bühne von Bildschirm Prozentsatz statt durch Pixelwerte Größe, Größen die Bühne selbst nach der Größe des übergeordneten Elements.

Ein Beispiel für ein übergeordnetes Element kann das Browser-Fenster selbst - wenn die Animation eine eigenständige Web-Seite ist. Wenn jedoch die Animation ein Teil einer Web-Seite ist, dann kann das übergeordnete Element ein div-Element sein, in dem die Animation verschachtelt ist.

Damit Ihre Bühne das gesamte Browserfenster ausfüllen, stellen Sie die Bühnenbreite und Höhe auf 100%, wie in dieser Figur gezeigt. Um Ihr Bühnen Hälfte das Browserfenster zu füllen, die Bühne auf 50% - und so weiter, je nachdem, wie viel des Browser-Fensters Sie Ihre Animation zu besetzen.

Standardmäßig ist der Hintergrund der Bühne weiß. Daher werden Sie keinen Unterschied in der Bühne zu sehen, wenn Sie zwischen Pixel und% wechseln.

Um zu testen, den Unterschied zwischen der Verwendung von px und% für Bühnengröße, ändern Sie die Hintergrundfarbe von der Bühne, um etwas anderes als weiß, wie rot. Dann experimentieren mit unterschiedlichen Prozentsätzen und px Dimensionen, die verschiedenen Effekte zu sehen.

Um die Hintergrundfarbe der Bühne (wie abgebildet) zu ändern, klicken Sie auf das weiße Quadrat eine Farbauswahl zu öffnen.

Sie können die Rand Animate sagen die Breite zu halten und Höhe Proportionen die gleiche durch den Link-Breite klicken und Höhe Symbol (in dieser Figur markiert). Standardmäßig ist die Link-Breite und Höhe Symbol mit diesem Standard in der Tat stellte sich off-, wird Edge-Animate halten nicht die Breite (oder Höhe) im gleichen Verhältnis, wenn Sie die Größe neu.