Flash Catalyst ve Photoshop - Proje Planlama

• Mayıs Ayı 1, 2024

Adobe'nin piyasaya sürülmesiyle^R, flaş^R, katalizatör^TM beta, tasarımcıların Flash projeleri oluşturmak için ve Photoshop'un yardımıyla yeni bir aracı var^R, veya Illustrator^R,, projelerimizi daha görsel olarak çekici hale getirebiliriz. Ücretsiz beta sürümünü indirmemiş olanlar için, Catalyst tasarımcı göz önünde bulundurularak geliştirildi ve görsel tabanlı araçlarıyla tasarımcı, programlama becerisine ihtiyaç duymadan UI düzenine uygulanabilir kullanıcı arayüzü bileşenleri ekleyebilir.

Peki Photoshop resme nereden geliyor? Çoğu UI mizanpaj tasarımı, tasarımcı bir mockup oluşturduğunda Photoshop'ta başlar. Maket onaylandıktan sonra, kullanıcı arayüzü için gerçek grafikler oluşturma zamanı. Bu genellikle Photoshop'ta da yapılır. Şimdi, Catalyst ile, Photoshop'ta son düzeni oluşturabilir ve bu düzeni, portföyümüz için Flash tabanlı gezinmeyi ekleyeceğimiz Catalyst'e aktarabiliriz. Dosya Catalyst'e açıldığında Photoshop görüntünüzün tüm katmanları, stilleri ve diğer yönleri hala orada olacaktır. Catalyst'in en güzel yanı, grafikleri Photoshop'ta oluşturduğumuz gibi kullanabilmemiz ve özel bir hazırlık yapmadan düğmeler gibi UI bileşenlerine dönüştürebilmemizdir.

Bu derste, DIYeStores.com'da sattığım bazı web sitelerinin küçük bir portföyü için grafikler hazırlayacağız. Bu web setleri, sitenin DIY web sitesi oluşturucusu için özel olarak oluşturulmuştur. Her web setinin görünüşü ve hissi webset logosuna yansır. Bu proje için bu logolardan bir portföy oluşturmaya karar verdim. Bu öğreticinin amacı için yalnızca üç logomuz olacak, ancak muhtemelen portföyünüzde daha fazla örnek olmasını isteyeceksiniz. İlk adımımız, portföyümüze hangi logoları dahil etmek istediğimize ve bunların görüntülenmesini istediğimiz sıraya karar vermektir.

Websetleri logolarının tümü, web sitesi oluşturucu spesifikasyonlarına uyacak şekilde 450 x 250 pikseldir. Uygulamanın genel boyutunun 500 x 500 piksel olacağına karar verdim. Bu, üst kısımdaki bir başlık, logoların ve logoların altındaki küçük resimler için resim görüntüleme uygulamasını kontrol eden düğmeler olacak yeterli alan sağlayacaktır. Logolarımızın her biri için 100 x 100 küçük resim grafiği oluşturmamız gerekecek. Logonun boyutunu küçük resimlerimizin boyutuna küçültürsek, tasarımın çoğu takdir edilemeyecek kadar küçük olacaktır. Her logonun tasarımı en iyi temsil eden bir bölümünü seçmek ve bunu naviasyon düğmelerimiz için kullanmak daha iyi olacaktır. Artık portföyümüz için tüm örneklere sahip olduğumuza göre, uygulama düzenini oluşturma zamanı.

Telif Hakkı 2018 Adobe Systems Incorporated. Tüm hakları Saklıdır. Adobe ürün ekran görüntüleri, Adobe Systems Incorporated'ın izniyle kullanılmıştır. Adobe, Photoshop, Photoshop Albümü, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Köprü, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Havai Fişek, Contribute, Captivate, Flash Catalyst ve Flash Paper Amerika Birleşik Devletleri ve / veya diğer ülkelerde Adobe Systems Incorporated'in [a] tescilli ticari markaları veya ticari markalarıdır.

Video Talimatları: Flash Catalyst: How to create transitions | lynda.com tutorial (Mayıs Ayı 2024).