Best PS Tutorials TR: PC Monitor Design
468x60 Banner

Golden Aliminium Text Effect

Golden Aliminium Text Effect - designed by haziran

Arkadaşlar merhaba, bu sefer biraz daha basit ve kısa ama yararlı olduğuna inandığım bir ders hazırladım, umarım yararlı olur. Dersi .psd dosyasını dersin sonundaki linkten indirebilirsiniz.

Crease Golden Aliminium Text Effect - by haziran

Logo Text Effect v1

Logo Text Effect Versiyon 1 - designed by haziran

Arkadaşlar merhaba, yine sizler için Logo mantıklı Text Effect dersi hazırladım, umarım işinize yarar. Dersin sonunda .psd dosyasını indirebilirsiniz ama önce çalışmanızı tavsiye ediyorum tabi :) İlk olarak çalışmamızda kullanacağımız Century Gothic Fontumuzu aşağıdan indirelim ve yükleyelim, arkasından Arka Planımız için aşağıdaki özelliklerde yeni bir belge açalım

Logo Text Effect Versiyon 1 - by haziran

Profesyonel Web Site Tasarımı Versiyon 1

Web Site Tasarımı Versiyon 1 - designed by haziran

Bu dersimizde adım adım web sitesi yapacağız, PS de görsel aşamasından tutun, bölümlemesi, CSS ve html kodları dahil herşeyini anlatmaya çalışıcam tabi vaktim olduğu sürece, şimdilik PS kısmını anlattım sonraki aşamada nasıl bölümleyeceğimizi, PS de nasıl export edeceğimizi dahasında Dreamweaver ile nasıl işleyeceğimizi anlatıcam, adresimizi sık kullanılanlarınıza alırsanız ve takip ederseniz tüm gelişmelerden haberdar olabilirsiniz.

Web Site Tasarımı Versiyon 1 - designed by haziran

The Fallen Transformers Logo

The Fallen Transformers Logo - designed by haziran

Arkadaşlar mailden gelen istekler doğrultusunda böyle bir ders hazırlama ihtiyacı hissettim, yine bu derstede herzaman olduğu gibi yeni başlayan arkadaşlarımızı göz önünde bulundurarak anlatmaya çalıştım, umarım beğenirsiniz, hazırsanız başlayalım. Not: Çalışmanın .PSD dosyasını dersin sonunda indirebilirsiniz.

The Fallen Transformers Logo - designed by haziran

iPhone Tasarımı

iPhone Tasarımı - designed by haziran

Sanıyorum bu ders Türkiyede ilk olacak, yalnız bu dersi biraz orta seviye kullanıcılar için anlattım ama yinede yeni başlayacak olan arkadaşlarımızında anlayacağı şekilde anlatmaya çalıştım, eğer çok ince ayrıntılara girecek olsaydım bu ders 2 yada 3 part olarak ancak tamamlanabilirdi, zaten bu haliyle bile 90 ekran görüntüsü aldım yani sabırla çalıştım umarım sizlerde sabırla çalışırsınız :) Dersin .PSD dosyasını dersin sonunda indirebilirsiniz.

iPhone Tasarımı - designed by haziran

Mac OS X Wallpaper Design

Mac OS X Wallpaper Design - designed by haziran

Daha önce Vista Wallpaper ve Logosunun yapımını anlattım ve gelen maillerde Mac Leopard Wallpaperi neden yapmıyorsunuz gibi istekler geldi bende değerlendireyim dedim :) Sonuç olarak yine daha detaylı hazırlayabileceğimiz bu çalışmayı yeni kullanıcılarımızıda düşünerek hazırlamayı uygun gördüm, bunuda herkes yapabilecek hadi başlayalım :) Not: Dersin .psd dosyasını dersin sonunda indirebilirsiniz.

Mac OS X Wallpaper Design - designed by haziran

Askeri Dünya Haritası Wallpaper Design

Askeri Dünya Haritası Wallpaper Design - designed by haziran

Burada Vista Wallpaper ve Logosunun yapımını anlattım ve gelen maillerde Mac Leopard Wallpaperi neden yapmıyorsunuz gibi istekler geldi bende değerlendireyim dedim :) Sonuç olarak yine daha detaylı hazırlayabileceğimiz bu çalışmayı yeni kullanıcılarımızıda düşünerek hazırlamayı uygun gördüm, bunuda herkes yapabilecek hadi başlayalım :) Not: Dersin .psd dosyasını dersin sonunda indirebilirsiniz.

Askeri Dünya Haritası Wallpaper Design - designed by haziran

PC Monitor Design

PC Monitor Design - designed by haziran

Merhaba arkadaşlar bu sefer biraz basit bir çalışma hazırladım, sebebi her zaman düşündüğüm gibi yeni başlayanlarında anlamasını sağlamak, bunu yaparkende farklı çalışmalar hazırlamaya özen gösteriyorum. Dersin .PSD dosyasını anlatımın sonundaki linkten indirebilirsiniz.

PC Monitor Design - designed by haziran

Wood Text Effect v1

Wood Text Effect Versiyon 1 - designed by haziran

Birgün belki kendinize yada şirketiniz için kart bastırmak isteyebilirsiniz, işte bu noktada size fikir olması açısından bir çalışma hazırladım, yalnız baskı için gereken orjinal kart boyutlarında ve özelliklerinde çalışmayacağız çünkü böyle çalışmaları satmaya çalışanları gördüm, şaka gibi değilmi :D neyse devam edelim ve hazırsanız başlayalım :)

Wood Text Effect Versiyon 1 - designed by haziran
Merhaba arkadaşlar bu sefer biraz basit bir çalışma hazırladım, sebebi her zaman düşündüğüm gibi yeni başlayanlarında anlamasını sağlamak, bunu yaparkende farklı çalışmalar hazırlamaya özen gösteriyorum. Dersin .PSD dosyasını anlatımın sonundaki linkten indirebilirsiniz.

Önizlemeler




Hazırsanız başlayalım, ilk önce aşağıdaki gibi yeni bir belge açalım ve devamında bu layerimizin ismini Arka Plan olarak değiştirdikten sonra yine aşağıdaki gibi Gradient Owerlay efektini vererek Arka Planımızı oluşturalım.










Şimdi U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki gibi bir alan oluşturalım, bu layerimizin ismini Kasa olarak değiştirelim ardından kenarların ovalliğini 3 px olarak ayarlayalım, ayarları aşağıdaki resimde görebiliyorsunuz.





Şimdi aynı yolla bir tanede aşağıdaki ölçülerde bir alan oluşturalım bu bizim LCD ekranımız olacak ve doğal olarak bu durumda bu layerimizin isminide LCD olarak değiştirmemiz mantıklı olurmu? bence olur :)



Şimdi bu LCD isimli layerimize aşağıdaki efektleri uygulayarak devam edebiliriz. Bu efektleri uygulayacağımız bölüme layerinizin üstüne sağ tıklayarak Blending Option'u seçerseniz ulaşabilirsiniz.











Aşağıdaki sonucu elde etmiş olmalıyız.



Şimdi ise Kasa layerimize aşağıdaki efektleri uygulayarak PC Monitörü Kasasına benzetmeye çalışabiliriz bakalım olacakmı :)













Aşağıdaki sonocu elde etmiş olmalıyız.



Devam edelim ve klavyemizden M tuşuna basarak Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi serbest bir alanı seçili hale getirelim bu seçili alanımız hazır bekliyorken yeni layer oluşturalım ve Kasa isimli layerimizin altına taşıyalım. Daha sonra G tuşumuza basarak Paint Bucket Tool ile içini beyaz renk ile dolduralım.





Şimdi bu Layer1 isimli layerimizi CTRL+J ile çoğaltalım (Dublicate) ve Shift Tuşuna basılı tutarak aşağı ok tuşuna bir kere tıklayalım, bu işlem aşağı yukarı 10 px üsteki kopya layerimizi aşağı çekecek.



Şimdi dikkatli olalım, Layer 1 Copy isimli layerimizi göz işaretinden kapatalım ve alttaki Layer1 isimli katmanımızı seçili hale getirelim, devamında CTRL tuşumuza basılı tutarak üstteki Layer1 Copy katmanımıza bir kere sol tıklayarak seçili hale getirelim ve Delete ile seçili alanı silelim.





Devamında ise yine Layer1 isimli layerimiz seçili iken üzerine işlem yapacağız ama önce ismini Ayak olarak değiştirelim, devamında M tuşuna basalım ve Rectanqular Marquee Tool aracımızı seçelim aşağıdaki gibi alanı seçli hale getirerek yine G tuşumuza basarak Paint Bucket Tool ile içini beyaz renk ile dolduralım.



CTRL+D ile seçimi kaldıralım ve aşağıdaki efektleri uygulamaya devam edelim.











Şimdi daha önce kapatmış olduğumuz Layer1 Copy isimli layerimizi tekrar görünür yapabiliriz, devamında layerimize aşağıdaki efektleri uygulayarak devam edelim.









Şimdi ise yine bu layerimiz seçili iken Alt tuşuna basarak yukarı ok tuşumuz ile 10 defa çoğaltalım, çoğalttığımız 15 adet layerimizin en üstündeki hariç diğerlerinin hepsini seçili hale getirelim (Üstteki layer hariç onun bir altındakini seçili hale getirdikten sonra en alttaki Layer 1 Copy isimli layerede Shift tuşuna basılı tutarak sol tıklarsak hepsi aynı anda seçilmiş olur yada tek tek CRTL tuşuna basılı tutarakta seçebilirsiniz.) şimdi seçili olan layerlerimizi CTRL+E ile birleştirelim (Merge) ve ismini Alt 3D olarak değiştirelim üsteki layerimizin isminide Üst Tabaka olarak değiştirelim.



Daha sonra Üst Tabaka isimli layerimize sağ tıklayarak Clear Layer Style diyelim ve aşağıdaki efektleri uygularak bu aşamayıda bitirelim.











Ayak için son işlemimizi yapabiliriz, bunun için Alt 3D ve Üst Tabaka isimli layerlerimizi CTRL ile seçili hale getirelim ve Alt tuşuna basılı tutarak yukarı ok yuşumuz ile 5 kere çoğaltalım, aşağıdaki sonucu elde etmiş olmalıyız.





Sıra geldi Power tuşumuza, bunun için en üste yen bir layer oluşturalım ismini Power BG olarak değiştirelim, devamında M tuşuna basalım Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi küçük bir alanı seçili hale getirelim, tabi seçimimizi yaptıktan sonra seçim hala aktifken G tuşuna basalım Paint Bucket Tool aracımızı seçili hale getirelim ve içini beyaz renk ile dolduralım.



CTRL+D ile seçimi kaldıralım ve aşağıdaki efektlerle devam edelim.











Şimdi ışıklı Close kısmına geçebiliriz, bunun için Power BG layerimizi CTRL+J ile çoğaltalım ismini Power Işık olarak değiştirelim ve CTRL+T ile Transform moduna geçelim sonra aşağıdaki gibi bir kaç px içeri doğru küçültelim. (Küçültürken Alt ve Shift tuş kombinasyonunu kullanırsak her iki açıdanda eşit şekilde düzgünlüğü bozulmadan ayarlanabilir.)



Devamında Enter ile seçimi kaldıralım ve bu layerimize CTRL tuşumuza basılı tutarak seçili hale getirelim seçimimiz aktifken sırasıyla Menülerden, Select/Modify/Contract seçelim ve gelen ekrana 2 px değerini verdikten sonra Delete ile seçimi silelim, aşağıdaki gibi içi boş bir daire elde etmiş olacağız.





Devamında bu layerimiz seçili iken M tuşuna basalım Rectanqular Marquee Tool aracımızı seçelim ve aşağıda görüldüğü yer kadar alanın seçili hale getirelim ve Delete ile seçili alanı silelim.



Yine aynı layerimiz seçili iken Rectanqular Marquee Tool aracımız ile boş kalan kısma aşağıda görüldüğü gibi ince bir çizgi şeklinde bir alan daha seçelim ve içini Paint Bucket Tool ile beyaz renkle dolduralım, devamında seçimi CTRL+D ile kaldıralım.



Hemen arkasından aşağıdaki efektleri uygulayarak Power butonumuzuda bitirelim :) Farkındayım ders biraz uzun oldu ama detaylı anlatmak için böyle yol izlemeliyim inanın ben bu dersi hazırlarken ve resimlerle analtımı düzenlerken daha çok uğraşıyorum :) Neyse daha fazla vakit kaybetmeyelim devam edelim ama az işimiz kaldı biraz dha sabır öğrenmek emek istiyor :)









Şimdi bu iki layerimizi CTRL ile seçili hale getirelim ve CTRL+G ile Gruplayalım isminide Power Tuş olarak değiştirelim.



Şimdi Power Tuş isimli bu Grubumuzun hemen altında yeni bir layer oluşturalım isminide Buton Üstü olarak değiştirelim, arkasından P tuşuna basalım ve Pen Tool aracımızı aktif edelim, sonra aşağıdaki gibi alanı dikkatlice seçelim, seçim bittikten sonra bu seçimin üstüne sağ tıklayalım ve Make Selection'u seçelim ve Paint Bucket Tool ile bununda içini siyah rekle dolduralım bu işlemden sonra CTRL+D ile seçimi kaldırabiliriz.





Şimdide bu layerimize aşağıdaki efektleri uygulayarak devam edelim.















Evet şimdide sıra gölge efektimizi uygulamaya geldi, bunun içinde Arka Plan isimli en alttaki layerimizin bir üstüne yerni bir layer oluşturalım ve ismini Alt Gölge olarak değiştirelim, devamında M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçili hale getirelim ve aşağıdaki gibi bir alanı seçili hale getirdikten sonra içini yine Paint Bucket Tool ile siyah renkle dolduralım. (Paint Bucket Tool Kısa Yolu -G- Tuşu)





CTRL+D ile seçimi kaldıralım ve Menüden, Filter/Blur/Gaussian Blur seçeneğini seçelim ve aşağıdaki değerleri verelim.



Gölgemize son olarak aşağıdaki ayarlarıda verirsek daha gerçekçi olacak.





Şimdi birazda Perspektif ayarı yapalım, bunun içinde Buton Üstü, LCD ve Kasa isimli layerlerimizi CTRL yardımı ile seçili hale getirelim daha sonra CTRL+G ile Gruplayıp isminide Monitör olarak değiştirelim, devamında bu Monitör isimli Grubumuz seçili iken CTRL+T ile Transform moduna geçelim ve ekranda üzerine sağ tıklayarak Perpective ayarını seçelim daha sonra oluşan seçimin sağ alt köşesinden tutup bir yada iki px kadar sağa çekelim, bu işlem Monitörümüzün öne doğru eğimli gibi gösterecek.









Yansıma efekti için ise Arka Plan ve Alt Gölge isimli layerlerimizi göz işaretinden kapatıp görünmez yapalım bunu File/Save AS... ile .PNG olarak kayıt edelim, daha sonra bu resmi içeri import edelim ve çalışma alanımızın içine sürükleyerek içeri alalım, gelmesi gereken yeri ise Ayaklar isimli Grubumuzun üstü olmalı ki üst tabaka isimli alanımıza şeffaf bir hava verebilelim. Unutmadan bu layerimizin isminide Monitör Gölge olarak değiştirelim.



Şimdi bu layerimiz seçili iken Edit/Transform/Flip Vertical ile ters çevirelim ve aşağı doğru sürükleyelim, önceki ayak ile aynı hizaya gelmeli.



Şimdi M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçelim arkasından aşağıdaki gibi bir alanı seçelim ama öncesinde Feather değerini 15 e yükseltmemiz gerekiyor, ayarlar aşağıdaki resimde görülüyor.





Son işlemimiz Glow için ise Monitör Gölge isimli layerimizin üstünde yeni bir layer daha oluşturalım ve ismini Glow olarak değiştirelim, daha sonra M tuşuna basalım Elliptical Marquee Tool aracımızı seçelim ve aşağıdaki gibi bir alanı seçtikten sonra G tuşu ile Paint Pucket Tool aracımız ile içini beyaz renkle dolduralım, arkasından CTRL+D ile seçimi kaldıralım ve sırasıyla Filter/Blur/Gaussian Blur değerlerinide yine aşağıdaki gibi verelim ve bu işi bitirelim, buraya kadar gelebilene geçmiş olsun, demekki çok azimlisiniz, siz bu işi başaracaksınız :)





Çalışma Finali


Final2


Final3

Tutorial PSD Download

Share this post!

  • Technorati
  • Google
  • Tweet this
  • Tweet this
  • Tweet this



Your thoughtsz: 

5 Response to "PC Monitor Design"

  1. Tarık Said,

    Çok güzel bir çalışma olmuş,başlıktan yanlızca basit bir monitör sandım,böyle birşey beklemiyordum.Eline sağlık,devamını bekliyoruz.

     

  2. Teşekkürler Tarık güzel sözlerin için, iyi çalışmalar herkese :)

     

  3. Tarık Said,

    tekrar ben,çok uğraştım ama yapamadığım bir kaç yer oldu,tabii bu sorun zamanla kaybolucak.

    Bir önerim var

    Şimdi biz bu işe yeni başlayanlarız,ufak bir makalede,kullandığımız araçların ne işe yaradığını yazarsanız bizim için çok faydalı olur,gerçi araçları uygularken neyin ne oldu belli oluyor,fakat öyle araçlar var ki,değişikliği fark edemiyoruz.

    Cevabınızı beklemekteyim,iyi çalışmalar.

     

  4. Takıldığın yerleri söylersen yardımcı olmaya çalışabilirim :)

    Diğer konuda haklısın, yeni başlayanlar için araçların görevlerini bilgilendirici bir makale ile anlatmak fena olmaz bencede, şu an elimde bir iş var, boş bir anımda onuda hazırlarım, önerin için teşekkürler güzel bir öneri oldu bu :)

     

  5. Anonymous
    Said,

    anam :D MacOS X gördüm sanki

     

    Diğer Dersleri Arayın

    Bookmark and Share

    Bookmark and Share
    Subscribe

    Google Translate

    Öne Çıkanlar

    Total Tutorials and Comments

    Technorati Favorites

    Add to Technorati Favorites

    My Communities

    Followers

    Blogcatalog Recent Viewers

    Bloxoo Favorites

    FaceBook Page

    Twitter Profilinizi Ekleyin

    Hızlı Yorum Ekle

    Son 5 Yorum

    Son Eklenen 5 Ders

    Etiket Bulutu

    Son Gelenler

    bumerang.hurriyet

    -

    -