Katalis Flash dan Photoshop - Perencanaan Proyek

• April 27, 2024

Dengan dirilisnya Adobe^R Flash^R Katalisator^TM beta, desainer memiliki alat baru untuk membuat proyek Flash dan dengan bantuan Photoshop^R atau Illustrator^R, kita dapat membuat proyek kita jauh lebih menarik secara visual. Bagi Anda yang belum mengunduh rilis beta gratis, Catalyst dikembangkan dengan mempertimbangkan perancang dan dengan alat berbasis visualnya, perancang dapat menambahkan komponen antarmuka pengguna yang dapat dikerjakan ke tata letak UI tanpa memerlukan keterampilan pemrograman.

Jadi dari mana datangnya Photoshop? Sebagian besar desain tata letak UI dimulai di Photoshop, ketika perancang membuat maket. Setelah mockup disetujui, saatnya untuk membuat grafik aktual untuk UI. Ini juga biasanya dilakukan di Photoshop. Sekarang, dengan Catalyst, kita juga dapat membuat tata letak final di Photoshop dan mengimpor tata letak itu ke Catalyst, di mana kita akan menambahkan navigasi berbasis Flash untuk portofolio kita. Semua lapisan, gaya, dan aspek lain dari gambar Photoshop Anda akan tetap ada saat file dibuka ke Catalyst. Hal yang indah tentang Catalyst adalah bahwa kita dapat menggunakan grafik seperti yang kita buat di Photoshop dan mengubahnya menjadi komponen UI, seperti tombol, tanpa persiapan khusus.

Dalam tutorial ini, kita akan membuat grafik untuk portofolio kecil beberapa websets yang telah saya jual di DIYeStores.com. Webset ini dibuat khusus untuk pembuat situs web DIY situs tersebut. Tampilan dan nuansa masing-masing webset tercermin dalam logo webset. Untuk proyek ini, saya memutuskan untuk membuat portofolio logo-logo ini. Untuk tujuan tutorial ini, kami hanya akan memiliki tiga logo tetapi Anda mungkin ingin memiliki lebih banyak sampel dalam portofolio Anda. Langkah pertama kami adalah memutuskan logo mana yang ingin kami sertakan dalam portofolio kami dan urutan yang kami inginkan untuk dilihat.

Logo untuk websets semuanya 450 x 250 piksel agar sesuai dengan spesifikasi pembuat situs web. Saya memutuskan ukuran keseluruhan aplikasi akan menjadi 500 x 500 piksel. Ini akan memberikan ruang yang cukup untuk judul di bagian atas, logo dan gambar kecil di bawah logo, yang akan menjadi tombol yang mengontrol aplikasi penampil gambar. Kita perlu membuat gambar mini 100 x 100 untuk setiap logo kita. Jika kita hanya mengurangi ukuran logo menjadi ukuran thumbnail kita, sebagian besar desain akan terlalu kecil untuk dihargai. Akan lebih baik untuk memilih bagian dari setiap logo yang paling mewakili desain dan menggunakannya untuk tombol navigasi kita. Sekarang kita memiliki semua sampel untuk portofolio kita, saatnya untuk membangun tata letak aplikasi.

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 [a] merek dagang terdaftar [s] atau merek dagang [s] dari Adobe Systems Incorporated di Amerika Serikat dan / atau negara lain.