![]() |
|
| |||||||
![]() |
| | Seçenekler |
|
#1
| ||||
| | ||||
PhotoShop ile Web Arayüz yapımı1- 600 x 335 px yeni bir döküman oluşturuyoruz. Görünüm>cetvel (ctrl+r) aracını açıyoruz. alttan 285 ve 310 px mesafelerine cetveli sürükle bırak yaparak yeni iki guide oluşturuyoruz. ![]() 2- Rectangle aracımız ile (U) üstteki ve alttakialanlar için iki farklı seçim oluşturup içlerini gradident (g) aracımızla şu değerlerde degrade veriyoruz. üstteki kısımda 1.renk #35393d ve 2. renk #787b7dalttaki kısımda 1.renk #000000 ve 2. renk #0c0c0c ![]() 3- ışık olayını vurgulamak için üstten 2px bir alanı seçili hale getirip 1.renk #484b4d 2.renk 9fa2a4 olacak şekilde yeni bir degrade uyguluyoruz. ![]() 4-yeni bir layer oluşturup menüler arası ayıraç çizgisi oluşturuyoruz. 2px genişliğinde iki çizgi üstteki ve alttaki alanlar için oluşturuyoruz. üstteki çizgimizin içini #676a6d alttaki çizgimizin çini #4d6672 ile dolduruyoruz. ![]() 5-beyaz renk ile menümüzü yazıyoruz. ![]() 6- header olarak kullanacağımız resmi açıyoruz. bu resmi menü öğelerinin altında kalacak yeni bir layera yerleştiriyoruz. ![]() 7- Rounded Rectangle Tool (U) aracımızı seçiyoruz. üst menüden rouded değerini köşelerde ki ovallik isteğimize göre ayarlıyoruz. resim üzerinde uygun bir alanda aracımız ile path çizgimizi oluşturuyoruz. ctrl + enter ile çizimi seçime dönüştürüyoruz. Header resmimizin olduğu layerda ctrl+j yapıp seçimi yeni bir layer olarak koplayılıyoruz. Yeni layerde Filter>Blur>Gaussian Blur efektini 5px uyguluyoruz. Layer>Layer Style>Drop Shadow efektini resimdeki değerlerde uyguluyoruz. ![]() 8- sitemizin ismini yazdıktan sonra yazı olan layera resimdeki değerlerde efekt uyguluyoruz. ![]() 9- son olarak menümüzde maus link üserinde geldiğinde veya aktif link için uygulayacağımız görünüm ayarlarını yapıyoruz. yeni bir layer oluşturup elip (m) aracı ile bir elip çiziyor ve içini #5c94c5 rengi ile dolduruyoruz. seçimimizi ctrl+shift+i ile tersine çeviriyoruz. selection>feather selection (ctrl+alt+d) aracı ile seçimimize 10 değerinde eritme uyguluyoruz. sonrada klavyeden delete tuşuna basarak eritme geçişini sağlıyoruz. fazlalıkları margie tools(m) aracı ile temizliyoruz. ve sonuç ![]() |
| SANALman için teşekkür eden üyeler: | ||
![]() |
| Seçenekler | |
| |
Benzer Konular | ||||
| Konu | Konu Açanlar | Forum | Cevaplar | Güncel Mesajlar |
| Photoshop ile Arabaya Alev Yapımı | arasx | Photoshop | 6 | 18-06-2008 11:20 |
| PhotoShop İle Kafet Yapımı | SANALman | Photoshop | 2 | 18-04-2008 10:32 |
| Photoshop Buton Yapımı | slmgl | Photoshop | 0 | 17-02-2008 11:29 |
| Photoshop Dersleri : Su Yapımı | kadınca | Photoshop | 3 | 22-01-2008 11:40 |
| Post-it Yapımı ( İyi Bir Photoshop Dersi ) | Professionel | Photoshop | 0 | 24-11-2007 04:39 |