Flash Catalyst - Tapak Projek Photoshop

• Mungkin 3, 2024

Dalam tutorial lepas, kami memasang imej untuk portfolio kami yang akan kami buat dalam Photoshop^R dan Flash^R Pemangkin^TM. Sekarang mari kita kerja pada susun atur. Anda sepatutnya mempunyai semua logo dan lakaran kecil di Photoshop.

1. Reka bentuk untuk portfolio akan menjadi susunan segi empat tepat bulat mudah. Empat segi empat tepat 500 x 500 akan mempunyai kecerunan mudah dari kedua-dua warna ini - #ffffff dan # c9c1a5.
   
   
2. Seterusnya, saya menambah satu tikar besar dan tiga kecil untuk logo dan lakaran kecil. Dengan warna Foreground ditetapkan kepada hitam, saya menggunakan alat Custom Shape dan bentuk persegi bulat untuk menarik empat tikar. Saya kemudian menambah gabungan Drop Shadow, Inner Shadow dan gaya Lapisan Inner Glow untuk menyelesaikan tikar.
   
   
3. Menggunakan font Engravers MT, saya menambah tajuk ke bahagian atas susun atur portfolio. Seterusnya, saya menyusun semula teks dan menggunakan gaya lapisan yang sama dengan teks seperti yang saya lakukan pada tikar.
   
   
4. Seterusnya, saya menambah tiga lakaran kecil ke tikar mengikut urutan yang saya mahu logo dilihat dari kiri ke kanan. Sudah tentu, kami akan menyediakan butang navigasi di Catalyst supaya penonton boleh melihat logo dalam sebarang pesanan.
   
   
5. Kemudian, saya menambah logo ke panel Lapisan dalam susunan yang sama.
   
   
6. Akhirnya, saya menambah Drop Shadow (tetapan lalai) ke lapisan latar belakang.
   
   Projek ini sangat kecil dan saya biasanya tidak menggunakan folder dalam panel Lapisan untuk projek saiz ini. Walau bagaimanapun, saya ingin menunjukkan bahawa maklumat dari Panel Layer Photoshop akan dikekalkan apabila kami mengimport fail ke dalam Catalyst. Untuk tujuan ini, saya meletakkan semua lakaran kecil dalam folder "Thumbnails", semua logo dalam folder "Logos" dan semua grafik latar belakang dalam folder "Latar Belakang".
   
   
7. Sekarang kita sudah bersedia untuk mengimport susun atur grafik ini ke Flash Catalyst. Simpan fail Photoshop anda sebagai PortfolioLayout.psd.
   
   
8. Buka Adobe Flash Catalyst. Di skrin Selamat Datang, kami akan menggunakan Buat Projek Baru dari Fail Reka Bentuk - Dari fail JPA Adobe Photoshop. Semak imbas ke fail PortfolioLayout.psd anda.
   
   
9. Di dalam kotak dialog, perhatikan bahawa Pemangkin telah mengesahkan bahawa projek kami akan menjadi 500 x 500 piksel, dari saiz fail JPA. Tetapkan pilihan Fidelity untuk Simpan Edit dan warna Latar Belakang untuk memadankan halaman web anda.
   
   Mari kita periksa panel Layers dalam Flash Catalyst. Perhatikan bahawa kita mempunyai semua lapisan dan folder yang sama seperti dalam fail PSD kami, bersama dengan nama masing-masing. Juga perhatikan bahawa Catalyst telah membuat lapisan untuk memuatkan gaya lapisan yang kami gunakan dalam Photoshop. Jika anda mengklik ikon penglihatan, anda akan melihat bahawa kami masih mempunyai kawalan ke atas gaya ini.

Dalam tutorial seterusnya, kami akan mula membuat komponen UI daripada grafik kami.

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.