Bu arada düşüncelerinizi ve önerilerinizi dersin başlığına tıklayarak yorum sayfasından belirtebilirsiniz çünkü bundan sonraki hazırlayacağım derslerde gerçekten belirleyici etken oluyor, ayrıca aynı yorum sayfasında yaptığınız çalışmalarıda http://imageshack.us sitesine upload ederek paylaşırsanızda aramızda tartışabiliriz neler yapılmalı nasıl yapılmalı yada nasıl olmuş gibi değerlendirmelerde bulunabiliriz, ayrıca RSS bağlantımızı ekleyerek takip etmek isteyen arkadaşlarımız derslerden hemen haberdar olabilirler, neyse anlaştıksa ve hazırsak hemen başlayalım, herkese iyi çalışmalar :)
Önizleme
Öncelikle arka planımız için 400x550 pixel ve 72 Resolution özelliklerinde yeni bir belge açalım.
Arkasından aşağıdaki efektleri uygulayalım ve arka planımızı bitirelim.
Şimdi Klavyemizden D tuşuna basalım renk değerlerini sıfırlayalım ve arkasında X tuşuna basarak FG rengini beyaz olarak aktif edelim edelim, hemen arkasından U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve ayarları aşağıdaki gibi düzenledikten sonra yine aşağıdaki gibi bir seçim yapalım ve layerimizin ismini Krom Çerçeve olarak değiştirelim,
Bu ayarlarımızı bitirdikten sonra aşağıdaki efektlerimizi uygulamaya devam edelim,
Aşağıdaki sonucu elde etmiş olmalıyız
Şimdi bu layerimizi CTRL+J ile çoğaltalım arkasından Stroke efektini göz işaretinden kapatalım Bevel değerini aşağıdaki gibi değiştirelim,
Aşağıdaki sonucu elde etmiş olmalıyız.
Devam edelim ve klavyemizden X tuşuna basalım FG rengini bu sefer siyah olarak değiştirelim arkasından yine U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki gibi bir seçim yapalım, layerimizin isminide Ekran Arka Plan olarak değiştirelim,
Bu layerimizede aşağıdaki gibi stroke efektini verelim,
Devamında ise yine U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi bir seçim yapalım, layerimizin isminide Ekran olarak değiştirelim. Not: Bu çalışmamızda Rounded Rectangle Tool ile çok çalışacağız sıkılmayın :D
Şimdi bu layermize aşağıdaki efektleri uygulamaya devam edelim,
Aşağıdaki sonucu elde etmiş olmalıyız.
Şimdi layer alanımız bize daha çok lazım olacağından yer açmak için bu dört layerimizi CTRL yardımı ile hepsini seçili hale getirdikten sonra CTRL+G ile Grup yapalım ve bu grubumuzun isminide Ana Ekran olarak değiştirelim.
Şimdide bu grubumuzun altında olmak üzere yeni grup daha oluşturalım ismini Tuşlar olarak değiştirdikten sonra P tuşuna basalım ve Pen Tool ile aşağıdaki gibi bir seçim yapalım daha sonra G tuşuna basalım Paint Bucket Tool ile içini siyah renkle dolduralım arkasında ismini Sol Alt Tuş olarak değiştirelim, Not: Aslında ben başka yoldan yapmıştım ama bunu anlatmak uzun olacağından yani sadece bu kısmı anlatmak için 5 yada 6 resim kullanmam gerekeceğinden ben en kısa yolunu anlattım video analtım oslaydı sorun olmazdı ama napalım sonuçta aynı kapıya çıkıyor :)
Bu layerimizede aşağıdaki efektleri verirsek ilk tuşumuzda hazır olacak. Not: Aşağıdaki resimde Contour ayarıda verilmiş sizde bir kere o kısma tıklayarak aktif ederseniz default ayarları ile kullanacağız yani değişlik yapmayacağımız için ekran görüntüsü almadım.
Aşağıdaki sonucu elde etmiş olmalıyız, daha sonra bir sonraki ekran görüntüsünde görüldüğü gibi iPhone arka planımıza hizalayalım,
Daha sonra bu leyerimizi CTRL+J ile çoğaltalım ve ismini Sol Orta Tuş olarak değiştirdikten sonra Edit/Transform/Flip Vertical olarak yönünü değiştirdikten sonrada aşağıdaki gibi biraz yukarı taşıyalım,
Aynı işlemi bir kere daha tekrarlayalım bu sefer ismini Sol Üst Tuş olarak değiştirdikten sonrada CTRL+T ile Transform moduna geçelim ve yukardan ve aşağıdan olmak üzere biraz boyutunu küçültelim, Enter ile Transform modundan çıktıktan sonra yine aşağıdaki gibi biraz yukarı taşıyarak hizalayalım ve bu tuşlarımızlada işimizi bitirelim.
Sıra geldi üst tuşumuzu yapmaya buda kolay ilk olarak M tuşuna basalım ve Rectanqular Marquee Tool aracımız ile aşağıdaki gibi bir seçim yapalım, Paint Bucket Tool ilede içini yine siyah renk ile dolduralım ve az önce işlemini bitirdiğimiz layerimize sağ tıklayarak Copy Layer Style diyelim arkasından bu layerimize Paste Layer Style diyerek yapıştıralım,
Şimdi en üste yeni bir grup daha oluşturalım, Grubumuzun ismini Menü olarak değiştirelim, sonrasında bu grubumuzun seçili olduğuna emin olduktan sonra yine U tuşuna basalım Ellipse Tool aracımızı seçelim ve aşağıdaki gibi bir seçim yapalım, oluşan layerimizin isminide Menü olarak değiştirelim.
Arkasından aşağıdaki efektleri uygulayarak devam edebiliriz,
Aşağıdaki sonucu elde etmiş olmalıyız.
Devam edelim ve yine U tuşuna basalım Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım, layerimizin isminide Menü Buton olarak değiştirelim
Şimdi bu layerimizin Fill değerini 0 olarak değiştirelim,
Şimdide aşağıdaki gibi Stroke efektini uygulayalım,
Aşağıdaki sonucu elde etmiş olmalıyız, sanıyorum yavaş yavaş şekillenmeye başladı :)
Şimdi M tuşuna basalım Rectanqular Marquee Tool aracımızı seçelim arkasından aşağıdaki gibi bir seçim yapıp içini Paint Bucket Tool ile beyaz ile dolduralım, bu layerimizin isminide Unlock BG olarak değiştirelimki ilerde ihtiyacımız olduğu zaman kolayca bulabilelim :)
Aşağıdaki efektleri uygulayarak devam edelim,
Şimdi bu layerimizin Opacity değerinide %14 olarak değiştirelim ve aşağıdaki sonucu elde edelim.
Şimdi ise yine U tuşuna basarak Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım,
Bu layerimizin Fill değerinide %0 olarak değiştirelim, arkasından aşağıdak iefektleri vererek devam edelim.
Aşağıdaki sonucu elde etmiş olmalıyız.
Biraz daha görsellik katalım bunun için Unlock BG isimli layerimizin Maskına CTRL tuşuna basılı tutarak bir kere sol tıklayalım böylelikle o alanı seçili hale getirmiş olacağız,
Devamında yeni bir layer daha oluşturalım ve aşağıdaki gibi Gradient efektini uygulayalım
CTRL+D ile seçimi kaldıralım, Opacity değerini %60 olarak değiştirelim ve aşağıdaki sonucu elde etmiş olmalıyız.
Tekrar U tuşuna basarak Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım,
Devamında aşağıdaki efektleri uygulayarak devam edelim
Şimdide yine U tuşuna basalım ama bu sefer Custom Shape Modunu aktif edelim arkasından aşağıdaki seçimi yaptıktan sonra yine aşağıdaki gibi yerleştirelim,
Şimdide aşağıdaki efekti vererek devam edebiliriz,
Aşağıdaki sonucu elde etmiş olmalıyız.
Aşağıdaki özelliklerde yazımızı yazabiliriz artık.
Şimdi Unlock BG ile Son yazdığımız bu yazımıza kadar olan layerlerin hepsini CTRL ile seçili hale getirdikten sonra CTRL+G ile Unlock isminde Gruplayabiliriz.
Şimdi sıra saat kısmını hazırlamaya gelebilir, bunun için az önce Unlock BG olarak hazırladığımız layerimizi CTRL+J ile çoğaltarak üste taşıyalım, bu layerimizide CTRL+G ile Gruplayıp ismini Saat olarak değiştirelim ve buradan indireceğiniz fontumuz ile aşağıdaki gibi yazılarımızı aynen yazalım,
Hemen arkasından her iki yazımızada Drop Shadow efektini aşağıdaki gibi uygulayarak devam edelim,
Artık saat'in üstündeki Menü Bar kısmını tasarlamaya başlayabiliriz, bunun için M tuşuna basarak Rentanqular Marquee Tool aracımızı seçelim ve aşağıdaki gibi seçim yapalım ve içini siyah renk ile dolduralım, bu işlemin arkasından CTRL+D ile seçimi kaldırabiliriz. Tabi bu layerimizide seçili hale getirdikten sonr Üst Bar isminde Guplayabiliriz,
Arkasından yine U tuşuna basarak Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım,
Bu layerimizeda aşağıdaki efektleri uygulayarak devam edebiliriz,
Şimdi bu layerimizi CTRL+J ile çoğaltalım ve bu layerimizin bir altına taşıyalım, arkasından CTRL+T ile Transform moduna geçerek aşağıdaki gibi hizalayalım işimiz bittikten sonra Enter ile seçimi kaldırabiliriz,
Şimdide yine U tuşuna basarak Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım
Stroke efektinide verdikmi tamam demektir :)
Yazılarımızıda az önce indirdiğiniz fontu kullanrak yazabilirsiniz,
Arkasından yine az önce yazdığınız Slide to Unlock yazısına sağ tıklayarak Copy Layer Style dedikten sonra bu yazılarımızada sağ tıklayarak Paste Layer Style diyerek yine uğraşmadan o efektleri buraya aktarmış oluruz devamından aşağıdaki sonucu elde etmiş olmalıyız.
Sesinizi duyar gibiyim yinemi diyeceksiniz ama napalım yine U tuşuna basarak Rounded Rectangle Tool aracımızı seçelim ve aşağıdaki ayarları yaptıktan sonra yine aşağıdaki gibi menümüzün içine bir seçim yapalım,
Devamında aşağıdaki efektleri uygulayarak devam edelim,
Aşağıdaki sonucu elde etmiş olmalıyız.
Şimdide Ekrandaki Reflection ayarımızı yapabiliriz, bunun için klavyemizden D tuşuna basarak renk değerlerini sıfırlayalım FG rengimizin beyaz olması içinde bir kere X tuşuna basalım ve arkasından P tuşuna basarak Pen Tool aracımızı seçili hale getirdikten sonra aşağıdaki gibi bir seçim yapalım arkasından Paint Bucket Tool aracımız ile içini beyaz renkle dolduralım,
Şimdi CTRL+D ile seçimi kaldırabiliriz arkasından Opacity değerini %11 olarak değiştirelim ve aşağıdaki sonucu elde edelim.
Şimdide iPone golge ayarını yapabiliriz, bunun içinde M tuşuna basalım ve Elliptical Marquee Tool aracımızı seçilim, aşağıdaki ayarları uyguladıktan sonra, yine ekran görüntüsünde görüldüğü gibi bir seçim yapalım tabi arkasından klavyemizden D tuşuna basarak renk değerlerini sıfırlayalım ve Paint Bucket Tool ile bu sefer içini siyah renk ile dolduralım, bu layerimizi seçili hale getirdikten sonra Reflection iPhone isminde CTRL+G ile gruplayalım ve Ana Ekran ile Tuşlar Gruplarının arasına taşıyalım, (Aşağıdaki ekran görüntüsünde görüldüğü gibi)
Şimdi seçimi CTRL+D ile kaldırabiliriz aşağıdaki sonucu elde etmiş olmalıyız,
Şimdide iPhone Reflection ayarımızı yapabiliriz, bunun için bir çok yol var ama anlatım gerçekten uzun olduğu için en kısa yollardan anlatıcam tabi ama yinede geçerli ve etkili yol olacak bu, bu yapabilmemiz için öncelikle en alttaki Arka Plan isimli layerimizi göz işaretinden kapatalım ve arka plan şeffaf olsun arkasından File/Save As diyerek iPhone Reflection isminde ve .PNG formatında kaydedelim, daha sonra bu .PNG formatındaki resmimizi içeri alalım,
Daha sonra Arka Plan isimli layerimizi yeniden görünür yapalım ve aşağıdaki gibi hizalayalım,
Daha sonra Opacity değerini %11 olarak değiştirelim,
Ve Final
Son Final (Not: Bu ışıklı kısımları ayrı bir ders olarak anlatmaya çalışacağım.)
Dersi buradan indirebilirsiniz.
çalışma güzel,ışık efeklerinide bekliyorum,fakat bir sorun var,menu tuşunun shadow özelliğini değiştirince,bütün layer'ların shadow özelliği değişiyor.Bunun sebebi ne?Yarıda bıraktım çalışmayı yaw,birde layerlarda shape yapmak var ( Layer>Rasterize>Share ) bune işe yarıyor?
Teşekkürler.
Shadow ayarlarını değiştirdiğinde oradaki Use Global Light kutucuğunu boşaltırsan diğerleri etkilenmezler.
İkinci sorundaki konu, Shape ile oluşturduğun katmanı Rasterize etmeni sağlar ;) biz shapeyi menü üstündeki ok görünümü için kullanmıştık ;)
tşkler en sonunda bitti , de ben şu shape ne işe yarıyor onu anlamadım.
seninki gibi olmasa en azından iPhone'a benzedi :)
şu ışık efekti makaleni bekliyoruz,tabii birde diğer makaleyi
çok şey istedik galiba :P
kolay gelsin ;)
Biten çalışmanı http://imageshack.us sitesine upload edip burada linkini paylaşmanı istesem bende çok şey istemiş olurmuyum acaba diye düşünüyorum :D
Işık dersini sonra hazırlayacağım şu an akşama eklenmek üzere başka bir ders hazırlama aşamasındayım ;)
çok da şey istemedin aslında :)
Buda Benim çalışmam
[URL=http://img14.imageshack.us/i/iphonejkp.jpg/][IMG]http://img14.imageshack.us/img14/7109/iphonejkp.jpg[/IMG][/URL]
Makaleni bekliyorum,kolay gelsin.
Valla tahminimden çok daha iyi sonuç çıkarmışsın tebrik ederim, PS yi iyi kullanıyorsun diyebilirim yani PS de elinin mouse kullanmaya yatkın olduğu belli oluyor tekrar tebrikler :)
Biraz yatkındır elim,oyunlar sağolsun :P
Eğer tahmininden iyi bir sonuç çıkmışsa,bu benim için güzel bir ilerlemedir.
tebrik için bende ayriyettden teşekkür ederim,tekrar kolay gelsin ;)