Bu dersimizde Photoshop‘ta RSS buton yapacağız. Parantez içinde belirttiğim simgeler Photoshop için kullanılan klavye kısayollarıdır.Bunları da bilmenizde fayda var diye düşünüyorum.Zira Photoshop’ta ilerledikçe kısayollara alışacak ve bunları sık sık kullanacaksınız.

Photoshop ile Web 2.0 Rss yapımı

Yeni bir sayfa açarak başlayalım. 200×200 px  boyutlarında bir sayfa yeterli. Rounded Rectangle Tool(U) kullanarak şeklimizi çizelim.

Photoshop ile Web 2.0 Rss yapımı

Shape1 katmanımıza sağ tıklıyoruz ve Blending Options‘tan aşağıdaki değişiklikleri yapıyoruz:

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Değişikliklerden sonra butonumuz aşağıdaki görünmelidir:

Photoshop ile Web 2.0 Rss yapımı

Custom Shape Tool‘dan(U) aşağıdaki şekli seçiyoruz ve butonumuzun tam ortasına yerleştiriyoruz.

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Çemberimizin fazla alanlarını siliyoruz. (Shape katmanında seçim alanını silmek istediğinizde Photoshop uyarı verecektir. Bunun nedeni Shape katmanını düzenlemek için hazır hale getirmemizin gerektiğidir. Bunun için Shape katmanına sağ tıklayıp Rasterize Layer komutunu veriyoruz.)

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Şeklimizin en altındaki ufak şekli silgi aracı(E) ile siliyoruz ve Elliptical Marquee Tool(M) aracıyla siyah bir nokta yapıyoruz.

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Şeklimizin bulunduğu katmanı seçiyoruz ve Blending Options ile aşağıdaki değişiklikleri yapıyoruz.

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Photoshop ile Web 2.0 Rss yapımı

Son görüntümüz:

Photoshop ile Web 2.0 Rss yapımı

Butonumuz hazır.Ancak daha da güzel görünmesi için şeklimizi küçültüp Reflection efekti vereceğiz.

CTRL+T tuş kombinasyonuyla şeklimizi imleçlerden tutarak küçültüyoruz.

Katmanımıza sağ tıklayıp Duplicate Layer diyoruz. Bunun anlamı katmanımızın birebir kopyasını oluşturmak.Yeni oluşan katmanımızı seçip üst menüden şu yolu izliyoruz: Edit>Transform>Rotate 180 ve ardından Edit>Transform>Flip Horizontal.

Ve aşağıdaki gibi şeklimizi yerleştiriyoruz.

Photoshop ile Web 2.0 Rss yapımı

Fazlalıkları silmeye geldi sıra. Shape1 katmanına CTRL tuşuna basarak tıklıyoruz ve ardından Select>Inverse ile seçimi tersine çeviriyoruz ve Delete tuşuna basıyoruz.

Photoshop ile Web 2.0 Rss yapımı

Ve en son şeklimizin katmanının Opacity değerini düşürüyoruz.Ben bunu %58 olarak ayaraladım.Ve bitmiş çalışmamız:

Photoshop ile Web 2.0 Rss yapımı

Photoshop PSD Dosyasını İndirmek İçin Tıklayınız….

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

Yorumlarınız Değerlidir

“Photoshop’ta RSS Buton Yapımı” için 6 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 6 yorum var.

  1. oyyla.com | 03 Nis 2009, 00:25
    1

    Photoshop Dersleri 8…

    Klavye kısayolları da kullanılarak RSS buton yapımı anlatılıyor….

  2. 101bilge.com | 03 Nis 2009, 00:30
    2

    Photoshop Dersleri 8…

    Klavye ksayollar da kullanlarak RSS buton yapm anlatlyor….

  3. 100puan.com | 03 Nis 2009, 00:37
    3

    Photoshop Dersleri 8…

    Klavye kısayolları da kullanılarak RSS buton yapımı anlatılıyor….

  4. oylabunu.com | 03 Nis 2009, 00:39
    4

    Photoshop Dersleri 8…

    Klavye kısayolları da kullanılarak RSS buton yapımı anlatılıyor….

  5. imlerim.com | 03 Nis 2009, 00:44
    5

    Photoshop Dersleri 8…

    Klavye kısayolları da kullanılarak RSS buton yapımı anlatılıyor….

  6. siteimle.com | 04 Nis 2009, 00:32
    6

    Photoshop Dersleri 8…

    Klavye kısayolları da kullanılarak RSS buton yapımı anlatılıyor….



  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • AutoCAD Dersleri
  • Yapılan Son Yorumlar
  • 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...
  • Kaan Gülten: @T. Kaya aşağıdaki yazıda anlatılan komutlar...
  • 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