Phoyoshopla Web Sitesi Yapma
Photoshopla Kişisel Web Sitesi Yapma Eğitimi'mize 2. Bölümde ki kaldığımız yerden devam ediyoruz. 

Şimdi tekrar Rectangle Tool (U) aracını seçelim. Sağ üst ve alt sağ tarafta olmak üzere iki adet menü oluşturalım. 

Ayrıca, alt sol blokta da içerik başlığını atalım. Renkleri ise şöyle olsun:

Sağ üst blokta ki menü rengi : #39332D

Sol alt blokta ki başlık rengi : #1F1E1D 

Sağ alt blokta ki menü rengi : #1F1E1D olsun. 

İlgili renkler resim üzerinde gösterilmektedir.


Şimdi ekleyeceğiniz her menüde ki kelimeleri ayrı yazı leyarlarında yazalım. Çünkü kelimeleri renkli yapacağız. Aşağıdaki yazı ayarlarını yaparak resimdeki gibi yazılarınızı yazınız.



 Şimdi ilk kelimelerin renklerini ayarlayalım. İlk kelimenin layerlarına tıklayarak Blending Options>Gradient Overlay özelleiği ekleyelim. Ayarlar aşağıdadır.



Gradient Parametreleri ise;


Welcome to my page isimli bir yazı oluşturalım. Sizde bu yazı yerine Web Siteme Hoşgeldiniz şeklinde bir yazı oluşturabilirsiniz. Tabi Web Siteme ve Hoşgeldiniz kelimelerini ayrı ayrı layerlerde yazınız. Yukarıda menüde yaptığımız gibi Web Siteme yazısı ayrı renkte, Hoşgeldiniz yazısı ayrı renkte olacak şekilde ayarlayınız. Yazı ayarlarını aşağıdaki gibi yapabilirsiniz.


Şimdi Rectangle Tool (U) aracıyla aşağıda resimde gördüğünüz gibi veya kendiniz nasıl arzu ediyorsanız o şekilde kutucuklar ekleyiniz. Bu kutucuklarda haberlerimizin resimleri olacak. Bu kutucukların stil ayarlarını da Blending Options>Stroke den aşağıdaki gibi ayarlayınız. 



Bu kutucuklara ilgili haber resimlerini ekleyelim. Resimlerin kutucuklarına dışına taşmaması için yazarın fotoğrafını eklerken yaptığımız gibi, ilgili kutucuğun layeri ile haber resminin arasına ALT tuşu basılı iken tıklayalım. Tüm haber resimleri için de aynı işlemi yapalım.  



Line Tool (U) aracını kullanarak #38322C renginde bir dik çizgi oluşturalım. Bu çizgi ile haberleri ayırabileceğimiz gibi, istersek scroll efekti vermek için Rectagle Tool (U) aracını seçerek #67584A rengine sahip ufak bir dikey çizgi daha oluşturabiliriz. 


Şimdi yazı renk ayarlarını yapalım.

                                                    
Linkler için aşağıdaki ayarları yapalım.

                                                    
Ayrıca kullanılan ve normal link ayarlarını da isterseniz farklı olarak yapabilirsiniz.

 Yazıların ilk cümlelerinde kullanacağımız ayarlar

Bunlarda normal yazıda kullanacağımız renk ayarlarımız.

Sonuç olarak şöyle bir görünüm olmalıdır.


Yeni bir layer oluşturup linklerin başına 3-4 noktacıktan oluşan noktacıklar ekleyelim.


Son olarak sitemizin Copyright kısmını yazalım ve tasarımımızı bitirelim. Bunun için yazı ayarları aşağıdadır.




Kişisel web sitemiz  yukarıdaki gibi son şekli ile bitmiştir.