PHOTOSHOP’TA OYUN BAŞLANGIÇ SAYFASI YAPMAK

0
564
Hazırlanacak çalışmanın bitmiş hali
Hazırlanacak çalışmanın bitmiş hali

Bu derste aşağıdaki oyun sayfası çalışmasını yapacağız. Bu dersteki anlatım, sadece bir oyun sayfası yapımı değil her türlü çalışmada kullanabileceğiniz kolay fakat çok şık sonuçlar elde edebileceğiniz efektleri içeren bir anlatımdır.

Hazırlanacak çalışmanın bitmiş hali
Hazırlanacak çalışmanın bitmiş hali

Şimdi Photoshop’ta yeni bir sayfa açıyoruz. Ben 1920×1200 pixel ebadında bir sayfa açtım. Zemin renk ayarını da #231a06 değerine ayarladım.

Yeni sayfa açıyoruz
Yeni sayfa açıyoruz

Bu sayfamız üzerine istediğimiz yazıyı yazalım, ben TOMB RIDER yazısını kullandım. Unutmayın bu çalışmada kullanacağınız yazının karakteri yeterince bold bir yazı olmalı.

Yazımızı yazalım
Yazımızı yazalım

Yazı layerını çoğaltalım ve üst menüden Layer>Layer Styles>Stroke adımlarına girelim.

stroke
stroke

Kalınlığı 4 pixel ve rengi beyaz olarak ayarlayalım.

Stroke ayarlamaları
Stroke ayarlamaları

Şimdide Layer>Layer Style>Create Layer adımına gidiyoruz.

Layer oluşturuyoruz
Layer oluşturuyoruz

Yeni bir layer oluşturmuş olduk ama bu kenar çerçevenin içini bizim boşaltmamız gerekiyor. Bunun için Control tuşu basılı konumdayken yazının layerındaki küçük resminin bulunduğu çerçeveye tıklayalım.

Yazıyı seçim haline getirmek için dikkat edin, yazının layerındaki küçük resim çerçevesini CTRL basılıyken tıklayın.
Yazıyı seçim haline getirmek için dikkat edin, yazının layerındaki küçük resim çerçevesini CTRL basılıyken tıklayın.

Gördüğünüz gibi layer seçili konuma geldi yalnız dikkat etmeniz gereken silme işleminden önce seçili olan layer… Asıl yazımız değil çoğaltılıp çerçeve eklediğimiz layer olamalı. Bu işlemleri yaptıktan sonra silelim sadece çerçeve kalsın layerda.

Layer seçimi
Layer seçimi

Şimdi de sıra derinlik oluşturmaya geldi sıra. iç dolgu yazımızın layerını seçip bir kere sola ve bir kere yukarıya hareket ettirelim.

Dolgu oluşturalım
Dolgu oluşturalım

Şimdi iki layerımızı layer penceresinde seçip Ctrl+G kombinasyonlarına tıkladığınızda iki layer ı bir klasör içine almış olacağız. Şimdi klasör seçiliyken layer penceresindeki Blend Mode ayarını Color Dodge a getirelim.

Bu layerları gruplamamız gerekiyor. (Ctrl+G) Ve klasör ayarını Color Dodge yapalım.
Bu layerları gruplamamız gerekiyor. (Ctrl+G) Ve klasör ayarını Color Dodge yapalım.

Şimdi çerçevenin layerına gelelim Fillter>Blur>Gaussian Blur dan ayar penceresinde 1.6 Radius değeri verelim.

Dış çizgiye blur uygulayalım.
Dış çizgiye blur uygulayalım.

Şimdide asıl yazımıza blur yapacağız Filter>Blur>Gaussian Blur adımlarından. Değeri 5.0 olarak verelim.

Asıl yazımıza blur uygulaması yapalım.
Asıl yazımıza blur uygulaması yapalım.

Sonra Layer>Layer Style>Inner Shadow adımlarından ayarlarımızı da Blend Mode u Color Dodge, Angle değerini -40º, Distance ı 11 pixel, Choke değerini %20 ve Radius değerini 27 pixel yapalım (çalışmanızdaki yazı büyüklükleri ve kalınlığına göre bu değerler değişebilir).

Layer style ı ayarlayalım.
Layer style ı ayarlayalım.

Şimdi iki layera da ayrı ayrı warp uygulayacağız. Bu uygulama diğerlerinden farklı olarak değer girilmeden Edit>Transform>Warp adımlarından tahmini olarak yapılabilir. Aynı şekilde iki layer a da uygulayalım.

Warp ı elle tahmini ayarlayıp layerlara aynı değerleri tek tek vermelisiniz.
Warp ı elle tahmini ayarlayıp layerlara aynı değerleri tek tek vermelisiniz.

Şimdi Rectangle Tool (Klavyede U ya basın), oluşturduğumuz layer klasörünün içine yeni bir layer açalım. Çizgilerimizi çizelim. Çizgi rengi beyaz olmalı. Bu adımlardan sonra Filter>Blur>Gaussian Blur ile çizgilerimizi de blurlayalım. 0.8 gibi bir değer kullanabilirsiniz.

Çizgilerimize blur verelim..
Çizgilerimize blur verelim..

Sonra Layer>Layer Styles>Outer Glow adımına gelip, Opacity 75% yapıp açık sarı bir renk değeri alıyoruz. Size ı ise 10 pixel, Range ayarı da 50% olabilir.

Ayarlarımızı yapalım.
Ayarlarımızı yapalım.

Tekrar yeni bir layer oluşturalım layerdaki klasörümüzün içine ve Brush Tool (B) ile küçük ve kenarları yumuşak bir fırça alarak çizgilerimizin üzerine ışıklarımızı yapıyoruz. Işıklarımız hareket ediyormuş gibi görünmeye başlıyor.

Işıkları yapalım.
Işıkları yapalım.

Şimdi layer klasörünün dışına ama üstüne yeni bir layer açalım. Blend Mode u Screen yapalım Filter>Render>Clouds adımına girelim sayfamızda bir anda bulut oluşması gerekiyor.

Bulut oluşturuyoruz.
Bulut oluşturuyoruz.

Layer>Layer Style>Color Overlay adımına girelim. Blend Mode u Multiply yapalım.

Bulutumuzun ayarları.
Bulutumuzun ayarları.

Layer>Layer Mask>Reveal All adımına gelelim. Brush Tool (B) u alıp büyük soft brush lardan seçin. Bulutun sadece orta kısımda kalan yerleri hariç diğer kenar kısımlarını rengimiz siyahtayken boyamaya başlayalım.

Swatch rengimiz koyu renk olmalı.
Swatch rengimiz koyu renk olmalı.

Boyamızı yaptıkça arka plandaki yazılarımız görünür hale geldi. Sadece orta kısım kalıyor unutmayın. Yazılarımıza ve ışıklı çizgilerimizin üstüne gelen yerdeki bulutlarıda küçük brush ile silelim.
Şimdi bazı yerlere dağınık ışıklarımızı yapalım. Aşağıdaki Brush ı seçin, boyutunu istediğiniz gibi ayarlayın, rengi sarı seçin. Yeni layer açarak veya yazımızın dış çerçeve layer ında istediğiniz yerlere bir iki kere tıklayarak yeni ışıklarımızı yapalım.

Yeni ışıklar yapıyoruz.
Yeni ışıklar yapıyoruz.

Şimdi aşağıdaki fotoğrafı makinanıza indirin veya istediğiniz başka bir uzay fotoğrafını kullanın.

Kullanacağımız fotoğraf.
Kullanacağımız fotoğraf.

Fotoğrafımızı çalışmamızın üzerine alalım Layer ayarlarından Blend Mode u Screen yapalım. Şimdi de Eraser Tool (E) ile tam ortadaki beyaz görüntüyü silelim.

Fotoğrafta yazımıza gelen ortasındaki beyazlığı silelim.
Fotoğrafta yazımıza gelen ortasındaki beyazlığı silelim.

Şimdi yeni bir katman için çok kolay bir şekilde pattern oluşturacağız. Yeni bir sayfa açalım ebatları 100×4 pixel olsun enine 2 pixel i seçelim ve siyah boyayalım, şimdi 2 pixel siyh 2 pixel de beyaz çizgimiz oldu. Edit>Define Pattern adımlarına gidince otomatikman pattern imiz oluştu. Asıl çalışmamıza dönebiliriz.

Pattern oluşturuyoruz.
Pattern oluşturuyoruz.

Yeniden bir layer açalım ama bu layer diğer tüm layerların üstünde olsun. Paint Bucket Tool (G) yi seçelim şimdi üstteki ayarlardan Foreground yazan yere tıklayalım ve oluşturduğumuz pattern i seçelim. Yeni açmış olduğumuz layer ı boyayalım bu pattern ile.

Oluşturduğumuz pattern i seçiyoruz.
Oluşturduğumuz pattern i seçiyoruz.

Daha sonra Filter>Blur>Gaussian Blur dan 1 veya 2 pixel ayarla blur verelim. Blend Mode u yine Color Dodge yapalım. Opacity değerini de %80 yapalım.

Ayarlarımızı yapalım.
Ayarlarımızı yapalım.

Horizontal Type Tool (T) ile “Press Start” yazısını yazalım fontu bu sefer pixel fontlardan biri olarak kullanın.
Şimde klavyede Control+Alt+Shit+E ye basın. En üstte yeni bir layer oluşacak ama tüm layerları birleştirerek bu layerı otomatik oluşturduk. Bu layer ı Filter>Blur>Gaussian Blur ile 10 pixel ayarlayalım.

Ctrl+Shift+Alt+E ye basıp layer birleştir ve blur yap.
Ctrl+Shift+Alt+E ye basıp layer birleştir ve blur yap.

Blur yaptığımız layerın ayarlarını Screen yapalım ve Layer>Layer Mask>Hide all adımını uygulayalım. Tekrar Brush Tool (B) alalım beyaz renk seçili durumdayken opacity değeri 20-30 değerine ayarlayıp çalışmamızdaki ışıkların üstünden birer kez geçelim. Böylelikle ışıkların altında flu bir görüntü olacak ve daha gerçekçi görünecektir.
Şimdi yeni bir katman hazırlamamız gerekiyor. Bu katman için bir texture a ihtiyacımız olacak. İsterseniz aşağıdaki texture u buradan indirebilirsiniz veya isterseniz başka kullanabilirsiniz.

Texture kullanacağız.
Texture kullanacağız.

Texture u asıl çalışmamıza alalım. Opacity değerini 80% yapalım ve Blend Mode u da Multiply.

Texture ayarlarımızı yapalım.
Texture ayarlarımızı yapalım.

Evet çalışmamız tamamlandı.

Çalışmamız tamamlandı.
Çalışmamız tamamlandı.

Orijinal alıntı: Amazing Video-Game Text Style in Photoshop

HENÜZ YORUM YOK

CEVAP VER