` GüLşah
Bayan Üye
1- 1200*1160 px ebatlarında beyaz arkaplanlı yeni bir döküman oluşturuyoruz.Orta gövdenin 850 px genişliginde olacagını hesap ederek
View > New Guide diyoruz ve Vertical sekmesini seçip soldan sağa dogru 1 tane 175 px ve 1 tanede 1025 px lik 2 adet işaret oluşturuyoruz.
2- Şimdi foreground(önplan) rengimizi #ffffff , bakcground(arkaplan) rengimizi ise #e1e1e1 seçip radial gradineti seçiyoruz.
3- İlk olarak sağa,daha sonra sola dogru hareket yaparak aşagıdaki şekli elde etmeye çalışıyoruz.
4- Şimdi ise #ff008a renk tonu ile 175px lik işaretin başlangıcından itibaren büyük başlığımızı ,#858585 renk tonu ile küçük başlığımızı yazıyoruz.
5- Şimdi ise başıklarımızın hizasında arama alanı ve butonu oluşturmak için Rectangular Marquee tool'u seçioyruz ve aşağıdaki şekli elde ediyoruz.
6- Arama Alanı için aşağıdaki Blending Options Değerlerini Giriyoruz.
7- Arama Butonu için ise aşagıdaki degerleri giriyoruz.
8- Son yaptıklarımızdan sonra görüntümüzün aşağıdaki gibi olması lazım.
9- Şimdi ise Rounded Rectangle tool'u seçip 15 px lik bir radius ile header yapmak için çalışacağız.
10- 850 px genişliğinde,215 px yüksekliginde bir şekil elde ediyoruz ve sağ tıklayıp Make Selection. diyoruz.yani bu demek arkadaşlar sağ işaretten başlayıp sol işarete kadar uzanan bir headerımız olacak demektir.
11- Headerımızı seçili hale getirdikten sonra foreground #fefefe,background #ffffff renkleri olacak şekilde ilk olarak yukarıdan aşagı,ikici olarak aşagıdan yukarı radial gradient uyguluyoruz.
12- Şimdi ise Headerımıza aşağıdaki Blending Options değerlerini uyguluyoruz.
13- Headerımızı tekrar seçili hale getirdikten sonra Select > Modify > Contract diyoruz ve değer olarak 15 rakamını veriyoruz.
14- Seçili alanın içerisini herhangi bir renk ile dolduruoyruz ve Ctrl + D diyip seçimi kaldırdıktan sonra aşağıdaki Blending Options değerlerini giriyoruz.
15-Şimdi ise 600*600 px boyutlarında transparan yeni bir döküman oluşturuyoruz ve Elliptical Marquee tool 'u seçerek aşağıdaki şekli elde ediyoruz.
16-Edit > Define Brush dioyruz ve yaptımızı şekli brush olarak kullanıcağımızı belirtiyoruz ve aşağıdaki Blending Options değelerini giriyoruz.
17-Şimdi ise çalışmamıza geri dönüyoruz ve Brush Tool'u açıp daha önce yapmış olduğumuz Brushu seçiyoruz ve klavyemizden F5 yaparak aşağıdaki değerleri uyguluyrouz.
18-Yukarıda belirttigimiz degerleri kullarak yapmış olduğumuz brushumuz ile aşagıdaki şekile benzer bir şekil elde ediyoruz.ama görüldüğü gibi 3 farkı fırça darbesi var o yüzden sizde 3 farklı layer kullarak yapımız.ve 3 farklı layera Filter > Blur > Gaussian Blur dedikten sonra Radius degerini 3 olarak veriniz.
19-Daha sonra yaratıcılığınızı kullanarak farklı şekiller elde edebilirsiniz. Kullandığınız her fırçadan sonra muhakkak opacity değelerini farklı veriniz
örn:%50,%75%,%30 bu sayede daha güzel bir görüntü elde eldebilrisiniz.
20- Headerınızın içini kendinizi ifade edecek şekilde yazı yada görsel ile doldurabilrisiniz.
21- Şimdi ise Menulerimizi yapmaya sıra geldi.Bunun için 850 px genişlik,5 px yükseklikte Rounded Rectangle tool ile 10 px radius degerinde bir navigasyon bar elde ediyoruz.
22- İçerisini hergangi bir renk ile doldurduktan sonra aşağıdaki Blending Opitons değelerini uyguluyoruz.
24- Şimdi ise ayıraçlarımız yapıyoruz.Elliptical Marquee tool seçip içerisini #ff008a rengi ile dolduruyoruz.
25- Haber alanlarımızı oluşturmak için navigasyon barımızn hemen altına işaret çubugundan başlayacak şekilde 335px genişlik,196px yükseklikte Rounded Rectangle tool ile radiux 10 px köse kıvrımlı bir alan yaratıyoruz.ve içerisini herhangi bir renk ile dolduruyoruz.Daha sonra aşağıdaki Blending Options değerlerini giriyoruz.
26- Elde ettiğimiz şekili Polygonal Lasso tool ile sağ üst köşesini seçili hale getiriyoruz.
27-Seçili haler getirdigimiz alanı Ctrl + X diyip kesiyoruz ve Ctrl + V diyerek yapıştırıyoruz ve Edit > Transform > Rotate 180 ile çeviriyoruz ve daha önce elde ettigimiz haber kutusunun layerına sağ tıklayıp Copy Layer Style dedikten sonra kesip yapıştırmış oldugumuz ğarçanın layerına sap tıklayıp Paste Layer Style diyerek ayrı ayrı blendinğ options degeri girmekten kurtuşmuş oluyoruz.
28- Haber Kutularımızın (News Box) içerisini kişisel zevkimize göre dolduruyoruz ve Duplicate Layer Diyerek İstediğimiz kadar çoğaltabilirz.
29- Şimdi ise orta gövdemizi oluşturmak için Text Tool'u seçip aşagıdaki değerleri uyguluyoruz.Aşağıdaki pencereyi görmek için Ctrl + T ye basınız.Daha sonra Blending Opitons Uygulayınız.
30- Örnek yazı şablonların rengi ise #8a8a8a ( Koyu Gri ) merak edenler için.
31- Navigasyon Barımızı Duplicate Layer diyerek çoğaltıp footer olarak kullanabilrsiniz.
Sonuç:
View > New Guide diyoruz ve Vertical sekmesini seçip soldan sağa dogru 1 tane 175 px ve 1 tanede 1025 px lik 2 adet işaret oluşturuyoruz.
2- Şimdi foreground(önplan) rengimizi #ffffff , bakcground(arkaplan) rengimizi ise #e1e1e1 seçip radial gradineti seçiyoruz.
3- İlk olarak sağa,daha sonra sola dogru hareket yaparak aşagıdaki şekli elde etmeye çalışıyoruz.
4- Şimdi ise #ff008a renk tonu ile 175px lik işaretin başlangıcından itibaren büyük başlığımızı ,#858585 renk tonu ile küçük başlığımızı yazıyoruz.
5- Şimdi ise başıklarımızın hizasında arama alanı ve butonu oluşturmak için Rectangular Marquee tool'u seçioyruz ve aşağıdaki şekli elde ediyoruz.
6- Arama Alanı için aşağıdaki Blending Options Değerlerini Giriyoruz.
7- Arama Butonu için ise aşagıdaki degerleri giriyoruz.
8- Son yaptıklarımızdan sonra görüntümüzün aşağıdaki gibi olması lazım.
9- Şimdi ise Rounded Rectangle tool'u seçip 15 px lik bir radius ile header yapmak için çalışacağız.
10- 850 px genişliğinde,215 px yüksekliginde bir şekil elde ediyoruz ve sağ tıklayıp Make Selection. diyoruz.yani bu demek arkadaşlar sağ işaretten başlayıp sol işarete kadar uzanan bir headerımız olacak demektir.
11- Headerımızı seçili hale getirdikten sonra foreground #fefefe,background #ffffff renkleri olacak şekilde ilk olarak yukarıdan aşagı,ikici olarak aşagıdan yukarı radial gradient uyguluyoruz.
12- Şimdi ise Headerımıza aşağıdaki Blending Options değerlerini uyguluyoruz.
13- Headerımızı tekrar seçili hale getirdikten sonra Select > Modify > Contract diyoruz ve değer olarak 15 rakamını veriyoruz.
14- Seçili alanın içerisini herhangi bir renk ile dolduruoyruz ve Ctrl + D diyip seçimi kaldırdıktan sonra aşağıdaki Blending Options değerlerini giriyoruz.
15-Şimdi ise 600*600 px boyutlarında transparan yeni bir döküman oluşturuyoruz ve Elliptical Marquee tool 'u seçerek aşağıdaki şekli elde ediyoruz.
16-Edit > Define Brush dioyruz ve yaptımızı şekli brush olarak kullanıcağımızı belirtiyoruz ve aşağıdaki Blending Options değelerini giriyoruz.
17-Şimdi ise çalışmamıza geri dönüyoruz ve Brush Tool'u açıp daha önce yapmış olduğumuz Brushu seçiyoruz ve klavyemizden F5 yaparak aşağıdaki değerleri uyguluyrouz.
18-Yukarıda belirttigimiz degerleri kullarak yapmış olduğumuz brushumuz ile aşagıdaki şekile benzer bir şekil elde ediyoruz.ama görüldüğü gibi 3 farkı fırça darbesi var o yüzden sizde 3 farklı layer kullarak yapımız.ve 3 farklı layera Filter > Blur > Gaussian Blur dedikten sonra Radius degerini 3 olarak veriniz.
19-Daha sonra yaratıcılığınızı kullanarak farklı şekiller elde edebilirsiniz. Kullandığınız her fırçadan sonra muhakkak opacity değelerini farklı veriniz
örn:%50,%75%,%30 bu sayede daha güzel bir görüntü elde eldebilrisiniz.
20- Headerınızın içini kendinizi ifade edecek şekilde yazı yada görsel ile doldurabilrisiniz.
21- Şimdi ise Menulerimizi yapmaya sıra geldi.Bunun için 850 px genişlik,5 px yükseklikte Rounded Rectangle tool ile 10 px radius degerinde bir navigasyon bar elde ediyoruz.
22- İçerisini hergangi bir renk ile doldurduktan sonra aşağıdaki Blending Opitons değelerini uyguluyoruz.
24- Şimdi ise ayıraçlarımız yapıyoruz.Elliptical Marquee tool seçip içerisini #ff008a rengi ile dolduruyoruz.
25- Haber alanlarımızı oluşturmak için navigasyon barımızn hemen altına işaret çubugundan başlayacak şekilde 335px genişlik,196px yükseklikte Rounded Rectangle tool ile radiux 10 px köse kıvrımlı bir alan yaratıyoruz.ve içerisini herhangi bir renk ile dolduruyoruz.Daha sonra aşağıdaki Blending Options değerlerini giriyoruz.
26- Elde ettiğimiz şekili Polygonal Lasso tool ile sağ üst köşesini seçili hale getiriyoruz.
27-Seçili haler getirdigimiz alanı Ctrl + X diyip kesiyoruz ve Ctrl + V diyerek yapıştırıyoruz ve Edit > Transform > Rotate 180 ile çeviriyoruz ve daha önce elde ettigimiz haber kutusunun layerına sağ tıklayıp Copy Layer Style dedikten sonra kesip yapıştırmış oldugumuz ğarçanın layerına sap tıklayıp Paste Layer Style diyerek ayrı ayrı blendinğ options degeri girmekten kurtuşmuş oluyoruz.
28- Haber Kutularımızın (News Box) içerisini kişisel zevkimize göre dolduruyoruz ve Duplicate Layer Diyerek İstediğimiz kadar çoğaltabilirz.
29- Şimdi ise orta gövdemizi oluşturmak için Text Tool'u seçip aşagıdaki değerleri uyguluyoruz.Aşağıdaki pencereyi görmek için Ctrl + T ye basınız.Daha sonra Blending Opitons Uygulayınız.
30- Örnek yazı şablonların rengi ise #8a8a8a ( Koyu Gri ) merak edenler için.
31- Navigasyon Barımızı Duplicate Layer diyerek çoğaltıp footer olarak kullanabilrsiniz.
Sonuç:
Son düzenleme: