Photoshop ta Web siteler İçin İletişim Navbarı
- AutoCAD Kursu
- Photoshop Dersleri
- Photoshop ta Web siteler İçin İletişim Navbarı
Bugünkü Photoshop dersimizde web siteleri için iletişim navbarı yapmayı öğreneceğiz.

Öncelikle Photoshopta 500*500 boyutlarında yeni bir çalışma sayfası açıyoruz ve Rounded Ractangle Tool ile bir kare çiziyoruz ardından Add Anchor Point tool aracını seçili hale getiriyoruz.

Sonra karemiz seçili iken keremizin dört kanarınada Add Anchor Point Tool aracı ile kenarların tam ortasına gelecek şekilde birer defa tıklıyoruz bakınız aşağıdaki gibi.

Bu işlemi bitirdikten sonra Direct Selection Tool aracını seçiyoruz.

Şimdi karemizin kenarlarına tıklayarak oluşturduğumuz noktalardan Direct Selection Tool ile tutarak çok hafif bir şekilde dışarı doğru çekiyoruz aynen aşağıdaki resimde olduğu gibi.

Ardından karemizin olduğu layer ı sağ tıklayıp Blending Options a giriyoruz ve aşağıdaki resimdeki ayarları yapıyoruz.

Outer Glow ayarını yaptıktan sonra Inner Glow a tıklıyoruz ve aşağıdaki resimde olduğu gibi ayarlıyoruz.

Burdaki ayarımızıda yaptıktan sonra Gradient Overley ayarlarını yapıyoruz aşağıdaki resime bakınız.

Buradaki ayarımızıda yaptıktan sonra son olarak Drop Shadow uyguluyoruz
aşağıdaki resime bakınız.

Bu işlemden sonra Ok a basıp kaydediyoruz. Şimdi karemizin olduğu layer in üzerine sağ tıklayıp Duplicate Layer a tıklayarak karemizi kopyalıyoruz, ve Ctrl+T ye basıp Free Transform u etkinleştiriyoruz ve karemizin köşesinden tutup aynı anda Shift tuşuna basılı tutarak çok az karemizi küçültüyoruz aşağıdaki resime bakınız.

Üstteki kare alttaki kareden küçük olacak. Şimdi üstteki karenin olduğu layer a sağ tıklayıp Blending Options a giriyoruz ve Gradient Overley uyguluyoruz aşağıdaki resime bakınız.

Gradient Overley ayarlarını yaptıktan sonra Stroke ye tıklıyoruz ve ayarlarını aşağıdaki resime göre yapıyoruz.

Şimdi Pen Tool aracını seçiyoruz.

Ve resimdeki gibi bir şekil çiziyoruz.

Şimdi yeni bir layer oluşturuyoruz ve layer penceresinin sağ tarafında olan Paths sekmesine tıklıyoruz (eğer sizde paths görünmüyor ise araç çubuğundan Window>Paths a tıklayarak Pahts sekmesini etkin hale getirin.)
Paths penceresine girdikten sonra çizdiğimiz şekilin olduğu yeri sağ tıklıyıp Make selection a tıklıyoruz ve tekrar layer penceresine gidiyoruz son açtığımız layer seçili iken Tools penceresinden Gradient Tool u seçiyoruz aşağıdaki gibi.
Gradient Tool u seçtikten sonra layer a sağ tıklayıp Blending Options a giriyoruz Gradient Overley sonrada Gradient Editor e tıklıyoruz ve Presets alanından Freground to Transparent e tıklıyoruz aşağıdaki resime bakınız.

Gradient Tool aracımızla seçili olan alanın sol üst köşesinden sağ alt köşesine doğru basılı tutarak karemizin ortasına kadar çekiyoruz aşağıdaki resimdeki gidi olmalı.

Bu işlemide bitirdikten sonra Custom Shape Tool aracını seçiyoruz.

Sonra çalıma alanımızın herhangi bir yerine sağ tıklıyoruz çıkan pencereden mektup şeklini seçiyoruz.

Ve karemizin içine bir mektup oluşturuyoruz oluşturduğumuz mektubu Ctrl+T Free Transform ile sağ üst köşesinden tutup aşağıya doğru çeviriyoruz. Bu işlemide Bitirdikten sonra Rounded Rectangle Tool aracı ile bir dikdörtgen çiziyoruz aşağıdaki resime bakınız.

Şimdi dikdörtgenimizin bulunduğu layer ın üzerine sağ tıklayıp Blending Options a giriyoruz, ve Outer Glow a tıklayıp ayarlarını aşağıdaki gibi yapıyoruz.

Sonra Inner Glow ayarlarını resimdeki gibi yapıyoruz.

Sonra Gradient Overley ayarlarını resimdeki gibi yapıyoruz.

>Şimdi Stroke ayarlarını yapıyoruz aşağıdaki resime bakınız.
Son olarak Drop Shadow uyguluyoruz.

Bittikten sonra Ok a basıp kaydediyoruz, son olarak dikdörtgenimizin içine yazı yazacağız ben İletişim Autocad Hocası İletişim Servisi yazdım sizde istediğiniz yazıyı yazabilirsiniz.

Yorumlarınız Değerlidir
“Photoshop ta Web siteler İçin İletişim Navbarı” için 11 yorum bulunuyor
Toplam 11 yorum var.
- 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
- GÜLŞAH: Merhaba, Son birkaç günden beri autocad hatch...
- herbalife ürünleri: kesinlikle bu anlatımla proje çizimi...
- jasdef: arka plana image den reesim seçicem fakat resim...
- nakliyat: elinize sağlık çok güzel olmuş teşekkürler
- kazancrehberim.net: çok güzel bir eklenti tavsiye ederim
- 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ı
- Mim: İçerik Hırsızlığı
- Forumdaki Son 5 Aktivite
- Hand Job In Public
Son Konuyu Açan: tommdah - Emailing A Job Application
Son Konuyu Açan: ludarc - Connexions Job Vancancies
Son Konuyu Açan: bicksare - Ebooks Job
Son Konuyu Açan: bartdim - Applying For Job Letter
Son Konuyu Açan: rolbev
- Hand Job In Public
- Etiket Bulutu
- 3 Boyut 3d 3ds max 2009 autocad AutoCAD 2009 AutoCAD 2010 autocad 2010 indir AutoCAD 2011 autocad array komutu autocad dersleri autocad dimension autocad eğitimi autocadhocasi.com AutoCAD Kitabı autocad komutları autocad kursları autocad kursu autocad söve autocad sözlüğü autocad çizimi break dersi google görsel dersler kurs kırma object snap ortho osnap otrack photoshop photoshop dersi Photoshop Dersleri polar proje ödevi sweep sweep komutu söve söve çizimi u3 yapımı yarışma Ölçülendirme çizim
- Üye Girişi
Seo Hocası
- 10 Feb 2012 - Full SEO Uyumlu SeoHocasi v3 Wp Teması
- 04 Feb 2012 - En Gelişmiş Webmaster Araçları Seoaraci.com
- 03 Feb 2012 - Fuub Teması Kullanın Android Tablet Kazanın
- 01 Feb 2012 - Firefox Seo Eklentileri
- 31 Jan 2012 - Profil Backlink Fiyaskosu
- 28 Jan 2012 - Seo Uyumlu WordPress Tema – Fuub
- 28 Jan 2012 - Seo Sektöründen Son Dakika Haberler
- 26 Jan 2012 - Blog Backlink Fiyaskosu
- 24 Jan 2012 - Asp Seo
- 20 Jan 2012 - Seo Programları






abi süper olmuş yaa
Photoshop Dersleri 19…
Web siteleri iin iletiim navbar yapm anlatlyor….
Photoshop Dersleri 19…
Web siteleri için iletişim navbarı yapımı anlatılıyor….
Photoshop Dersleri 19…
Web siteleri için iletişim navbarı yapımı anlatılıyor….
Photoshop Dersleri 19…
Web siteleri için iletişim navbarı yapımı anlatılıyor….
Photoshop Dersleri 19…
Web siteleri için iletişim navbarı yapımı anlatılıyor….
Photoshop Dersleri 19…
Web siteleri için iletişim navbarı yapımı anlatılıyor….
super olmus birde web2.0 daki gibi yazıyı kopyalayıp ters cevırıp alta alıp soldurma işlemi var onuda gösterirseniz..
thanksss
Walla güzel anlatılmış. hiç üşenmeden. işte budur ya. sagolun.
elinize sağlık çok güzel olmuş teşekkürler