Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Çeviri Ders : Renkli Portfolio Tema Yapımı

el_chancho

♾️Grafik Gurusu♾️
Katılım
21 Nis 2008
Mesajlar
1,001
Tepkime puanı
14
Richard Carpenter tarafından yayımlanmış olan bu dersi elimden geldiğince çeviri yaparak paylaşmaya çalıştım umarım başarılı olmuşumdur...Esen Kalın

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.


1.jpg


2.jpg



2- Şimdi foreground(önplan) rengimizi #ffffff , bakcground(arkaplan) rengimizi ise #e1e1e1 seçip radial gradineti seçiyoruz.

3.jpg


3- İlk olarak sağa,daha sonra sola dogru hareket yaparak aşagıdaki şekli elde etmeye çalışıyoruz.

4.jpg


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.jpg


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.jpg


6- Arama Alanı için aşağıdaki Blending Options Değerlerini Giriyoruz.

7.jpg


8.jpg


9.jpg


7- Arama Butonu için ise aşagıdaki degerleri giriyoruz.

10.jpg


11.jpg


12.jpg


8- Son yaptıklarımızdan sonra görüntümüzün aşağıdaki gibi olması lazım.

13.jpg


9- Şimdi ise Rounded Rectangle tool'u seçip 15 px lik bir radius ile header yapmak için çalışacağız.

14.jpg


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.

15.jpg


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.

16.jpg


12- Şimdi ise Headerımıza aşağıdaki Blending Options değerlerini uyguluyoruz.

17.jpg


18.jpg


19.jpg


13- Headerımızı tekrar seçili hale getirdikten sonra Select > Modify > Contract diyoruz ve değer olarak 15 rakamını veriyoruz.

20.jpg


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.

21.jpg


22.jpg


23.jpg


24.jpg


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.

25.jpg


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.

26.jpg


27.jpg


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.

28.jpg


29.jpg


30.jpg


31.jpg


32.jpg


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.

33.jpg


19-Daha sonra yaratıcılığınızı kullanarak farklı şekiller elde edebilirsiniz.Ben aşağıdaki şekili elde ettim :) ama unutmamanız gereken 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.

34.jpg


35.jpg


20- Headerınızın içini kendinizi ifade edecek şekilde yazı yada görsel ile doldurabilrisiniz.

36.jpg


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.

37.jpg


22- İçerisini hergangi bir renk ile doldurduktan sonra aşağıdaki Blending Opitons değelerini uyguluyoruz.

38.jpg


39.jpg


40.jpg


41.jpg


24- Şimdi ise ayıraçlarımız yapıyoruz.Elliptical Marquee tool seçip içerisini #ff008a rengi ile dolduruyoruz.

42.jpg


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.

43.jpg


44.jpg


45.jpg


46.jpg


47.jpg


26- Elde ettiğimiz şekili Polygonal Lasso tool ile sağ üst köşesini seçili hale getiriyoruz.

48.jpg


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.

49.jpg


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.

50.jpg


51.jpg


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.

52.jpg


53.jpg


54.jpg


30- Örnek yazı şablonların rengi ise #8a8a8a ( Koyu Gri ) merak edenler için.

55.jpg


31- Navigasyon Barımızı Duplicate Layer diyerek çoğaltıp footer olarak kullanabilrsiniz.

56.jpg


Sonuç:

final.jpg


sontema.png


İyi günlerde Kullanın :)
 

Cailey

🌱Yeni Üye🌱
Katılım
4 Şub 2010
Mesajlar
3
Tepkime puanı
0
Güzelmiş :) Yapımı biraz uzun ama denemeye değer. Teşekkürler.
 

el_chancho

♾️Grafik Gurusu♾️
Katılım
21 Nis 2008
Mesajlar
1,001
Tepkime puanı
14
31 adımda bitirebilisn gayet basit aşamalar. bitince agyet hoş duruyor dene bence :) rica ederim
 
Üst