Best PS Tutorials TR: Apple Logo and Wallpaper Tutorial
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
Image Hosted by ImageShack.us


Merhaba arkadaşlar bu aralar biraz yoğun olduğum için derslere ara vermiştim ama maillerden gelen isteklere duyarsız kalamadım ve basit bir ders hazırlamaya karar verdim. Bu dersimizde Apple Logo ve Wallpaper dersini uygulayacağız ama derslere sadece wallpaper mi gözüyle bakmamanızı öneriyorum, çünkü içlerindeki bilgiler önemli diye düşünüyorum, neyse lafı uzatmayım ben hemen anlatıma geçeyim, daha yapacak başka işlerim var :)))

Önizleme - Preview


Öncelikle bu çalışmamızda Pattern kullanacağız ve bunu hazırlamamız için 10x10 px ölçülerinde yeni bir belge açıyoruz ve %3200 zoom yaparak büyütüyoruzki rahat çalışabilelim.



İçini Paint Bucket Tool ile #3a3a3a rengi ile dolduruyoruz ve hemen arkasında CTRL+R ile Cetvelimizi aktif ediyoruz, daha sonra yukarıdan ve soldan olmak üzere çizgilerimizi çekiyoruz alanımızın tam ortasında çizglerimizin yapıştığını göreceksiniz o noktada bırakıyoruz.



Şimdi ise yeni bir layer oluşturalım ve M tuşuna basarak Oval olan yani Elliptical Marquee Tool aracımızı seçiyoruz ve çizgilerin birleştiği yerden hizamızı alıyoruz ve bir daire çizip bırakıyoruz. Düzgün dair çizebilmeniz için Alt ve Shift tuş kombinasyonlarına aynı anda basmanız yeterli olacaktır, bu işlemide yaptıktan sonra yine Paint Bucket Tool ile içini siyah renk #000000 ile dolduruyoruz.



CTRL+D ile seçimi kaldıralım ve bu layerimizi CTRL+J ile çoğaltalım ve alttaki layerimize aşağıdaki gibi Color Overlay değerini uygulayalım, arkasından bir px aşağı çekelim, bu işlemi alttaki layerimiz seçili iken aşağı bakan ok ile bir kere aşağı çekerek yapabilirsiniz.



Şimdide üstteki bu iki layerimizi CTRL yardımı ile seçili hale getirdikten sonra CTRL+E ile birleştirelim. (Merge) Aşağıdaki sonucu elde etmiş olmalıyız.





Şimdide birleştirdiğimiz bu layerimizi 4 adet çoğaltarak aşağıdaki gibi hizalayalım. Dikkat: Üstten 3 px içeri girmiş, alttan sağdan ve soldan ise 2 şer px içerde bu önemli bir ayrıntı.



Sıra geldi bu çalışmamızı Pattern olarak kaydetmeye, bunu yapabilmemiz için sırasıyla Edit/Define Pattern seçeneğine tıklıyoruz ve karşımıza gelen seçeneğe Pattern'mize Küçük Pattern ismini veriyoruz ve tamam diyerek kapatıyoruz. Buradaki sonuç Pattern alanımıza gitti, yeri geldiğinde kullanacağız.



Şimdi aynı işlemi bir kere daha tekrarlıyoruz ama bu sefer 35x35 px olacak, yani az önce yaptığımız 10x10 px ölçülerinde dairesel bir Patterndi, şimdi ise 35x35 px ölçülerinde aynı yoladan bir Pattern daha yapıyoruz, bunun isminide Büyük Pattern olarak adlandırıyoruz ama bu sefer arka planını şeffaf yapıyoruz yani arka plan olmayacak. Anlatım uzamasın diye ve zaten az önce bir örneğini yaptığımız bununda ayrı ayrı anlatımına girmiyorum.

İkinci Patternimizide hazırladığınızı düşünerek devam ediyorum, şidmi Wallpaper yapımına geçebiliriz. bunun içinde ben 1680x1050 ölçülerinde bir ekran çözünürlüğüne sahip olduğum için ben belgemi bu ölçülerde açıyorum, siz kendi ölçülerinizi tabiki kullanabilirsiniz.

1680x1050 ölçülerinde Transparan bir belge açtım.



Şimdi ilk hazırladığımız 10x10 px özelliklerindeki Patternimizi kullanacağız, bunun için sırasıyla Edit/Fill yada Shift+F5 seçeneğinden Pattern seçeneğini seçip içinden az önce oluşturduğumuz Küçük Pattern'imizi seçelim ve tamam diyerek Background layerimize uygulanmasını sağlayalım, aşağıdaki sonucu elde etmiş olmalıyız.



Yeni bir layer daha oluşturalım ve bu layerimize az önce oluşturduğumuz Büyük Pattern yani ikinci oluşturduğumuz arka planı Transparan (Şeffaf) olan Patternimizi yine aynı yoldan ekleyelim. Edit/Fill yada Shift+F5. Aşağıdaki gibi saçma bir sonuç çıkacak :D



Şimdi bu saçma sonucu normal sonuca nasıl çevirebilirize bakalım, öncelikle bu layerimizi göz işaretinden kapatalım ve yeni bir layer daha oluşturalım, ismini Büyük Pattern olarak değiştirelim, arkasından Büyük Pattern isimli layerimiz seçili iken alttaki göz işaretinden kapattığımız layere CTRL tuşumuza basılı tutarak bir kere sol tıklayalım ve dairelerin seçili olmasını sağlayalım. Hemen arkasından menüden Select/Inverse yada CTRL+Shift+I ile seçimi ters çevirelim.



Şimdi yine Shift+F5 tuş kombinasyonları ile Fill ayarlarımızı açalım ve seçenklerden Color seçeneğini seçelim arkasından renk olarak #1a1a1a rengini verelim ve tamam diyerek çıkalım. Bu işlem seçili alanlarımızı az önce belirlediğimiz renk ile doldurdu, işimiz bittiğine göre CTRl+D ile seçimide kaldırabiliriz artık. Aşağıdaki sonucu elde etmiş olmalıyız.



Artık göz işaretinden kapattığımız layeri silebilir ve Büyük Pattern isimli layerimize sağ tıklarayak Blending Options ayarlarından aşağıdaki efektleri uygulayabiliriz.







Aşağıdaki sonucu elde etmiş olmalıyız. Dikkat ederseniz üstteki büyük deliklerden alttaki küçükleri daha net görebilirsiniz.



Şimdi biraz zahmetli bir kısma geliyoruz, ama pes etmeyin bunu basit bir yolla yapacağız. İlk olarak CTRL+R ile cetvelimizi aktif edelim, zaten daha önce aktif etmiştik ama kapatanlar için söylüyorum, Şimdi en alttaki yada bir üstteki Büyük Pattern isimli layerimizi seçili hale getirelim ve cetvelimizi yine kenrarından tutup sürükleyerek çalışmanın tam ortasına getirelim, (üstten ve soldan). (İsmi geçen layerlerden birini söylememin sebebi çalışma alanımızın tümünü referans alması içindir)



Yukarıdaki resimde görülen 1 ve 2 numaralı alanlardaki 1 den 13 kadar olan sayılar o noktadaki her bir daireyi temsil ederler, yani önizlemesinde gördüğümüz orta kısımdaki alanımızın kenar köşelerini gösterir. Sağ, sol, alt ve üstten 13 er daire sayarak bu daireleri kenar kabul edersek yeni bir layer oluşturup ismini Orta Alan 1 olarak adlandırdıktan sonra Pen Toll aracımız ile aşağıdaki şemadaki gibi bir seçim yapabilirsiniz. (Not: yukarıdaki resimde görülen numaralar derse anlatım için hazırlanmıştır siz yapmak zorunda değilsiniz) daha kısaca siz belirlediğiniz 13 dairenin başına ve sonuna birer referans numarası koyabilirsiniz işiniz bittiğinde kaldırırsınız, yada gözünüz iyiyse onada gerek yok :) Aşağıdaki seçimi düzgünce yaptıktan sonra yine aşağıdaki resimde görüldüğü gibi seçimin ortasına sağ tıklayarak (Pen Tool aktf iken) gelen menüden Make Selection seçeneğini seçelim ve içini arka plan ile aynı renk olan #1b1b1b ile dolduralım, sonra ilerde tekrar kullanacağımız için bu layerimizi CTRL+J ile çoğaltalım (Dublicate) ve şimdilik göz işaretinden kapatalım zamanı geldiğinde kullanacağız. Not: Eğer daire kenarlarında taşma varsa onları E tuşuna basarak Eraser aracımızı seçelim ve o kenarları dikkatlice silebiliriz ki arka planımız ile bütünleşik hissini yakalayabilelim.



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



Şimdi Orta Alan 1 isimli layerimiz ile Büyük Pattern isimli iki layerimizi CTRL yardımı ile seçili hale getirelim ve CTRL+E ile birleştirelim (Merge)



Bu layerimizede aşağıdaki gibi Drop Shadow efektini uygulayalım ki üstteki büyük daireler ile alttaki küçük daireler arasında alan derinliğini artsın, daha sonra Gradient Overlay değerini uygulayacağız.







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



Daha önce coğaltığımız ve göz işaretinden kapatarak sakladığımız Orta Alan 1 copy isimli layerimizi en üste taşıyarak göz işaretinden yeniden aktif edelim ve CTRL+T tuş kombinasyonunu kullanarak Free Transform moduna geçelim, arkasından aşağıdaki gibi makul ölçülerde Alt ve Shift tuşlarına aynı anda basarak içeri doğru biraz küçültelim.



Enter tuşu ile seçimi kaldıralım ve aynı layerimize bu seferde CTR tuşuna basılı tutarak bir kere sol tıklayalım ve seçili hale getirelim, hemen arkasından menüden sırasıyla Select/Modify/Contract değerini 35 vererek tamam diyelim ve çıkalım, daha sonra seçili alanın iç kısmını silmek için Delete tuşu yada CTRL+X ile silelim, aşağıdaki sonucu elde etmiş olmalıyız.



Artık aşağıdaki efektleri uygulayarak metal görünümü verebiliriz.















Şimdi bir alttaki Ortal Alan 1 isimli layerimizi seçelim ve bir üstteki Orta Alan 1 copy isimli layerimizede CTRL tuşuna basılı tutarak bir kere sol tıklıyalım yani layerimizi seçili hale getiriyoruz, arkasından Menüden Select/Inverse yada CTRL+I tuş kombinasyonu ile seçimi ters çevirelim ve E tuşu ile Erase Tool aracımızı seçerek aşağıdaki gibi çerçevemizin iç alanını silerek temizleyelim. (Bu alanda en allttaki Küçük Pattern isimli layerin parçasını göreceğiz)



CTRL+D ile seçimi kaldıralım. Buradan (apple_logo.png.zip) Apple Logoyu indirelim ve aşağıdaki gibi çerçevenin tam ortasına ekleyelim.



Artık Blending Options ayarlarından aşağıdaki efektleri uygulayabliriz.

















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



Sıra geldi son işlememiz olan Yansıma efektlerine, bunun için öncelikle en üste yeni bir layer oluşturuyoruz, hemen arkasından klavyemizden M tuşuna basalım, Rectanqular Marquee Tool aracımızı aktif edelim, devamında aşağıdaki gibi bir alanı seçelim ve içini beyaz renk ile dolduralım.



Bu layerimizi CTRL+J ile 3 kere daha çoğaltalım yani elimizde dört layer olacak, sonra bu layerlerimizi aşağıdaki gibi hizalayalım.



Şimdi bu 4 Layerimizi CTRL yardımı ile hepsini seçerek CTRL+E ile birleştirelim arkasından bu Layerimizin ismini Pencere Yansımalar oalrak değiştirelim.



Devamında bu layerimize Filter/Distort/Spherize efektimizi uygulayalım, arkasından 2 kere CTRL+F ile işlemi tekrarlayalım ve Opacity değerini %8 e düşürelim, aşağıdaki sonucu elde etmiş olmalıyız.





Şimdi ise yeni bir layer daha oluşturalım ve ismini Daire 1 Yansıma olarak değiştirelim. Arkasından M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçelim (Oval olan) ve aşağıdaki gibi bir alan çizelim, Shift tuşuna basarsak düzgün bir daire çizebiliriz. Ayarlar yine aşağıdaki Ekran Görüntüsünde görülüyor.



Bu layerimizinde Opacitiy değerini %10 a düşürelim ve Klavyemizden X tuşuna basarak renkleri ters çevirelim, yani az önce Foreground rengi Beyazdı, şimdi Siyah olacak.
Yeni bir layer daha oluşturalım, ismini Daire Yansıma 2 olarak değiştirelim ve yukarıdaki işlemi bir kez daha tekrarlayalım, bu sefer çizdiğiniz Daire öncekinden biraz daha büyük olursa daha iyi olur, bu layerin Opacity değeri % 20.
Son olarak Daire Yansıma 2 isimli layerimizide CTRL+J ile çoğaltalım (Dublicate) ve CTRL+T ile transform moduna geçtikten sonra köşesinden tutarak çok az içeri doğru küçültelim ve Enter ile seçimi kaldıralım arkasından bununda Opacity değerini %10 a düşürelim ve Finale ulaşalım :)

Not: Üstte bevel efektinden dolayı oluşan çıkıntıyı giderebilmeniz için alttaki Orta Alan 1 isimli layeri yine CTRL+T ile transform moduna geçerek köşeden Alt+Shift tuş kombinasyonlarına basarak dışa doğru biraz çekerseniz o sıkıntıda giderilmiş olur. Herkes kolay gelsin iyi çalışmalar arkadaşlar.



Final


Tutorial PSD File Download

Share this post!

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



Your thoughtsz: 

8 Response to "Apple Logo and Wallpaper Tutorial"

  1. favSHARE Said,

    This article has been shared on favSHARE.net. Go and vote it!

     


  2. Abdelazziz
    Said,

    Please don't take it personally...but:

    Poor outcome of an originally simply good design...

    First, you don't design a logo in pixel if you're a pro so why would you want to learn to do it this way. This is not a tutorial about designing Apple's logo, that's for sure...
    Ok so you teach us how to make a wallpaper in Photoshop, out of the iconic apple...then why no make something original instead of using Apple's brand equity (without asking obviously)

    what's the point of this?

    you can get a lot of traffic - but you won't get any serious assignment out of this.

    Cheers.

     

  3. Tarık Said,

    Merhabalar,çalışmaya bugün başladım ve bitirdim,apple'yi seviyorum ve bu çalışma benim için çok iyi oldu,fakat hala yetersizim bu konuda.

    http://img10.imageshack.us/i/myworko.jpg/

    Çalışmada Apple logosunda biraz zorlamdım.Yansıma işlemleri pek iyi olmadı.Yeni bir çalışmayla tekrar bekliyoruz sizleri,herhan takipdeyiz.

    İyi çalışmalar ve iyi günler.

     

  4. Tarık, bu sefer biraz zorlanma demeyelimde ayrıntılarla fazla uğraşmamışsın diyelim, çünkü yansımalar kadar dairelerde tam yuvarlak olmamış ama genel anlamda yinede başarılı :) Paylaştığın için teşekkürler, yeni dersler yolda :)

     

  5. Tarık Said,

    Evet haklısın,biraz yorgundum ve bu yorgunlukla oturunca böyle birşey ortaya çıktı,bu duruma göre bir sonraki çalışmalara daha çok çaba sarfedicem.

     

  6. favSHARE Said,

    This article has been shared on favSHARE.net. Go and vote it!

     

  7. kumar Said,

    it's a great post,thank you for sharing this post

     

    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

    -

    -