Photoshopla Kişisel Web Sitesi Yapma Eğitimimizin 2. Bölümü ile devam ediyoruz.
1. Bölümde en son sitemizin başlığını eklemiştik. Sitemizin başlığını eklemeyi bitirdikten sonra şimdi menülerimizi eklemeye başlayalım.
Rectangle Tool (U) ile aşağıdaki gibi bir bir dikdörtgen çizelim.
Arkasından bu dikdörtgenin layerina sağ tıklayıp Blending Options>Gradient Overlay ayarlarını aşağıdaki gibi yapalım.
Gradient parametre ayarlarını aşağıda gösterilen gibi yapınız.
Stroke özelliğini de kullanalım ve renk kodu olarak #de8824 kullanalım.
Yaptığımız bu menünün bir kopyasını oluşturarak aşağıdaki gibi hizalayınız.
Kopyaladığımız layerde menünün rengini biraz değiştirelim. Layera sağ tıklayıp Blending Options>Inner Glow ile burada biraz daha açık renk kullanalım.
Gradient Overlay özelliğini de ekleyelim.
Gradient parametrelerini de aşağıdaki gibi ayarlayalım.
Stroke özelliğini de unutmayalım.
Gradient Parametreleri:
Şimdi bu layerin birer kopyalarını çıkararak aşağıdaki gibi sağa doğru yerleştiriniz. Adet olarak kendi isteğinize göre ekleyebilirsiniz.
Rectangle Tool (U) dikdörtgen aracını kullanarak turuncu menünün üzerine bir çizgi çekelim ve menülerin ismini yazmaya başlayalım.
Turuncu menünün içini tıklayarak menü adına home page (veya Anasayfa) yazalım. Görüntü aşağıdaki gibi oldu.
Şimdi Home Page layerinin özelliklerini eklemek için layere sağ tıklayıp Blending Options>Stroke' den #bb6703 rengini girelim. Menünün arakaplan renginden biraz daha koyu renkte olsun.
Diğer menülerde ki yazılar içinde Blending Options>Stroke'den #383634 rengini kullanabilirsiniz. Menünün arka planından biraz daha koyu olursa iyi olur.
Şimdi Home Page menüsünün sol tarafına üç tane noktacık yapalım. Bunun için Pencil Tool (B) aracını beyaz renk olarak 1px boyutunda kullanalım. Aşağıda resimdeki gibi üç noktacık yapalım.
Bu noktacıkları diğer menülerin de sol taraflarına ekleyelim. Bunun için Duplicate Layer yaparak layeri çoğaltalım. Çünkü her menünün noktacık layerlerinin farklı çalışması gerekmektedir.
Home page menümüz için eklenen noktacık layerine Blending Options>Stroke özelliği ekleyelim. Şu değerleri verelim:
Size: 1
Position: Outside
Color: bb6703
Diğer menülere de Stroke özelliği ekleyelim ve şu değerleri verelim:
Size: 1
Position: Outside
Color: 383634
Menüleri bitirdikten sonra şimdi sıra geldi sağ tarafta ayırdığımız alana. Rectangle Tool (U) aracını kullanarak sağ tarafta ayırdığımız alan için anasayfam yap, favorilere ekle ve email gibi tuşlar ekleyeceğiz. Aşağıda ki resme benzer bir şekil çizin ve rengini #36322D olarak kodlayınız.
Yeni bir layer daha oluşturalım ve 1 px büyüklüğünde #998D7B renginde Pencil Tool (B) aracını seçelim Aşağıda gördüğünüz resimlerden
Site yazarının altındaki iki bloklu resmin bir kopyasını çıkartalım ve resmi aşağıya doğru biraz büyütelim ki tam sayfa olsun. Bu resmin rengini #2A251F olarak ayarlayalım.
Bu layera sağ tıklayarak Blending Options>Inner Glow özelliği ekleyelim ve ayarları aşağıdaki gibi yapalım.
Tasarıma 3. bölümde devam etmek için tıklayınız.
0 Comments
Yorum Gönder