Flash Catalyst - The Workspace

• Mungkin 4, 2024

Dalam projek portfolio kami, kami telah mencipta grafik untuk antara muka portfolio kami di Photoshop^R dan mengimport fail JPA ke Adobe^R Kilat^R Pemangkin^TM. Sekarang, kami bersedia membuat butang (dipanggil komponen interaktif) yang akan menjadikan pelayaran portfolio. Buka fail PortfolioLayout.psd anda ke Catalyst dan mari lihat di sekeliling. Pada pandangan pertama, anda akan melihat bahawa ruang kerja tidak menakutkan sebagai ruang kerja Flash.

Bahagian atas adalah panel Pages / States di mana anda akan menemui lakaran kecil untuk setiap halaman projek kami. Sekarang, kami mempunyai satu halaman dengan logo pertama kelihatan. Tetapi untuk membolehkan kita memaparkan dua logo lain dalam portfolio, kita perlu membuat dua lagi halaman (Negeri).

Di bawah panel Pages / Stages ialah pandangan projek kami, yang dikenali sebagai Artboard, dan di bawah itu adalah Panel Waktu. Mereka yang biasa dengan Flash akan melihat bahawa Garis Masa adalah agak berbeza dalam Pemangkin. Seperti yang anda dapat lihat dari tab Peralihan Negeri dan Urutan Tindakan, kami masih menggunakan Garis Masa untuk mengawal apa yang berlaku tetapi Garis Masa tidak mempunyai Keyframes yang biasa. Ini kerana Catalyst membuat sebahagian besar keputusan mengenai apa yang berlaku untuk kami kerana kami menambah komponen UI.

Di sebelah kanan, kami mempunyai panel Alat dan ikon yang serupa dengan semua perisian Adobe. Di bawah itu, kami mempunyai panel Lapisan. Ia berfungsi seperti Photoshop dan Illustrator^R Lapisan panel dan tidak seperti lapisan dalam Flash, yang merupakan sebahagian daripada garis masa.

Seterusnya, kami mempunyai panel Data Komponen, Perpustakaan dan Data Reka Bentuk. Klik pada tab Perpustakaan dan anda akan melihat senarai grafik dan gaya dari fail PSD yang diimport kami. Kembali ke panel Component Wireframe. Ini adalah panel yang mengandungi semua komponen yang boleh kami tambah pada projek kami. Mereka dipanggil "Wireframe" kerana komponen ini adalah "tulang telanjang". Mereka bertujuan untuk ditambah ke grafik yang diimport kami untuk membuat komponen berasaskan visual.

Panel Properties dalam Catalyst adalah seperti panel Properties dalam Flash. Apabila anda memilih objek dalam projek kami, sifat yang boleh diedit bagi objek tersebut dipaparkan dalam panel ini. Semasa kami mengendalikan navigasi kami untuk projek ini, kami akan memperkenalkan kepada panel baru dalam Catalyst yang dipanggil HUD. Sekarang ini tab tab berwarna abu-abu bertajuk "Tiada Seleksi". Sebaik sahaja kita mula bekerja, ia akan berkembang untuk memberikan kita kawalan yang kita perlukan, berdasarkan objek aktif.

Akhirnya, bagi jenis yang ingin tahu, kita boleh beralih dari ruang kerja Reka Bentuk lalai ke ruang kerja Kod. Cuma klik Window - Code Workspace di Menubar. Seperti yang anda dapat lihat, ia kelihatan seperti panel Tindakan Flash tetapi bukan ActionScript kita melihat kod MXML yang dihasilkan oleh Catalyst di latar belakang semasa kami bekerja.

Hak Cipta 2018 Adobe Systems Incorporated. Hak cipta terpelihara. Pukulan skrin produk Adobe (s) dicetak semula dengan kebenaran daripada Adobe Systems Incorporated. Adobe Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elemen Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper adalah sama ada [a] tanda dagangan berdaftar atau tanda dagangan Adobe Systems Incorporated di Amerika Syarikat dan / atau negara lain.

Arahan Video: How to export content from Flash Catalyst | lynda.com tutorial (Mungkin 2024).