Bagaimana untuk mengubah saiz Adobe Edge Animate Stage - dummies

The Stage adalah tempat anda akan meletakkan elemen anda, seperti imej, teks, dan objek yang ditarik. The Stage adalah tetingkap HTML langsung, yang bermaksud bahawa apa yang anda lihat di skrin, adalah apa yang dilihat oleh penonton anda apabila mereka melihat dan berinteraksi dengan komposisi anda. Anda boleh mengukur Tahap beberapa cara yang berbeza:

• Piksel: Adobe Edge Animate CC membolehkan anda menetapkan Peringkat untuk kekal sebagai saiz tertentu tidak kira saiz tetingkap penyemak imbas.

• Peratus: Bagi mereka yang memilih reka bentuk web yang lebih responsif.

• Menguji reka bentuk web responsif: Anda mungkin mahu mengubah warna latar belakang Tahap untuk menguji tindak balas reka bentuk anda.

Sizing Peringkat anda dengan nilai piksel

Kemungkinan besar salah satu langkah pertama yang akan anda ambil adalah untuk ukuran Peringkat anda dengan betul. Jika anda bercadang untuk memasukkan animasi anda ke dalam halaman web yang sedia ada, mula-mula tentukan berapa banyak ruang yang anda mahu animasi anda mengambil pada halaman itu, dan kemudian ukuran Peringkat dengan sewajarnya.

Untuk mengubah saiz Peringkat, klik nombor oren di bahagian Peringkat panel Properties - di lajur jauh kiri di bahagian atas skrin - seperti yang ditunjukkan. Mengklik nombor lebar atau ketinggian membolehkan anda menaip dimensi yang tepat (dalam piksel) yang anda mahu Tahap anda mempunyai.

Jika anda tidak mahu menaip nombor, Edge Animate memberikan anda kaedah alternatif untuk mengubah saiz Peringkat: Hanya letakkan kursor anda ke atas salah satu nombor oren. Apabila kursor bertukar menjadi anak panah berganda (seperti yang ditunjukkan), anda boleh mengklik dan seret untuk meningkatkan atau mengurangkan saiz Peringkat.

Saiz Tahap anda dengan peratusan saiz skrin

Jika anda ingin membuat animasi yang tidak perlu dimuatkan ke mana-mana dimensi tertentu, maka anda harus bertukar dari piksel (px) ke peratusan %), dengan mengklik togol (lihat angka ini). Ini adalah satu langkah untuk mewujudkan reka bentuk web responsif. Apabila anda mengukur Peratusan dengan peratusan skrin dan bukannya dengan nilai piksel, saiz Peringkat itu sendiri mengikut saiz elemen ibu bapa.

Salah satu contoh unsur induk boleh menjadi tetingkap penyemak imbas itu sendiri - jika animasi adalah halaman web yang berdiri sendiri. Walau bagaimanapun, jika animasi adalah sebahagian daripada halaman web, elemen induk boleh menjadi elemen div di mana animasi bersarang.

Untuk Tahap anda mengisi tetingkap penyemak imbas keseluruhan, tetapkan lebar dan ketinggian Peringkat hingga 100%, seperti ditunjukkan dalam angka ini. Untuk mempunyai Tahap Anda mengisi separuh tetingkap penyemak imbas, tetapkan Peringkat ke 50%; dan sebagainya, bergantung kepada berapa banyak tetingkap penyemak imbas yang anda mahu animasi anda dapat dimiliki.

Secara lalai, latar belakang Peringkat berwarna putih. Oleh itu, anda tidak akan melihat apa-apa perbezaan dalam Peringkat apabila anda menukar antara px dan%.

Untuk menguji perbezaan antara menggunakan px dan% untuk saiz Peringkat, tukar warna latar belakang Tahap ke sesuatu selain daripada putih, seperti merah. Kemudian percubaan dengan peratusan yang berbeza dan dimensi px untuk melihat kesan yang berbeza.

Untuk menukar warna latar belakang Peringkat (seperti yang ditunjukkan), klik persegi putih untuk membuka pemetik warna.

Anda boleh memberitahu Edge Animate untuk menjaga bahagian lebar dan ketinggian yang sama dengan mengklik ikon Lebar dan Ketinggian Link (diserlahkan dalam angka ini). Secara lalai, ikon Lebar Pandangan dan Ketinggian dimatikan; dengan keazatan tersebut, Edge Animate tidak akan menyimpan lebar (atau ketinggian) dalam bahagian yang sama apabila anda mengubah saiznya.