Fireworksta resimleri slice etmek

Curse

Üye
Kayıt
30 Eylül 2007
Mesaj
315
Tepki
2
Tekstil Grafik Kursu
Fireworksta resimleri slice etmek 1- Önelikle File/Import seçimini kullanarak bir resim çağıralım.Bu resmin banner vb gibi web sayfalarında kullanılacak olan resimler olmasına dikkat edelim.Ben bu çalışmayı anlatırken bir banner resmi kullanacağım.

2- Tools Panelindeki Web araçlarına giderek,Slice tool(K) aracını seçelim.

3-Verilen şekilde görüldüğü gibi ,Slice took(K) aracını seçtikten sonra,banner resmimizin üzerine kare bir şekil çizelim.

4-Bu şeklin yanına aynı yöntem ile kare biçiminde bir Slice tool(K) şekli daha çizelim.

5-Kalan kısma yine kare biçiminde bir Scale tool şekli çizelim.

6-Şimdide Scale tool (K) şekilerine sağ tıklayarak Slice ettiğimiz kısımları Export edelim.

Diğer Slice edilen kısımlar içinde aynı Export etme işini tek tek uygulayalım.
7- Slice edilmiş üç resmimizde ekranda görüldüğü gibi üç ayrı resim dosyası olrak kaydedilmiş bulunmaktadır.

8-Resimlerimizi bazen bu şekilde bölüp HTML kodlarımıza entegre edersek,web sayfalarımız browser tarafından daha hızlı okunacaktır.
 
Kayıt
7 Haziran 2008
Mesaj
533
Tepki
6
Fireworks'da kestiğiniz slice'ları HTML uzantısında kaydedip Dreamweaver'de açabilirsiniz.

Bunun için File menüsüne gelip Export sekmesini seçerek açılan pencere de alt seçeneklerde HTML and Image seçeneğini seçerek html halini kaydetmiş olursunuz.

CSS destekli kayıt etmesini istiyorsanız CSS and Image seçeneğini seçiniz.. :s8:
 
Yukarı Alt