Web Tools

Understanding Inner Shadows in Photoshop

Post pobrano z: Understanding Inner Shadows in Photoshop

Final product image
What You’ll Be Creating

Photoshop layer styles are a popular way to add effects, such as drop shadows and strokes, to layers in a non-destructive way.

In this tutorial, I’m going to explain all the different settings that you’ll need to know about when adding an inner shadow in Photoshop.

So, if you want to learn how to add an inner shadow in Photoshop, then continue reading to find out how easy the entire process really is.

Follow along with us over on our Envato Tuts+ YouTube channel:

The Uses for an Inner Shadow

The traditional use for an inner shadow is to simulate 3D depth in a 2D image. This is done by creating an offset shadow within a shape to make it look as if it is cut out and casting a shadow on the object beneath it.

Below, you will see an example of how an inner shadow can indicate how big the light source is and where it is coming from, as well as how far away an object is from the background. By changing only the settings of the inner shadow, you can dramatically change the look of an image.

example of using an inner shadow

The Layer Styles Inner Shadow Dialog Box

The Inner Shadow dialog box is shown below. The settings are nearly identical to the Drop Shadow dialog box—the only difference is that, instead of the shadow showing up behind the shape, it shows up within the shape.

layer styles panel example

Blend Mode

The Blend Mode allows you to set the blending mode for your shadow. Typically you will want this to be Multiply or Linear Burn, so that your shadow darkens the layer that is behind it.

If you are unfamiliar with how all the different Blending Modes work, I highly recommend checking out the Blending Is Fun Basix tutorial.

blend mode example

This is also where you set the color of your shadow by clicking the color block next to the Blend Mode dropdown menu. By default, the shadow color will be black, but you can add a tint of color or even try something outrageous to get special effects.

example of choosing a different inner shadow color

In the following example, you can see that the color of the shadow on the left is black with a Blend Mode of Multiply, while the color of the shadow on the right is a dark purple color with a Blend Mode of Normal. This creates the result you see below.

example of using a different inner shadow color

Opacity

The Opacity slider allows you to specify how transparent your shadow will be. A setting of 0% is completely see-through, while 100% is completely opaque.

opacity level example

In the following example, you can see that the shadow on the left adds a subtle hint of depth to the text, while the shadow on the right is more visible and adds even more depth.

example of different shadow opacity levels

Angle

The Angle spinner and corresponding box allow you to change the apparent angle that the light source comes from. By turning the Use Global Light checkbox on, any changes you make to the angle of the Inner Shadow will also change the angle of the light sources used in other effects like Bevel & Emboss and Drop Shadow. By leaving it unchecked, you can change the light angle for the Inner Shadow independently of other effects.

The recommended setting is „checked” for most cases, because we want to have a uniform light source for the most cohesive-looking effect.

shadow angle example

In the following example, changing the angle of the light source changes the way in which the shadow falls, and since Use Global Light is checked, it also changes the light angle for the Drop Shadow and Bevel and Emboss effects as well.

example of using different shadow angles

Distance

The Distance slider changes the apparent distance between the subject and the background. The effect is achieved by altering the offset between the subject and the Inner Shadow itself.

shadow distance example

In the following example, increasing the distance gives the effect that the text on the left is simply indented in the cardboard, while the text on the right is a completely separate piece hovering above the background.

example of using different shadow distance levels

Choke

The Choke slider changes the falloff of the shadow in a linear fashion, or in other words, how gradually it fades out at the edges.

For a typical Inner Shadow, you will normally want to leave this at 0%, but for harder shadows you should increase it, and for shadows with hard edges or even inner strokes and faux highlights, you can set it all the way to 100%.

Adjusting the choke is almost the same as changing the size to 0 px and then altering the distance. It basically achieves the same effect in a different way.

shadow choke example

In the following example, increasing the choke percentage to 100% changes the falloff of the shadow so that it has a hard edge.

example of different shadow choke levels

Size

The Size slider changes the apparent size of the light source by softening the edges of the shadow. When it is set to 0 px, the shadow is exactly the same size as the shape of the object. As you increase the size, the shadow grows in 1 px increments.

shadow size example

In the following example, increasing the size of the shadow gives us flexibility over controlling not only the overall size of the shadow, but the softness of it as well.

example of different shadow size values

Contour

The Contour shapes allow you to change the falloff of the shadow in a non-linear fashion. By choosing different curve profiles, you can get the shadow to fade out in different ways.

The only time this is really useful is when you are trying to achieve special glow or abstract effects.

In addition, the Anti-aliased checkbox allows you to improve the quality of the shadow with a very slight drop in performance. The performance hit is negligible, so I recommend always keeping the box checked.

shadow contour example

In the following example, changing the Contour shape to an inverted „U” results in a shadow with a tiny gap between the edge of the shape and where the shadow starts. This is typically not a desirable effect.

example of using different shadow contours

Noise

The Noise slider is a useful tool to give your shadow a gritty feel. If you are creating a style that is going to resemble dirt or concrete, adding some noise can help the overall effect. For a totally smooth shadow, leave it at 0%.

shadow noise example

In the following example, setting the noise to 30% gives us just a little grit in the shadow. A good range to use is 0% to 30%, as going higher than 30% can often result in a very unnatural look.

example of different shadow noise levels

Saving and Loading Default Settings

You can save and load default settings for each effect in the Layer Styles dialog box. When you click Make Default, Photoshop will store whatever settings are currently active as the new default settings for that effect.

If you click Reset to Default, Photoshop will then load whatever settings were last saved. This allows you to experiment and simply reload the default settings if you want to start over.

saving and loading default settings

Expand Your Photoshop Layer Styles Library

Want to build an extended Photoshop layer styles library, but don’t know exactly where to start? Well, don’t worry, since GraphicRiver has you covered, giving you a great selection of layer styles such as these ones.

Chalk Layer Styles

Give your text a unique look using this amazing Photoshop layer style, which will do all the work for you using just a couple of clicks.

chalkboard layer style
Chalk Photoshop Layer Style by GraphicRiver

3D Cinematic Layer Styles

Turn your work into a cinematic masterpiece using these professional-looking Photoshop layer styles that are easy to use.

3d cinematic photoshop layer style
3D Cinematic Photoshop Layer Style by GraphicRiver

Halloween Layer Styles

Whether it’s Halloween or not, this one should definitely be part of your layer style library, since it gives you that spooky vibe in a matter of seconds using just a couple of simple clicks.

halloween photoshop layer styles
Halloween Photoshop Layer Styles by GraphicRiver

Christmas Layer Styles

Turn your text into a work of art using one of 15 included layer styles that will help you bring the spirit and joy of Christmas into the heart of every beholder.

christmas photoshop layer styles
Christmas Photoshop Layer Styles by GraphicRiver

Rust Layer Styles

Whether you’re working on a video-game cover or just want to turn a boring old font into something different, this pack of industrial-looking layer styles should have you covered.

rust photoshop layer styles
Rust Photoshop Layer Styles by GraphicRiver

Advance Your Photoshop Skills

Just started out using Adobe Photoshop and feel like learning more about it? Well, today’s your lucky day since I’ve put together a little list of tutorials that should keep you going for the following days!

Web Tools

Understanding Inner Shadows in Photoshop

Post pobrano z: Understanding Inner Shadows in Photoshop

Final product image
What You’ll Be Creating

Photoshop layer styles are a popular way to add effects, such as drop shadows and strokes, to layers in a non-destructive way.

In this tutorial, I’m going to explain all the different settings that you’ll need to know about when adding an inner shadow in Photoshop.

So, if you want to learn how to add an inner shadow in Photoshop, then continue reading to find out how easy the entire process really is.

Follow along with us over on our Envato Tuts+ YouTube channel:

The Uses for an Inner Shadow

The traditional use for an inner shadow is to simulate 3D depth in a 2D image. This is done by creating an offset shadow within a shape to make it look as if it is cut out and casting a shadow on the object beneath it.

Below, you will see an example of how an inner shadow can indicate how big the light source is and where it is coming from, as well as how far away an object is from the background. By changing only the settings of the inner shadow, you can dramatically change the look of an image.

example of using an inner shadow

The Layer Styles Inner Shadow Dialog Box

The Inner Shadow dialog box is shown below. The settings are nearly identical to the Drop Shadow dialog box—the only difference is that, instead of the shadow showing up behind the shape, it shows up within the shape.

layer styles panel example

Blend Mode

The Blend Mode allows you to set the blending mode for your shadow. Typically you will want this to be Multiply or Linear Burn, so that your shadow darkens the layer that is behind it.

If you are unfamiliar with how all the different Blending Modes work, I highly recommend checking out the Blending Is Fun Basix tutorial.

blend mode example

This is also where you set the color of your shadow by clicking the color block next to the Blend Mode dropdown menu. By default, the shadow color will be black, but you can add a tint of color or even try something outrageous to get special effects.

example of choosing a different inner shadow color

In the following example, you can see that the color of the shadow on the left is black with a Blend Mode of Multiply, while the color of the shadow on the right is a dark purple color with a Blend Mode of Normal. This creates the result you see below.

example of using a different inner shadow color

Opacity

The Opacity slider allows you to specify how transparent your shadow will be. A setting of 0% is completely see-through, while 100% is completely opaque.

opacity level example

In the following example, you can see that the shadow on the left adds a subtle hint of depth to the text, while the shadow on the right is more visible and adds even more depth.

example of different shadow opacity levels

Angle

The Angle spinner and corresponding box allow you to change the apparent angle that the light source comes from. By turning the Use Global Light checkbox on, any changes you make to the angle of the Inner Shadow will also change the angle of the light sources used in other effects like Bevel & Emboss and Drop Shadow. By leaving it unchecked, you can change the light angle for the Inner Shadow independently of other effects.

The recommended setting is „checked” for most cases, because we want to have a uniform light source for the most cohesive-looking effect.

shadow angle example

In the following example, changing the angle of the light source changes the way in which the shadow falls, and since Use Global Light is checked, it also changes the light angle for the Drop Shadow and Bevel and Emboss effects as well.

example of using different shadow angles

Distance

The Distance slider changes the apparent distance between the subject and the background. The effect is achieved by altering the offset between the subject and the Inner Shadow itself.

shadow distance example

In the following example, increasing the distance gives the effect that the text on the left is simply indented in the cardboard, while the text on the right is a completely separate piece hovering above the background.

example of using different shadow distance levels

Choke

The Choke slider changes the falloff of the shadow in a linear fashion, or in other words, how gradually it fades out at the edges.

For a typical Inner Shadow, you will normally want to leave this at 0%, but for harder shadows you should increase it, and for shadows with hard edges or even inner strokes and faux highlights, you can set it all the way to 100%.

Adjusting the choke is almost the same as changing the size to 0 px and then altering the distance. It basically achieves the same effect in a different way.

shadow choke example

In the following example, increasing the choke percentage to 100% changes the falloff of the shadow so that it has a hard edge.

example of different shadow choke levels

Size

The Size slider changes the apparent size of the light source by softening the edges of the shadow. When it is set to 0 px, the shadow is exactly the same size as the shape of the object. As you increase the size, the shadow grows in 1 px increments.

shadow size example

In the following example, increasing the size of the shadow gives us flexibility over controlling not only the overall size of the shadow, but the softness of it as well.

example of different shadow size values

Contour

The Contour shapes allow you to change the falloff of the shadow in a non-linear fashion. By choosing different curve profiles, you can get the shadow to fade out in different ways.

The only time this is really useful is when you are trying to achieve special glow or abstract effects.

In addition, the Anti-aliased checkbox allows you to improve the quality of the shadow with a very slight drop in performance. The performance hit is negligible, so I recommend always keeping the box checked.

shadow contour example

In the following example, changing the Contour shape to an inverted „U” results in a shadow with a tiny gap between the edge of the shape and where the shadow starts. This is typically not a desirable effect.

example of using different shadow contours

Noise

The Noise slider is a useful tool to give your shadow a gritty feel. If you are creating a style that is going to resemble dirt or concrete, adding some noise can help the overall effect. For a totally smooth shadow, leave it at 0%.

shadow noise example

In the following example, setting the noise to 30% gives us just a little grit in the shadow. A good range to use is 0% to 30%, as going higher than 30% can often result in a very unnatural look.

example of different shadow noise levels

Saving and Loading Default Settings

You can save and load default settings for each effect in the Layer Styles dialog box. When you click Make Default, Photoshop will store whatever settings are currently active as the new default settings for that effect.

If you click Reset to Default, Photoshop will then load whatever settings were last saved. This allows you to experiment and simply reload the default settings if you want to start over.

saving and loading default settings

Expand Your Photoshop Layer Styles Library

Want to build an extended Photoshop layer styles library, but don’t know exactly where to start? Well, don’t worry, since GraphicRiver has you covered, giving you a great selection of layer styles such as these ones.

Chalk Layer Styles

Give your text a unique look using this amazing Photoshop layer style, which will do all the work for you using just a couple of clicks.

chalkboard layer style
Chalk Photoshop Layer Style by GraphicRiver

3D Cinematic Layer Styles

Turn your work into a cinematic masterpiece using these professional-looking Photoshop layer styles that are easy to use.

3d cinematic photoshop layer style
3D Cinematic Photoshop Layer Style by GraphicRiver

Halloween Layer Styles

Whether it’s Halloween or not, this one should definitely be part of your layer style library, since it gives you that spooky vibe in a matter of seconds using just a couple of simple clicks.

halloween photoshop layer styles
Halloween Photoshop Layer Styles by GraphicRiver

Christmas Layer Styles

Turn your text into a work of art using one of 15 included layer styles that will help you bring the spirit and joy of Christmas into the heart of every beholder.

christmas photoshop layer styles
Christmas Photoshop Layer Styles by GraphicRiver

Rust Layer Styles

Whether you’re working on a video-game cover or just want to turn a boring old font into something different, this pack of industrial-looking layer styles should have you covered.

rust photoshop layer styles
Rust Photoshop Layer Styles by GraphicRiver

Advance Your Photoshop Skills

Just started out using Adobe Photoshop and feel like learning more about it? Well, today’s your lucky day since I’ve put together a little list of tutorials that should keep you going for the following days!

Web Tools

Understanding Inner Shadows in Photoshop

Post pobrano z: Understanding Inner Shadows in Photoshop

Final product image
What You’ll Be Creating

Photoshop layer styles are a popular way to add effects, such as drop shadows and strokes, to layers in a non-destructive way.

In this tutorial, I’m going to explain all the different settings that you’ll need to know about when adding an inner shadow in Photoshop.

So, if you want to learn how to add an inner shadow in Photoshop, then continue reading to find out how easy the entire process really is.

Follow along with us over on our Envato Tuts+ YouTube channel:

The Uses for an Inner Shadow

The traditional use for an inner shadow is to simulate 3D depth in a 2D image. This is done by creating an offset shadow within a shape to make it look as if it is cut out and casting a shadow on the object beneath it.

Below, you will see an example of how an inner shadow can indicate how big the light source is and where it is coming from, as well as how far away an object is from the background. By changing only the settings of the inner shadow, you can dramatically change the look of an image.

example of using an inner shadow

The Layer Styles Inner Shadow Dialog Box

The Inner Shadow dialog box is shown below. The settings are nearly identical to the Drop Shadow dialog box—the only difference is that, instead of the shadow showing up behind the shape, it shows up within the shape.

layer styles panel example

Blend Mode

The Blend Mode allows you to set the blending mode for your shadow. Typically you will want this to be Multiply or Linear Burn, so that your shadow darkens the layer that is behind it.

If you are unfamiliar with how all the different Blending Modes work, I highly recommend checking out the Blending Is Fun Basix tutorial.

blend mode example

This is also where you set the color of your shadow by clicking the color block next to the Blend Mode dropdown menu. By default, the shadow color will be black, but you can add a tint of color or even try something outrageous to get special effects.

example of choosing a different inner shadow color

In the following example, you can see that the color of the shadow on the left is black with a Blend Mode of Multiply, while the color of the shadow on the right is a dark purple color with a Blend Mode of Normal. This creates the result you see below.

example of using a different inner shadow color

Opacity

The Opacity slider allows you to specify how transparent your shadow will be. A setting of 0% is completely see-through, while 100% is completely opaque.

opacity level example

In the following example, you can see that the shadow on the left adds a subtle hint of depth to the text, while the shadow on the right is more visible and adds even more depth.

example of different shadow opacity levels

Angle

The Angle spinner and corresponding box allow you to change the apparent angle that the light source comes from. By turning the Use Global Light checkbox on, any changes you make to the angle of the Inner Shadow will also change the angle of the light sources used in other effects like Bevel & Emboss and Drop Shadow. By leaving it unchecked, you can change the light angle for the Inner Shadow independently of other effects.

The recommended setting is „checked” for most cases, because we want to have a uniform light source for the most cohesive-looking effect.

shadow angle example

In the following example, changing the angle of the light source changes the way in which the shadow falls, and since Use Global Light is checked, it also changes the light angle for the Drop Shadow and Bevel and Emboss effects as well.

example of using different shadow angles

Distance

The Distance slider changes the apparent distance between the subject and the background. The effect is achieved by altering the offset between the subject and the Inner Shadow itself.

shadow distance example

In the following example, increasing the distance gives the effect that the text on the left is simply indented in the cardboard, while the text on the right is a completely separate piece hovering above the background.

example of using different shadow distance levels

Choke

The Choke slider changes the falloff of the shadow in a linear fashion, or in other words, how gradually it fades out at the edges.

For a typical Inner Shadow, you will normally want to leave this at 0%, but for harder shadows you should increase it, and for shadows with hard edges or even inner strokes and faux highlights, you can set it all the way to 100%.

Adjusting the choke is almost the same as changing the size to 0 px and then altering the distance. It basically achieves the same effect in a different way.

shadow choke example

In the following example, increasing the choke percentage to 100% changes the falloff of the shadow so that it has a hard edge.

example of different shadow choke levels

Size

The Size slider changes the apparent size of the light source by softening the edges of the shadow. When it is set to 0 px, the shadow is exactly the same size as the shape of the object. As you increase the size, the shadow grows in 1 px increments.

shadow size example

In the following example, increasing the size of the shadow gives us flexibility over controlling not only the overall size of the shadow, but the softness of it as well.

example of different shadow size values

Contour

The Contour shapes allow you to change the falloff of the shadow in a non-linear fashion. By choosing different curve profiles, you can get the shadow to fade out in different ways.

The only time this is really useful is when you are trying to achieve special glow or abstract effects.

In addition, the Anti-aliased checkbox allows you to improve the quality of the shadow with a very slight drop in performance. The performance hit is negligible, so I recommend always keeping the box checked.

shadow contour example

In the following example, changing the Contour shape to an inverted „U” results in a shadow with a tiny gap between the edge of the shape and where the shadow starts. This is typically not a desirable effect.

example of using different shadow contours

Noise

The Noise slider is a useful tool to give your shadow a gritty feel. If you are creating a style that is going to resemble dirt or concrete, adding some noise can help the overall effect. For a totally smooth shadow, leave it at 0%.

shadow noise example

In the following example, setting the noise to 30% gives us just a little grit in the shadow. A good range to use is 0% to 30%, as going higher than 30% can often result in a very unnatural look.

example of different shadow noise levels

Saving and Loading Default Settings

You can save and load default settings for each effect in the Layer Styles dialog box. When you click Make Default, Photoshop will store whatever settings are currently active as the new default settings for that effect.

If you click Reset to Default, Photoshop will then load whatever settings were last saved. This allows you to experiment and simply reload the default settings if you want to start over.

saving and loading default settings

Expand Your Photoshop Layer Styles Library

Want to build an extended Photoshop layer styles library, but don’t know exactly where to start? Well, don’t worry, since GraphicRiver has you covered, giving you a great selection of layer styles such as these ones.

Chalk Layer Styles

Give your text a unique look using this amazing Photoshop layer style, which will do all the work for you using just a couple of clicks.

chalkboard layer style
Chalk Photoshop Layer Style by GraphicRiver

3D Cinematic Layer Styles

Turn your work into a cinematic masterpiece using these professional-looking Photoshop layer styles that are easy to use.

3d cinematic photoshop layer style
3D Cinematic Photoshop Layer Style by GraphicRiver

Halloween Layer Styles

Whether it’s Halloween or not, this one should definitely be part of your layer style library, since it gives you that spooky vibe in a matter of seconds using just a couple of simple clicks.

halloween photoshop layer styles
Halloween Photoshop Layer Styles by GraphicRiver

Christmas Layer Styles

Turn your text into a work of art using one of 15 included layer styles that will help you bring the spirit and joy of Christmas into the heart of every beholder.

christmas photoshop layer styles
Christmas Photoshop Layer Styles by GraphicRiver

Rust Layer Styles

Whether you’re working on a video-game cover or just want to turn a boring old font into something different, this pack of industrial-looking layer styles should have you covered.

rust photoshop layer styles
Rust Photoshop Layer Styles by GraphicRiver

Advance Your Photoshop Skills

Just started out using Adobe Photoshop and feel like learning more about it? Well, today’s your lucky day since I’ve put together a little list of tutorials that should keep you going for the following days!

Adv

Give Children a Hand: New Swiss banknotes help children with a missing hand

Dodaj komentarz

Post pobrano z: Give Children a Hand: New Swiss banknotes help children with a missing hand
Print
Give Children a Hand

„Give Children a Hand” is a Swiss charity that gives children with physical disabilities access to modern hand prostheses. In order to help as many affected children as possible, the charity is dependent on financial support. Therefore a touching donation campaign should be created. Solution & Cultural Context: A new banknote series was introduced in Switzerland in 2019 – for the first time in 20 years. In the country of the banks, the launch of a new banknote series always gains a lot of attention. This time in particular: for the first time in its history, Swiss banknotes no longer portray famous personalities. Instead, the defining visual feature is the human hand. We made creative use of this for the campaign. The donors’ money becomes the children’s new hand. And it enables them to do all the things they wouldn’t otherwise be able to do: ride a bicycle, confidently stretch out their hand at school, etc. A separate motif was developed for each monetary value. So we had the chance to address small donors as well as major donors.

Advertising Agency:Ruf Lanz, Zurich, Switzerland
creative direction:Markus Ruf, Danielle Lanz
Art Direction:Isabelle Hauser, Mario Moosbrugger
Copywriter:Markus Ruf, Christian Stüdi
Account Executive:Lara Cavelti
Production:Ruf Lanz Art Department
Client Supervisor:Michel Fornasier

Adv

Conservation International: Happy Pride Day

Dodaj komentarz

Post pobrano z: Conservation International: Happy Pride Day
Print
Conservation International

Conservation International is an organization that works for keep the natural environment and natural resources, their messages have inspired the people for the care of the planet and in this case one of the problems that represents inequality around the world: the same sex person marriage. That’s why for the International pride day we want to show the fracking effect on the ground, this contaminated ground has the same colors that the gay flag. In that way the world will know that we have a lot of fights to give and many to win for the planet: the dignity and equality.

Fracking is legal in 183 countries. Same sex marriage is legal in 25.
Conservation International. Happy Pride day.

Advertising Agency:MullenLowe SSP3, Bogotá, Colombia

Adv

Nestor: Helpless Children

Dodaj komentarz

Post pobrano z: Nestor: Helpless Children
Print
Nestor

Our new campaign for “Nestor” Psychogeriatric Association. Founded in 2001, “Nestor” is the largest provider of free services for the elderly in Greece specialized mostly in Alzheimer and dementia. Patients with advanced dementia and Alzheimer’s cannot survive without help. They are no longer able to perform basic functions such as washing, dressing, eating or using the toilet. They show a complete inability to recognize surroundings, time, season, name of objects, or familiar faces. They are again like little, helpless children who are constantly in need of a caregiver. This is exactly what we are depicting in our new campaign: The adult patient, presented as a lost or troubled toddler that struggles with speech. Only when one reads the entire title does understand the drama of the case.

Advertising Agency:Superfy, Athens, Greece

Web Tools

How to Create a Light Particles Photoshop Brush

Post pobrano z: How to Create a Light Particles Photoshop Brush

Final product image
What You’ll Be Creating

Welcome to How to Create Light Particles Photoshop Brush! In this tutorial, you will learn the step-by-step process of how to create a particle effect using Photoshop brushes.

Adding light particles to an illustration or photo is a great way to enhance your image and make it more eye-catching. One of the best things about using a light particle Photoshop brush is that it has such a wide range of uses, such as adding a bokeh effect, a sparkle effect, dust particles, and even snow effects! 

Change the appearance of a photograph with particles

To get started with this tutorial, we’ll need a photograph or image to use as a background for our light particles. You can find a wide range of professional photos on Envato Elements. Whether you’re looking for a spooky forest or a glitzy wedding image, you’ll be able to find all sorts of inspirational topics to help you get started. For a single monthly rate, you can unlock access to all of these and countless others.

For this tutorial, we will use a photo called ’Path through misty haunted woods’.

1. How to Set Up a New Project File

Step 1

Let’s get started by setting up a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1920 px
  • Height: 1080 px
  • Resolution: 72
  • Color Mode: RGB Color
Create a new document

Step 2

Download a background image from Envato Elements or use your own image. For this tutorial, we will use a photo called ’Path through misty haunted woods’.

Use an existing photograph

Step 3

Open the background image in Photoshop (File > Open and then navigate to the file location on your hard drive). Select the whole image by using the Marquee Tool (M) or by pressing Control-A on the keyboard to select all. Press Control-C to copy the image.

Select the Marquee Tool

Step 4

Now return to the original document and press Control-V to paste it. 

Alternatively, you can change the size of the image by going to Image > Image Size and changing the values to something close to 1920 x 1080.

Then use Edit > Free Transform (Control-T) to resize the image or layer to fit the 1920×1080 sized document.

Change the image size

2. How to Create Small Dust Particles in Photoshop

Step 1

In this section of the tutorial, we will first learn how to add dust particles in Photoshop. Create a new layer (Shift-Control-N) and rename it Small Dust Particles. This is the layer where we will paint our dust particles Photoshop brush.

Create a new layer

Step 2

Select the Brush Tool (B).

Select the Brush Tool

Step 3

Now go to the brush library and select a standard round brush.

Select brush size and hardness

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Brush settings

Step 5

Under Brush Tip Shape, set the size of the brush to approximately the size of the dust particles that you would like (e.g. 10 or 20). Set the Hardness to 20%.

Activate the Spacing option and set it to its maximum value (1000%). This will make the brush appear as dots instead of a line.

Particle brush settings

Step 6

Select Shape Dynamics and activate it using the tick box on the left. Set the Size Jitter to 100%. If you are using a tablet, you can also activate the pen pressure and use the settings below:

  • Control: Pen Pressure
  • Minimum Diameter: 5%
  • Angle Jitter: 0%
  • Roundness Jitter: 0%
Shape dynamics for particles brush

Step 7

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
  • Count: 2
Scattering for particles brush

Step 8

Select Transfer and activate it using the tick box on the left. Set the Opacity Jitter to 100%.

Select transfer for particles brush

Step 9

Activate Wet Edges and Smoothing.

Activate wet edges and smoothing

Step 10

Once you are happy with the settings, you can save the brush as a preset by clicking on the Create New Brush button on the bottom right.

Save the particles brush

Step 11

Use a new layer to add the dust particles Photoshop brush to see what the brush looks like on your image. You can also set the Opacity of the layer down to around 20% to make it lighter. The end result here can also be used as a sparkle effect Photoshop brush.

Apply small particles to the photograph

3. How to Create Particle Effects in Photoshop Using Custom Brushes

Step 1

In this section of the tutorial, you will learn how to create particle effects in Photoshop using a custom brush. To create a new brush, we need to create a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1000 px
  • Height: 1000 px
  • Resolution: 300
  • Color Mode: RGB Color
Create a new document

Step 2

Create a new layer (Shift-Control-N) by clicking on the New Layer button in the Layers panel. This is the layer where we will create the light particle brush. You can also rename the layer 'Light Particles’.

Create a new layer

Step 3

Select the Brush Tool (B).

Select the brush tool

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Select brush settings

Step 5

Now go to the brush library and select the standard round brush. This will be the base for our light particle effect Photoshop brush.

Select standard round brush

Step 6

Under Brush Tip Shape, set the Hardness to 40%.

Set hardness to 40 percent

Step 7

Make sure that your background and foreground colors are set to Black and White. Select the black color so that your light particle brush color is black.

Select color for light particles brush

Step 8

Using the square bracket keys on your keyboard (they look like [ or ] on the keyboard), you can increase or decrease the size of your brush. Use this to create some light particle spots within the square. 

Depending on how dense you want your light particle brush to be, you can increase or decrease the number of light particle dots within the square. Try to randomize the size and the location of each light particle dot to create the best results (see below for a few different examples). For a bokeh effect Photoshop brush, you may want to use a wider brush with fewer particles.

Examples of light particles brush setup

Step 9

Remove the background layer.

Delete background layer

Step 10

Now go to Edit > Define Brush Preset and give the brush a name such as 'particle effect Photoshop brush’. Feel free to create a few different versions of this.

Define brush preset

4. How to Adjust and Customize the Light Particles Photoshop Brush

Step 1

After clicking on the OK button, you’ll find that your new light particles Photoshop brush has been automatically selected and is ready to be used.

You can now also select the brush in the Brush Settings panel or the Brushes panel.

Particles brush can be found in the menu

Step 2

Now switch back to the original photograph document by clicking on the tab at the top.

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the light particle brush that you have selected.

Use brush settings

Step 3

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
Adjust scattering

5. How to Adjust the Color of the Background Photo Image

Step 1

In order to give our background layer a cold atmosphere, we will apply a blue hue. Create a new layer above the background layer (our photograph) and use the Fill Tool to color it in blue. 

Set the layer to Overlay in order to see what kind of effect it will have on the photo.

Change blending mode to overlay

Step 2

Keep adjusting the color of the overlay layer until you are happy with the result. Below is an example of a dark blue (#0e2640) overlay layer on top of the photograph.

Adjust the color of the photograph

Step 3

Create another new layer and set the layer mode to Overlay with an Opacity setting of 75%. Use the soft round brush to color the top of the photograph using a light blue (#b3dbe4).

This will add a bright light glow to the top or wherever your light source is in the photograph.

Add light source

Step 4

Now use a slightly warmer color (#d1aea6) and use the soft round brush to warm up the darker areas of the photograph—for example, the top left of the example photograph shown below.

Add warmer colors

Step 5

Next, we’ll adjust the photo further by going to Image > Adjustments > Curves.

Adjust the curves

Step 6

In the curve properties, we can adjust the graph for the red, green and blue channel. The example below shows how each has been adjusted slightly by clicking a point on the line and then moving it either up or down. 

Use the curves graphs

Step 7

Use the graph settings to come up with a look that you like.

Adjusted photograph exmaple

6. How to Use the Light Particles Photoshop Brush

Step 1

Now, with the particle effect Photoshop brush all set up, we can choose a color for it. For this tutorial, we will select white for the light particles.

Create a new layer and call it 'Back Light Particles’. Make the size of the brush small using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 20%.

Apply back light particles

Step 2

Create a new layer and call it 'Mid Light Particles’. Make the size of the brush slightly larger using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 90%.

Apply middle light particles

Step 3

Create a new layer and call it 'Front Light Particles’. Increase the size of the particle effect Photoshop brush and create some light particles for the foreground using the brush. Set the Opacity to 30%.

Apply front light particles

Step 4

Select the 'Front Light Particles’ layer, and then go to Filter > Blur > Gaussian Blur and set the percentage value to 15%.

Blur the light particles

7. How to Add a Vignette

Step 1

Create a new layer and use the Fill Tool (G) to fill it with black. Then use the Ellipse Tool (U) to draw a white oval in the middle. Merge both of these layers.

Create a white ellipse on a black background

Step 2

In the top menu, go to Filter > Blur > Gaussian Blur and adjust the settings until the layer looks similar to the image shown below.

Blur the shape

Step 3

Set the layer to Multiply.

Set the layer to multiply

Step 4

Adjust the opacity of the layer to your liking. In this example, we have set the Opacity to 25%.

Adjust the opacity

Awesome! You’re Finished!

Congratulations! You have successfully completed this tutorial. Feel free to share your own creations below! I hope you found this tutorial helpful and that you’ve learned many new tips and tricks that you can use for your future illustrations. See you next time!

How to create particle effects in Photoshop

Learn More Particles Art Skills!

If you liked this and are looking to learn some more light particle effects or anything similar, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!

Web Tools

How to Create a Light Particles Photoshop Brush

Post pobrano z: How to Create a Light Particles Photoshop Brush

Final product image
What You’ll Be Creating

Welcome to How to Create Light Particles Photoshop Brush! In this tutorial, you will learn the step-by-step process of how to create a particle effect using Photoshop brushes.

Adding light particles to an illustration or photo is a great way to enhance your image and make it more eye-catching. One of the best things about using a light particle Photoshop brush is that it has such a wide range of uses, such as adding a bokeh effect, a sparkle effect, dust particles, and even snow effects! 

Change the appearance of a photograph with particles

To get started with this tutorial, we’ll need a photograph or image to use as a background for our light particles. You can find a wide range of professional photos on Envato Elements. Whether you’re looking for a spooky forest or a glitzy wedding image, you’ll be able to find all sorts of inspirational topics to help you get started. For a single monthly rate, you can unlock access to all of these and countless others.

For this tutorial, we will use a photo called ’Path through misty haunted woods’.

1. How to Set Up a New Project File

Step 1

Let’s get started by setting up a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1920 px
  • Height: 1080 px
  • Resolution: 72
  • Color Mode: RGB Color
Create a new document

Step 2

Download a background image from Envato Elements or use your own image. For this tutorial, we will use a photo called ’Path through misty haunted woods’.

Use an existing photograph

Step 3

Open the background image in Photoshop (File > Open and then navigate to the file location on your hard drive). Select the whole image by using the Marquee Tool (M) or by pressing Control-A on the keyboard to select all. Press Control-C to copy the image.

Select the Marquee Tool

Step 4

Now return to the original document and press Control-V to paste it. 

Alternatively, you can change the size of the image by going to Image > Image Size and changing the values to something close to 1920 x 1080.

Then use Edit > Free Transform (Control-T) to resize the image or layer to fit the 1920×1080 sized document.

Change the image size

2. How to Create Small Dust Particles in Photoshop

Step 1

In this section of the tutorial, we will first learn how to add dust particles in Photoshop. Create a new layer (Shift-Control-N) and rename it Small Dust Particles. This is the layer where we will paint our dust particles Photoshop brush.

Create a new layer

Step 2

Select the Brush Tool (B).

Select the Brush Tool

Step 3

Now go to the brush library and select a standard round brush.

Select brush size and hardness

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Brush settings

Step 5

Under Brush Tip Shape, set the size of the brush to approximately the size of the dust particles that you would like (e.g. 10 or 20). Set the Hardness to 20%.

Activate the Spacing option and set it to its maximum value (1000%). This will make the brush appear as dots instead of a line.

Particle brush settings

Step 6

Select Shape Dynamics and activate it using the tick box on the left. Set the Size Jitter to 100%. If you are using a tablet, you can also activate the pen pressure and use the settings below:

  • Control: Pen Pressure
  • Minimum Diameter: 5%
  • Angle Jitter: 0%
  • Roundness Jitter: 0%
Shape dynamics for particles brush

Step 7

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
  • Count: 2
Scattering for particles brush

Step 8

Select Transfer and activate it using the tick box on the left. Set the Opacity Jitter to 100%.

Select transfer for particles brush

Step 9

Activate Wet Edges and Smoothing.

Activate wet edges and smoothing

Step 10

Once you are happy with the settings, you can save the brush as a preset by clicking on the Create New Brush button on the bottom right.

Save the particles brush

Step 11

Use a new layer to add the dust particles Photoshop brush to see what the brush looks like on your image. You can also set the Opacity of the layer down to around 20% to make it lighter. The end result here can also be used as a sparkle effect Photoshop brush.

Apply small particles to the photograph

3. How to Create Particle Effects in Photoshop Using Custom Brushes

Step 1

In this section of the tutorial, you will learn how to create particle effects in Photoshop using a custom brush. To create a new brush, we need to create a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1000 px
  • Height: 1000 px
  • Resolution: 300
  • Color Mode: RGB Color
Create a new document

Step 2

Create a new layer (Shift-Control-N) by clicking on the New Layer button in the Layers panel. This is the layer where we will create the light particle brush. You can also rename the layer 'Light Particles’.

Create a new layer

Step 3

Select the Brush Tool (B).

Select the brush tool

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Select brush settings

Step 5

Now go to the brush library and select the standard round brush. This will be the base for our light particle effect Photoshop brush.

Select standard round brush

Step 6

Under Brush Tip Shape, set the Hardness to 40%.

Set hardness to 40 percent

Step 7

Make sure that your background and foreground colors are set to Black and White. Select the black color so that your light particle brush color is black.

Select color for light particles brush

Step 8

Using the square bracket keys on your keyboard (they look like [ or ] on the keyboard), you can increase or decrease the size of your brush. Use this to create some light particle spots within the square. 

Depending on how dense you want your light particle brush to be, you can increase or decrease the number of light particle dots within the square. Try to randomize the size and the location of each light particle dot to create the best results (see below for a few different examples). For a bokeh effect Photoshop brush, you may want to use a wider brush with fewer particles.

Examples of light particles brush setup

Step 9

Remove the background layer.

Delete background layer

Step 10

Now go to Edit > Define Brush Preset and give the brush a name such as 'particle effect Photoshop brush’. Feel free to create a few different versions of this.

Define brush preset

4. How to Adjust and Customize the Light Particles Photoshop Brush

Step 1

After clicking on the OK button, you’ll find that your new light particles Photoshop brush has been automatically selected and is ready to be used.

You can now also select the brush in the Brush Settings panel or the Brushes panel.

Particles brush can be found in the menu

Step 2

Now switch back to the original photograph document by clicking on the tab at the top.

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the light particle brush that you have selected.

Use brush settings

Step 3

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
Adjust scattering

5. How to Adjust the Color of the Background Photo Image

Step 1

In order to give our background layer a cold atmosphere, we will apply a blue hue. Create a new layer above the background layer (our photograph) and use the Fill Tool to color it in blue. 

Set the layer to Overlay in order to see what kind of effect it will have on the photo.

Change blending mode to overlay

Step 2

Keep adjusting the color of the overlay layer until you are happy with the result. Below is an example of a dark blue (#0e2640) overlay layer on top of the photograph.

Adjust the color of the photograph

Step 3

Create another new layer and set the layer mode to Overlay with an Opacity setting of 75%. Use the soft round brush to color the top of the photograph using a light blue (#b3dbe4).

This will add a bright light glow to the top or wherever your light source is in the photograph.

Add light source

Step 4

Now use a slightly warmer color (#d1aea6) and use the soft round brush to warm up the darker areas of the photograph—for example, the top left of the example photograph shown below.

Add warmer colors

Step 5

Next, we’ll adjust the photo further by going to Image > Adjustments > Curves.

Adjust the curves

Step 6

In the curve properties, we can adjust the graph for the red, green and blue channel. The example below shows how each has been adjusted slightly by clicking a point on the line and then moving it either up or down. 

Use the curves graphs

Step 7

Use the graph settings to come up with a look that you like.

Adjusted photograph exmaple

6. How to Use the Light Particles Photoshop Brush

Step 1

Now, with the particle effect Photoshop brush all set up, we can choose a color for it. For this tutorial, we will select white for the light particles.

Create a new layer and call it 'Back Light Particles’. Make the size of the brush small using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 20%.

Apply back light particles

Step 2

Create a new layer and call it 'Mid Light Particles’. Make the size of the brush slightly larger using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 90%.

Apply middle light particles

Step 3

Create a new layer and call it 'Front Light Particles’. Increase the size of the particle effect Photoshop brush and create some light particles for the foreground using the brush. Set the Opacity to 30%.

Apply front light particles

Step 4

Select the 'Front Light Particles’ layer, and then go to Filter > Blur > Gaussian Blur and set the percentage value to 15%.

Blur the light particles

7. How to Add a Vignette

Step 1

Create a new layer and use the Fill Tool (G) to fill it with black. Then use the Ellipse Tool (U) to draw a white oval in the middle. Merge both of these layers.

Create a white ellipse on a black background

Step 2

In the top menu, go to Filter > Blur > Gaussian Blur and adjust the settings until the layer looks similar to the image shown below.

Blur the shape

Step 3

Set the layer to Multiply.

Set the layer to multiply

Step 4

Adjust the opacity of the layer to your liking. In this example, we have set the Opacity to 25%.

Adjust the opacity

Awesome! You’re Finished!

Congratulations! You have successfully completed this tutorial. Feel free to share your own creations below! I hope you found this tutorial helpful and that you’ve learned many new tips and tricks that you can use for your future illustrations. See you next time!

How to create particle effects in Photoshop

Learn More Particles Art Skills!

If you liked this and are looking to learn some more light particle effects or anything similar, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!

Web Tools

How to Create a Light Particles Photoshop Brush

Post pobrano z: How to Create a Light Particles Photoshop Brush

Final product image
What You’ll Be Creating

Welcome to How to Create Light Particles Photoshop Brush! In this tutorial, you will learn the step-by-step process of how to create a particle effect using Photoshop brushes.

Adding light particles to an illustration or photo is a great way to enhance your image and make it more eye-catching. One of the best things about using a light particle Photoshop brush is that it has such a wide range of uses, such as adding a bokeh effect, a sparkle effect, dust particles, and even snow effects! 

Change the appearance of a photograph with particles

To get started with this tutorial, we’ll need a photograph or image to use as a background for our light particles. You can find a wide range of professional photos on Envato Elements. Whether you’re looking for a spooky forest or a glitzy wedding image, you’ll be able to find all sorts of inspirational topics to help you get started. For a single monthly rate, you can unlock access to all of these and countless others.

For this tutorial, we will use a photo called ’Path through misty haunted woods’.

1. How to Set Up a New Project File

Step 1

Let’s get started by setting up a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1920 px
  • Height: 1080 px
  • Resolution: 72
  • Color Mode: RGB Color
Create a new document

Step 2

Download a background image from Envato Elements or use your own image. For this tutorial, we will use a photo called ’Path through misty haunted woods’.

Use an existing photograph

Step 3

Open the background image in Photoshop (File > Open and then navigate to the file location on your hard drive). Select the whole image by using the Marquee Tool (M) or by pressing Control-A on the keyboard to select all. Press Control-C to copy the image.

Select the Marquee Tool

Step 4

Now return to the original document and press Control-V to paste it. 

Alternatively, you can change the size of the image by going to Image > Image Size and changing the values to something close to 1920 x 1080.

Then use Edit > Free Transform (Control-T) to resize the image or layer to fit the 1920×1080 sized document.

Change the image size

2. How to Create Small Dust Particles in Photoshop

Step 1

In this section of the tutorial, we will first learn how to add dust particles in Photoshop. Create a new layer (Shift-Control-N) and rename it Small Dust Particles. This is the layer where we will paint our dust particles Photoshop brush.

Create a new layer

Step 2

Select the Brush Tool (B).

Select the Brush Tool

Step 3

Now go to the brush library and select a standard round brush.

Select brush size and hardness

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Brush settings

Step 5

Under Brush Tip Shape, set the size of the brush to approximately the size of the dust particles that you would like (e.g. 10 or 20). Set the Hardness to 20%.

Activate the Spacing option and set it to its maximum value (1000%). This will make the brush appear as dots instead of a line.

Particle brush settings

Step 6

Select Shape Dynamics and activate it using the tick box on the left. Set the Size Jitter to 100%. If you are using a tablet, you can also activate the pen pressure and use the settings below:

  • Control: Pen Pressure
  • Minimum Diameter: 5%
  • Angle Jitter: 0%
  • Roundness Jitter: 0%
Shape dynamics for particles brush

Step 7

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
  • Count: 2
Scattering for particles brush

Step 8

Select Transfer and activate it using the tick box on the left. Set the Opacity Jitter to 100%.

Select transfer for particles brush

Step 9

Activate Wet Edges and Smoothing.

Activate wet edges and smoothing

Step 10

Once you are happy with the settings, you can save the brush as a preset by clicking on the Create New Brush button on the bottom right.

Save the particles brush

Step 11

Use a new layer to add the dust particles Photoshop brush to see what the brush looks like on your image. You can also set the Opacity of the layer down to around 20% to make it lighter. The end result here can also be used as a sparkle effect Photoshop brush.

Apply small particles to the photograph

3. How to Create Particle Effects in Photoshop Using Custom Brushes

Step 1

In this section of the tutorial, you will learn how to create particle effects in Photoshop using a custom brush. To create a new brush, we need to create a New Document in Adobe Photoshop (File > New or Control-N). For this tutorial, we will use the settings below:

  • Width: 1000 px
  • Height: 1000 px
  • Resolution: 300
  • Color Mode: RGB Color
Create a new document

Step 2

Create a new layer (Shift-Control-N) by clicking on the New Layer button in the Layers panel. This is the layer where we will create the light particle brush. You can also rename the layer 'Light Particles’.

Create a new layer

Step 3

Select the Brush Tool (B).

Select the brush tool

Step 4

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the brush that you have selected.

Select brush settings

Step 5

Now go to the brush library and select the standard round brush. This will be the base for our light particle effect Photoshop brush.

Select standard round brush

Step 6

Under Brush Tip Shape, set the Hardness to 40%.

Set hardness to 40 percent

Step 7

Make sure that your background and foreground colors are set to Black and White. Select the black color so that your light particle brush color is black.

Select color for light particles brush

Step 8

Using the square bracket keys on your keyboard (they look like [ or ] on the keyboard), you can increase or decrease the size of your brush. Use this to create some light particle spots within the square. 

Depending on how dense you want your light particle brush to be, you can increase or decrease the number of light particle dots within the square. Try to randomize the size and the location of each light particle dot to create the best results (see below for a few different examples). For a bokeh effect Photoshop brush, you may want to use a wider brush with fewer particles.

Examples of light particles brush setup

Step 9

Remove the background layer.

Delete background layer

Step 10

Now go to Edit > Define Brush Preset and give the brush a name such as 'particle effect Photoshop brush’. Feel free to create a few different versions of this.

Define brush preset

4. How to Adjust and Customize the Light Particles Photoshop Brush

Step 1

After clicking on the OK button, you’ll find that your new light particles Photoshop brush has been automatically selected and is ready to be used.

You can now also select the brush in the Brush Settings panel or the Brushes panel.

Particles brush can be found in the menu

Step 2

Now switch back to the original photograph document by clicking on the tab at the top.

Go to the Brush Settings panel (Window > Brush Settings) where you will find many options to adjust the light particle brush that you have selected.

Use brush settings

Step 3

Select Scattering and activate it using the tick box on the left. Make sure that the option for Both Axes has been selected. Then follow the settings below:

  • Scatter: Both Axes 1000%
Adjust scattering

5. How to Adjust the Color of the Background Photo Image

Step 1

In order to give our background layer a cold atmosphere, we will apply a blue hue. Create a new layer above the background layer (our photograph) and use the Fill Tool to color it in blue. 

Set the layer to Overlay in order to see what kind of effect it will have on the photo.

Change blending mode to overlay

Step 2

Keep adjusting the color of the overlay layer until you are happy with the result. Below is an example of a dark blue (#0e2640) overlay layer on top of the photograph.

Adjust the color of the photograph

Step 3

Create another new layer and set the layer mode to Overlay with an Opacity setting of 75%. Use the soft round brush to color the top of the photograph using a light blue (#b3dbe4).

This will add a bright light glow to the top or wherever your light source is in the photograph.

Add light source

Step 4

Now use a slightly warmer color (#d1aea6) and use the soft round brush to warm up the darker areas of the photograph—for example, the top left of the example photograph shown below.

Add warmer colors

Step 5

Next, we’ll adjust the photo further by going to Image > Adjustments > Curves.

Adjust the curves

Step 6

In the curve properties, we can adjust the graph for the red, green and blue channel. The example below shows how each has been adjusted slightly by clicking a point on the line and then moving it either up or down. 

Use the curves graphs

Step 7

Use the graph settings to come up with a look that you like.

Adjusted photograph exmaple

6. How to Use the Light Particles Photoshop Brush

Step 1

Now, with the particle effect Photoshop brush all set up, we can choose a color for it. For this tutorial, we will select white for the light particles.

Create a new layer and call it 'Back Light Particles’. Make the size of the brush small using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 20%.

Apply back light particles

Step 2

Create a new layer and call it 'Mid Light Particles’. Make the size of the brush slightly larger using the square bracket keys or the brush settings. Use the particle effect Photoshop brush and create some light particles for the photographic image. Set the Opacity to 90%.

Apply middle light particles

Step 3

Create a new layer and call it 'Front Light Particles’. Increase the size of the particle effect Photoshop brush and create some light particles for the foreground using the brush. Set the Opacity to 30%.

Apply front light particles

Step 4

Select the 'Front Light Particles’ layer, and then go to Filter > Blur > Gaussian Blur and set the percentage value to 15%.

Blur the light particles

7. How to Add a Vignette

Step 1

Create a new layer and use the Fill Tool (G) to fill it with black. Then use the Ellipse Tool (U) to draw a white oval in the middle. Merge both of these layers.

Create a white ellipse on a black background

Step 2

In the top menu, go to Filter > Blur > Gaussian Blur and adjust the settings until the layer looks similar to the image shown below.

Blur the shape

Step 3

Set the layer to Multiply.

Set the layer to multiply

Step 4

Adjust the opacity of the layer to your liking. In this example, we have set the Opacity to 25%.

Adjust the opacity

Awesome! You’re Finished!

Congratulations! You have successfully completed this tutorial. Feel free to share your own creations below! I hope you found this tutorial helpful and that you’ve learned many new tips and tricks that you can use for your future illustrations. See you next time!

How to create particle effects in Photoshop

Learn More Particles Art Skills!

If you liked this and are looking to learn some more light particle effects or anything similar, check out the tutorials below! Expand your expertise by going through these in-depth guides. Happy designing!

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie