Merhabalar, Bir kaç gün önce Photoshop giriş formu diye bir başlık acıp yaptıgım photoshop psd dosyalarını size sunmuştum ve o yazımda da, bunun için bir ders yazıcagımı söylemiştim kendimi bi boş zaman içerisinde buldum ve haliyle bunuda aradan cıkartalım dedim ve dersimiz’e başlıyalım;

Photoshopda her hangi bir sistem için, giriş(login) formu yapmaya başlıyoruz.

Adım 1

İlk olarak Photoshopumuzu acalım, Cmd/Ctrl+n ile 600×600 px boyutlarında bir çalışma sayfası acalım.

Adım 2

Daha sonra (U) tool’umuzdan Rounded Rectangle Tool‘umuzu secelim ve, resimde gördügünüz ayarları yapınız, radius olarak sağ üst köşeye değer 10 px giriniz.
Buna dikkat ediniz, cm yada mm gibi ölcüm birimlerini alırsa farklı sonuclarla karşılaşabilirsiniz..

Adım 3

Sectigimiz ve değerlerini girdigimiz Rounded Rectangle tool ile resimde gördügünüz ölcülere yakın bir şema ciziniz, sadece mouse yardımıyla, Shift ve alt tuşlarına basarsanız kare ve diktörtgen olarak size cizilen şema geri döner, mouse ile istenilen boyutda kendi belirledigimiz ölcülerde ciziyoruz.

Adım 4

Cizdiysek eğer, Cmd/CTRL+Enter ile secimi aktif hale getiriyoruz. Cmd/Ctrl+alt+shift+N yardımı ile yeni bir layer cıkartıyoruz, ve Araç kutusundan Brush(B) ile her hangi bir renge boyuyoruz.

Adım 5

Photoshop Menüsünden sırasıyla, (“Layer > Layer style > Drop Shadow“) kısmına geliyoruz ve ayarları aşagıda resimde gördügünüz bicimde yapıyoruz.

5.a) Inner Shadow kısmına geliyoruz, ve resimde gördügünüz gibi ayarları tekrar yapıyorsunuz.

5.b) Aynı Pencerede bulunan Gradient Overlay kısmına geliyoruz ve Gradientimizin renk kodlarını, sağ taraf “#537bb9” sol taraf, “#73a4e6” kodlarını veriyoruz ve okeyliyoruz.
Ekranı kapatıyoruz.

Adım 6

Adım 2‘de oldugu gibi tekrar Rounded rectangle tool’umuzu seciyoruz, ve bu sefer radius değeri 10 yerine, 3 px yapıyoruz ve giriş formu üzerine, User girişi icin Alan yapıyoruz yani, nick yazılacagı alan.
Uygun değerlerde boyutlandırıyoruz aşagıdaki resimde oldugu gibi

Adım 3 ve 4‘ü uyguluyoruz her hangi bi renkte boyuyoruz secimi.

6.a) Inner Shadow kısmına geliyoruz, ve resimde gördügünüz gibi ayarları tekrar yapıyorsunuz.
Renk kodu: #1e5c09

6.b) Outer Glow kısmına geliyoruz, ve resimde gördügünüz gibi ayarları tekrar yapıyorsunuz.
Renk kodu: #50db5a

6.c) Gradient Overlay kısmına geliyoruz ve renk düzenini ayarlıyoruz.
Renk kodları: sol renk kodu:#93ea39 sağ renk kodu:#65c122

6.d) En alt kısımda bulunan Stroke kısmına geliyoruz ve ayarları aynı şekilde yapiyoruz.
Renk kodu:#2e5b06

Adım 7

Son oluşturdugumuz Layer’den bir adet daha cıkartıyoruz cünkü onu şifre bölümü için kullanacagız.
Cmd/Ctrl+j İle aynı layer’ı coğaltın ve biraz altına yerleştirin.

Adım 8

Tekrar Rounded Rectangle tool ‘u seciyoruz bu sefer Giriş butonu oluşturaçagız, Radius 3 px değerinde kalabilir, Ciziyoruz, secimi her hangi bi renk’e boyuyoruz ve style icin aşagıdaki resimlere bakın.

8.a) Inner Shadow kısmına geliyoruz, ve resimde gördügünüz gibi ayarları tekrar yapıyorsunuz.
Renk kodu: #36393c

8.b) Bevel and Emboss kısmına geliyoruz ve ayarları uyguluyoruz.

8.c) Son olarak Gradient Overlay kısmına geliyoruz ve renk ayarlarını yapıyoruz.
Renk kodları: sol renk kodu:#696969 sağ renk kodu:#383838

Adım 9

Artık sona yaklaştık bitişe doğru. Nick ve şifre formlarının icine size vericegim 2 icon’u yerleştiriyoruz,
iconlar: &

Nick Rumuz, Giriş gibi yazılarını yazıyoruz ve son olarak alt tarafa;
“Beni hatırla,
Kayıt ol | Şifremi unuttum?”
Gibi yazılarımızı yazıyoruz ve işlemlerimizi bitiriyoruz.

Bitiş!

Son işlemleride yapıyoruz ve ben bu az önce yaptıgımızdan harici olarak 4 tane daha değişik renklerde yapıyorum ve sonuc ortadadır.
İndirecekleriniz içinde bu diğer renklerde vardır unutmayın..

Program bilgileri ve indirmek için, Photoshop Giriş formu adlı başlıga bakabilirsiniz..
Kolay gelsin..

Google'de

Google blog'da

ASK'da

Yahoo'da

Bing'de

Digg'de

Bu başlik Beytullah Güleç tarafından 02 August 2010 Monday gününde, saat 18:21 ` da. Hayata geçmiştir. Yayınlandıgı kategori ise Photoshop dersleri dir. Bu yazıyı beğendiyseniz, RSS 2.0 ile takip edebilirsiniz.. Bu konuya istersen yorum yapabilir, yada geri izlenim yapabilirsiniz.