Archiwum kategorii: Web Tools

7 WordPress Website Design To Inspire You

Post pobrano z: 7 WordPress Website Design To Inspire You

Even if you always design websites from scratch, it’s wise to take a look at the many inspirational ways that other designers have made templates their own. For instance, many of the available WordPress templates are impressive, to begin with, but they take on new life with the right touch. Let’s take a look at […]

The post 7 WordPress Website Design To Inspire You appeared first on Web Resources Depot.

How to Create a Graffiti Effect in Adobe Photoshop

Post pobrano z: How to Create a Graffiti Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

Learn how to create graffiti art from your photos in Adobe Photoshop, using filters and adjustments.

The graffiti effect is part of Graffiti Effect with Pop Up Photoshop Action from my portfolio on Envato Market.

Graffiti Effect with Pop Up Photoshop Action
Graffiti Effect with Pop Up Photoshop Action

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create the Brick Wall Background

Create an 850 x 630 px New Document. You can, of course, use another size for your PSD file, but you have to proportionally adjust all the sizes used in this tutorial. 

Add the Brick Wall in a New Layer. Resize the image if needed according to your canvas size.

Brick Wall Texture

2. How to Add the Graffiti Art

Step 1

In a New Layer, add the Graffiti Wall texture. Resize the image if needed according to your canvas size.

Graffiti Wall Texture

Step 2

Click the second icon at the bottom of the Layers panel to add a Layer Mask to the Graffiti Wall layer.

Add Layer Mask in Photoshop

Set the Foreground Color to #000000 and pick the Brush Tool. Use the Grunge Brush to paint inside the mask to hide some of the graffiti effect and to reveal the brick wall.

Paint Inside the Layer Mask in Photoshop

3. How to Create the Graffiti Portrait Effect

Step 1

Add the Man Portrait in a New Layer. Use the Magic Wand Tool to select the background of this image. Set the Tolerance to 10 and check Contiguous. Keep the Shift key pressed to make multiple selections. Press Delete to remove the selected background.

Remove Background in Photoshop

Press Control-D to deselect. 

Step 2

Press Control-J to Duplicate the Man Portrait layer twice, and call the new layers Man Portrait 1 and Man Portrait 2. Hide the two newly created layers. Clicking the eye icon next to any layer on the Layers panel will hide/show the layer.

Duplicate Layers in Photoshop

Step 3

Return to the Man Portrait layer and add a Stroke layer style of 4 px, Position center, Color #000000.

Add Stroke Layer Style

Step 4

Go to Filter > Artistic > Cutout and choose the Number of Levels 8, Edge Simplicity 0 and Edge Fidelity 3.

Filter Artistic Cutout Photoshop Filter

Cutout Filter in Photoshop

Step 5

Go to Layer > New Adjustment Layer > Posterize and set the Levels to 5. Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Posterize Adjustment in Photoshop

Step 6

Go to Layer > New Adjustment Layer > Brightness/Contrast and set the Brightness to 117 and the Contrast to -50. Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Brightness and Contrast Adjustment in Photoshop

Step 7

Go to Layer > New Adjustment Layer > Hue/Saturation and set the Hue to 129 and the Saturation to 100. Click on the third button from the left to add this adjustment as a Clipping Mask for the layer below.

Hue and Saturation Adjustment in Photoshop

Pick the Brush Tool and use the Grunge Brush to paint inside the Hue/Saturation Mask using the color #000000 to reveal the original color below.

Paint Inside the Layer Mask

Step 8

Create a New Layer. Copy and paste the Graffiti Wall image in this layer. Right-click on the layer and choose Create Clipping Mask

Create Clipping Mask in Photoshop

Change the Blend Mode of the Graffiti Effect layer to Lighter Color.

Blend Mode Lighter Color in Photoshop

Click the second icon at the bottom of the Layers panel to add a Layer Mask to the Graffiti Effect layer. Pick the Brush Tool and use the Grunge Brush to paint inside the Layer Mask using color #000000 to hide some details.

Paint Inside the Layer Mask in Photoshop

Step 9

Click the eye icon next to Man Portrait 1 layer to show the layer. Set the Foreground Color to #000000 and the Background Color to #ffffff.

Show Layer in Photoshop

Step 10

Go to Filter > Sketch > Photocopy and set the Detail to 3 and the Darkness to 50

Photocopy Filter in Photoshop

Step 11

Go to Filter > Artistic > Cutout and set the Number of Levels to 3, Edge Simplicity to 3 and Edge Fidelity to 3

Cutout Filter in Photoshop

Step 12

Go to Image > Adjustments > Levels and set the Input Levels.

Levels Adjustment in Photoshop

Step 13

Set the Blend Mode of the Man Portrait 1 to Multiply.

Multiply Blend Mode in Photoshop

If you want, you can repeat the same process but with different settings for the Man Portrait 2 layer, but this step is optional.

4. How to Create the Brick Effect

Step 1

Press Shift-Control-N to create a New Layer above all the other layers. 

Press Shift-Control-Alt-E to Merge all the visible layers. Call this layer Brick Effect

Merge All Visible Layers in Photoshop

Step 2

Add a Layer Mask to the Brick Effect layer.

Add Layer Mask in Photoshop

Step 3

Go to Image > Trim and trim the canvas based on transparent pixels.

Trim Canvas in Photoshop

Step 4

Go to Brick Wall layer and make a selection using the Rectangular Marquee Tool. Press Control-C to make a Copy of the selection.

Copy Selection in Photoshop

Step 5

Go back to the Brick Effect layer and on the Channels tab click on the eye icon next to the Brick Effect Mask to make it visible. Press Control-V to Paste the selection in this mask.

Work with Channels in Photoshop

Step 6

Return to the Layers tab and press Control-D to Deselect. Also click on the Brick Effect Layer Thumbnail.

Use Image as Layer Mask in Photoshop

Step 7

Open the Layer Style Window of the Brick Effect layer and add a Bevel and Emboss

Bevel and Emboss in Photoshop

Congratulations! You’re Done!

In this tutorial, you’ve learned how to create a graffiti effect in Photoshop from scratch using brushes and textures. I hope you’ve enjoyed this tutorial.

For faster results, feel free to download this action Graffiti Effect with Pop Up Photoshop Action from my portfolio on Envato Market.

Graffiti Effect with Pop Up Photoshop Action
Graffiti Effect with Pop Up Photoshop Action

And check out the final result below!

Graffiti Wall Photo Effect Photoshop Tutorial

How to Create a Colorful Salad Plate in Adobe Illustrator

Post pobrano z: How to Create a Colorful Salad Plate in Adobe Illustrator

Final product image
What You’ll Be Creating

In
this new tutorial you will learn how to draw a colorful salad on a
plate, but let’s choose a different angle because that means more fun.
At the beginning, we will create a simple plate, and after that it’s
time to get creative in arranging the ingredients of this salad:
rocket leaves, pieces of red and yellow peppers, onion rings, tasty
slices of tomatoes, radishes, and black olives. At the end, it’s all
about the shadows in order to give it a more realistic look. Let’s
start the fun!

If
you are hungry for more food icons or vector icons in general, then
run over to GraphicRiver and you’ll surely find what are you looking
for there. 

1. How
to Create a New Document 

Launch
Illustrator
and
go to
File
> New
to
open a blank document. Type a name for your file, set up the
dimensions, and then select
Pixels
as
Units
and
RGB
as
Color
Mode
.
Make sure that
Align
New Objects to Pixel Grid
is
not checked.

Next,
go to
Edit
> Preferences > General
and
set the
Keyboard
Increment
to
1
px
and
while there, go to
Units
to
make sure they are set as in the following image. I usually work with
these settings, and they will help you throughout the drawing process.

how to open a new illustrator document

2. How
to Draw a Simple Plate

Step
1

Let’s
start with an ellipse about 610 x 75 px Filled with the Linear Gradient shown (1). Next, draw another ellipse slightly bigger only
at the bottom and send it behind the first (2).

how to draw the plate shape

Step
2

To
create the center of the plate, draw a new ellipse about 480 x 58 px
(1). Now, select the first ellipse and Copy and Paste in Place
(Shift-Control-V)
in order to make a copy of it (2). While this copy
(the black ellipse) and the red ellipse stay selected, press
Intersect in the Pathfinder panel. Fill the new shape with the Linear Gradient shown (3).

how to create the inside of the plate

Step
3

Grab
the Pen Tool (P) and draw a shape like the one below. The important part is
the curve at the bottom which is a bit lower than the rest of the
ellipses and creates the thin border. Use the Gradient shown and then
send this shape behind everything. 

how to create a thin edge on plate

Step
4

Next,
draw the bottom of the plate like in the following image. Use the Gradient shown and then send this shape behind everything. 

how to draw the depth of the plate

Step
5

Draw
another shape like earlier, where the bottom curve is a bit lower than
the rest of the plate, in order to create a darker thin border

(1).

Continue
with the last ellipse at the bottom of the plate about 280 x 58 px Filled with the Linear Gradient shown, and then send it behind
everything (2). 

how to draw the bottom of the plate

Step
6

To
add a highlight on the bottom of the plate, draw a very thin shape
with the Pen Tool (P) following the bottom edge, and Fill it with the Linear Gradient shown.

add highlight on the bottom of the plate

Step
7

Now,
follow the outer edge of the plate and draw two new thin shapes as
shown. After that, the plate is ready, and you can see the final result
in the image below (3).

add details on the edges of the plate

3. How to Draw the Rocket Leaf (Arugula)

It’s
time to draw the components of this tasty salad, and the first
ingredient is rocket, also known as arugula. Take the Pen Tool (P) and draw a leaf shape similar to the one below. Once you are happy with the shape, Fill it with the Linear Gradient shown (1).

Next,
draw a thin shape through the middle of the leaf and Fill it with the Gradient
shown (2).

That’s
it! The leaf is ready. Group (Control-G) the two shapes and name the
group “rocket”.

how to draw vector rocket arugula

4. How
to Draw the Onion Ring

Step
1

Use
the Ellipse Tool (L) to draw two shapes and arrange them as shown in the
next image (1). The size is not important because you will scale all of the ingredients later anyway. While the two ellipses stay
selected, go to Object > Compound Path > Make (Control-8) and Fill the resulting shape with a pale purple (2).

Select
the ring and then Copy and Paste in Back (Control-B) to make a copy
of it. Move this copy 2-3 px downwards with the help of the Down
Arrow
key on your keyboard (3). 

Select the original ring again and
then Copy and Paste in Place (Shift-Control-V) to make another copy
of it. Having this new copy of the ring selected along with the black
ring, press Minus Front in the Pathfinder panel. Send the resulting
two shapes in the back (4) and Fill them with the two shades of
purple shown (5).

how to draw a vector onion ring

Step
2

The
onion ring is ready. You can create another version, but this is
optional. Just make a Copy of the onion ring and then use only two out of the
three shades of purple. 

Group (Control-G) the shapes and name the groups “onion ring 1” and “onion ring 2”.

how to create a second onion ring

5. How
to Draw the Piece of Red Pepper

Step
1

Next
on the list of ingredients is the red pepper. Draw a shape similar to
the one below with the help of the Pen Tool (P) and
use red as the Fill color (1). While this shape stays selected, go to
Object > Transform > Scale, type 105% in the Scale field, and
then hit Copy. As a result, you will get a slightly bigger shape. Use
a darker shade of red to Fill it and send it behind the first (2).

Grab
the Pen Tool (P) again and draw a new shape in front of the two Filled with a lighter shade of red (3). Fix the ends of the pepper if
necessary and align the points with the Direct Selection Tool (A).
The piece of red pepper is ready now (4).

how to draw a piece of red pepper

Step
2

This
step is optional, but if you want more color in your salad, you can
create a piece of yellow pepper. Simply make a Copy of the red
pepper and replace the Fill colors.

Group
(Control-G)
the shapes and name the groups “red pepper” and
yellow pepper”.

how to create a piece of yellow pepper

6. How
to Draw the Slice of Tomato

Step
1

Use
the Pen Tool (P) to draw the tomato slice and Fill it with a dark
shade of red. While the shape stays selected, add a New Fill in the
Appearance panel above the first and use an orangey-red color. Select this
Fill attribute, go to Effect > Distort & Transform >
Transform
and apply the settings shown. As a result, you will get the
darker edge at the bottom of the slice.

how to draw the slice of tomato

Step
2

Next,
draw a similar but smaller shape on top and Fill it with red. Add a
New Fill below the first and use a darker shade of orange. With this
Fill
attribute selected in the Appearance panel, go to Effect >
Distort & Transform > Transform
and apply a 1 px Vertical
Move
.

how to draw the pulp of the tomato slice

Step
3

Take
the Pen Tool (P) again and draw a shape like the one in the next image, Filled
with dark orange (1). Continue with a similar shape but slightly
smaller, filled with white. Set the Blending Mode to Soft Light (2).
You can see the result in the image below (3).

how to draw the center of the tomato slice

Step
4

For
the seed of the tomato, you need two tear-drop shapes. Fill the
bigger one with dark orange and the smaller one with yellow. Group
(Control-G)
the two shapes and Multiply to obtain more seeds; then Rotate and arrange them on the tomato slice.

how to draw the seeds of tomato

Step
5

Now,
draw a curved path next to the bottom edge of the slice (1). Give it
a 5 pt red Stroke; then go to Effect > Blur > Gaussian Blur and
apply a Radius of 2 px. Reduce the Opacity to 70% (2).

Select
the slice shape and then Copy and Paste in Place (Shift-Control-V) in
order to make a copy of it in front of everything. Set this copy to
stroke-none and fill-none. Now, select the curved path along with the
copy of the slice and go to Object > Clipping Mask > Make
(Control-7)
. Name the resulting group “tomato slice” and you are
done (3). You can see the final result in the image below (4).

add detail on the pulp of tomato

7. How
to Draw the Slice of Radish

Use
the Pen Tool (P) to draw the slice shape, and after that, draw a
similar shape but bigger only at the bottom in the back (2).

Select
the blue shape and then Copy and Paste in Place (Shift-Control-V) to
make a copy of it in front of everything. Having this copy selected
along with the orange shape, press Minus Front in the Pathfinder
panel. As a result, you will get the shape at the bottom as the skin
of the radish (3). Fill the two shapes with the Radial Gradients
shown, Group (Control-G) them, and the slice of radish is ready (4). 

how to draw the slice of radish

8. How
to Draw the Black Olive

The
olive is pretty easy, and you only need two shapes: a 50 x 38 px
ellipse (1) and the highlight shape on the upper left side (2). Fill
them with the Radial Gradients shown; then Group (Control-G) them, and
you can see the final result in the image below (3).

how to draw a vector black olive

9. How
to Compose the Salad

Step
1

First,
select the “plate” group and Rotate it as shown in the following
image to make things more interesting. And now, it’s finally time to
compose the delicious salad. Grab the “rocket” group and make a
few copies. Arrange them as shown below, or you can put your
creativity to the test.

There
are plenty of shadows in this salad, and you can choose to add them at
the end once you see the final picture, but that might be a bit
overwhelming because there are so many components involved. In order
to make things easier to understand, I will show you the settings
for the Drop Shadow effect as we go along. The settings are slightly
different from step to step because they depend on the position of
each ingredient.

Some
of the ingredients don’t even need a shadow. From the three rocket
leaves in the image below, only one has the Drop Shadow effect
applied because the other two will be covered with the rest of the
ingredients by the end so it’s not really necessary. 

arrange the first rocket leaves on plate

Step
2

Next,
grab the “red pepper” group and move it on the plate. Apply the
Drop Shadow effect to create a shadow. The same thing goes for the
yellow pepper” group.

It
looks weird for the moment, but at the end we’ll use a Mask to hide
the ingredients that go over the edge of the plate.

arrange red and yellow pepper on plate

Step
3

Duplicate and arrange more rocket leaves. For the leaves that are up in the
air, you don’t need to apply the Drop Shadow effect because the
shadow should exist only on the plate and not outside and around the
plate.

arrange more rocket leaves on plate

Step
4

Next,
put an olive on the plate and apply the Drop Shadow effect. 

Also, put
an onion ring and a yellow pepper on the left side but without the
shadow this time, because they go over the edge of the plate. We will
create more detailed shadows later in the tutorial for ingredients
like these.

arrange a black olive and onion on plate

Step
5

Following
the technique explained in the previous steps, place more leaves and
other ingredients on your plate. 

arrange other salad ingredients on plate

Step
6

Arrange
another piece of red pepper, another slice of tomato, more olives and
another copy of the onion ring plus a bunch of leaves in between and
on top, as many as you want.

In
the image below, you can see the Drop Shadow settings for the onion
ring on the right side and for the rocket leaf on top of it. 

Don’t
add a shadow under the slices of tomato because we’ll take care of that
later in the tutorial. 

arrange more salad ingredients on plate

Step
7

It’s
time to arrange a few radish slices. Scale them so they are not the
same size because that is more natural. Add more leaves on top and
start to go upwards with the ingredients.

arrange radish slices on plate

Step
8

Add
another piece of yellow pepper and another slice of tomato up in the
air between the leaves. 
The
last two ingredients are the red pepper and another onion ring. 

arrange salad ingredients up in the air

10. How
to Add Shadows Between the Ingredients

Step
1

If
you are happy with your salad and the position of each ingredient, you
can now add more detailed shadows between them for a realistic
look.

Focus
on the slices of tomato and draw a path following the bottom edge,
one for each slice that you have. Give them a 3 pt black Stroke and
then apply a 3 px Gaussian Blur. After you are done, send each path
right behind the corresponding slice of tomato. 

create shadow under the tomato slices

Step
2

Now,
focus on the ingredients that are up in the air and especially on the
areas where they overlap because you need a shadow there. Take your
time, zoom in as much as you need, and draw a small path where two
ingredients are overlapping following their contour, but don’t go over
the edges (into the white background). You can see a few examples in
the close-ups. The more paths you draw, the more detailed and
realistic your salad will be.

Select
a 2 pt black Stroke for all these paths and apply a 2 px Gaussian
Blur
. Some of them are at 100% Opacity, and some of them are at 75%
Opacity
, depending on the area and the colors. Don’t forget to move
each path between the two ingredients that are overlapping in the
Layers panel because the correct order is very important in this case.

create shadow between salad ingredients

11. How
to Clean Up the Edge of the Plate

Step
1

Select
the ellipse from the inside of the plate and then Copy and Paste in
Place (Shift-Control-V)
in order to make a copy of it in front of
everything (1). Grab the Scissors Tool (C) and click on the two end
points of this copy to cut the shape in two and keep only the half in
front (2). Use the Pen Tool (P) to close this path and create a new
shape around the salad (3). 

how to create the mask shape

Step
2

Set
the shape from the previous step to StrokeNone and Fill-None. Now,
select all the ingredients of the salad along with this shape and go to Object >
Clipping Mask > Make (Control-7)
. Now, the front side of the plate
is clean, as it should be.

how to mask the salad ingredients

Step
3

If
you want to add a leaf that goes over the edge of the plate for a
more realistic look then now is the time to do it, outside the mask.
Arrange it in the desired place and then apply the Drop Shadow
effect. 

add rocket leaf on the edge of plate

12. How
to Add Highlights on the Salad

Focus
on one of the tomato slices and draw two short paths as shown in the next
image. Stroke them with the Black Blend Art Brush from another
tutorial of mine dedicated to Blending Brushes and how useful they are: How to Create a Set of
Multi-Use Blend Brushes
. I use these brushes all the time to add
highlights and details in my drawings. Set the color as
indicated and set the Stroke Weight to 0.75 pt. Keep the bigger path at
100% Opacity but for the shorter path reduce the Opacity to 50% to
make it more discreet.

Do
the same thing for the rest of the tomatoes to make them shinier.
You can also do this for the other ingredients if you want but for
me, this was enough. 

how to add highlights on tomato slices

13. How
to Create the Shadow Under the Plate

Step
1

Use
the Pen Tool (P) to draw a shape like in the next image on a New Layer behind the plate, and give it a white Fill. Continue with a
similar but smaller shape Filled with light gray and set it to 75%
Opacity

draw first two shadow shapes under the plate

Step
2

Draw
another ellipse under the bottom of the plate and Fill it with gray.
The last ellipse is much smaller and filled with a darker gray.

draw last two shadow shapes under the plate

Step
3

While
the four shapes stay selected, go to Object > Blend > Blend
Options
and choose 50 Specified Steps. Hit OK; then go back to Object
> Blend > Make (Alt-Control-B)
.

Set
the resulting blend group to Blending Mode Multiply and reduce the
Opacity to 75%, but this depends on the color of your background. 

blend shadow shapes under the plate

Congratulations!
You’re Done

The colorful salad on the plate is ready now. Grab a fork!

Let
me know if you enjoyed this tutorial, and don’t forget to share an
image of your recreation with us if you decide to have fun with it. I would love to see it.

salad plate vector illustration adobe illustrator tutorial

How to Create a Color Dust Action in Adobe Photoshop

Post pobrano z: How to Create a Color Dust Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you how to create a color dust explosion effect on any photo. At the end of the tutorial, you’ll have an action which will automate the entire process with a single click.

I’ll try to explain everything in much detail so that everyone can follow along, even if this is your first time with Photoshop.

The action we’ll be creating is part of the Color Dust Photoshop Action. Feel free to gather more inspiration from the amazing Photoshop Actions on GraphicRiver. You can also check out the Animated Color Dust Photoshop Action which will create an animated GIF from your image.

Animated Color Dust Photoshop Action

The complete action has the following additional features: 

  • Greater control over dust elements.
  • Three predefined background options.
  • Ten preset color looks and additional color adjustments.
  • Additional dust elements are also included.
  • Animated version contains options to generate animated GIF images with variable frame rates and sizes.

Here, we’ll only create the static color dust effect and apply the default color look.

Tutorial Assets

The following resources are needed for the tutorial:

1. How to Set Up Your Document

Step 1

First, open the photo on which you want to work. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, we need to check a few things:

  1. Your photo should be in RGB Color mode and 8 Bits/Channel. To check this, go to Image > Mode.
  2. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
  3. Click the fly-out list of the Layers panel and click Panel Options…. Make sure that both Use Default Masks on Fill Layers and Add „copy” to Copied Layers and Groups are checked.
Color Dust photoshop action document pre-requirements

Step 2

The effect works best with images of size 2500–4000 px width. If your image is smaller, increase it by going to Image > Image Size. You can always reduce it to your original size after the effect has been applied.

Current image is set to a width of 3500 px

2. How to Load the Brushes

Step 1

Go to Edit > Presets > Preset Manager… In the Preset Manager window, select Preset Type: Brushes and click Load…

Browse and select the Color Dust Brushes.atn file that came with the downloadable attachment. Then, click Done.

Load Color Dust Brushes

Step 2

Press B on the keyboard to select the Brush Tool. Make sure both Opacity and Flow are set to 100%.

Set both brush opacity and flow to 100 percent

3. How to Make the Effect Area Layers

Add a New Layer above the Background layer. Name the new layer subject.

Now, make a Selection around your main subject. You can also choose the Brush Tool (B) and brush over your photo using a Hard Round Brush.

Select your subject area and fill it with color

4. How to Start Recording the Action

Step 1

Now, let’s start preparing the base for our action. We’ll put it in a separate set for easier management. 

Go to Window > Actions or press F9 on the keyboard to open up the Actions panel. Then, click the Create new set icon, name the set Color Dust Photoshop Action, and click OK. We’ll place the action inside this set.

Create a new set called Color Dust Photoshop Action

Step 2

Click the Create new action icon and name it Color Dust.

Click Record to start recording all the subsequent steps in Photoshop.

Create a new action called Color Dust and start recording

From this point onwards, everything you do will be recorded, so please be careful and keep an eye on the Actions panel. If you make a mistake, click the Stop playing/recording icon, and Delete the unnecessary step from the Color Dust action. Then click the Begin recording icon again to continue. The last thing you’d want is to have a messy action filled with unwanted steps.

5. How to Create the Background

Step 1

Select the Background layer, and hide the subject layer by toggling the eyeball icon off. Then, press D on the keyboard to reset swatches.

Select the Background layer and hide the subject layer

Step 2

Go to Layer > New Fill Layer > Solid Color Name it BG Color, enter the hex color code #ffffff, and click OK.

Create a Solid Color Fill layer with hex color code ffffff

Step 3

Press Control-G to add the BG Color layer in a new Group. Then, go to Layer > Rename Group… and rename the group Color Dust. We’ll add all our further layers into this group to keep everything organized.

Add layers into the Color Dust group

Step 4

Select the subject layer, right-click on the layer thumbnail, and select Select Pixels. Then select the Background layer and press Control-J to Copy the selection into a New Layer.

Create a New Layer, rename it Base Image, and drag it above the BG Color layer (inside the Color Dust group).

Create the Base Image layer and re-position it

Step 5

Create a New Layer and name it temp-sub.

Again, select the subject layer, right-click on the layer thumbnail, and select Select Pixels. Go to Select > Modify > Smooth…, enter Sample Radius: 50 pixels and click OK.

Then, select the temp-sub layer and press Alt-Delete or to Fill the selection with the Foreground Color.

Press Control-D to deselect the current selection.

Hide the temp-sub layer by toggling the eyeball icon off.

Select pixels from the subject layer and smooth by 50 pixels

6. How to Create the Emitter Guide Layers

Step 1

Select the Base Image layer. Create a New Layer and name it emitter-1

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-1 layer. Press M on the keyboard to select the Rectangular Marquee Tool. Then, right-click on the image and select Make Work Path…. Enter Tolerance: 3.0 pixels and click OK.

Make work path from selection with tolerance 3 pixels

Step 2

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-emitter-1 brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-emitter-1 brush

Step 3

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path… Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image with the Pen Tool and select Delete Path.

Stroke path without Simulate Pressure

Step 4

Now, your image should look like below.

Image with emitter-1

Hide the emitter-1 layer by toggling the eyeball icon off.

Step 5

Create a New Layer and name it emitter-2.

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-2 layer and go to Select > Transform Selection.

Keep Reference point location at Center, enter Width: 50%Height: 1%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 50 percent and height 1 percent

Step 6

Press M on the keyboard to select the Rectangular Marquee Tool. Then, right-click on the image and select Make Work Path…. Enter Tolerance: 3.0 pixels and click OK.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-emitter-2 brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-emitter-2 brush

Step 7

Now Stroke the path with the selected brush. Your image should look like below.

Image with emitter-2

Hide the emitter-2 layer by toggling the eyeball icon off.

Step 8

Create a New Layer and name it emitter-3.

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-3 layer and go to Select > Transform Selection. Keep Reference point location at Top-Right, enter Width: 40%Height: 40%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection

Again, go to Select > Transform Selection.

Keep Reference point location at Bottom-Left, enter Width: 1%Height: 1%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection again

Step 9

Make a path from the selection and Stroke it with the selected brush. Your image should look like below.

Image with emitter-3

Hide the emitter-3 layer by toggling the eyeball icon off.

Step 10

Create a New Layer and name it emitter-4.

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-4 layer and go to Select > Transform Selection.

Keep Reference point location at Bottom-Left, enter Width: 30%Height: 30%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 30 percent height 30 percent

Again, go to Select > Transform Selection.

Keep Reference point location at Top-Right, enter Width: 1%Height: 1%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 1 percent height 1 percent

Step 11

Make a path from the selection and Stroke it with the selected brush. Your image should look like below.

Image with emitter-4

Hide the emitter-4 layer by toggling the eyeball icon off.

Step 12

Create a New Layer and name it emitter-5.

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-5 layer and go to Select > Transform Selection.

Keep Reference point location at Bottom-Right, enter Width: 30%Height: 30%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 30 percent height 30 percent

Again, go to Select > Transform Selection.

Keep Reference point location at Top-Left, enter Width: 1%Height: 1%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 1 percent height 1 percent

Step 13

Make a path from the selection and Stroke it with the selected brush. Your image should look like below.

Image with emitter-5

Hide the emitter-5 layer by toggling the eyeball icon off.

Step 14

Create a New Layer and name it emitter-6.

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Select the emitter-6 layer and go to Select > Transform Selection.

Keep Reference point location at Top-Left, enter Width: 40%Height: 40%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 40 percent height 40 percent

Again, go to Select > Transform Selection.

Keep Reference point location at Bottom-Right, enter Width: 1%Height: 1%, and click the Tick button on the top toolbar or press Enter to confirm.

Scale the selection with width 1 percent height 1 percent

Step 15

Again, make a path from the selection and Stroke it with the selected brush. Your image should look like below.

Image with emitter-6

Hide the emitter-6 layer by toggling the eyeball icon off.

Step 16

Select the emitter-1 layer. Hold Shift and select the emitter-6 layer. Press Control-J to Duplicate all selected layers.

Show the emitter-1 copyemitter-2 copyemitter-3 copyemitter-4 copyemitter-5 copy and emitter-6 copy by toggling the eyeball icons on.

Show the copies of the emitter layers

Step 17

Press Control-E to Merge the selected layers. Go to Layer > Rename Layer… and rename it emitter-7.

Now, your image should look like below.

Image with emitter-7

Hide the emitter-7 layer by toggling the eyeball icon off.

Copy of the emitter layers merged into the emitter-7 layer

7. How to Create the Background Color Dust

Step 1

Select the BG Color layer.

Go to Layer > New Fill Layer > Solid Color. Name it BG Fill Dust 1, enter the hex color code #000000, and click OK.

Create a Solid Color Fill layer with hex color code 000000

Step 2

Go to Layer > Layer Mask > Delete.

Again, go to Layer > Layer Mask > Hide All.

Now, go to Layer > Layer Mask > Unlink.

Hide the BG Fill Dust 1 layer with a black layer mask

Step 3

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4c brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-4c brush

Step 4

Select the emitter-7 layer, right-click on the layer thumbnail, and select Select Pixels.

Select pixels of the emitter-7 layer

Step 5

Select the BG Fill Dust 1 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Press D on the keyboard to reset swatches. Make sure your Foreground Color is white while the layer mask is selected.

Select the layer mask of the BG Fill Dust 1 layer

Step 6

Press M on the keyboard to select the Rectangular Marquee Tool. Then, right-click on the image and select Make Work Path…. Enter Tolerance: 3.0 pixels and click OK.

Make path from the selection with tolerance of 3 pixels

Step 7

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image with the Pen Tool and select Delete Path.

Stroke path without Simulate Pressure

Step 8

Now, your image should look like below.

Effect with the BG Fill Dust 1 layer

Step 9

Go to Layer > New Fill Layer > Solid Color. Name it BG Fill Dust 2, enter the hex color code #000000, and click OK.

Create a Solid Color Fill layer with hex color code 000000

Step 10

Repeat Step 2 for the BG Fill Dust 2 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3d brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-3d brush

Step 11

Select the emitter-7 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Fill Dust 2 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Select the layer mask of the BG Fill Dust 2 layer

Step 12

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Effect with the BG Fill Dust 2 layer

Step 13

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 1, enter the hex colour code #00ce7e, and click OK.

Create a Solid Color Fill layer with hex color code 00ce7e

Step 14

Repeat Step 2 for the BG Dust 1 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-1 brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-1 brush

Step 15

Select the emitter-1 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 1 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Select the layer mask of the BG Dust 1 layer

Step 16

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Effect with the BG Dust 1 layer

Step 17

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 1 Col 2, enter the hex colour code #0db9ea, and click OK.

Create a Solid Color Fill layer with hex color code 0db9ea

Step 18

Repeat Step 2 for the BG Dust 1 Col 2 layer.

Go to Layer > Create Clipping Mask to add the BG Dust 1 Col 2 layer as a Clipping Mask to the BG Dust 1 layer.

Layer structure after adding clipping mask

Step 19

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4c brush. Make sure both the Opacity and Flow are set to 100%.

Select the emitter-7 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 1 Col 2 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Just like before, make a path from the selection and Stroke the path with the selected brush.

Press Control-I to Invert the layer mask color.

Now, your image should look like below.

Image after applying effect on the BG Dust 1 Col 2 layer

Step 20

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 2, enter the hex color code #ef16a5, and click OK.

Create a Solid Color Fill layer with hex color code ef16a5

Step 21

Repeat Step 2 for the BG Dust 2 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-2 brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-2 brush

Step 22

Select the emitter-3 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 2 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the BG Dust 2 layer

Step 23

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 3, enter the hex color code #ffea5a, and click OK.

Create a Solid Color Fill layer with hex color code ffea5a

Step 24

Repeat Step 2 for the BG Dust 3 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4a brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-4a brush

Step 25

Select the emitter-3 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 3 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then, make a path from the current selection. Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, your image should look like below.

Image after applying effect on the BG Dust 3 layer

Step 26

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3d brush. Make sure both the Opacity and Flow are set to 100%.

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, right-click on the image with the Pen Tool and select Delete Path.

Now, your image should look like below.

Image after applying effect on the BG Dust 3 layer

Step 27

Select the emitter-4 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 3 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the current selection. Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, your image should look like below.

Image after applying effect on the BG Dust 3 layer

Step 28

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4a brush. Make sure both the Opacity and Flow are set to 100%.

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, right-click on the image with the Pen Tool and select Delete Path.

Now, your image should look like below.

Image after applying effect on the BG Dust 3 layer

Step 29

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 4, enter the hex color code #0df0ed, and click OK.

Create a Solid Color Fill layer with hex color code 0df0ed

Step 30

Repeat Step 2 for the BG Dust 4 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3c brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-3c brush

Step 31

Select the emitter-5 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 4 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the BG Dust 4 layer

Step 32

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 5, enter the hex colour code #eb18a8, and click OK.

Create a Solid Color Fill layer with hex color code eb18a8

Step 33

Repeat Step 2 for the BG Dust 5 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4a brush. Make sure both the Opacity and Flow are set to 100%.

Select the emitter-2 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 5 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Change the Blending Mode of the layer to Darken.

Now, your image should look like below.

Image after applying effect on the BG Dust 5 layer

Step 34

Go to Layer > New Fill Layer > Solid Color. Name it BG Dust 6, enter the hex color code #0db9ea, and click OK.

Create a Solid Color Fill layer with hex color code 0db9ea

Step 35

Repeat Step 2 for the BG Dust 6 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3a brush. Make sure both the Opacity and Flow are set to 100%.

Select the emitter-4 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 6 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the BG Dust 6 layer

Step 36

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3b brush. Make sure both the Opacity and Flow are set to 100%.

Select the emitter-6 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the BG Dust 6 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the BG Dust 6 layer

Your BG Dust layers should look like below.

BG Dust layers

8. How to Create the Overlay Color Dust

Step 1

Select the Base Image layer.

Go to Layer > New Fill Layer > Solid Color. Name it OL Dust 1, enter the hex color code #00ce7e, and click OK.

Create a Solid Color Fill layer with hex color code 00ce7e

Step 2

Go to Layer > Layer Mask > Delete.

Again, go to Layer > Layer Mask > Hide All.

Now, go to Layer > Layer Mask > Unlink.

Hide the OL Dust 1 layer with a black layer mask

Step 3

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-4b brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-4b brush

Step 4

Select the temp-sub layer, right-click on the layer thumbnail, and select Select Pixels.

Right-click on the layer thumbnail of the temp-sub layer and select Select Pixels

Step 5

Select the OL Dust 1 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Press D on the keyboard to reset swatches. Make sure your Foreground Color is white while the layer mask is selected.

Select the layer mask of the OL Dust 1 layer and reset swatches

Step 6

Press M on the keyboard to select the Rectangular Marquee Tool. Then, right-click on the image and select Make Work Path…. Enter Tolerance: 3.0 pixels and click OK.

Make work path

Step 7

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image with the Pen Tool and select Delete Path.

Stroke path without Simulate Pressure

Step 8

Now, your image should look like below.

Image after applying effect on the OL Dust 1 layer

Step 9

Go to Layer > New Fill Layer > Solid Color. Name it OL Dust 2, enter the hex color code #eb18a8, and click OK.

Create a Solid Color Fill layer with hex color code eb18a8

Step 10

Repeat Step 2 for the OL Dust 2 layer.

Select the emitter-5 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the OL Dust 2 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the OL Dust 2 layer

Step 11

Go to Layer > New Fill Layer > Solid Color. Name it OL Dust 3, enter the hex color code #0db9ea, and click OK.

Create a Solid Color Fill layer with hex color code 0db9ea

Step 12

Repeat Step 2 for the OL Dust 3 layer.

Select the emitter-4 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the OL Dust 3 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the selection and Stroke the path with the selected brush.

Now, your image should look like below.

Image after applying effect on the OL Dust 2 layer

Step 13

Go to Layer > New Fill Layer > Solid Color. Name it OL Dust 4, enter the hex colour code #ffea5a, and click OK.

Create a Solid Color Fill layer with hex color code ffea5a

Step 14

Repeat Step 2 for the OL Dust 4 layer.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-5 brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-5 brush

Step 15

Select the emitter-7 layer, right-click on the layer thumbnail, and select Select Pixels.

Select the OL Dust 4 layer icon. Then, select the layer mask (this is to make sure that the layer mask is always selected at this step).

Then make a path from the current selection.

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, right-click on the image with the Pen Tool and select Delete Path.

Now, your image should look like below.

Image after applying effect on the OL Dust 4 layer

Your layers structure should look like below.

Layers structure after adding the OL Dust layers

9. How to Make Image Adjustments

Step 1

Select the Base Image layer and press Control-J to Duplicate it.

Go to Layer > Rename Layer… and rename it Overlay Image. Change the Blending Mode of the Overlay Image layer to Luminosity.

Go to Layer > Layer Mask > Hide All. Select the Base Image layer and go to Layer > Layer Mask > Reveal All.

Base Image and Overlay Image layers

Step 2

Select the emitter-7 layer, right-click on the layer thumbnail, and select Select Pixels.

Press B on the keyboard to select the Brush Tool. Expand the brush selector drop-down menu and select the br-color-dust-3e brush. Make sure both the Opacity and Flow are set to 100%.

Select the br-color-dust-3e brush

Step 3

Press M on the keyboard to select the Rectangular Marquee Tool. Then, right-click on the image and select Make Work Path…. Enter Tolerance: 3.0 pixels and click OK.

Select the layer thumbnail of the Base Image layer and then select its Layer Mask. This is to make sure that the layer mask always gets selected at this point.

Press D on the keyboard to reset swatches. Then, press X on the keyboard to switch swatches and set your Foreground Color as Black.

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, your image should look like below.

Image after applying effect on the Base Image layer

Step 4

Select the layer thumbnail of the Overlay Image layer and then select its layer mask. This is to make sure that the layer mask always gets selected at this point.

Press D on the keyboard to reset swatches and set your Foreground Color as White.

Press P on the keyboard to select the Pen Tool.

Then, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Again, right-click on the image and select Stroke Path…. Make sure Simulate Pressure is not checked. Click OK.

Now, right-click on the image and select Delete Path.

Your image and layers structure should look like below.

Image after applying effect on the Overlay Image layer
Layers structure image adjustment layers

10. How to Make Additional Adjustments

Step 1

Select the OL Dust 4 layer.

Go to Layer > New Adjustment Layer > Levels… and name it Overall Levels.

Enter the following input levels – Shadow input level: 20 and Highlight input level: 245.

Levels adjustment layer

Step 2

Go to Layer > New Adjustment Layer > Curves… and name it Overall Curves.

Select the Blue channel and enter the following values.

Curves adjustment layer

Now, your image and layers structure should look like below.

Image after applying the Overall Adjustment layers
Layers structure

11. How to Tidy Up Your Groups

In the next steps, we’ll organize the layers into logical groups and color code them for ease of use.

Step 1

Select the temp-sub layer. Hold Shift and select the emitter-1 layer.

Press Delete on the keyboard to delete all eight selected layers.

Layers structure after clean-up

Step 2

Select the Overall Levels layer, hold Shift and select the Overall Curves layer.

Press Control-G to Group the layers. Go to Layer > Rename Group… and rename it as Overall Adjustments.

Right-click on the Overall Adjustments group and select Slot Color: Gray.

Overall Adjustments group

Step 3

Select the OL Dust 4 layer, hold Shift and select the OL Dust 1 layer.

Press Control-G to Group the layers. Go to Layer > Rename Group… and rename it as Overlay Dust Elements.

Right-click on the Overlay Dust Elements group and select Slot Color: Yellow.

Overlay Dust Elements group

Step 4

Select the Overlay Image layer, hold Shift and select the Base Image layer.

Press Control-G to Group the layers. Go to Layer > Rename Group… and rename it as Image Elements.

Right-click on the Image Elements group and select Slot Color: Blue.

Image Elements group

Step 5

Select the BG Dust 6 layer, hold Shift and select the BG Dust 1 layer.

Press Control-G to Group the layers. Go to Layer > Rename Group… and rename it BG Dust Elements.

Right-click on the BG Dust Elements group and select Slot Color: Red.

BG Dust Elements group

Step 6

Select the BG Fill Dust 2 layer, hold Shift and select the BG Color layer.

Press Control-G to Group the layers. Go to Layer > Rename Group… and rename it BG Elements.

Right-click on the BG Elements group and select Slot Color: Green.

BG Elements group

12. How to Finish Recording the Action

Stop recording by clicking the Stop button.

Click the Stop button to stop action recording

13. How to Customize Your Result

Now, I’ll show you how to change the color of the dust elements.

Step 1

Double-click on the BG Color layer thumbnail and enter the hex color code #000000. Click OK.

Double-click on the BG Fill Dust 1 layer thumbnail and enter the hex color code #ffffff. Click OK.

Double-click on the BG Fill Dust 2 layer thumbnail and enter the hex color code #ffffff. Click OK.

Modify background color

Step 2

Double-click on the BG Dust 1 layer thumbnail and enter the hex color code #000000. Click OK.

Double-click on the BG Dust 1 Col 2 layer thumbnail and enter the hex color code #436c78. Click OK.

Double-click on the BG Dust 2 layer thumbnail and enter the hex color code #38b2ff. Click OK.

Double-click on the BG Dust 3 layer thumbnail and enter the hex color code #ffea5a. Click OK.

Double-click on the BG Dust 4 layer thumbnail and enter the hex color code #49b0ff. Click OK.

Double-click on the BG Dust 5 layer thumbnail and enter the hex color code #eb18a8. Click OK.

Double-click on the BG Dust 6 layer thumbnail and enter the hex color code #ffffff. Click OK.

Modify background dust element color

Step 3

Double-click on the OL Dust 1 layer thumbnail and enter the hex color code #ffffff. Click OK.

Double-click on the OL Dust 2 layer thumbnail and enter the hex color code #eb18a8. Click OK.

Double-click on the OL Dust 3 layer thumbnail and enter the hex color code #ffffff. Click OK.

Double-click on the OL Dust 4 layer thumbnail and enter the hex color code #ffea5a. Click OK.

Modify overlay dust element color

This is what we’ll get.

Modified dust color

Feel free to experiment with different colors. You can also select the Layer mask of any color dust layer and press Control-T to bring up the Free Transform tool. Then, you can resize and rotate the elements.

Awesome, You’ve Done It!

Here is your final result!

You can now apply the effect onto any other image. Open the image, select Color Dust Photoshop Action, and click Play from the Actions panel.

Things to remember before playing the action:

  • Make sure that you have installed the Brush.
  • Make sure that the Brush Opacity and Flow are set to 100%, like step 2 – How to Load the Brushes.
  • Make sure you have created the subject layer, made a selection of your main subject and filled it with any color, just like Step 1 of 3 – How to Make the Effect Area Layers.
  • Make sure the width of the image is set between 2500-4000 pixels, like Step 2 of 1 – How to Set Up Your Document.
  • Make sure Use Default Masks on Fill Layers and Add „copy” to Copied Layers and Groups are checked under Panel Options…, like Step 1 of 1 – How to Set Up Your Document.

We have reached the end of the tutorial. Here you’ve learned how to
add a color dust explosion effect on any photo and also automate it in a
one-click Photoshop action.

I hope you’ve enjoyed this tutorial and found it helpful. Feel free to leave your comments below, and thanks for reading.

Color Dust Photoshop Action Tutorial

How to Draw a Mushroom

Post pobrano z: How to Draw a Mushroom

Final product image
What You’ll Be Creating

Summer is almost here; it’s a perfect time for creating nature-inspired artworks. In this tutorial, I’ll show you how to draw mushrooms of three different kinds from scratch.

We’ll be using a graphite pencil and ink liners—the tools that give an artist almost endless possibilities when it comes to quick and expressive sketching.

We’ll also explore various organic textures and learn how to depict them step by step.

What You Will Need

  • A graphite pencil (I recommend using an HB or B type).

  • A brush pen – a tool with a soft, flexible tip. My brush pen has an SB label; this means “soft brush.”

  • An ink liner of a medium size (S size equals 0.3 mm).

  • An ink liner of a small size (XS size equals 0.1 mm).

The art supplies I will be using

1. How to Draw the Toadstool Mushrooms

Step 1

I draw a core line with light pencil lines and mark the bases of the mushrooms. 

Drawing the core lines

Step 2

I add the rough shapes of the caps. 

Adding the shapes of the caps

Step 3

I refine the caps and the stems, making the lines less even and straight.

Refining the shapes of the mushrooms

Step 4

I mark the grass near the mushrooms. I also add a leaf in the foreground to make the composition more interesting and balanced.

Adding the floral elements to the bottom part of the drawing

Step 5

It’s time to start inking! I outline the contours with beautiful, varied lines, using the SB pen.

Creating the contours

Step 6

With the S ink liner, I draw the prominent elements on the mushrooms’ caps.

Drawing the small pimples on the caps

Step 7

I draw the veins of the leaf and add the details to the mushrooms’ stems, using the S liner.

Drawing the leaf and refining the stems

Step 8

I draw separate blades of grass, using the S ink liner. Such details look great in sketchy style drawings.

Drawing the grass blades

Step 9

With the XS liner, I add a rounded hatching to the caps to accent the three-dimensional look of the objects.

Adding the rounded hatches to the stams

Step 10

I also add the rounded hatching to the sides of the stems, using the XS ink liner.

Applying the contour hatching

Step 11

I mark the dark places in the bottom part of the drawing, accentuating shadows in the grass with the groups of parallel hatches. The XS liner works perfectly for this task.

Accenting the shadows in the grass

Step 12

I add more ink strokes to the caps, using the XS ink liner.

Drawing the cap

Step 13

I add hatches that are going from the core line of the leaf to its sides, using the XS liner.

Refining the leaf with hatching

Step 14

With the XS ink liner, I increase the contrast of the mushrooms, adding rounded hatches to the sides of the caps.

Making the caps more three-dimensional

Step 15

I add groups of hatches in the bottom part of the drawing, using the XS liner. This simple trick creates an illusion of completeness; it seems as if we see a generic texture resembling grass blades in the foreground.

I also add small dots to the leaf.

Working on the bottom part of the drawing

Step 16

As a final touch, I increase the contrast in my drawing and strengthen the shadows, using the S liner. 

Increasing the contrast with hatching

2. How to Draw the Chanterelle Mushrooms

Step 1

With a graphite pencil, I draw curved core lines. They point in slightly different directions.

Creating the core lines of the mushrooms

Step 2

I draw the shapes of the mushrooms. A chanterelle has a thin stem and a wider cap.

Adding the shapes of the mushrooms

Step 3

I refine the upper parts of the mushrooms, adding the details under the cap and varying the shapes of the caps.

Refining the caps of the mushrooms

Step 4

I mark the grass and add two small floral elements under the mushrooms.

Adding the floral elements

Step 5

With the SB pen, I outline the main contours of the drawing.

Creating the contours of the mushrooms

Step 6

With the S ink liner, I mark the details of the mushrooms, covering the existing pencil lines.

Adding the details with an ink liner

Step 7

I use the XS ink liner to mark the shady areas of the mushrooms’ caps.

Creating the shadows under the caps

Step 8

I work on the stems, adding rounded hatches with the XS liner. The stems already look more three-dimensional.

Appliying the contour hatching to the stems

Step 9

I create an illusion of grass in the foreground of the drawing. Using the XS ink liner, I draw vertical lines that imitate the grass blades.

Drawing the grass

Step 10

With the XS ink liner, I add more hatches and dots to the mushrooms, accenting the shady areas at the sides of the objects and under the caps.

A combination of lines and dots creates an illusion of a smooth organic texture.

Working on the texture of the mushrooms

Step 11

I add dots to the upper parts of the caps, using the S liner. This simple yet effective technique helps to create a beautiful velvety texture.

Drawing the upper parts of the caps

Step 12

With the S liner, I increase the contrast in my drawing, making the shadows look darker.

Final touches increasing the contrast

3. How to Draw a Boletus Mushroom

Step 1

I draw the core line of the mushroom, using a graphite pencil. Then I add the rough shape of the cap.

Marking the framework of the mushroom

Step 2

I refine the shape of the mushroom, making the lines more irregular and organic.

Refining the shape

Step 3

I mark the details of the mushroom, such as small hollows and prominent areas. I also add several leaves and grass blades.

Adding the details to the mushroom

Step 4

I outline the contours, using the SB pen.

Creating the contours with the brush pen

Step 5

With the S ink liner, I cover the pencil lines and add the details to my drawing.

Adding the smaller details of the drawing

Step 6

With the XS ink liner, I add rounded hatches to the mushroom’s cap. This method of applying strokes helps to make the object look more three-dimensional.

Applying the contour hatching

Step 7

I add vertical hatches to the stem, using the XS liner.

Working on the stem

Step 8

With the XS ink liner, I add groups of parallel hatches to create an illusion of grass that’s located in the shadow of the mushroom.

Creating the grass texture

Step 9

With the S liner, I add dots to the mushroom, both the cap and the stem. Dotwork creates an effect of a beautiful organic texture.

Adding the dotwork to the texture

Step 10

I add rounded hatches to the sides of the mushroom, using the XS ink liner. The object becomes more contrasting and realistic.

Adding more hatches to the mushroom

Step 11

I add even more thin hatches that repeat the contour of the mushroom, using the XS ink liner.

Working on the contrast and three-dimensional look of the boletus

Step 12

I work on the bottom part of the drawing, increasing the value and contrast in the shady places. The S liner is a perfect tool for this task.

Finishing the drawing

Your Drawings Are Complete!

Congratulations! You’ve created three artworks depicting different kinds of mushrooms. I hope you enjoyed both the process and the result.

I wish you much success in drawing with ink and capturing the unique charm of summer nature! 

How to Draw a Mushroom Tutorial

Downloading All the Free Stock Photos You Need is Easy

Post pobrano z: Downloading All the Free Stock Photos You Need is Easy

If you’re on the hunt for a source for free stock photos for your website or other projects, FreePhotos.cc allows you to download as many as you need. This free resource ties into the application program interfaces of several leading providers of Creative Common photos. It gathers these images in one place, categorizes them, and […]

The post Downloading All the Free Stock Photos You Need is Easy appeared first on Web Resources Depot.

How to Create an Illustration of a Boy on a Scooter in Adobe Illustrator

Post pobrano z: How to Create an Illustration of a Boy on a Scooter in Adobe Illustrator

Final product image
What You’ll Be Creating

Recently I saw an old romantic movie called „Roman Holiday” for the hundredth time, and a great idea came to my mind. After that, I decided to create a modern illustration of a boy on a scooter. Then I browsed many scooter images on GraphicRiver to remind myself (actually to learn) how this form of transportation looks. After adapting the illustration to a beginner’s level, I came up with this idea.

In this tutorial, you will learn how to create a boy on his scooter using basic shapes and warp effects.

Let’s have a look and get started.

1. How to Create the Scooter

Step 1

After opening Adobe Illustrator, create a New Document with 850 x 850 px Width and Height. Using the Ellipse Tool (L), draw an oval. In the image below, you can see which Fill color you need. Behind the oval, create the same colored rounded rectangle by using the Rounded Rectangle Tool

To align these two shapes, open the Align panel (Window > Align). Set Align To: Align to Selection (open the fly-out menu and go to Show Options if you don’t see the Align To: section shown here), make sure that your shapes are selected, and click the Horizontal Align Center and Vertical Align Center buttons. In the end, your rounded rectangle should be in the middle of the oval.

Create a grey rectangle using the Rectangle Tool (M). Place it behind (Control-X, Control-B) the existing shapes.

For the handles, create a pink rectangle with the Rectangle Tool (M) and place it in front of the grey rectangle on the left side. Create a Copy of this rectangle: select it and while holding the Shift and Alt keys, drag it to the right. This way, you’ll create a second copy of this rectangle which will be horizontally aligned. Group the two handles (right-click > Group) and Align all the shapes by pressing the Horizontal Align Center and Vertical Align Center buttons.

Finally, add a grey oval in the middle of the dark yellow one.

creating the wheel of the scooter

Step 2

Create a new rectangle and attach it below the existing shapes. Next, add a large rounded rectangle by using the Rounded Rectangle Tool, and slightly deform it. Select the large rounded rectangle and go to Effect > Warp > Inflate. Enter the options you see below. This is the front of our scooter.

creating the front part of the scooter

Step 3

This may seem like a lot of text, but it’s not too hard to do if you read it carefully.

Let’s add the front wheel. First, create a small dark grey rectangle. In the first image you can see the zoomed in shape. In the middle of the top and bottom sides of the rectangle, add two new anchor points. To do this, select the Pen Tool (P) and simply click on the middle of each side of the rectangle. 

Next, we need to move these anchor points down. Select these anchor points with the Direct Selection Tool (A), and move them down using the Down Arrow key on your keyboard until you get a result similar to the one in the second image below.

Create a grey rounded rectangle and place the V-shape on top of it.

Next, we will make a Copy of the V-shape. Select it and drag it down while holding the Shift and Alt keys. While the newly created V-shape is selected, press the Control-D buttons the required amount of times (in my case it is six) to repeat the previous step to create a new group of these shapes exactly the same distance from each other.

Now we need to cut off the unnecessary parts of the V-shapes, which are out of the boundaries of the rounded rectangle. Make a Copy of this rounded rectangle in front (Control-C, Control-F), cut it off (Control-X), and place it in front of everything (Control-F).

Here is a short explanation of such manipulations: when you create a copy in front of the rounded rectangle, this copy will appear just in front of the original. Keep in mind that it’s not in front of the V-shapes we already created. Then we need to cut off the copy and place it in front of everything so that it now appears in front of the original rounded rectangle and V-shapes.

Keeping this copy and all V-shapes selected, press the Crop button on the Pathfinder panel (Window > Pathfinder).

creating the front wheel
creating the front wheel 2

Step 4

Now we will add a cover above the front wheel. For this purpose we will need a rounded rectangle, which will have exactly the same shape as the wheel, but slightly larger in its size. If we simply enlarge it, the rounded corners will be not proportional. Therefore we will use the Offset Path.

So, keeping this copy selected, go to Object > Path > Offset Path. Set the parameters Offset: around 10 px, Joins: Miter; Miter limit: 4. All these values are approximate, and it depends on the size of your original shape. Set the color of the newly created rounded rectangle to light brown. Next, place it in front of the image (Control-X, Control-F).

We will need just the upper part of this shape, so cover its lower part with any color rectangle. Keeping these two shapes selected, go to the Pathfinder panel and press the Minus Front button. There you go! You have just created the front wheel.

creating the front wheel 3

Step 5

Place the wheel in front of the scooter. Then we will add one more detail. Using the Rectangle Tool (M), create a thin dark yellow rectangle and place it in front of the scooter as shown in the image below. Make a Copy of this rectangle (drag it down while holding the Shift and Alt keys) and use the Control-D buttons to repeat copying this shape three more times.

placing the front wheel

Step 6

And now for the final detail for our scooter—the mirror. For the mirror holder, we will use a thin grey rectangle, slightly inclined to the left and attached to the left handle of the scooter. Attach the mirror (yellow ellipse) slightly rotated clockwise. 

To make a Copy of this mirror select the mirror with its holder, right-click your mouse and select Transform > Reflect. Once you get a dialogue box, select Axis Vertical, Angle 90 degrees, and press Copy. Move the newly created mirror to the right.

Our cool scooter is ready to ride!

creating the mirror

2. How to Create the Boy’s Head

Step 1

Let’s begin illustrating the boy’s head. Using the Ellipse Tool (L), draw an oval. In the image below, you can see which Fill color you need. Then go to Effect > Warp > Inflate. Enter the options you see below.

creating the head

Step 2

Using the Ellipse Tool (L), create a small ellipse and Rotate it to the left. This is the left ear, so we’ll put it on the left side of the head. While it’s selected, take the Reflect Tool (O), hold down the Alt key, and click the forehead in the center of the face. In the new dialogue window, select Vertical, Angle 90 degrees and press Copy. Voila! We have two ears now.

creating the ears

Step 3

Now let’s create the neck. Using the Rectangle Tool (M), draw a small rectangle under the head. While it’s selected, go to Effect > Warp > Arc Lower and enter the following options:

creating the neck

Step 4

To create the mouth, draw a white ellipse. Cover the upper half of this ellipse with any Fill color rectangle. While keeping the rectangle and ellipse selected, go to the Pathfinder panel and press the Minus Front button. The boy is smiling now!

creating the mouth

Step 5

Select the head, and make a Copy behind (Control-C, Control-B). Make this copy bigger and change its Fill color. Add an ellipse onto the top of the head with the same Fill color.

We will use the Warp Tool (Shift-R) to style his hair. Double-click on the Warp Tool (Shift-R) and enter the options you see below in the second image. Note that the arrows in the first image show how to move your mouse, but you can actually create any hairstyle you want. It is very important to select the object before you use the Warp Tool (Shift-R)—otherwise you will affect other objects surrounding it.

This way you can also create a woman with a girlish hairstyle.

creating the hairstyle
warp tool options

Step 6

Since the boy rides his scooter during the summer, let’s give him a pair of sunglasses. Create an oval with a dark grey Fill color. To create the sunglasses shape shown below, go to Effect > Warp > Arch and enter the options shown. Expand this shape (Object > Expand Appearance).

Make a vertical reflection of this shape. Then add an arc using the Arc Tool between the two glasses as a bridge. 

With the help of the Arc Tool again, draw the left temple of the sunglasses. Be sure to check the Round Cap on the Stroke panel.

Create a vertical reflection of the left temple to get the right temple. The sunglasses are ready!

warp tool options for the sunglasses
creating the sun glasses

Then place the sunglasses on.

placing the glasses

3. How to Create the Boy’s Body

Step 1

Using the Rounded Rectangle Tool, create a pink rounded rectangle and attach it to his head. Place it behind the image of the scooter.

creating the body

Step 2

To create the arms, we will start with an arc. First, Delete the Fill color and set the Stroke color the same as the body color (Shift-X). Check the Round Cap on the Stroke panel and make the Weight of this stroke very thick (around 30-40 px). 

Now, using the Arc Tool, draw the boy’s left arm. Move the handles of the anchor points using the Direct Selection Tool (A) to achieve the result you need. Make a Copy of the arm through Transform > Reflect. Move the newly created arm to the right.

creating the arms

Step 3

To add the boy’s fingers, Delete the Stroke color and set the same Fill color as the face (use the Eye Dropper Tool (I)). Draw a rounded rectangle which will be multiplied with the Shift and Alt keys as well as the Control-D button. We just created the fingers for his right hand.

Make another Copy of the fingers. Simply hold the Shift and Alt keys and drag them to the right to place them on the right handle of the scooter. This is his left hand.

creating the fingers

Step 4

Let’s create the boy’s legs. Here we will use the Line Segment Tool (\). Draw a grey horizontal line. To get it straight, hold down the Shift key as you draw the line. Remember to Delete the Fill color and choose a Stroke color similar to the one shown in the image below. Before drawing, be sure to check the Round Cap button on the Stroke panel and adjust the appropriate Weight of the stroke.

The next thing we’ll do is bend this line. While keeping it selected, go to Effect > Warp > Arc. In the new dialogue window, adjust the options you see in the second image below. Place it behind the scooter.

creating the legs
warp tool options for boys body

Step 5

To finish creating the legs, add another line on the left side by using the Line Segment Tool (\). Make a Copy of this line by using the vertical reflection options we previously used for the creation of the arms.

creating the legs 2

4. How to Create the Background

Draw a square behind everything at 850 px Width and Height. That’s all we want!

creating the background

Awesome Work, You’re Done!

Great job, you’re done! I hope you had fun creating this illustration of a boy who’s hurrying somewhere in a good mood. I also hope you learned some new tricks for creating your own illustration. Let’s see what you can create!

Boy and Scooter Vector Illustration Adobe Illustrator Tutorial

How to Create a 3D Colorful Illuminated Text Effect in Adobe Photoshop

Post pobrano z: How to Create a 3D Colorful Illuminated Text Effect in Adobe Photoshop

Final product image
What You’ll Be Creating

This tutorial will show you a very easy and useful tip to create colorful illuminated letters using Photoshop’s 3D material settings. Let’s get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create 3D Text

Step 1

Create a New Document at 1300 x 1300 px.

Then create the text in All Caps using the font Primal, setting the Size to 90 pt and the Tracking value to 30.

Create the Text

Step 2

Go to 3D > New 3D Extrusion from Selected Layer. This will create a 3D mesh from the text layer.

To access the 3D mesh settings and properties, you’ll need to open two panels: the 3D panel and the Properties panel (both found under the Window menu).

The 3D panel has all the components of the 3D scene, and when you click the name of any of those, you’ll be able to access its settings in the Properties panel. So make sure to always select the tab of the element you want to modify in the 3D panel before you change its settings in the Properties panel.

Create the 3D Layer

Step 3

If you select the Move Tool, you’ll find a set of 3D Modes for it to the right of the Options bar.

When you choose one of those, you can then click and drag to perform changes (on the selected element in the 3D panel).

Use those modes to change the Current View to an angle you like.

Move Tool 3D Modes

2. How to Adjust the 3D Mesh and Cap Settings

Step 1

Select the 3D mesh tab in the 3D panel, and change its Extrusion Depth in the Properties panel to 15 px.

Extrusion Depth

Step 2

Click the Cap icon at the top of the Properties panel, and change the Bevel Width to 1.

Cap Settings

3. How to Modify the 3D Material Settings

Step 1

Select all the Material tabs except for the Extrusion Material‚s, and use these settings (the color values used are in RGB):

  • Diffuse: 211, 211, 211
  • Specular: 180, 180, 180
  • Shine: 80%
Material Settings

Step 2

Select the Extrusion Material tab, and use these settings:

  • Diffuse: 121, 222, 209
  • Specular: 20, 41, 42
  • Shine: 80%
Extrusion Material Settings

Step 3

Click the Illumination icon, and choose New Texture.

New Texture

Step 4

Set the Width to 1300 px and the Height to 300 px, and click OK.

This should open the new file, but if it doesn’t, click the Illumination texture icon, and choose Edit Texture.

Edit Texture

4. How to Create a Colorful Illuminated Texture

Step 1

Duplicate the Background layer you have in the new file.

Duplicate the Background Layer

Step 2

Double-click the copy layer to apply a Gradient Overlay effect with these settings:

  • Check the Dither box
  • Angle: 0
  • Use the Spectrum Gradient Fill, or you can create your own colorful gradient fill that you like.
Gradient Overlay

Step 3

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Levels.

Change the Levels layer’s Blend Mode to Luminosity, and change the Gamma value to 0.75.

Save and close the file.

Levels Settings

This will create the colorful illumination material texture.

Illumination Texture

5. How to Add a 3D Shape Background

Step 1

Pick the Rectangle Tool, and click once anywhere inside the document to get the Create Rectangle box.

Set the Width to 1560 px and the Height to 1750 px, click OK, and make sure to set the rectangle’s Fill Color to White.

Create Rectangle

Step 2

Once the rectangle shape is created, go to 3D > New 3D Extrusion from Selected Path, and change the Extrusion Depth to 1.

Rectangle 3D Mesh

Step 3

Click the Current View tab in the 3D panel, and choose the text’s 3D layer’s name from the View menu in the Properties panel.

Change the Current View

Step 4

Select both 3D layers you have, and go to 3D > Merge 3D Layers.

Pick the Move Tool, select the rectangle mesh, and use the 3D Axis to move it behind the text.

The arrows at the ends of the axis move the mesh, the part below them is used for rotation, and the cubes are used for scaling. The cube in the center is used to scale the object uniformly. All you need to do is click and drag the part you want.

Merge and Move the 3D Meshes

Step 5

Select the rectangle mesh’s Front Inflation Material tab, and change its Specular color to (51, 51, 51) and its Shine value to 90%.

Front Inflation Material Settings

6. How to Adjust a 3D Scene’s Lighting

Step 1

Select the Infinite Light 1 tab, and change both its Intensity and Shadow Softness values to 30%.

Infinite Light 1 Settings

Step 2

Use the Move Tool to move the light so that it’s facing the text, and tilt it upwards a little bit.

You can also click the Coordinates icon at the top of the Properties panel to enter numerical values.

Move the Infinite Light

Step 3

Select the Environment tab, click the IBL texture icon, and choose Replace Texture to open the Building Interior image.

Replace the IBL Texture

Step 4

Click the IBL texture icon and choose Edit Texture.

Add a Hue/Saturation Adjustment Layer, and change the Saturation to -60 and the Lightness to 15.

Save and close the file.

Hue and Saturation Adjustment Layer

Step 5

Change the Intensity to 65%, and set the Ground Plane Shadows Opacity to 0.

Use the Move Tool to move the texture around to get a result you like.

Environment Settings

Step 6

Use the Move Tool‚s 3D Modes to change the Current View to an angle you like, and make sure that the rectangle mesh’s edges are not visible.

Change the Camera View

Step 7

Go to 3D > Render 3D Layer. The rendering might take a while, but you can stop it any time by pressing the Esc key.

You can also stop the rendering to adjust the lighting, the camera view, or anything else you think needs tweaking, and render again until you get a result you like.

Render the Scene

Congratulations! You’re Done

In this tutorial, we created 3D meshes from text and shape layers, adjusted their material settings, and used a gradient fill for the illumination texture to create the colorful illuminating effect.

Then, we adjusted the lighting of the scene, as well as the camera view, to render the final result.

Please feel free to leave your comments, suggestions, and outcomes below.

3D Colorful Illuminating Text Effect Photoshop Tutorial

How to Create a Vintage Music Festival Flyer in Adobe InDesign

Post pobrano z: How to Create a Vintage Music Festival Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

Summer is here, and festival season is in full swing. If you’re promoting a festival event this year, you can give your publicity a vintage twist with this groovy flyer design. It’s simple to create and will make a fantastic summery statement. 

We’ll be putting together the flyer layout in Adobe InDesign, and using Photoshop and Illustrator to do some colorful image editing. If you’re a relative beginner to Adobe software, this is a great all-round introduction to creating layouts for print or circulating online. 

Need a festival flyer quickly? You’ll find an awesome selection of easy-to-customize flyer templates on GraphicRiver

OK, are you ready for the best summer ever? Great! Let’s get started…

What You’ll Need to Create Your Flyer

To put together the flyer, you’ll need access to the classic trio of Adobe applications: InDesign, Photoshop and Illustrator. If you’re not quite ready to commit to a software purchase, you can get a free 30-day trial of all these apps over at adobe.com.

You’ll also need to download the following images and font files:

Make sure the font is installed on your system before starting the tutorial. When you’re ready, we can dive right in to setting up our layout.

1. How to Set Up Your Layout in InDesign

Step 1

Open up InDesign and go to File > New > Document.

In the window that opens, keep the Intent set to Print and Number of Pages to 1, and uncheck Facing Pages

From the Page Size drop-down menu, choose Flyer 8.5×11 or manually type in a Width of 8.5 in and a Height of 11 in. 

flyer size

Add a Margin of 0.2756 in (7 mm) and a Bleed of 0.25 in around all the edges of the page. When you’ve done that, go ahead and click OK.

new document
new flyer document

Step 2

Expand the Layers panel (Window > Layers) and double-click on the Layer 1 name. Rename it Paper and click OK

Take the Rectangle Frame Tool (F) from the Tools panel and drag onto the page, creating a frame that extends up to the edge of the bleed on all sides. Go to File > Place, choose your paper texture image, and click Open

paper texture

Allow the image to fill the whole frame by scaling it, holding Shift while you do, and rotating (Right-Click > Transform > Rotate) if necessary. 

paper on page

3. How to Add a Sunset Background to Your Flyer

Step 1

Return to the Layers panel and click on the Create New Layer button at the bottom. Double-click the layer to open Layer Options. Rename the layer Background Color

Lock the Paper layer below, activating the Background Color layer. 

background color

Step 2

Expand the Swatches panel (Window > Color > Swatches) and click on the New Swatch button at the bottom. 

Double-click the swatch to open the Swatch Options window. Name the swatch Sunset, set the Type to Process and Mode to CMYK, and adjust the percentage levels to C=0 M=53 Y=55 K=0. Click OK.

sunset swatch

Step 3

Select the Rectangle Tool (M) and create a shape that covers the bottom half of the page. Set the Fill to Sunset and Stroke to [None].

sunset rectangle

With the shape selected, head up to Object on the top menu and Effects > Gradient Feather.

Give the shape a 90 degree gradient, pulling the dark slider along to the right.

effects gradient

Step 4

Create a second New Swatch, naming it Sunrise. Set the levels to C=2 M=19 Y=83 K=0.

Use the Rectangle Tool (M) to create a new shape, extending it across the whole of the page, and pulling it down past the bottom edge of the page by about a quarter-page.

sunrise swatch

Go to Object > Effects > Gradient Feather, and apply a -90 degree Gradient. This will create a subtle sunset effect.

90 degree gradient

4. How to Create a Collage Effect for Your Design

Step 1

File > Save your InDesign document, and minimize the window for now. We’ll be coming back to it a bit later.

Open up your camper van image in Photoshop, and Duplicate and then Lock the background layer to keep a copy of the original image. We want to separate the van in the foreground from its background, but we can do this in a rough way which will add to the cut-out collage effect. 

Use the Polygonal Lasso Tool (L) to trace around the edges of the van, looping off sections and clicking on the Refine Edge button at the top of the workspace. 

trace with the lasso tool

Use the Shift Edge slider to make the selection as tight as possible, before hitting OK once you’re happy. Then Delete the selection. 

refine edge settings

Work your way around the whole van, including the shadow below, until you have isolated it. Then head up to File > Save As, and Save your image as a Photoshop (PSD) file. 

deleted area
refine edge of the selection

Step 2

Minimize the Photoshop window and head back into InDesign

Create a New Layer and name it Camper Van. Lock the two layers sitting below. 

Use the Rectangle Frame Tool (F) to create a frame in the center of the page and File > Place, choosing your camper van Photoshop image. Center it nicely within the frame. 

placed image

Step 3

Create a New Layer and name it Pen Tool. Drag this down to sit below the Camper Van layer and above Background Color.

create a pen tool layer

Take the Pen Tool (P) and click around the edge of the van, leaving a little gap between the edge of the photo and the line. 

Continue to trace your way around, joining the shape up at the first anchor point. 

pen tool trace

From the Swatches panel, change the Fill of the shape to [Paper] (white) and the Stroke to [None].

pen tool paper fill

This creates a great little cut-out collage effect.

collage effect result

Step 4

Create a New Swatch, name it Cherry, and set the levels to C=0 M=130 Y=94 K=0. 

cherry swatch

Create a New Layer at the top of the layer sequence and name it Color. Lock the other layers below.

Use the Pen Tool (P) to pull out a part of the van in your Cherry swatch. Here, I’ve traced the central door, but you could try a window if you like. 

door in red

Step 5

Minimize the InDesign window for a minute. You can also create playful colored elements for your collage using Illustrator. 

Open up Illustrator, and File > Place your camper van image. Lock this onto its own layer, creating a New Layer above to work on. 

Select the Paintbrush Tool (B) and click on the Brush Definition drop-down menu at the top of the workspace. Click on the Brush Libraries Menu and choose Artistic > Artistic_ChalkCharcoalPencil. 

Select Chalk – Blunt from the brush window that opens. Draw around the VW logo, tracing the outside edge. 

outside of logo

Then trace the inside details too. 

trace the inside logo

Step 6

You can trace other elements too, like the nice V-shaped swoop across the front of the van…

traced swoop result

… and the wheels as well. 

yellow color applied to wheels

Don’t worry about perfecting color here—I’ve just used a bright yellow to show you the shapes clearly. For now, select the VW shape only and Edit > Copy, before minimizing the Illustrator window.

Step 7

Head back to your InDesign document and create a New CMYK Swatch. Name it Turquoise, and set it as C=79 M=11 Y=48 K=1.

turquoise swatch

Edit > Paste your VW vector shape onto the page, and scale using Shift to match the proportions of the image below. Adjust the Fill to Turquoise.

adjust the logo fill

Return to Illustrator, select the V swoop, and Edit > Copy; head back to InDesign and Edit > Paste. Set the Fill to Sunset

swoop duplicated

Finally, Copy and Paste over your wheel shapes. Set the Fill of these to Sunrise.

wheels filled with sunrise color

Great work so far—your camper van’s looking groovy!

final collage design

5. How to Create Letterpress-Style Typography

Step 1

Create a New Layer. Name it Typography and sit it above the Background Color layer and below Pen Tool. 

layer options

Use the Type Tool (T) to create a text frame at the top of the page. Type in ‘SUMMER’ and from either the top Controls panel or the Character panel (Window > Type & Tables > Character) set the Font to Charlevoix Pro SemiBold, Size 110 pt, Tracking 160. Set the text to Align Center from the Controls panel, and adjust the Font Color to [Paper]. 

controls panel edits

Edit > Copy, Edit > Paste the text frame, moving the copy below the first. Adjust the text to read ‘FESTIVAL’ and adjust the Tracking to line up the far edges of the text with the text above. 

adjust the tracking

Step 2

Select both text frames, and Copy and Paste below, adjusting the Font Color to Sunset

add sunset color

Repeat the paste, this time creating a New Swatch, called Sky Blue, C=49 M=0 Y=2 K=0, and move below.

create new swatch

Step 3

Use the Type Tool (T) to create a series of text frames at the bottom of the page. Here you can put details like the date, location and what’s on at your event. Set all the text in Charlevoix Pro SemiBold and a [Paper] Font Color

You can use the Glyphs panel (Window > Type & Tables > Glyphs) to insert bullets between acts.

glyphs panel to insert bullets

Step 4

Make sure that you’re happy with the final layout and content of the text. We’ll be duplicating all the text to create a shadow effect, so it needs to be kept the same to look right. This is the time to do a spell check!

Head over to the Layers panel and right-click on the Typography layer. Select Duplicate Layer “Typography”

duplicate layer

Then drag the duplicate layer down to sit below Typography. Rename this layer Type Shadows. Lock the Typography layer above.

rename type shadows

Step 5

Drag your mouse across the whole page to select all the text frames on the Type Shadows layer, and press the arrow keys to move the text a little to the right and down.

Select each pair of ‘SUMMER FESTIVAL’ text frames and adjust the Font Color to a contrasting shade, creating a cool letterpress-style shadow effect. 

font color contrast

Work your way down the page, adding a [Paper] color to some text, or your custom swatch colors to others. 

create text shadows

Eventually you’ll end up with a very nice letterpress effect, which looks great paired with your camper van collage.

final flyer design

6. How to Export Your Flyer for Circulation

Exporting Your Flyer for Online Circulation

If you want to circulate your flyer as an email attachment or get it ready for web upload, you’ve got a couple of options. 

Head up to File > Export. Choose Adobe PDF (Interactive) from the Format menu if you want to attach the flyer to an email. 

export pdf settings

Alternatively, choose JPEG or PNG if you’d like to prep an image for uploading online. 

Exporting Your Flyer for Printing

If you’re planning to get your flyer printed professionally at a print shop, you’ll need to make sure to include your bleed in the final export.

Go to File > Export, and choose Adobe PDF (Print) from the Format menu. Click Save.

In the window that opens, choose [Press Quality] from the Preset menu at the top. 

review press quality

Click on the Marks and Bleeds option in the left-hand menu, and check All Printer’s Marks and Use Document Bleed Settings. Then hit Export to create your print-ready PDF—you can send this straight off to the printers!

export pdf

Conclusion: You’ve Created One Groovy Flyer

Congratulations, your festival flyer is finished! Now all you need to do is sit back and watch the ticket sales roll in.

Before you chill out with some awesome live music, let’s take a quick recap of some of the key skills you’ve picked up in this tutorial, which you can apply to other flyer design projects. You now know how to:

  • Set up a standard flyer layout in Adobe InDesign.
  • Create a professional backdrop of color and texture to your layout.
  • Edit collage-style images in Photoshop and add vector details using Illustrator.
  • Format letterpress-style typography to a high standard, adding an on-trend look to your design.
  • Export your flyer for circulating online or in print format.

That’s a lot of work—great job! If you want to explore even more festival flyer ideas, you can find a range of easy-to-customize flyer templates over on GraphicRiver. Check it out!

Vintage Music Festival Flyer Adobe InDesign Tutorial

How to Create a Spring Meadow in Adobe Illustrator

Post pobrano z: How to Create a Spring Meadow in Adobe Illustrator

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to use the Mesh Tool and the
Gradient Tool in Adobe Illustrator to create a spring background with a bright white fence!

If you want to skip the tutorial and just use this background, you can purchase the Nature Meadow Landscape with a Bicycle from GraphicRiver and also get a vector bike!

nature background with bike from graphicriver
Nature Meadow Landscape with a Bicycle

1. How to Create the Background

Step 1

Let’s start off by „painting” the background with the Mesh Tool (U).

Just create a rectangle, Fill it with a gray color #F5F3EA and, using the Mesh Tool, create a grid in the rectangle.

Continue by coloring the nodes, as indicated in the picture below.

Here are the colors you will need for each step:

  1. #F5F3EA
  2. #399F92
  3. #AAD2C9
  4. #52531A
  5. #D7D483
  6. #CCD8C1
  7. #E0E6C8
  8. #BFD9C7
paint the background with the mesh tool

Step 2

Let’s move on to creating the grassy hills! The process is very similar to Step 1, but in the end you will have to bend your hill with the Mesh Tool.

Just create a couple more nodes and make the shape wavy by dragging them!

Here are the colors you will need:

  1. #E7E3AB
  2. #C5CD60
  3. #95A542
  4. #5B6D1C
create the grassy hills

Step 3

Using the Mesh Tool again, similarly create another hill with the following colors:

  1. #DFDFA8
  2. #BAC569
  3. #6C8427
create another hill

Step 4

Place both hills on top of our previously created background. The smaller hill should be partly hidden under the bigger hill.

arrange the hills

Step 5

Now, create a rectangle with No Fill over the top of the background, „framing” the picture. Make sure every element you want to be visible is inside the rectangle.

Then, select all of the elements and after right-clicking, choose Make Clipping Mask.

We will be using this tool a couple more times in the tutorial, so don’t forget it!

create a clipping mask

Step 6

With the Clipping Mask created, our first part of the picture is done!

finished background result

2. How to Create the Fence

Step 1

Let’s begin by drawing the shape of the fence boards.

Grab the Pen Tool (P) and draw a half of a fence board. Once you’ve finished the outline, right-click on it and choose Transform > Reflect. Select the Vertical Axis and click Copy to create the second half of the shape.

draw the fence shapes

Step 2

Now, move the second half so it perfectly mirrors the original half (the colors below are just for illustration).

After you’ve managed it, select both parts and in the Pathfinder menu, choose Unite. This will create a full, symmetrical outline!

unite the paths

Step 3

Fill the shape with a grey color (it doesn’t matter which for now).

Grab the Lasso Tool (L) and select the two middle nodes on the bottom of the shape. Press Delete to get rid of them.

This will be very important later, so don’t skip this step!

delete the bottom nodes

Step 4

As there is now a gap at the bottom of the shape, use Object > Path > Join to unify it again.

Create a Copy of the outline and put it aside! We will need it later.

join the gaps together

Step 5

Let’s add some depth to our fence board! Go to Effect > 3D > Extrude and Bevel and fill in the following settings for the Rotation:

  • -7°
  • 19°
  • -2°

The Extrude Depth should be about 5 px.

extrude and bevel options

Step 6

After applying the effect to the shape, create paths out of it by going to Object > Expand Appearance.

Ungroup the result a couple of times until you get three separate paths.

ungroup the result

Step 7

Select the two paths forming the side of the fence post and Unite them in the Pathfinder panel.

unite the paths

Step 8

Color the front of the fence with #F1EBE1 and the side with #D8CFC2.

color the fence

Step 9

For this step, you will need a photo of a wooden plank with a texture.

I recommend using my own photo, which you can download as an attachment for this tutorial (texture.jpg).

Move the photo into the file with your spring background and open the Image Trace panel (Window > Image Trace).

After selecting the object with the texture, input the settings I chose into the panel (you might need to click Advanced to show the rest of the settings) and click Trace.

Image Trace Settings:

  • Mode: Black and White
  • Threshold: 164
  • Paths: 50%
  • Corners: 75%
  • Noises: 25px
  • Create: Fills
  • Ignore White: Checked
wooden plank texture

Step 10

Select the result of the trace and go to Object > Expand.

expand options

Step 11

In the Transparency panel, set the Opacity to 30% and the Transparency Mode to Overlay.

transparency options

Step 12

Grab the outline we created in Step 4 of this section and place it over the top of the texture. Make a Clipping Mask out of the two shapes.

Lay the result over our fence post.

how to apply the fence texture

Step 13

Drag the post a bit to the right while holding Shift and Alt, creating a Copy of it at a reasonable distance.

Continue by pressing Control-D to repeat your last action, effectively creating as many boards as you want. Stop at your preferred fence length.

create the fence

Step 14

Now let’s create a back board for our fence!

First, draw a rectangle a bit longer than your fence. Color it with #EEE7DE. Add another, much narrower rectangle on top and color it with #E2DCD2.

create the fence board

Step 15

In this step, we will be making shadows that are being cast by the fence posts.

Draw two vertical rectangles side by side, coloring them with #7B6F5B (the left one) and #DEDBD2 (the right one). The right rectangle should be a bit wider.

Next, set the right rectangle’s Opacity to 0% and continue to Object > Blend > Blend Options. Set the Spacing to Specified Steps and choose 30 for the amount.

Finally, select both rectangles and go to Object > Blend > Make.

creating the fence shadows

Step 16

Move the blend onto the board we created. Just like before, use Control-D to Duplicate the shadow across the whole board.

blending the shadows

Step 17

Move the board with the shadows behind the fence. Try to line up the shadows perfectly!

add the board to the fence

Step 18

Finally, we will create the screws that hold our fence in place.

Use the Mesh Tool (U) to recreate the likeness of a screw, following the steps below.

Here are the colors you will need:

  1. #D1D0C7
  2. #535044
  3. #AAA99F
  4. #B0AFA5
  5. #000000
create the screws

Step 19

Use two circles for the shadow. Create a smaller one inside the bigger one but slightly off center. Color the bigger circle with #D8D4C9 and the smaller one with #6C6557.

Set the light circle’s Opacity to 0%, and then proceed with Object > Blend > Make.

add shadows to the screws

Step 20

Place the Mesh on top of the shadow and turn it slightly. Our screw is done!

add mesh to screw

Step 21

Place the screw on top of the finished fence in the middle of each intersection.

Use Control-D to Duplicate the screws after moving one (while holding Alt and Shift).

add the screws to the fence

3. How to Create Clouds and Grass

Step 1

Now that our fence is done, the image needs just a couple of finishing touches!

If you wish to have clouds in the sky of our spring landscape, follow this tutorial: How to Create a Night Sky With Clouds Using Adobe Illustrator & Photoshop.

After you’ve done your clouds, come back to our background and place them onto the sky.

I suggest creating a few copies of the first one and combining them together to create interesting shapes!

add clouds to the background

Step 2

To make our sky even prettier, let’s create a sun!

Draw a circle and apply a Radial Gradient which goes from white to #95896A to black. Change the shape’s Transparency Mode to Screen.

create a sun

Step 3

Place our highlight somewhere onto the sky. Now we have a sun!

place the sun

Step 4

For the final step, we can create some grass. Learn how to make grass with this tutorial: How to Create a Grass Banner in Adobe Illustrator.

After you’ve finished your grass vector, return to the fence we made in the previous section. Place it over the top of your grass banner so that the bottom part of the fence is sticking out a bit.

Next, create a Copy of the grass and move it on top of the fence. Make sure to place it lower so that you can actually still see the fence!

add the grass to the fence

Step 5

All that’s left is to move the fence and the grass onto our background! Don’t forget to use a Clipping Mask to „crop” your image!

add the fence to the background

Awesome Work, You’re Now Done!

What now? You can try any of my other tutorials from my profile, or check out my portfolio on GraphicRiver, as well as the original nature image we recreated in this tutorial.

I hope you enjoyed the tutorial and will be extremely happy to see any results in the comments below!

Spring Grass Fence and Sky Background Adobe Illustrator Tutorial