Birçok sitede görmüşsünüzdür. Search Bar yani arama kısmını. Bugünkü Photoshop dersimizde Web 2.0 görünümünde bir arama bar yapacağız.

Photoshop Search Bar Yapımı

Boş bir sayfa açıyoruz.Yeni bir katman oluşturup adını bar olarak değiştiriyoruz.Ve Rectangular arcıyla istediğimiz ölçülerde bir dikdörtgen çiziyoruz.Ve bu dikdörtgeni herhangi bir renkle dolduruyoruz.

Photoshop Dersleri

Arama kelimelerinin girileceği boşluğu sol tarafa yapacağız.Bunun için arama adında yeni bir katman daha oluşturuyoruz ve rectangular aracıyla bu kısmı seçiyoruz.

Photoshop Search Bar Yapımı

Seçili olan kısma Gradient Tool ile gradient uyguluyoruz.Buradaki renkler size kalmış.

Photoshop Dersleri

Yeni bir katman daha oluşturuyoruz ve adına ara2 yazıyoruz.Rectangular aracıylabu alandan daha küçük bi alan seçiyoruz ve daha açık bir renk ile dolduruyoruz.

Photoshop Dersleri

Photoshop Search Bar Yapımı

Şimdi arama satırının yanına Tags butonu,ok işareti ve ara butonları yapacağız.

Tags kısmını yazı aracını kullanarak arama satırının yanına yazıyoruz.

Photoshop Dersleri

Şimdi Tags yazısının yanına alta açıldığını belirtmek için alt ok simgesi koyuyoruz.

Photoshop Search Bar Yapımı

En sağa arama butonu yapıyoruz.O kısmı Rectangle aracıyla seçip yeşil renge boyuyoruz.

photoshop search bar yapimi8 Photoshopta Search Bar Yapımı

Şimdi Tags ile ok arasına bir çizgi çekeceğiz.Çizgi çekeceğimiz alana kılavuz çizgisi çekiyoruz ve pencil tool’u seçip 1 değerini veriyoruz.

photoshop search bar yapimi9 Photoshopta Search Bar Yapımı

photoshop search bar yapimi10 Photoshopta Search Bar Yapımı

Yeni bir cizgi adında katman olusturuyoruz.Bu katmandayken kılavuz çizgisinin boyunca beyaz bir çizgi çiziyoruz.

photoshop search bar yapimi11 Photoshopta Search Bar Yapımı

Cizgi adlı katmanın Opacity değerini 23 yapıyoruz.

photoshop search bar yapimi12 Photoshopta Search Bar Yapımı

Yeni bir katman oluşturuyoruz.Bu katmandayken Rectangle aracıyla aşağıdaki gibi bir dikdörtgen çiziyoruz.

photoshop search bar yapimi13 Photoshopta Search Bar Yapımı

Beyaz renk ile dolduruyoruz ve Opacity değerini 25 yapıyoruz.Ve sonucumuz:

photoshop search bar yapimi141 Photoshopta Search Bar Yapımı

Bu yazıyı beğendiyseniz RSS ye abone olabilirsiniz!

Yorumlarınız Değerlidir

“Photoshop’ta Search Bar Yapımı” için 7 yorum bulunuyor

Kullanıcı girişi yaparak ya da zorunlu olan * alanlarını doldurarak yorum yapabilirsiniz.

İsminiz *

Email adresiniz *

Web siteniz

Mesajınızı buraya yazabilirsiniz:


Toplam 7 yorum var.

  1. Simge | 26 Mar 2009, 16:55
    1

    Derslerinizi ilgiyle izliyorum. Dediğiniz gibi bir çok sitede değişik search barlar görmüştüm ve bende yamak istiyordum. Artık ayapabilirim.

  2. oyyla.com | 28 Mar 2009, 17:43
    2

    Photoshop Dersleri 5…

    Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….

  3. 100puan.com | 28 Mar 2009, 18:05
    3

    Photoshop Dersleri 5…

    Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….

  4. 101bilge.com | 28 Mar 2009, 18:32
    4

    Photoshop Dersleri 5…

    Photoshopta web 2.0 grnmnde search bar (arama bar) yapm anlatlmaktadr….

  5. oylabunu.com | 28 Mar 2009, 18:44
    5

    Photoshop Dersleri 5…

    Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….

  6. siteimle.com | 28 Mar 2009, 18:50
    6

    Photoshop Dersleri 5…

    Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….

  7. imlerim.com | 28 Mar 2009, 18:56
    7

    Photoshop Dersleri 5…

    Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….



  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • Yapılan Son Yorumlar
  • Özer Yıldırım: Sayın Hocam: AutoCAD de makine teknik...
  • Mustafa Karagöz: Çok güzel harikulade.Ama Her...
  • Cengizhan: Tebrik Ederim, Gerçeğinden Geri Kalır Yanı Yok...
  • cavid: men bunu burdan nece oyrenim?
  • melek tuğba: autocad ögren mek çok istiyorum ama kafam...
  • En Çok Yorum Alan Yazılar
  • AutoCADHocasi.com 8 GB U3 Bellek Hediye Ediyor !
  • AutoCADHocasi.com Ödüllü Yorum Yarışması
  • AutoCADHocasi.com Yarışması
  • AutoCAD 2009 Geliyor (Yeni Arayüz, Yeni Özellik ve Komutlarla AutoCAD 2009)
  • AutoCAD’de 3 Boyutlu Araba Yapmak !!!
  • AutoCAD ile Pırlanta Yapımı
  • Üye Girişi


Botacad: Hoşgeldiniz. Bana AutoCAD hakkında öğrenmek istediklerinizi sorabilirsiniz. Henüz yapım aşamasındayım, eksik veya hatalar olabilir.

AutoCAD Sözlüğü

AutoCAD indir, Dersleri, Eğitimi

Bağlantılar

AutoCAD Download photoshop photoshop tutorial Bilgisayar eğitiminin adresi tesbi Yeşersin

AutoCAD, gstaricad, sistem24 autocad reklam alanı
AutoCADHocasi.com Kaan Gülten tarafından oluşturulmuş, Dersler veren sitedir.
Destek Ol
Seo Danışmanlığı
Önem Verilen Kelimeler
  • AutoCAD Kursu
  • indir
  • AutoCAD 2011
  • Download
  • Dersleri
Özel Yazılar
  • Kurs Projesi
  • 3 Boyutlu Araba Çizimi
  • 3 Boyutlu Havuz Çizimi
  • Sweep Komutu 3
  • Sweep Komutu 4
Özel Yazılar 2
  • Projeksiyon Görüntüsü Oluşturma
  • Buzlu Cam Yapımı
  • Anipath - Yol Animasyonu
  • Işıklı Kalem Çizimi
  • Divide ile Yol üzerinde ilerleyen yazı
Google Site Map | AutoCAD Hocası | AutoCAD | AutoCAD | Google

Powered by 2008 - 2010 AutoCADHocasi.com