Photoshop Dersleri  

Web Bileşeni Hazırlama

 (Oy Verenler: 0)
[Kategori: Ders Anlatımlar » Photoshop Dersleri | Ekleyen: Mehmet | Çoğul Görüntülenme Sayısı: 113 |  25 Aralık 2007
WEB BİLEŞENİ HAZIRLAMA

Photoimpact programında değişik web bileşenleri hazırlanabilir. Bu uygulamamızda bunlardan sadece bir tanesi olan banner (başlık çubuğu) hazırlamayı öğreneceğiz. Yöntem açısından diğer bileşenleri hazırlamanın bundan farklı olmadığını uygulama yaptığınızda sizlerde göreceksiniz.
Önce menü çubuğundan Web buradan Component Designer seçilir.
Karşımıza aşağıdaki ekran gelecektir. Biz bu ekranda hangi bileşeni hazırlayacağımıza karar veriyoruz. Banner ifadesinin yanındaki + işaretine tıkladığımızda alt menüleri karşımıza gelecektir. Buradan hazırlayacağımız bannerin dikdörtgen veya düzgün olmayan şekil arasında tercihi yapıyoruz. Biz Irregular ifadesini tıklıyoruz.
Karşımıza dikdörtgen olmayan banner çeşitleri gelecektir. Buradan herhangi bir tanesini seçiyoruz ve Next düğmesine tıklıyoruz. Seçtiğimiz şeklin karşımıza gelebilmesi için daha önceden bu şekle ait ufo dosyasının bilgisayara internetten yüklenmiş olması gerekir. ( Smart Download ile)
Karşımıza yukarıdaki ekran gelecek ve biz bu ekranda oluşturacağımız banner ile ilgili kendimize göre değişiklikleri yapacağız. İsterseniz şimdi bunları sırasıyla görelim;
a. Banner : Hazırlayacağımız banner ile ilgili genel özelliklerin verildiği bölümdür. Bu bölümde bannerin büyüklüğü (Size) , gölgelendirilmesi (Shadow), Bannere tıklandığında gidilecek köprü (Hyperlink) ayarlamaları gerçekleştirilir.
b. Title : Hazırlanacak bannerde yazılacak başlık ifadesi (örnekte ULEAD SYSTEMS görülüyor) ve bunun yazıtipi, rengi gibi özellikler ayarlanır.
c. Subtitle : Bannerin sağ üst tarafında bulunan küçük başlığın (örnekte www.ulead.com yazıtipi , rengi vs. ayarlanır.
d. Panel : Başlık ifadesinin yazılı olduğu bölümün rengi, istenirse gradyan veya doku efektinin verilmesi bu bölümde gerçekleştirilir.
e. Line : Yukarıda alt başlığın yazılı olduğu bölümün renk tonlarını ayarlamak için kullanılır
f. Buttons : Ana başlığın üzerinde bulunan düğmelerin renklerini değiştirmek için kullanılacak bölümdür.
5. Yukarıda anlatılanlar sadece bizim seçmiş olduğumuz bu banner örneği için geçerli açıklamalardı ancak seçilen her web bileşeninde bu veya buna benzer ifade ve ayarlamalar mevcuttur. Burada anlatılmak istenen oluşturulacak web bileşeni ile ilgili düzenlemelerde hangi yöntemin izleneceğidir.
6. İşte şimdi oluşturduğumuz bu web bileşenini web sayfamıza eklemeye geldi sıra bunun için gerekli renk düzenlemelerinden sonra aşağıdaki resimde görülen Export düğmesine tıklayıp buradan As Component Object ( in Photoimpact ) ifadesine tıklamak. Bu ifadeye tıklandığı zaman oluşturduğumuz başlık yeni bir belge olarak Photoimpact programında bizim daha önceden çalışmaya başlarken belirlediğimiz ölçülerde oluşturulmuş olcaktır.
7. Aşağıdaki resimde yukarıdaki adımlara göre oluşturduğumuz başlık web sayfasını görüyorsunuz. Bu hazırladığımız çalışmayı artık sizlerin sadece Web Sayfası olarak kaydetmesi kalıyor.


8. İsterseniz bu işlemi de kısaca hatırlayalım; önce Tool Bar dan Slice Tool seçip resmin kolayca yüklenebilmesi için parçalara bölüyorduk. Bunu Hatırlatması açısından aşağıdaki resimlere göz atabilirsiniz.

9. Resimlerimizi isteğimize göre kesip biçtikten sonra File menüsünden Save For Web seçeneğine tıklayıp , buradan As HTML ifadesine tıklanır ve kaydedilecek yer gösterilir ve dosya adı verilir. HTML sayfası olarak kaydedilen yere images klasörü açılarak resmi kaç parçaya bölmüşsek o kadar parça resim olarak kaydedilir.

Not : İnternette yayınlarken bu parçaların tamamını karşı taraftaki web servera göndermeniz gerekiyor, göndermediğiniz resmin yeri web sayfanızda gedik diş gibi kalabilir aman dikkat dostlar !

Yorum Ekle

Güvenlik Kodu (CAPCHA)
Kodu Güncelle