Sign in to follow this  
welshblue

Add the Bokeh Effect To Your Images ...

Recommended Posts

welshblue    340

This tutorial is available as a PDF. Click here to view or download it

To give a more conventional Bokeh look, experiment with Blurs ... this tutorial sets out on explaining how to build the effect.  Everything else is down to personal taste.

 

When using photographs, you may have to play with saturation for the best results

 

 

 

 

 

Techno Robbo has a Plug-in that automates/ simulates the process http://forums.getpaint.net/index.php?/topic/26826-trs-bokeh-plugin-v11/#entry394563'> Here

 

 

 

 

 

bokeh_effect_uk2_by_pdntutor-d6fpkhp.jpg

 

 

 

 

 

Plug-Ins Needed:

 

 

 

 

 

http://forums.getpaint.net/index.php?showtopic=16643'> AA-Assistant

 

 

 

 

 

http://forums.getpaint.net/index.php?showtopic=11514'> Bevel Selection

 

 

 

 

 

http://forums.getpaint.net/index.php?showtopic=8375'> Object Align

 

 

 

 

 

Optional:

 

 

 

 

 

http://forums.getpaint.net/index.php?showtopic=885'> Conditional Hue/ Saturation

 

 

 

 

 

http://forums.getpaint.net/index.php?showtopic=8375'> Drop Shadow

 

 

 

 

 

bokeh_1_by_pdntutor-d6fpkjj.jpg

 

 

 

 

 

bokeh_2_by_pdntutor-d6fpklw.jpg

 

 

 

 

 

bokeh_3_by_pdntutor-d6fpmay.jpg

 

 

 

 

 

bokeh_4_by_pdntutor-d6fpkof.jpg

 

 

 

 

 

bokeh_5_by_pdntutor-d6fpkrl.jpg

 

 

 

 

 

bokeh_6_by_pdntutor-d6fpkty.jpg

 

 

 

 

 

bokeh_7_by_pdntutor-d6fpl39.jpg

 

 

 

 

 

bokeh_8_by_pdntutor-d6fpl5b.jpg

 

 

 

 

 

bokeh_9_by_pdntutor-d6fpl8c.jpg

 

 

 

 

 

bokeh_10_by_pdntutor-d6fplaw.jpg

 

 

 

 

 

bokeh_11_by_pdntutor-d6fpled.jpg

 

 

 

 

 

For the more conventional colour Bokeh

 

 

 

 

 

bokeh_colour_1_by_pdntutor-d6fplgt.jpg

 

 

 

 

 

bokeh_colour_2_by_pdntutor-d6fplkb.jpg

 

 

 

 

 

bokeh_colour_3_by_pdntutor-d6fplml.jpg

 

 

 

 

 

Some Examples

 

 

 

 

 

http://fc04.deviantart.net/fs71/f/2013/210/b/c/bokeh_digi_art_by_pdntutor-d6fplss.jpg">http://fc04.deviantart.net/fs71/f/2013/210/b/c/bokeh_digi_art_by_pdntutor-d6fplss.jpg http://fc06.deviantart.net/fs71/f/2013/210/b/0/bokeh_car_by_pdntutor-d6fplpt.jpg">http://fc06.deviantart.net/fs71/f/2013/210/b/0/bokeh_car_by_pdntutor-d6fplpt.jpg

 

Edited by Ego Eram Reputo
Added PDF link
  • Upvote 1

Share this post


Link to post
Share on other sites
SAND33P    66

Another way of doing this is to use 'Random Shape Fill' set to only white circles with no outline, get a selection and render a bit of bevel (not absolutely necessary) and blur everything slightly while setting to overlay. You can then play with vignettes and colour effects

Share this post


Link to post
Share on other sites
welshblue    340

Nice work around. 

 

This tutorial gives options for the shine and placement, but like everything PDN, there's so many ways to skin a cat.  Personally I think the screen overlay adds a certain look / dimension to the finished image.  Again that's interpreted to personal taste ... and choice

 

I could have gone the whole hog and made it like a 'proper' bokeh effect but I like to lay the foundations for people to add their own twist.  

Share this post


Link to post
Share on other sites
DrewDale    648

Using a combination of both examples, I came up with this.  Great tute mate, thanks for taking the time to make it. B)

bokeh2.png

  • Upvote 3

Share this post


Link to post
Share on other sites
welshblue    340

  Great tute mate, thanks for taking the time to make it. B)

 

You're welcome mate.  A result like that makes it worthwhile and the thanks goes a long way in a world sadly lacking

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this