Bokeh Arka Plan Hazırlama (Making a Bokeh Bakground) (TR/EN) – Uygulamalı Photoshop Dersleri


190903265-f3656943ec502b1bb6daa0fac26333f89ae5dcc77fdcde274ee91ef4f569cf07.jpeg

Uygulamalı Photoshop CC derslerinin bu bölümünde Bokeh etkisini Vector tarzında verebileceğimiz bir arkaplan hazırlayacağız. Uygulamada herhangi bir referans görsel kullanılmamıştır.

 

Amaç

  • Photoshop CC’de Bokeh Arkaplan Hazırlama

Öğrenilecekler

  • Brush Tool Kullanımı
  • Ellipse Tool Kullanımı
  • Sıfırdan Brush Hazırlama
  • Gaussian Blur Efekti
  • Layer Style özellikleri

Photoshop CC’de Bokeh Arkaplan Hazırlama

Uygulamamıza çalışma ortamımızı açarak başlayalım.

Create a new document. 1920x1200 px, 300 resolution, White

190903265-a5d20a6254e9b05e0f21c577ec39e6a0e6f11e80923bd1a85fd2f77835f8d692.png

Renk seçeneği olarak #252525 rengini ayarladıktan sonra Paint Bucket Toolaracı ile bu layerı boyayalım.

Select the Paint Bucket Tool and Fill the background "#252525".

190903265-20da479f976dd50c97c6a32a58f7213537aad068b02530ffa8a253d6c2061755.png

Şimdi Layers panelini kullanarak yeni bir layer oluşturalım. Background layerının gözünü kapatalım ve Shift'e basılı tutarak Ellipse Tool aracı ile de bir daire çizelim. ( Default renkler için D tuşuna basınız)

Close the eye of Background layer. Then create a new layer by using Layers Panel. Use Ellipse Tool to make a perfect circle, make sure you hold the "Shift" key.

190903265-ee60b8c6a2c81246b80b62c84e6063f784079e902080df945a956000765a2deb.png

Circle layerının üzerine çift tıklayalım. Layers Style penceresi açılacaktır. Blending Options seçeneklerinde "Fill Opacity" değerini %50 olarak değiştirelim. Sonra da Stroke özelliğini sol taraftan işaretleyelim. Size ayarını 10 px, Position değerini Inside ve Color seçeneğini de #000000 yapalım ve Tamam diyelim.

Double click the circle layer. Change the Fill Opacity to %50 in Blending Options. Check Stroke. Settings : Size = 10px , Position = Inside and Color = #000000 . Click OK.

190903265-53ed7490c350a49052d294b7115393ea8b83d30e0bcfcf661793febf27701fdc.png

190903265-e5388d1371fedac9734b56c5b855c8f9ec7d0b113ffd807718b237df9aafb3d8.png

Bu şekli fırça olarak tanımlayacağız. Bunun için Edit > Define Brush Preset seçeneklerini seçelim. Bir isim girdikten sonra OK diyelim.

Save this brush by going to Edit > Define Brush Preset. Set a name and Click OK.

190903265-376a35a858954aa484eaad9d31fa862da08366a07304ff87956fb80fadbfdba0.png

190903265-78c8f33e09e4759dcf1519e2b2ee32b8902a3e1ccc31b318af3b422fa32bc234.png

Circle layerını artık silebiliriz. Background layerının üstüne yeni bir layer açalım ve siyaha boyayalım. Üzerine çift tıklayıp Layer Style penceresini açalım.

You can delete the circle layer. Now create a new layer and fill it with Black Color (#000000). Double click the this layer to bring up the Layer Style.

Ayarlar aşağıdaki gibidir :

Settings are as below.

190903265-f56bc2a3117e1df93d97c607e6031e5e280f9a9b33618439d8ec9e09a89bc136.png

Şimdi de aynı pencerede Gradient Overlay seçeneğini işaretleyelim. Ayarları aşağıdaki resimdeki gibidir. Ayarlar :

Blend Mode : Overlay, Opacity %100, Style : Linear, Reverse, Angle : 45, Scale: 100

Gradient ta kullanılan renkler ise soldan sağa doğru : #d47d29#d4299a,#29d4ca#e0d128

Check Gradient Overlay. Settings :
Blend Mode : Overlay, Opacity %100, Style : Linear, Reverse, Angle : 45, Scale: 100

Set 4 color for gradient : #d47d29#d4299a#29d4ca#e0d128

190903265-c8ab6b7a0f7402a005e2da0991537d3400a13aa9c2e0d957dbc2b8f3135fbec4.png

Arkaplanın hemen üstüne bir grup açalım ve bu grubun blending mode özelliğini Color Dodge olarak değiştirelim. Bu boş grubun içine yeni bir layer açalım.

Create a new group in the layer panel and set blending mode to Color Dodge. Create a new layer in the group.

190903265-adfa0da76eeb88c68c601bdab444f47a030d27ae1fee1b97eea261645c5c05b3.png

Default renkler için klavyeden 'D' tuşuna basalım. Üstte beyaz renk gelmesi için de 'X' tuşuna basalım. Bu haldeyken Brush Tool'u seçelim. Fırça ayarlarını açmak için klavyeden F5 e basalım. (Window > Brush Settings)

Press 'D' key to bring default colors and press 'X' to change from black to white. Then select Brush Tool and press F5 to open Brush Settings.

Brushes Tab'ında Bokeh 2 fırçasını seçtikten sonra sol taraftaki Brush Settings kısmına gelelim. Size'ı 500 ve Spacing'i 100 yapalım.

Select your new brush on Brushes Tab. Then set Size to 500 px and Spacing to 100% on Brush Settings Tab.

190903265-7bd32765db48631d9f57bd8fa4b70cc32216672b42aa5c495c8f1cb4731cde3a.png

Şimdi de Shape Dynamics özelliğini işaretleyelim. Buradaki Size Jitter ayarını %100 ve Minimum Diameter ayarını da %50 yapalım.

Check Shape Dynamics and set the Size Jitter to %100 and Minimum Diameter to %50.

190903265-be591848ba00eb6672a69d9714350167a942880bf2506813dec27c1fc9745f00.png

Scattering özelliğini işaretleyelim. Bu bölümde Scatter özelliğini %1000 yaptıktan sonra Count ayarını 5 e getirelim. Sonuçları göstergelerde göreceksiniz. (Both Axes kutucuğunu işaretlemeyi unutmayalım.

Check Scattering and Both Axes. Then set Scatter to %1000 and Count to 5.

190903265-f4b51a56d1a1d478064e81da0ad89eef7e17794602cd9fd9c5d84a31a7a4ea84.png

Son olarak Transfer özelliğini işaretleyelim Buradaki Opacity Jitter ve Flow Jitter özelliklerini %50 yapalım. Control kısmında da Pen Pressure seçelim ve bu pencereyi kapatalım.

Check Transfer and set to Opacity Jitter to %50 and Flow Jitter to %50. You can close the window. Settings are finished.

190903265-f4b51a56d1a1d478064e81da0ad89eef7e17794602cd9fd9c5d84a31a7a4ea84.png

Şimdi açmış olduğumuz boş layer seçili iken ekrana rastgele tıklayalım. (Fırça boyutu 400 px yapıldı)

Now select the empty layer in the group then click randomly to make circles.

190903265-ab970376f739d1eb688fb05b1526a60ea2ef0dd5b6a170fc536392d2c1cfd88d.png

Şimdi bu layera Gaussian Blur filtresi uygulayacağız. Bunun için Filter > Blur > Gaussian Blur seçeneklerini seçelim. Ayarlar aşağıdaki gibidir :

Go to Filter > Blur > Gaussian Blur. Settings : 20 px

190903265-a1ef6805a234ef015bc1633453ba3763f08dfd6b4b23a59d113aabb39a79d053.png

Aynı grup içerisine yeni bir layer açalım. Fırça boyutunu 300 yapıp fırça ile tekrardan yuvarlaklar oluşturalım.

Create a new layer in the same group. Then set brush size to 300 px. Then make circles.

190903265-583c6a6f6bc3ef8787f2b5c84a57c4e7cb6151168ac1c7237c987dc7d6a7f617.png

Şimdi bu layer a Gaussian Blur efekti uygulayalım. Ayarı 4px'tir.

Apply Gaussian Blur Filter by going Filter > Blur > Gaussian Blur. Settings 4px.

190903265-5906524f852dd6da4d7f4a4eac486e6b6caf19b3668d4bde8d51fd6c5d81478c.png

Aynı grup içine yeni bir layer açalım ve fırça boyutu aynı kalacak şekilde daireler oluşturalım. Gaussian Blur filtresini 1 px olacak şekilde tekrar uygulayalım.

Create a new layer in the same group. Make circles. Then apply Gaussian Blur filter. Settings 1px.

190903265-a7a2c686b3ac65f83729143ae0eababb80aaf550746991b43025557f24682681.png

Arkaplan böylelikle tamamlanmış oldu. Şimdi de yazısını ekleyelim.

Background is completed. Now we will add the text in the same group.

190903265-e94bf9bbdce1b14359771d412acaec5dcc0b33f9705a7bcc8daa56287b0e563e.png

Yazıyı ekleyelim ve Layer Style ayarlarından Outer Glow özelliğini işaretledikten sonra aşağıdaki ayarları değiştirelim

Add a text and double click it to bring up Layer Style. Check Outer Glow and settings are as below.

190903265-4588d961da173de1ddab9fe0c49ad6af1c57a8bc48be4bb3da998c0ce13125d6.png

Çalışmamız bu haliyle bitmiştir.

yesil-ayrac.png

Uygulama noktasında herhangi bir sorun yaşarsanız aşağıdaki yorum panelini kullanarak iletişime geçmekten çekinmeyin lütfen. Teşekkürler.

Kaynak belirtilmeyen görseller @etasarim a aittir. / Pictures that don’t have any source belongs to @etasarim.

text-divider-kirmizi.jpg

Not : Bu yazı daha önce Steemit Blogumda yayınlanmıştır:

https://steemit.com/tr/@etasarim/bokeharkaplanhazrlamamakingabokehbakgroundtrenuygulamalphotoshopdersleri-31qdqfz2jf

--------------------------------------------------------------------------

This article was originally published on Steemit

How do you rate this article?

0


etasarim
etasarim

I am a designer. (Adobe Photoshop, Adobe Illustrator) and photographer | I fan : Coding, Electronic, Technology and Science


Adobe Photoshop CC Tutorials
Adobe Photoshop CC Tutorials

In this blog, you can find tutorials about Adobe Photoshop CC

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.