Make Bokeh Light Effects Using Adobe Photoshop CS5
Edited by Jmgf, Eng, Nlangster, Lynn and 2 others
Bokeh lighting effects are perfect for creating variations to your images, plus it's great for depicting lights, especially during this Christmas season. The term Bokeh has been derived from a Japanese word which means blur or haze. It is a type of lighting effect used in photography to create a soft, out of focus background, and is usually characterized by circle blobs of light, often creating a very dreamy effect on photographs.
This technique can be created by shooting a certain subject while making use of a fast lens at a wide aperture of f/2.8 or wider. In the past, these effects can only be made by using a camera; however the evolution and development of Photoshop and editing software have made it possible to re-create this kind of effect, even without the use of a camera. You don't need to have a D-SLR camera to re-create a Bokeh lighting effect; you can add and make these using the editing features of Adobe Photoshop CS5.
Creating Bokeh Lights on CS5
- 1Create a blank white canvas.Advertisement
- Click File > New, OR Click Ctrl + N.
- Start off by selecting the dimension of the canvas that you wish: I chose 1600 x 1200 pixels.
- Create a new layer by clicking Ctrl + J.
- Click the Eye icon beside your layer to disable the visibility of your background layer.
- 2Customize your Brush Tool.Advertisement
- Select the Ellipse Tool.
- Click on the Reset Palette button (just below the color palette).
- Make sure that you have clicked on the "Fill Pixels" option.
- Draw a circle on your canvas. (Hold the SHIFT key while drawing a perfect circle.)
- Change your circle's Fill options to up to 50.
- Right click on the Layer > Choose Blending Options.
- Click Stroke > Choose size: between 8-10 px > Select Position: Inside
- Make sure that the color of your stroke is black.
- Hold Ctrl + Select to choose the layer of the circle. (This will automatically select your circle.)
- Click Edit options > Define Brush Preset.
- Rename your brush preset with "Bokeh", then click OK.
- You can delete the whole layer afterward.
- 3Create a Background Layer (Colored).
- Fill the your background layer with the dark colored one, but choose a color not entirely black. (For this, I used the color code number: 2A2A)
- Create another layer; you can rename it with Gradient and fill it with the same color.
- Right click on the layer click the Blending options > Gradient Overlay
- Make four swatches of layer with the Gradient Tool, then choose the color according to preference.
- Set an angle that you wish for your palette. (I used 34 degrees.)
- After setting your color palette, change the blending mode > Overlay. Notice that the image darkens a bit, but it'll be perfect for creating Bokeh effects.
- 4Create Bokeh Layers.
- Create a new Folder layer > Rename it to BOKEH LAYERS.
- Change the blending mode of the folder to: Color Dodge. Every layer that will be created under the folder will now have a blending mode of the color dodge.
- Create another layer > Rename it to BACK. This will be your background for your Bokeh effect.
- Select your Bokeh brush from the brush tool.
- Make sure that you choose white as your foreground color.
- Click on the canvas to see the effect it will have on your image.
- 6Paint Away your Bokeh.
- Make sure that your foreground color is white. Paint the Bokeh on the BACK layer. Paint light strokes around your canvas. Notice that the size of your Bokeh changes in size, design according to preference. You may fill almost all of the background with your Bokeh.
- Click Filter options > Choose Gaussian Blur > Pixels: 20 px.
- Make another layer and we'll rename it MIDDLE.
- Make the size of your brush smaller. Then paint again.
- Use Gaussian Filter > Pixels: 4.5 px.
- Make another layer and rename it to TOP.
- This time, paint your last layer with your Bokeh.
- And you're done!
It's easy to make digital Bokeh lighting effects with Adobe Photoshop CS5. Use this as a guide to make your own Bokeh lighting effects designs; it's a great effect that you can use to design your art or your signs, especially during the Christmas season.
Tweak all the figures according to your preferences; what I made are just suggestions on how you can make yours. Remember, the best images are the ones done from your heart. So, enjoy! :)
Questions and Answers
I am unable to find Ellipse tool in my PS CC?
I am trying to follow your tutorial to create Bokeh / Image, but am unable to find the Ellipse Tool.
- 3When you see a menu expanding to the side, move your mouse cursor without releasing the button to the "Ellipse Tool" line and release the button.Advertisement
Referencing this Article
If you need to reference this article in your work, you can copy-paste the following depending on your required format:
APA (American Psychological Association)
Make Boken Light Effects Using Adobe Photoshop CS5. (2013). In VisiHow. Retrieved Apr 29, 2017, from http://visihow.com/Make_Boken_Light_Effects_Using_Adobe_Photoshop_CS5
MLA (Modern Language Association) "Make Boken Light Effects Using Adobe Photoshop CS5." VisiHow, visihow.com/Make_Boken_Light_Effects_Using_Adobe_Photoshop_CS5 Accessed 29 Apr 2017.
Chicago / Turabian VisiHow.com. "Make Boken Light Effects Using Adobe Photoshop CS5." Accessed Apr 29, 2017. http://visihow.com/Make_Boken_Light_Effects_Using_Adobe_Photoshop_CS5.
Categories : Software
Recent edits by: jdroc, Lynn, Nlangster