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 😀 ş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 😀

1234.jpg

İŞTE SONUÇ

Bu yazıyı

Bu konuda toplam 21 yorum var. Siz de yorum yapın, sorularınızı hemen yanıtlayalım

  1. ayrıca ( ş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. ) bu şekilde rectangle tool ile şeklin yarısını seçtikten sora select sekmesine tıkladığımızda transform selection seçeneği kapalı oluyo seçemiyoruz.

  2. Arkadaşım Saolasın anlatmışın iyi hoşta şunu resimlerle anlatsan daha iyi olucak Line tool diye bi araç bulamadım ben photoshop cs2 kullanıyorum ondan sora ( 3.Yeni bir layer oluşturarak layerımız üstte kalacak şekilde gradient tool ile (#5A74B4 tek taraflı transparan) uygulama yapıyoruz. ) Şu Uygulamayı yaptığımda layera Yaptığım hiç birşey görünmüyo Zahmet vericem ama bunu resimlerle anlatabilirsen çok mutlu olurum tekrar teşekkür ederim emeğine sağlık…

  3. Rectangle tool aracı ile şeklimizin yarısını seç demişsin dikdörtgen şekil sonra select =transform selection uygulamasından sonra yeni bir layer aç demişsin transform selection çizim aracı ile çizdim transform selection yaptıktan sonra yeni bir layer açıyorum ama Rectangle tool çizmiş olduğum alan enter yapınca çizim ortadan kayboluyor.

  4. NİRVANA_10
    4

    Kurtalan emeğine sağlık biz bunları tam manasıyla uygulamaya geçiremesekde Photoshopda neler yapabileceğimiz açısından güzel bir çalışma olmuş teşekkürler.

  5. Başlangıç aşamasında olan biri bu konuyu okurken söylediğin photoshop terimlerinin isimlerini sadece ingilizce söylersen yapamaz. Bunun nedeni de ya o kişinin elinde Türkçe versiyonu varsa ne yapacak kaldırıp tekrar ingilizce versiyonunumu yükleyecek.
    Çalışman başarılı buldum ellerine sağlık.
    Bizimle paylaştığın için teşekkür ederim ayrıca.

    İyi Çalışmalar…

  6. emeginize saglık biliyorum ki bunları bu sekilde hazırlayıp forma sunmak butonları hazırlamaktan daha zor :)) sagolunn sayenizde bir sey daha ögrendim tesekkürler gercekten de:))

  7. kurtalan arkadasim, oncelikle eline emeine canina saalik, sonuc cok gusel ancak (ctrl+n)’sine kadar anlatmissin, diger ayrintilari atlamissin, yapmakta gucluk cekiorz yada yapamiorz diebilirm… ayrıca takdir edersinki bizler yeni baslayanlariz, ayrintilarin her yerde olmasi bizide mutlu eder, tsk.’u borc biliriz…

  8. arkadaşlar 3. bölümden sonrasını yapamıyorum, rica etsem yardımcı olurmusunuz?

  9. gerçekten de anlattıkları kadar var
    çok anlaşılır ve kolay dersler
    teşekkürler

  10. Ö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.

  11. süper arkadaşım teşekkürler 😉

  12. ama bende Rounded Rectangle yok daha acemiyim.kullandığım sürüm cs3 lütfen yardım edin

  13. Bu tür konulara bayılıyorum eMeğine sağLık

  14. gerçekten güzel program ve güzel anlatım

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

  16. 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…

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

  18. Cok guzel olmus gercekten..

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

Yorum yapın

Bu konuya aşağıdaki sayfalar gibi siz de link verebilirsiniz.
Sağ tıkla > Bağlantı Adresi Kopyala >> MediaPlayer 11 Tasarımı (2008)

  1. 1
  2. 2