DesignTips > > How to Create Colorful Dot Background (Photoshop)

How to Create Colorful Dot Background (Photoshop)

How to Create Colorful Dot Background (Photoshop)

In this section we will introduce you how to create a colorful dotted background (Photoshop). The coloring is cute and you can use it for digital collage or some accent when clipped.

You could also use it for frames and other purposes. Once you know how to make this background, it can be used for various things.

Step01 Create Art Board

This time we will use art board sized <600px x 800px>.

Step02 Gradient Setting

Set it as [Generate: white / Background: black]. Select [Line Form Gradient] and drag while pressing Shift key until you get a little off the edge, about 50px.

Fill Background with Gradation

This is how it looks when gradation is applied.

Step03 Color Half Tone Setting

Go to [Filter > Pixelate > Color Half Tone] and set it using the example above.

Create Dot with Color Half Tone

Color Half Tone is applied. Dots are smaller where the color is fading and vice versa.

Step04 Paint Bucket with Gradation

Create a new gradient layer, set it as shown above. Select [Generate: Screen].

Paint Bucket Gradation

This is how it looks when [Generate: Normal] mode is applied.

Generate: Screen Mode

The gradation turned into dots when [Generate: Screen] Mode is applied.

Step05 Fill New Layer with Gradation

Create a new layer and fill it like in Step02. This time, drag from bottom to top while pressing Shift Key.

Step06 Apply Color Half Tone and Create Dots

Set it <Max Radius: 10> and follow the same step in Step03. This time we have smaller upside down dots. Select [Generate Mode: Different Absolute Figure].

Generate Mode: Create Overlapping Dots

This is how it looks when [Generate Mode: Different Absolute Figure] is applied.

Step07 Fill with Gradation and Change Dot Color

Create a new gradation layer and set the gradient using the example above. Select [Generate Mode: Screen].

Done!

Done! We now have this cute background just by overlapping gradational dots. It became so colorful when we changed the generate mode in Step06.

Be Creative

I unionized the images and clipped. You can use them as small accents.

Dot size changes depending in the color half tone numeral settings. We also used generate mode and gradient in this tutorial so you can be creative in those aspects as well. You might create something unexpectedly good.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop