Photoshop’ta Search Bar Yapımı
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.

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.

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.

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

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.


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

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

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

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

![]()
Yeni bir cizgi adında katman olusturuyoruz.Bu katmandayken kılavuz çizgisinin boyunca beyaz bir çizgi çiziyoruz.

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

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

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

- En Çok Okunan 5 Yazı
- AutoCAD'de 3 Boyutlu Araba Yapmak !
- AutoCAD 2010 Geliyor
- AutoCAD Kursu Ödevi
- AutoCAD Kursu Ödevi - 3 Boyutlu Işıklı Kalem
- AutoCAD ile 3 Boyutlu Havuz Modelleme ve Görselleştirme
- Kategoriler
- 2 Boyut
- 3 Boyut
- AutoCAD 2008
- AutoCAD 2009
- AutoCAD 2010
- AutoCAD Genel
- AutoCAD Kitabı
- AutoCAD Kursu
- Bilgisayar Teknolojileri
- Gelişmiş Teknikler
- Kategorilenmemiş
- Ölçülendirme
- Photoshop Dersleri
- Püf Noktası
- Video Eğitim
- 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ı
- Rastgele Yazı
- AutoCAD ile Masa – Sandalye Çizimi
- Forumdaki Son 5 Aktivite
- Autocad 2010
Son Konuyu Açan: yaraticizeka - autocad 2008 45 derece acıda resimler bozuluyor.lütfen yardım
Son Konuyu Açan: matthewbellamy - autocad de fena bir sorunum var
Son Konuyu Açan: matthewbellamy - Autocad 2010 İndir
Son Konuyu Açan: selmangulec - AutoCAD 2011
Son Konuyu Açan: autocadci
- Autocad 2010
- Etiket Bulutu
- 3 Boyut 3d 3ds max 2009 autocad AutoCAD 2009 AutoCAD 2010 autocad 2010 indir autocad dersleri autocad dimension autocad eğitimi autocadhocasi.com AutoCAD Kitabı autocad kursları autocad kursu autocad söve autocad sözlüğü autocad çizimi break dersi google görsel dersler kurs kırma mimari object snap ortho osnap otrack photoshop photoshop dersi Photoshop Dersleri polar proje ödevi sweep sweep komutu söve söve çizimi türk bayrağı u3 yapımı yarışma Ölçülendirme çizim ölçü
- Üye Girişi



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.
Photoshop Dersleri 5…
Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….
Photoshop Dersleri 5…
Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….
Photoshop Dersleri 5…
Photoshopta web 2.0 grnmnde search bar (arama bar) yapm anlatlmaktadr….
Photoshop Dersleri 5…
Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….
Photoshop Dersleri 5…
Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….
Photoshop Dersleri 5…
Photoshopta web 2.0 görünümünde search bar (arama barı) yapımı anlatılmaktadır….