Photoshop background editing Tutorials - Skin Investigation

Photoshop background editing Tutorials

Photoshop Tutorial – Bokeh Background – NuBlue

gradienteditorIn this Photoshop tutorial we’ll be creating the bokeh effect background used on our recently completed website which showcases the mobile website development work we do here at NuBlue. You can download the psd file and brush used in this tutorial by clicking on the ‘pay with a tweet’ button at the bottom of the page.

Step 1

Firstly create a new document with the dimensions 1920px X 1080px. Make a new layer LAYER > NEW and fill with the colour #000015.

Step 2

Add a gradient to the background you’ve just created by going to LAYER > LAYER STYLE > BLENDING OPTIONS. Select the ‘gradient overlay’ tab and then the gradient editor box

Step 3

Using the colour #0B1D3B, make a gradient that has a colour in the middle, fading into transparency either side. To modify the colour, edit the bottom sliders of the gradient editor and to modify the opacity change the top sliders. The result should look similar to the image below:

Once the background is complete it should look like this:

Step 4

backgroundNow we’ll move onto creating a new brush used for the bokeh circles. Open a new document with the dimensions 500px X 500px. Make a new layer and draw a 150px black circle with the ellipse shape tool. Go to LAYER > LAYER STYLE > BLENDING OPTIONS, under the Advanced Blending section change the fill opacity to 50%. Then select the stroke tab and give the shape a stroke of 5px.

The result should look similar to the image below.

Now go to EDIT > DEFINE BRUSH PRESET so you can now use the shape you’ve just created as a brush in Photoshop.

Step 5

Return to the background you created at the start of the tutorial and create a new layer. Make sure you have the brush tool selected from the tools palette and the foreground colour is set as #FFFFFF

Now we’ll select the brush we just created and modify the settings to randomise the flow, size and spacing.

To do this we’ll need to access the Brush window by going to WINDOW > BRUSH. Firstly select the brush you created, change the size to 150px and the spacing 150%. On shape dynamics make the size jitter 100%. On scattering make scatter 1000%, count 2 and count jitter 63%. Finally on transfer make opacity jitter 100% and flow jitter 50%

shapeThe settings should look similar to the image below.

Step 6

What we’re now going to do is create 3 new layers of different brush patterns to give the effect some depth. Make a new layer and start to paint your new shape preset. The brush setting should randomise the placement along with the other brush options we selected earlier. Once you’re happy with this go to LAYER > LAYER STYLE > BLENDING OPTIONS and reduce the opacity to 75%.

Step 7

Again, make a new layer and paint some more of your custom brush onto the canvas. On this layer we’re going to add a blur so it looks out of focus and behind the first brush layer we created. Go to FILTER > GAUSSIAN BLUR and give it a radius value of 5.0px. Then go to LAYER > LAYER STYLE > BLENDING OPTIONS and reduce the opacity to 50%.

Step 8

For the final layer repeat the steps above but instead change the Gaussian blur value to 10.0px and the opacity 25%.

The final result should look similar to the image below.


Try different shapes, colours, blending styles and blurs and see what you can come up with!

brushsettings bokeh1

More about Photoshop background editing Tutorials

Transparent gif

by cdub

In photoshop, keep selecting all the background until you have all of you want to be transparent...Try deleting background and see if the underlying backgroundis already transparent. (If your final image is easy to select, select it directly.). If initially selecting the BACKGROUND, and you need to get a transparent bckgrnd, inverse the selection so the main subject is selected. You may already have a Transparent background (you'll see the checkerboard).
If you don't already have an underlying transparent background, Copy the selected imaged.
Open new file, with Transparent background

CorelDRAW X7 review: Customizable features make this robust design program ..  — PCWorld
.. purchase, as well as a $25 monthly subscription. People miffed by Adobe's wholesale move to subscriptions will find a great alternative here. ..

Galaxy 61 Delivers Show Open for VH1's 'The Fabulous Life  — Animation World Network
VHI recently called upon Galaxy 61 to create a show intro for the new 2014 season of The Fabulous Life, the hit series that reveals the extravagant places, possessions and pastimes of pop-culture's most famous celebrities. The Brooklyn-based ..

Hunterdon County Polytech students bridge the gap thanks to local Rotary Clubs  — Hunterdon County Democrat
This year's Job Fair, on March 25, attracted the Dave Gansfuss Allstate Agent for an agency logo; G&H Publishing and author Katherine Kurz for children's book illustrations; Artiste Salon for a new logo, brochure and social media materials; St.

Master The Image Ultimate Photo Backgrounds
Software (Master The Image)
  • 14 Volumes with over 930 of our best Digital Backgrounds
  • Some hand Painted by World Renowned Artist. Costing $300-$600 at Photography Trade Shows
  • Easy to use


Photoshop editing?

Hi! I have seen a few photos where the background is in black and white while the main subject is in color. How do you do that? Also, is there a way I can do the effect where the background is blurry while the main subject is still? Thank you in advance.

Its better just to shoot the photo with a plain black background( the one the "pro." use) and a Len's that can capture the effect you wish, but with photo shop all you need is the obviously the prog. and you need to know how to use the prog., alright if you do, all you do is make sure you use the polygon lass tool and cut out your subject and make sure you have the detail you need, then use an eraser with a soft brush and clean it up, then use the…

Related Posts