Adobe Kenar Animate Sahne Alanı'nı yeniden boyutlandırma nasıl yapılır - sahneler

Sahne Alanı öğelerinizi görüntü, metin ve çizilmiş nesneler gibi yerleştirdiğiniz yerdir. Sahne, canlı bir HTML penceresidir. Bu, ekranda gördüğünüz şey, kitlenizin kompozisyonunuzu görüntüleyip etkileşimde bulunduğu sırada gördüğü şeydir. Sahne Alanı'nı birkaç farklı yolla boyutlandırabilirsiniz:

• Pikseller: Adobe Edge Animate CC, Sahne Alanı'nı tarayıcı penceresinin boyutundan bağımsız olarak belirli bir boyutta kalacak şekilde ayarlamanızı sağlar.

• Yüzde: Daha duyarlı bir web tasarımı tercih edenler için.

• Duyarlı web tasarımını test etme: Tasarımınızın yanıt verimini test etmek için Sahne Alanı'nın arka plan rengini değiştirmek isteyebilirsiniz.

Sahne Alanı'nızı piksel değerleri ile boyutlandırma

Büyük olasılıkla almak istediğiniz ilk adımlardan biri Sahnenizi düzgün bir şekilde boyutlandırmaktır. Animasyonunuzu varolan bir web sayfasına eklemeyi planlıyorsanız, önce animasyonunuzun o sayfada ne kadar yer kaplamasını istediğinizi belirleyin ve Sahne Alanı'nı buna göre boyutlandırın.

Sahne Alanı'nı yeniden boyutlandırmak için, gösterildiği gibi - ekranın üst kısmına yakın sol köşedeki - Özellikler panelinin Sahne Alanı bölümündeki turuncu sayıları tıklayın. Genişlik veya yükseklik sayılarını tıklamak, Sahne Alanı'nızın olmasını istediğiniz tam boyutları (piksel cinsinden) yazmanıza izin verir.

Numaraları girmek istemiyorsanız, Edge Animate Sahne Alanı'nı yeniden boyutlandırmak için size alternatif bir yöntem sunar: İmlecinizi turuncu sayıların üzerine getirmeniz yeterlidir. İmleç çift bir oka dönüştüğünde (gösterildiği gibi), Sahne Alanı'nı büyütmek veya küçültmek için tıklayıp sürükleyebilirsiniz.

Sahne Alanı'nı ekran boyutunun yüzdesine göre boyutlandırma

Herhangi bir boyuta uymamak için bir animasyon oluşturmak istiyorsanız, piksellerden (px) yüzde olarak değiştirmeniz gerekir (%), geçişe tıklayarak (bu şekle bakınız). Bu, duyarlı bir web tasarımı oluşturmak için bir adımdır. Sahne Alanı'nı, piksel değerleri yerine ekran yüzdesine göre boyutlandırdığınızda, Sahne Alanı öğesinin boyutu üst öğenin boyutuna göre değişir.

Animasyon tek başına bir web sayfası ise, bir üst öğe örneği tarayıcı penceresinin kendisi olabilir. Bununla birlikte, animasyon bir web sayfasının bir parçasıysa, üst öğe, animasyonun iç içe yerleştirileceği bir div öğesi olabilir.

Sahne Alanı'nızın tüm tarayıcı penceresini doldurması için Sahne genişliği ve yüksekliğini, bu şekilde gösterildiği gibi% 100 olarak ayarlayın. Sahne Alanı'nı tarayıcı penceresinin yarısını doldurmak için Sahne Alanı'nı% 50'ye ayarlayın; ve böylece, tarayıcı penceresinin ne kadarının animasyonunuzun işgal etmesini istediğinize bağlı olarak.

Varsayılan olarak Sahne Alanı'nın arka planı beyazdır. Bu nedenle, px ve% arasında geçiş yaptığınızda Sahne Alanı'nda herhangi bir fark görmeyeceksiniz.

Sahne Alanı boyutu için px ve% arasındaki farkı test etmek için Sahne Alanı'nın arka plan rengini, kırmızı gibi beyazdan başka bir şeye değiştirin. Farklı efektleri görmek için farklı yüzdeler ve px boyutlarıyla deney yapın.

Sahne Alanı'nın arka plan rengini değiştirmek için (gösterildiği gibi), bir renk toplayıcı getirmek için beyaz kareyi tıklayın.

Kenar Animate'den Genişlik ve Yükseklik simgesini (bu şekilte vurgulanır) Bağla'yı tıklatarak genişlik ve yükseklik oranlarını aynı tutmayı söyleyebilirsiniz. Varsayılan olarak Bağlantı Genişliği ve Yüksekliği simgesi kapalı; öntanımlı olarak, Edge Animate, yeniden boyutlandırdığınızda genişliği (veya yüksekliği) aynı oranda tutmaz.