Dersin Birinci Bölümünü (Part 1) Buradan Üçüncü Bölümünüde (Part 3)Buradan Takip Edebilirsiniz...
Şimdi sıra geldi ışık efektlerimizi yapmaya bunun için öncelikle Üst isimli layerimizin altına Işık1 isminde yenibir layer oluşturduktan sonra CTRL+G ile Gruplayalım ve bu grubumuzunda ismini Işıklar koyalım.
Işık1 isimli layerimizin seçili olduğuna emin olduktan sonra M tuşuna basarak Eliptical Marquee Tool aracını seçelim ve Shift tuşuna basılı tutarak aşağıdaki gibi küçük bir daire çizelim arkasından içini beyaz renkle dolduralım ve yarısını Üst isimli layerimizin altına gelecek şekilde hizalayalım,
Bu işlemimizden sonra Radius değeri 3 px olan Gaussian Blur ve arkasından Outer Glow efekti vereceğiz,
Aşağıdaki sonucu elde etmeliyiz,
Sıra geldi Ana Sayfa isimli butonumuz için bir ışık yapmaya bunun için yine ışıklar Grubumuzun içinde yeni bir layer oluşturalım ve ismini Ana Sayfa Işık koyalım bu layerimizin seçili olduğuna emin olduktan sonra P tuşuna basarak Peen Toll aracımızı seçelim ve aşağıdaki şekli çizelim, arkasından ayine aşağıda görülen Gradient Efekti ayarlarını uygulayalım,
Bu işlemlerimizde bittikten sonra ANA SAYFA Butonumuzun altına düzgünce hizalayalım,
Altınada uyumlu olacak şekilde güzel bir Glow Efekti ile Ana Sayfa Butonu olayının sonlarına yaklaşalım, bunun içinde yine yeni bir layer oluşturalım bunun isminide Ana Sayfa Glow koyalım ve bu layerimizde seçili iken Eliptical Marquee Tool ile aşağıdaki gibi bir seçim yapalım içinide #0096ff rengi ile dolduralım,
Şimdi bu Rectanqular Marquee Tool aracımız ile aşağıdaki gibi dairemizi seçelim, arkasından CTRL+Shift+i ile seçimi ters çevirelim ve Delete ile diğer alanı silelim,
Devamında Gaussian Blur efektimizi vererek devam edelim,
Ana Sayfa Butonumuzun altındaki ışık ve Glow'un son hali böyle olmalıdır,
Şimdi Üst isimli layerimizede Drop Shadow efektinide aşağıdaki gibi vererek devam edelim,
Menü Final
Butonlarımızı biraz daha görselleştirmek için U tuşuna basıp Customize Shapes özelliğini aktif ettikten sonra aşağıdaki gibi seçimimizi yapıp Buton isimlerimizin hemen yanına birtane ekliyoruz, (Not: Foregorund rengi Beyaz)
Şimdi bu layerimize Gradient Owerlay uygulayacağız, değerler aşağıdaki gibidir,
Birinci ikonumuzun işlemi burada bitiyor şimdi bu ikonlarımızı 4 adet kopyaladıktan sonra diğer Butonlarımızın yanınada birertane koyuyoruz,
Evet artık Menü ve Arka Plan işlemimizin sonuna geldik buralara son olarak bir pattern ekleyerek görselliği biraz daha arttırmış olacağız, Pattern ekleyeceğimiz Layer isimleri (Üst-Alt-ArkaPlan) resim aşağıda.
Arkadaşlar sıra geldi logomuza ama siz kendinize göre logo yapacağınız için daha doğrusu burada anlattığım logoyu kullanmayacağınız için benim basitçe yaptığım logoyu büyük ihtimal siz bunu kullanmayacaksınız o bakımdan bunu anlatmak zaman kaybı olacağı için bunun yerine bundan sonraki aşamaları anlatmak heralde daha uygun olur,
Neyse devam edelim artık en önemli kısım olan temanın içeriğini oluşturmaya geldi sıra ama emin olun burası daha basit, bu temanın aynısını yapmak için öncelikle aşağıdaki resimde görülen seçimlerin aynısını yapmalısınız, bu seçimler bize düzgün içerik oluşturmamızı sağlayacak, bu çizimleri oluşturmak için yine klavyemizde CTRL+R ile Cetvelimizi açıyoruz daha sonra numaralı alana mausumuzun sol tuşu ile basılı tutarak çekiyoruz ve istediğimiz alana geldiğinde bırakıyoruz kaldırırkende tam tersini yapıyorsunuz :D Not: Bundan sonraki aşamaları kısa kısa geçicem ama anlaşılır şekilde olacak dikkatle bakmanız yeterli olacaktır, özellikle aşağıdaki seçimde oklarla gösterilen yerlere dikkat ederek Cetvel çizgilerimizi bırakırsak bir sorun olmaz :)
Bunun için öncelikle layer alanımızda en üstte olacak şekilde bir Gurp oluşturuyoruz ve ismini Orta Alan olarak değiştiriyoruz, aşağıda gördüğünüz her seçili alan için gurubumuz içinde ayrı ayrı layer oluşturarak seçimimizi yapalım ve içeriğini #272D30 rengi ile dolduralım, Not: Seçimimizi M tuşuna basarak Rectanqular Marquee Tool aracımız ile, içinin rengini doldurmak için ise G tuşuna basarak Paint Bucket Tool aracımız ile yapıyoruz, aşağıdaki grafikte seçenekler açıkca görülüyor.
Bu işlemlerimizi tamamladıksa son layerlerimizin içeriğini düzenlemeye sıra geldi demektir, ilk olarak Cetvel ile eklediğimiz tüm çizgilerimizi kaldırıyoruzki görüş alanımız açılsın daha sonra Sol Üst Alan isimli genel bilgi alanımızı düzenleyeceğiz, bunun için ise Sol Üst Alan isimli layerimiz hariç diğer layerlerimizi kapatıyoruz sadece Sol Üst Alan isimli layerimiz aktif kalıyor, bu aktif layerimiz seçili iken CTRL tuşuna basılı tutarak üzerine birkere mausumuzun sol tuşu ile tıklıyoruz ve böylelikle layerimizin alanını seçmiş oluyoruz, artık çalışmanının bundan kısmı hem daha kolay hemde daha ince ayarlardan oluşacak, en keyifli kısmıda bu içeriği düzenleme kısmı sanıyorum sıkılmayacaksınız daha doğrusu umuyorum :)
Şimdi Menüden Select/Modify/Contract seçiyoruz değeri 2 px verip ok deyim çıkıyoruz, seçili alanımz 2 px içeri girmiş oldu, bu alanımızı Stroke olarak kullanabilmemiz için Klavyemizden Delete tuşuna basarak içini siliyoruz sonuç aşağıdaki gibi olmalıdır.
Bu işlemimizi diğer layerlerimizede uyguluyoruz sonuç aşağıdaki gibi olacak,
Şimdi burada Stroke çizgileri birbirine yapışmış olduğundan dolayı çizgilerde uyumsuzluk görünüyor bunu aşmak için her layerimize ayrı ayrı küçük birer işlem yapmamız gerekiyor ilk olarak yapacağımız işlem aşağıdaki resimde okla görüle layerlerimizi CTRL tuşuna basılı tutarak seçili hale getirdikten sonra CTRL+T tuş kombinasyonu ile transform moduna geçelim ve yine aşağıdaki resimde görülen yerden tutup 1 px sağ tarafa çekelim,
Bunu yaptıktan sonra kendi aralarındada (Her Layer İçin) aynı işlemi tekrarlamamız gerekiyor, ben bir örnek olsun diye Arama Kutusu Alanınıda resimledim, aşağıda görülüyor,
Şimdi ben sonucu aşağıya koyuyorum sizde yukarıdaki işlemleri tekrarlayarak aşağıdaki sonucu elde edebilirsiniz,
Bu oluşturduğumuz çerçevelere biraz düzen verelim bunun içinde en alt sıradaki Sol Üst Alan isimli layerimizi seçip aşağıdaki efektleri uygulayarak devam edelim,
Bu sonucu elde etmiş olmalıyız
Diğer layerlerimizle tek tek çalışmak yerine bu layerimize sağ tıklayıp Copy Layer Style dedikten sonra diğer layerlerimizin hepsini CTRL tuşu yardımı ile seçili hale getirdikten sonra her hangi birisinin üzerine sağ tıklayıp Paste Layer Style diyelim böylece bu efektlerimizi hepsine bir seferde eklemiş olduk, sonuç aşağıda,
Sıra geldi site içi arama alanımızı yapmaya bunun içinde layerlerimizin en üstünde yeni bir Grup oluşturup ismini Arama Kutusu olarak değiştirelim, daha sonra U tuşuna basalım aşağıdaki resimde görüldüğü gibi Rounded Rectangle Tool aracımızı seçelim.
Dersin Birinci Bölümünü (Part 1) Buradan Üçüncü Bölümünüde (Part 3)Buradan Takip Edebilirsiniz...
Great looking result! Pity my Turkish is not up to scratch.
Ehehheh thanks Photo Retouching :) me too do not know English :)))
But Turkish language no problem google translate link :)
Thanks again