Genel

MediaPlayer 11 Tasarımı (2008)

Arkadaşlar Söz verdiğimiz gibi 2008 de yeni bomba tasarımlarla aranızda olmaya derslerimizle devam edeceğimizi söylemiştik.bunun ilk adımını ben atıyorum ve size mediaplayer 11 in tasarımını veriyorum hadi bakalım arkadaşlar şimdiden kolay gelsin..

1.Evet Arkadaşlar ilk olarak yapmamız gereken kendimize uygun çalışabileceğimiz bir çalışma alanı açmak bunuda File >> New yada Ctrl + N ile açabiliriz
yanlız açtığımız sayfanın arkaplanı transparan olmalı bunuda new dedikten sonra gelen pencerede alt kısımdan yapabiliriz.

2.Sırada Yapmamız gereken şey Yeni bir layer açıp Layer >> New >> Layer içine Rounded Rectangle ile aşağıdaki gibi şekil çiziyoruz..

011.jpg

Ve aşağıdaki ayarları çizmiş olduğumuz shapemize uyguluyoruz.

Gradient overlay da renk kodlarımız #0D111D #03153F bu şekilde olmalı.
Stroke de ise renk kodumuz #0D0D0D böyle olmalı.

021.jpg

032.jpg

041.jpg

3.Yeni bir layer oluşturarak layerımız üstte kalacak şekilde gradient tool ile (#5A74B4 tek taraflı transparan) uygulama yapıyoruz.

062.jpg

şeklimiz bu hali aldıktan sonra yeni bir layer oluşturup rectangle tool ile şeklimizin yarısını kapsayacak şekilde dikdörtgen çiziyoruz.çizdikten sonra layerımıza Select >> Transform Selection uygulaması yapıyoruz.

yeni bir layer açıp line tool (çizim aracı)ile (1px)’lik bar çubuğumuzun alt kısmına çiziyoruz resimi incelerseniz göreceksiniz.çizdikten sonra layerımızı overlay olarak ayarlayalım.

071.jpg

daha sonrasında Yeni bir layer oluşturup gradient tool ile (beyaz ve transparan ) aşağıya doğru uygulama yapıyoruz.

081.jpg

mediaplayer çubuğumuz ortaya çıktı.şimdi ise işin zor olan kısımına geldik çoğu arkadaşım bu bölümden sonra zorlanacaktır yeterince açıklamalı anlatmaya çalışıyorum.

4.Evet arkadaşlar zor dedim biraz yılmak yok zorluklara devam :D şimdi yeni bir layer açıp Rounded Rectangle ile küçük bir dikdörtgen çiziyoruz. ve vermiş olduğumuz ayarları bu layerımıza uyguluyoruz.(ayarlara nereden gireceğim diyen arkadaşlar için = Layer >> Layer Style >> Blending Options… )burdan ulaşabilirsiniz.

101.jpg

112.jpg

121.jpg

131.jpg
ayarlarımızın sonucundan şeklimiz böyle olmalı.
Evet Arkadaşlar eskilerimiz şunu söylerlerdi zorlukları aşma aşamasında Zurnanın Zırt dediği Yer işte o noktaya geldik zurna tam bu noktada zırt diyecek. bu bölüm tamamiyle sizlerin beceri ve beyin gücüne bağlı olarak yapabileceğiniz bir bölüm.hadi bakalım lafı uzatmadan tasarıma devam edelim.

5. (#10C2FD Transparan)Renk kodumuz ile layerımıza gradient tool ile dik bir şekilde uygulama yapıyoruz.

141.jpg

6. Burası bizim Detay noktamız. Çizmiş olduğumuz Şeklimizi şeçiyoruz burda (layerımıza Crtl + Clikt ile ) tıklayarak tamamını seçili hale getiriyoruz.seçili hale getirdikten sonra layerımızı yeni bir layer oluşturuyoruz ve Brush tool (Softbrsuh-10px)ile siyah renkte brush uyguluyoruz ve layerımızın opasity değerini düşürerek şeklimizi oluşturuyoruz.

141.jpg

7.line tool ile şekilde gördüğünüz gibi bir çizgi çiziyoruz.ve Custom shape tool ile üçgen şeklimizi yeni bir layer a çiziyoruz.

161.jpg

8. Buton olarak çizmiş olduğumuz shapemizi seçiyoruz.(nasıl seçeceğimizi önceden söylemiştim hatırlatmak için (Ctrl + Click) Diyelim.Yeni bir layer oluşturarak Gradient tool ile (beyaz Transparan) şekilde uygulama yapıyoruz.

171.jpg

9.Bu aşamadan sonrası kolay ayraç kullanacağız butonlarımız arasında bunun yapılış buraya kadar geldikten sonra kolay olacaktır.hemen anlatayım nasıl yapacağımızı.bir siyah çizgi ve bir beyaz çizgiyi yanyana çiziyoruz.ve çizmiş olduğumuz çizgilere Filter >> Blur >> Motion Blur ile Angle = -90 Distance = 6 olacak şekilde blur uyguluyoruz.

181.jpg
191.jpg

evet arkadaşlar sonuç bundan ibaret :D

1234.jpg

İŞTE SONUÇ

photoshop-tr'ye destek olun

bu yazıyla alakalı 10 yazı

Tartışmalar

“MediaPlayer 11 Tasarımı (2008)” konusu için 13 yorum yapılmış.

  1. Çok teşekkürler değerli bilginiz için… Merak ettiğim bir konuyu öğrendim burada…Sağolun

    hakan yazmış. | 5 Ocak 2008, 00:06
  2. Cok guzel olmus gercekten..

    Alp yazmış. | 5 Ocak 2008, 21:03
  3. Anlatım süper olmuş ve tabii ki verdiğiniz örnekte=)
    Başarılarınızın ve çalışmalarınızın devamını dilerim..

    eternity yazmış. | 5 Ocak 2008, 23:39
  4. Merhaba ARkadaşlar Başta Paylaşım İçin Tşk Ederim..

    Ben Photoshopta Acemiyim Dediklerinizi Tek Tek Uyguladım Ama Olmadı
    1. Takıldığım Yer : http://www.photoshop-tr.com/wp-content/uploads/2008/01/081.jpg Burası Kendi Çabamla Eh Biraz Benzetim

    2. Takıldığım Yer : http://www.photoshop-tr.com/wp-content/uploads/2008/01/141.jpg
    Burayıda Öldüm Bittim Yapamadım Zaten Bunu Yapamadıktan Sonra Devamına Geçemedim ….
    Biraz Daha Açıklayıcı BirŞekilde Anlatırsanız Çok memnun Kalırım…

    Kolay Gelsin…

    RDR yazmış. | 7 Ocak 2008, 19:05
  5. yeterince açık anlattım arkadaşım biraz hayal gücünü kullan bunu yapabilmek için ilk önce belli bi konumdan geçmen lazım bu tasarımlara o seviyeden geçerek pişerek kendini yetiştirerek yapabilirsin.

    KuRt@l@N yazmış. | 8 Ocak 2008, 19:30
  6. […] media player 11 yapımı […]

    photoshop-tr.com | Blogbilgi yazmış. | 9 Ocak 2008, 04:03
  7. gerçekten güzel program ve güzel anlatım

    BEYAZIT yazmış. | 12 Ocak 2008, 12:47
  8. Bu tür konulara bayılıyorum eMeğine sağLık

    mutti yazmış. | 18 Ocak 2008, 22:46
  9. ama bende Rounded Rectangle yok daha acemiyim.kullandığım sürüm cs3 lütfen yardım edin

    mehmetcc yazmış. | 2 Şubat 2008, 15:43
  10. süper arkadaşım teşekkürler ;)

    ali veli :D yazmış. | 7 Şubat 2008, 11:53
  11. Öncelikle çok teşekkür ederim. Bişeyler yaptım fakat renkleri tutturamadım. Bazı renk kodları vermişsiniz(mesela #0D111D #03153F ) bu kodları nereye girecez? Açıklarsanız sevinirim.

    Taner yazmış. | 11 Şubat 2008, 09:30
  12. gerçekten de anlattıkları kadar var
    çok anlaşılır ve kolay dersler
    teşekkürler

    nuriceylan yazmış. | 11 Şubat 2008, 20:31
  13. arkadaşlar 3. bölümden sonrasını yapamıyorum, rica etsem yardımcı olurmusunuz?

    Mustafa yazmış. | 24 Şubat 2008, 21:40

Yorum Yazın