BellaOnline
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo



new
Natural Living
Folklore and Mythology
Baptist
Florida
Cosmetics
Distance Learning
Reading




dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Grayscale Bokeh Texture in Photoshop


In this tutorial, we will create a grayscale Bokeh graphic, which can then be used, along with the layer blend mode in Photoshop, to create a Bokeh to work with any color scheme.

Our first step in creating the grayscale Bokeh is to render some clouds.




  1. Start a new project in Photoshop with the dimensions of your finished project. In the example, I am creating a Bokeh background for an Instagram post. So, my project will be 1080 x 1080 pixels at 72 dpi.

  2. Change the name of the bottom layer to "Bokeh".

  3. Set the Foreground color to white and the Background color to a mid-gray (#9c9c9c). Fill the background layer with white.

  4. To create the clouds, click Filter - Render - Clouds.

    Now that we have our clouds, we can begin to create the Bokeh effect.

  5. Click Filter - Filter Gallery - Sketch - Photocopy. Set the Detail to 20 and the Darkness to 40. This will give us several small light areas on a gray background (see screenshot).

    Yes, you guessed it. The small light areas will become our Bokeh texture. We will use the Field Blur filter to do this.

  6. Click Filter - Blur - Field Blur. Set the Blur slider to 45, the Light Bokeh slider to 40% and the Light Range slider to 215 to 255 (see screenshot).

    Now we will create the gradient that will give our Bokeh some color.

  7. Add a new layer below the Bokeh layer and name it "color". Fill the layer with white.

  8. Double-click on the layer and check the Gradient Overlay option. Set at least three colors for the gradient (see screenshot).

  9. Set the Blend Mode for the Bokeh layer to Overlay or Soft Light (see screenshot).

That makes a nice background but we can add a little more in the next tutorial.

Continue



Social Media Visual Content

Add Grayscale+Bokeh+Texture+in+Photoshop to Twitter Add Grayscale+Bokeh+Texture+in+Photoshop to Facebook Add Grayscale+Bokeh+Texture+in+Photoshop to MySpace Add Grayscale+Bokeh+Texture+in+Photoshop to Del.icio.us Digg Grayscale+Bokeh+Texture+in+Photoshop Add Grayscale+Bokeh+Texture+in+Photoshop to Yahoo My Web Add Grayscale+Bokeh+Texture+in+Photoshop to Google Bookmarks Add Grayscale+Bokeh+Texture+in+Photoshop to Stumbleupon Add Grayscale+Bokeh+Texture+in+Photoshop to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Adobe Portfolio First Look by Justin Seeley

Social Media Graphic Templates

HTTPS vs HTTP

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.



vote
Summertime Foods
Corn on the Cob
Sangria
Burgers on the Grill
Apple Pie



g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2018 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor