Flash Catalyst - Layout Proyek Photoshop

• Mungkin 2, 2024

Dalam tutorial terakhir, kami mengumpulkan gambar untuk portofolio kami yang akan kami buat di Photoshop^R dan Flash^R Katalisator^TM. Sekarang mari kita bekerja pada tata letak. Anda harus memiliki semua logo dan thumbnail yang terbuka di Photoshop.

1. Desain untuk portofolio akan menjadi tata letak persegi panjang bulat sederhana. Kotak 500 x 500 bagian bawah akan memiliki gradien sederhana dari dua warna ini - #ffffff dan # c9c1a5.
   
   
2. Selanjutnya, saya menambahkan satu tikar besar dan tiga kecil untuk logo dan thumbnail. Dengan warna Foreground diatur ke hitam, saya menggunakan alat Custom Shape dan bentuk persegi bundar untuk menggambar empat tikar. Saya kemudian menambahkan kombinasi gaya layer Drop Shadow, Inner Shadow dan Inner Glow untuk menyelesaikan tikar.
   
   
3. Menggunakan font Engravers MT, saya menambahkan judul ke bagian atas tata letak portofolio. Selanjutnya, saya meraster teks dan menerapkan gaya layer yang sama ke teks seperti yang saya lakukan pada tikar.
   
   
4. Selanjutnya, saya menambahkan tiga thumbnail ke tikar dalam urutan yang saya inginkan logo dilihat dari kiri ke kanan. Tentu saja, kami akan mengatur tombol navigasi di Catalyst sehingga pemirsa dapat melihat logo dalam urutan apa pun.
   
   
5. Kemudian, saya menambahkan logo ke panel Layers dalam urutan yang sama.
   
   
6. Akhirnya, saya menambahkan Drop Shadow (pengaturan default) ke lapisan latar belakang.
   
   Proyek ini sangat kecil dan saya biasanya tidak menggunakan folder di panel Layers untuk proyek sebesar ini. Namun, saya ingin menunjukkan bahwa informasi dari panel Layers Photoshop akan dipertahankan ketika kita mengimpor file ke Catalyst. Untuk tujuan ini, saya menempatkan semua thumbnail di folder "Thumbnail", semua logo dalam folder "Logos" dan semua grafik latar belakang dalam folder "Background".
   
   
7. Sekarang kami siap mengimpor tata letak grafis ini ke Flash Catalyst. Simpan file Photoshop Anda sebagai PortfolioLayout.psd.
   
   
8. Buka Adobe Flash Catalyst. Pada layar Selamat Datang, kita akan menggunakan Buat Proyek Baru dari File Desain - Dari file Adobe Photoshop PSD. Jelajahi file PortfolioLayout.psd Anda.
   
   
9. Di kotak dialog, perhatikan bahwa Catalyst telah mengakui bahwa proyek kami akan berukuran 500 x 500 piksel, dari ukuran file PSD. Setel opsi Fidelity agar Tetap Dapat Diedit dan warna Latar Belakang agar sesuai dengan halaman web Anda.
   
   Mari kita periksa panel Layers di Flash Catalyst. Perhatikan bahwa kita memiliki semua layer dan folder yang sama seperti pada file PSD kita, bersama dengan namanya masing-masing. Perhatikan juga bahwa Catalyst telah membuat layer untuk memuat gaya layer yang kami terapkan di Photoshop. Jika Anda mengklik ikon visibilitas, Anda akan melihat bahwa kami masih memiliki kendali atas gaya-gaya ini.

Dalam tutorial berikutnya, kita akan mulai membuat komponen UI dari grafik kita.

Hak Cipta 2018 Adobe Systems Incorporated. Seluruh hak cipta. Tangkapan layar produk Adobe dicetak ulang dengan izin dari Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Kembang Api, Berkontribusi, Memikat, Flash Catalyst dan Flash Paper adalah [adalah] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.

Petunjuk Video: Photoshop to Flash Catalyst to Flash Builder (Mungkin 2024).