Archiwum kategorii: Web Tools

How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Post pobrano z: How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you what halftone is and how to achieve a halftone effect. I’ll also show you how to make your own halftone brushes.

What Is Halftone?

You might be familiar with halftone patterns being used in printing. While the pattern is essential for that specific medium, halftone patterns also give a unique look to design work. Halftone is a technique that simulates tone gradations by using dots. These dots vary in size, spacing and sometimes even shape to generate a halftone gradient effect. The closer and bigger the dots on the halftone, the darker the image is. The smaller and more spread out the dots are, the lighter the image is. When it is all put together, the halftone effect creates the illusion of gradation when seen from afar.

Nowadays, halftone is commonly used digitally to achieve a comic-book look, representing nostalgia for the past in the digital age.

In this tutorial, I’ll show you how to achieve a halftone effect in Photoshop. You can apply these steps to any image of your liking to achieve a black and white halftone and color halftone. We will also take a look at how to create your own halftone brushes in Photoshop, which can help you add great details to your artwork. Lastly, we will look at how to create halftone brushes in Illustrator. This is perfect if you are getting started in the illustration world and want to develop your skill and style. 

In a hurry? We’ve got amazing halftone textures and halftone vectors over at Envato Elements and GraphicRiver. Go check them out! 

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

What You Will Need

You’ll need access to Adobe Photoshop and Illustrator; if you don’t have the software, you can download a trial from the Adobe website. You’ll also need this image:

Download the image, and when you are ready, we can dive in! 

1. How to Make a Halftone Pattern in Photoshop

Step 1

Drag the Headphones isolated on white background image into Photoshop. We will convert this into a variation of halftone images to try different settings.

To achieve a color halftone in Photoshop, go to Filter > Pixelate > Color Halftone. 

drag the headphones image into adobe photoshop and apply the color halftone filter

Step 2

In the Color Halftone option window, you’ll notice the Max. Radius and Channels options. Max. Radius dictates the maximum size of the dots, which will dictate how detailed you want your image to be. The bigger the dots, the less detailed it is; the smaller the dots, the more detailed it will be. 

The Channels represent cyan, magenta, yellow, and black, and the angle these colors will get mixed in. This is to achieve specific colors and tones. The angle creates moiré effects and rosette patterns that are useful for printing when halftoning is necessary. In this tutorial, we will focus on the look of halftone effects that can be printed or used digitally as a style. 

The Color Halftone option window has default settings. Mine are set to the following: 

  • Max. Radius 8 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK. 

Use the default settings and click ok

In the example below, you can see that we’ve created a color halftone in Photoshop. The closer and bigger the dots are, the darker the image is, and the smaller and more spread out, the lighter the image is. The image is very textured due to the low Max. Radius. Look at the image from afar, and you’ll notice that the dots disappear, lending a tone gradation illusion. 

headphones image with the default settings halftone

Step 3

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with a different Max. Radius setting:

  • Max. Radius 20 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK.

You’ll notice the dots are much bigger, and you can see the CMYK color mix as a scattered pattern. 

headphones image with max radius of 20

Step 4

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with the same Max. Radius setting as above and changing the channels to 45:

  • Max. Radius 20 pixels
  • Channel 1: 45
  • Channel 2: 45
  • Channel 3: 45
  • Channel 4: 45

Click OK.

You’ll notice the dots are the same size but the angles are lined up on a grid, creating a neat pattern. 

headphones image with all channels at 45 degrees

Step 5

Press Command-Z to go back a step.

Another way of achieving a halftone effect is by using the bitmap option. With the bitmap option, you can create a black and white halftone effect and use different halftone shapes. This technique will maintain the edges of the image as a cookie-cutter to create the halftone pattern. In order to access the bitmap option, we need to turn the image to grayscale. 

Head over to Image > Mode > Grayscale, followed by Image > Mode > Bitmap.

convert the headphones image to grayscale

Step 6

In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

convert the image into bitmap under method use halftone screen

In the Halftone Screen option window, set the Frequency to 3 Lines/Inch, the Angle to 45 degrees, and Shape to Round. Click OK.

You’ll notice in the image below that compared to the Halftone Effect, this instead cuts out the dots on the edge. 

set the frequency to 3 angle to 45 and shape to round Click ok

Step 7

Let’s say you want to achieve a different kind of halftone effect. Press Command-Z to go back a step.

Go to Image > Mode > Bitmap. In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

Let’s use the same settings, but this time change the Shape to Line. Click OK. By the traditional definition, this isn’t exactly halftone because it is not composed of dots, but it has the same idea. We are creating a halftone gradient with the lines.

Headphones image with the shape option set to line

2. How to Make Halftone Brushes in Photoshop

Step 1

Go to File > New and create a new file named Halftone brush. 

Set the Width and Height to 1500 Pixels, Resolution to 72 Pixels/Inch, and click Create.

create a new photoshop file

Step 2

Select the Brush Tool (B) from the toolbar. Right-click on the document to open the brush options. 

Select the Hard Round Brush, and set the Size to 500 px and the Hardness to 25%. The hardness will help spread out the brush, and this will translate into a halftone gradient in which the dots vary in size as they spread out.

select the hard round brush and set the size to 500 px and hardness to 25

Step 3

Click once on the document to create one brush stroke.

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 20 Pixels and all the Channels to 45. Click OK.

click once on the document and apply the color halftone filter

Step 4

Go to Edit > Define Brush Preset. In the Brush Name option window, set the Name to Halftone Brush. Click OK.

select the define brush preset option under edit to create a new brush

Step 5

Now you can use the new brush by brushing strokes on the document. 

brush is ready to be used

Head over to Window > Brush Settings to open the Brush Settings panel. Here, you can change the settings to achieve different looks. Change the Spacing to 1% to achieve a smoother transition and to 95% to separate the strokes. Now your brush is ready to use. 

open the brush settings to modify brush options

3. How to Make Halftone Brushes in Adobe Illustrator

Step 1

Open Illustrator, and head over to File > New. 

In the New Document window, select the Print tab. Select the Letter size blank preset. Name the file Halftone, and set the Units to Centimeters and Orientation to Horizontal. Click Create. 

create a new illustrator file

Step 2

For this brush, we will create a halftone pattern in Illustrator from scratch and later build up to a composition.

Select the Ellipse Tool (L) from the toolbar. Click on the artboard to open the Ellipse option window. Set the Width and Height to 1 cm. Click OK.

Set the Fill color to Black. 

Create a second Ellipse, this time setting the Width and Height to 0.3 cm. Click OK. 

create a 1cm circle and a 03 cm circle

Step 3

Select both circles. Open the Align panel by going to Window > Align. Select the Horizontal Align Center button. 

Select the Blend Tool (W) from the toolbar. Click on any of the circles followed by the other circle. This will fill the gap between the two objects by creating a number of steps. 

use the blend tool to create steps between the two

Step 4

To alter the number of steps between the two objects, double-click on the Blend Tool button on the toolbar.

In the Blend Options window, check the Preview box. Set the Spacing to Specified Steps, and set the number to 9. Click OK.

set the specified steps to 9

Step 5

Head over to Object > Expand. In the Expand option window, select Object and Fill. Click OK. This will convert steps into objects. You’ll know you’ve done so when the line from the Blend Tool running across the steps has disappeared. 

Duplicate the object to the right by holding Shift-Option and dragging. Shift will keep the object at the same axis, and Option will Duplicate the object.

Select the Blend Tool (W) from the toolbar. Click on one set of circles followed by the second set. This will create steps to fill in the gap.

Expand the object and duplicate Use the blend tool to fill the gap

Step 6

Go to Object > Expand and click OK in the Expand option window. 

In order to create a brush, we need to create a tile that is able to multiply. Using the Rectangle Tool (M), create a square that covers the center of the outermost circle from left to right. Below, I’ve colored the rectangle in cyan for you to see.

create a square that covers all the circles making sure each corner is placed on each circles center

Step 7

While selecting the circles and the square, press Command-7 to Make a Clipping Mask. 

create a clipping mask

Step 8

Hold down Shift-Option on your keyboard and drag to the right three times to create a tile. 

duplicate the tile a few times

Step 9

Open the Brushes panel by going to Window > Brushes.

Select all three tiles and drag into the Brushes panel. In the New Brush window, select Art Brush. Click OK.

open the brushes panel and drag the tile into the panel

Step 10

On the Art Brush Options window, Name the brush Halftone. Set the Width to Fixed and Brush Scale Options to Stretch to Fit Stroke Length. Click OK.

create a brush with the tile

Step 11   

To apply the brush on a path, select the Pen Tool (P) from the toolbar. Create a line on the artboard. Set the Stroke color to Black. 

On the Brushes panel, select the Halftone brush we created. 

using the pen tool draw a line and choose the pattern as a stroke

Step 12

You can control the size of the pattern by opening the Strokes panel. Go to Window > Strokes. On the Strokes panel, set the Stroke Weight to 0.75 pt. 

control the size by going to the stroke panel and changing the weight

Step 13

Let’s apply this halftone brush pattern to a circle. 

First, head to the Brushes panel and double-click on the halftone brush to change the settings. In the Art Brush Options window, set the Colorization Method to Hue Shift. 

change the method to hue shift to apply color to the pattern

Step 14

Using the Ellipse Tool (L), create an ellipse on the artboard—any size is fine. Set the Fill color to 40% Cyan. 

Select the Brush Tool (B) from the toolbar. Draw a curve on the bottom left quadrant portion of the circle. 

Set the Stroke on the Strokes panel to 0.5 pt. Set the Stroke color to a darker cyan. Position the stroke on the ellipse. 

create an ellipse and a curve to create the illusion of shadow under the ellipse

Select the ellipse and press Shift-Command-] to bring the shape Forward. Select both the ellipse and the stroke and press Command-7 to Make a Clipping Mask. 

Select the ellipse again and set the Fill to 40% Cyan. 

This is great to add subtle shadows to your illustration.

create a clipping mask

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned what halftone is and how you can achieve this comic book look. This style will lend a great texture to your artwork and a style that can range from clean comic book to grungy. Today, you learned to:

  • apply a halftone effect to an image
  • apply a halftone effect to a black and white image through the Bitmap option
  • create halftone brushes in Photoshop
  • create halftone brushes in Illustrator

If you are new to Photoshop and Illustrator and need halftone backgrounds or halftone brushes right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Post pobrano z: How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you what halftone is and how to achieve a halftone effect. I’ll also show you how to make your own halftone brushes.

What Is Halftone?

You might be familiar with halftone patterns being used in printing. While the pattern is essential for that specific medium, halftone patterns also give a unique look to design work. Halftone is a technique that simulates tone gradations by using dots. These dots vary in size, spacing and sometimes even shape to generate a halftone gradient effect. The closer and bigger the dots on the halftone, the darker the image is. The smaller and more spread out the dots are, the lighter the image is. When it is all put together, the halftone effect creates the illusion of gradation when seen from afar.

Nowadays, halftone is commonly used digitally to achieve a comic-book look, representing nostalgia for the past in the digital age.

In this tutorial, I’ll show you how to achieve a halftone effect in Photoshop. You can apply these steps to any image of your liking to achieve a black and white halftone and color halftone. We will also take a look at how to create your own halftone brushes in Photoshop, which can help you add great details to your artwork. Lastly, we will look at how to create halftone brushes in Illustrator. This is perfect if you are getting started in the illustration world and want to develop your skill and style. 

In a hurry? We’ve got amazing halftone textures and halftone vectors over at Envato Elements and GraphicRiver. Go check them out! 

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

What You Will Need

You’ll need access to Adobe Photoshop and Illustrator; if you don’t have the software, you can download a trial from the Adobe website. You’ll also need this image:

Download the image, and when you are ready, we can dive in! 

1. How to Make a Halftone Pattern in Photoshop

Step 1

Drag the Headphones isolated on white background image into Photoshop. We will convert this into a variation of halftone images to try different settings.

To achieve a color halftone in Photoshop, go to Filter > Pixelate > Color Halftone. 

drag the headphones image into adobe photoshop and apply the color halftone filter

Step 2

In the Color Halftone option window, you’ll notice the Max. Radius and Channels options. Max. Radius dictates the maximum size of the dots, which will dictate how detailed you want your image to be. The bigger the dots, the less detailed it is; the smaller the dots, the more detailed it will be. 

The Channels represent cyan, magenta, yellow, and black, and the angle these colors will get mixed in. This is to achieve specific colors and tones. The angle creates moiré effects and rosette patterns that are useful for printing when halftoning is necessary. In this tutorial, we will focus on the look of halftone effects that can be printed or used digitally as a style. 

The Color Halftone option window has default settings. Mine are set to the following: 

  • Max. Radius 8 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK. 

Use the default settings and click ok

In the example below, you can see that we’ve created a color halftone in Photoshop. The closer and bigger the dots are, the darker the image is, and the smaller and more spread out, the lighter the image is. The image is very textured due to the low Max. Radius. Look at the image from afar, and you’ll notice that the dots disappear, lending a tone gradation illusion. 

headphones image with the default settings halftone

Step 3

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with a different Max. Radius setting:

  • Max. Radius 20 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK.

You’ll notice the dots are much bigger, and you can see the CMYK color mix as a scattered pattern. 

headphones image with max radius of 20

Step 4

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with the same Max. Radius setting as above and changing the channels to 45:

  • Max. Radius 20 pixels
  • Channel 1: 45
  • Channel 2: 45
  • Channel 3: 45
  • Channel 4: 45

Click OK.

You’ll notice the dots are the same size but the angles are lined up on a grid, creating a neat pattern. 

headphones image with all channels at 45 degrees

Step 5

Press Command-Z to go back a step.

Another way of achieving a halftone effect is by using the bitmap option. With the bitmap option, you can create a black and white halftone effect and use different halftone shapes. This technique will maintain the edges of the image as a cookie-cutter to create the halftone pattern. In order to access the bitmap option, we need to turn the image to grayscale. 

Head over to Image > Mode > Grayscale, followed by Image > Mode > Bitmap.

convert the headphones image to grayscale

Step 6

In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

convert the image into bitmap under method use halftone screen

In the Halftone Screen option window, set the Frequency to 3 Lines/Inch, the Angle to 45 degrees, and Shape to Round. Click OK.

You’ll notice in the image below that compared to the Halftone Effect, this instead cuts out the dots on the edge. 

set the frequency to 3 angle to 45 and shape to round Click ok

Step 7

Let’s say you want to achieve a different kind of halftone effect. Press Command-Z to go back a step.

Go to Image > Mode > Bitmap. In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

Let’s use the same settings, but this time change the Shape to Line. Click OK. By the traditional definition, this isn’t exactly halftone because it is not composed of dots, but it has the same idea. We are creating a halftone gradient with the lines.

Headphones image with the shape option set to line

2. How to Make Halftone Brushes in Photoshop

Step 1

Go to File > New and create a new file named Halftone brush. 

Set the Width and Height to 1500 Pixels, Resolution to 72 Pixels/Inch, and click Create.

create a new photoshop file

Step 2

Select the Brush Tool (B) from the toolbar. Right-click on the document to open the brush options. 

Select the Hard Round Brush, and set the Size to 500 px and the Hardness to 25%. The hardness will help spread out the brush, and this will translate into a halftone gradient in which the dots vary in size as they spread out.

select the hard round brush and set the size to 500 px and hardness to 25

Step 3

Click once on the document to create one brush stroke.

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 20 Pixels and all the Channels to 45. Click OK.

click once on the document and apply the color halftone filter

Step 4

Go to Edit > Define Brush Preset. In the Brush Name option window, set the Name to Halftone Brush. Click OK.

select the define brush preset option under edit to create a new brush

Step 5

Now you can use the new brush by brushing strokes on the document. 

brush is ready to be used

Head over to Window > Brush Settings to open the Brush Settings panel. Here, you can change the settings to achieve different looks. Change the Spacing to 1% to achieve a smoother transition and to 95% to separate the strokes. Now your brush is ready to use. 

open the brush settings to modify brush options

3. How to Make Halftone Brushes in Adobe Illustrator

Step 1

Open Illustrator, and head over to File > New. 

In the New Document window, select the Print tab. Select the Letter size blank preset. Name the file Halftone, and set the Units to Centimeters and Orientation to Horizontal. Click Create. 

create a new illustrator file

Step 2

For this brush, we will create a halftone pattern in Illustrator from scratch and later build up to a composition.

Select the Ellipse Tool (L) from the toolbar. Click on the artboard to open the Ellipse option window. Set the Width and Height to 1 cm. Click OK.

Set the Fill color to Black. 

Create a second Ellipse, this time setting the Width and Height to 0.3 cm. Click OK. 

create a 1cm circle and a 03 cm circle

Step 3

Select both circles. Open the Align panel by going to Window > Align. Select the Horizontal Align Center button. 

Select the Blend Tool (W) from the toolbar. Click on any of the circles followed by the other circle. This will fill the gap between the two objects by creating a number of steps. 

use the blend tool to create steps between the two

Step 4

To alter the number of steps between the two objects, double-click on the Blend Tool button on the toolbar.

In the Blend Options window, check the Preview box. Set the Spacing to Specified Steps, and set the number to 9. Click OK.

set the specified steps to 9

Step 5

Head over to Object > Expand. In the Expand option window, select Object and Fill. Click OK. This will convert steps into objects. You’ll know you’ve done so when the line from the Blend Tool running across the steps has disappeared. 

Duplicate the object to the right by holding Shift-Option and dragging. Shift will keep the object at the same axis, and Option will Duplicate the object.

Select the Blend Tool (W) from the toolbar. Click on one set of circles followed by the second set. This will create steps to fill in the gap.

Expand the object and duplicate Use the blend tool to fill the gap

Step 6

Go to Object > Expand and click OK in the Expand option window. 

In order to create a brush, we need to create a tile that is able to multiply. Using the Rectangle Tool (M), create a square that covers the center of the outermost circle from left to right. Below, I’ve colored the rectangle in cyan for you to see.

create a square that covers all the circles making sure each corner is placed on each circles center

Step 7

While selecting the circles and the square, press Command-7 to Make a Clipping Mask. 

create a clipping mask

Step 8

Hold down Shift-Option on your keyboard and drag to the right three times to create a tile. 

duplicate the tile a few times

Step 9

Open the Brushes panel by going to Window > Brushes.

Select all three tiles and drag into the Brushes panel. In the New Brush window, select Art Brush. Click OK.

open the brushes panel and drag the tile into the panel

Step 10

On the Art Brush Options window, Name the brush Halftone. Set the Width to Fixed and Brush Scale Options to Stretch to Fit Stroke Length. Click OK.

create a brush with the tile

Step 11   

To apply the brush on a path, select the Pen Tool (P) from the toolbar. Create a line on the artboard. Set the Stroke color to Black. 

On the Brushes panel, select the Halftone brush we created. 

using the pen tool draw a line and choose the pattern as a stroke

Step 12

You can control the size of the pattern by opening the Strokes panel. Go to Window > Strokes. On the Strokes panel, set the Stroke Weight to 0.75 pt. 

control the size by going to the stroke panel and changing the weight

Step 13

Let’s apply this halftone brush pattern to a circle. 

First, head to the Brushes panel and double-click on the halftone brush to change the settings. In the Art Brush Options window, set the Colorization Method to Hue Shift. 

change the method to hue shift to apply color to the pattern

Step 14

Using the Ellipse Tool (L), create an ellipse on the artboard—any size is fine. Set the Fill color to 40% Cyan. 

Select the Brush Tool (B) from the toolbar. Draw a curve on the bottom left quadrant portion of the circle. 

Set the Stroke on the Strokes panel to 0.5 pt. Set the Stroke color to a darker cyan. Position the stroke on the ellipse. 

create an ellipse and a curve to create the illusion of shadow under the ellipse

Select the ellipse and press Shift-Command-] to bring the shape Forward. Select both the ellipse and the stroke and press Command-7 to Make a Clipping Mask. 

Select the ellipse again and set the Fill to 40% Cyan. 

This is great to add subtle shadows to your illustration.

create a clipping mask

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned what halftone is and how you can achieve this comic book look. This style will lend a great texture to your artwork and a style that can range from clean comic book to grungy. Today, you learned to:

  • apply a halftone effect to an image
  • apply a halftone effect to a black and white image through the Bitmap option
  • create halftone brushes in Photoshop
  • create halftone brushes in Illustrator

If you are new to Photoshop and Illustrator and need halftone backgrounds or halftone brushes right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Post pobrano z: How to Make Halftone Effect Patterns and Brushes in Photoshop and Illustrator

Final product image
What You’ll Be Creating

In this tutorial, I’ll show you what halftone is and how to achieve a halftone effect. I’ll also show you how to make your own halftone brushes.

What Is Halftone?

You might be familiar with halftone patterns being used in printing. While the pattern is essential for that specific medium, halftone patterns also give a unique look to design work. Halftone is a technique that simulates tone gradations by using dots. These dots vary in size, spacing and sometimes even shape to generate a halftone gradient effect. The closer and bigger the dots on the halftone, the darker the image is. The smaller and more spread out the dots are, the lighter the image is. When it is all put together, the halftone effect creates the illusion of gradation when seen from afar.

Nowadays, halftone is commonly used digitally to achieve a comic-book look, representing nostalgia for the past in the digital age.

In this tutorial, I’ll show you how to achieve a halftone effect in Photoshop. You can apply these steps to any image of your liking to achieve a black and white halftone and color halftone. We will also take a look at how to create your own halftone brushes in Photoshop, which can help you add great details to your artwork. Lastly, we will look at how to create halftone brushes in Illustrator. This is perfect if you are getting started in the illustration world and want to develop your skill and style. 

In a hurry? We’ve got amazing halftone textures and halftone vectors over at Envato Elements and GraphicRiver. Go check them out! 

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

What You Will Need

You’ll need access to Adobe Photoshop and Illustrator; if you don’t have the software, you can download a trial from the Adobe website. You’ll also need this image:

Download the image, and when you are ready, we can dive in! 

1. How to Make a Halftone Pattern in Photoshop

Step 1

Drag the Headphones isolated on white background image into Photoshop. We will convert this into a variation of halftone images to try different settings.

To achieve a color halftone in Photoshop, go to Filter > Pixelate > Color Halftone. 

drag the headphones image into adobe photoshop and apply the color halftone filter

Step 2

In the Color Halftone option window, you’ll notice the Max. Radius and Channels options. Max. Radius dictates the maximum size of the dots, which will dictate how detailed you want your image to be. The bigger the dots, the less detailed it is; the smaller the dots, the more detailed it will be. 

The Channels represent cyan, magenta, yellow, and black, and the angle these colors will get mixed in. This is to achieve specific colors and tones. The angle creates moiré effects and rosette patterns that are useful for printing when halftoning is necessary. In this tutorial, we will focus on the look of halftone effects that can be printed or used digitally as a style. 

The Color Halftone option window has default settings. Mine are set to the following: 

  • Max. Radius 8 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK. 

Use the default settings and click ok

In the example below, you can see that we’ve created a color halftone in Photoshop. The closer and bigger the dots are, the darker the image is, and the smaller and more spread out, the lighter the image is. The image is very textured due to the low Max. Radius. Look at the image from afar, and you’ll notice that the dots disappear, lending a tone gradation illusion. 

headphones image with the default settings halftone

Step 3

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with a different Max. Radius setting:

  • Max. Radius 20 pixels
  • Channel 1: 108
  • Channel 2: 162
  • Channel 3: 90
  • Channel 4: 45

Click OK.

You’ll notice the dots are much bigger, and you can see the CMYK color mix as a scattered pattern. 

headphones image with max radius of 20

Step 4

Press Command-Z to go back a step. Go to Filter > Pixelate > Color Halftone. Let’s try the halftone effect with the same Max. Radius setting as above and changing the channels to 45:

  • Max. Radius 20 pixels
  • Channel 1: 45
  • Channel 2: 45
  • Channel 3: 45
  • Channel 4: 45

Click OK.

You’ll notice the dots are the same size but the angles are lined up on a grid, creating a neat pattern. 

headphones image with all channels at 45 degrees

Step 5

Press Command-Z to go back a step.

Another way of achieving a halftone effect is by using the bitmap option. With the bitmap option, you can create a black and white halftone effect and use different halftone shapes. This technique will maintain the edges of the image as a cookie-cutter to create the halftone pattern. In order to access the bitmap option, we need to turn the image to grayscale. 

Head over to Image > Mode > Grayscale, followed by Image > Mode > Bitmap.

convert the headphones image to grayscale

Step 6

In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

convert the image into bitmap under method use halftone screen

In the Halftone Screen option window, set the Frequency to 3 Lines/Inch, the Angle to 45 degrees, and Shape to Round. Click OK.

You’ll notice in the image below that compared to the Halftone Effect, this instead cuts out the dots on the edge. 

set the frequency to 3 angle to 45 and shape to round Click ok

Step 7

Let’s say you want to achieve a different kind of halftone effect. Press Command-Z to go back a step.

Go to Image > Mode > Bitmap. In the Bitmap option window, set the Output to 72 Pixels/Inch. Under Method, Use: Halftone Screen and click OK. 

Let’s use the same settings, but this time change the Shape to Line. Click OK. By the traditional definition, this isn’t exactly halftone because it is not composed of dots, but it has the same idea. We are creating a halftone gradient with the lines.

Headphones image with the shape option set to line

2. How to Make Halftone Brushes in Photoshop

Step 1

Go to File > New and create a new file named Halftone brush. 

Set the Width and Height to 1500 Pixels, Resolution to 72 Pixels/Inch, and click Create.

create a new photoshop file

Step 2

Select the Brush Tool (B) from the toolbar. Right-click on the document to open the brush options. 

Select the Hard Round Brush, and set the Size to 500 px and the Hardness to 25%. The hardness will help spread out the brush, and this will translate into a halftone gradient in which the dots vary in size as they spread out.

select the hard round brush and set the size to 500 px and hardness to 25

Step 3

Click once on the document to create one brush stroke.

Head over to Filter > Pixelate > Color Halftone. Set the Max. Radius to 20 Pixels and all the Channels to 45. Click OK.

click once on the document and apply the color halftone filter

Step 4

Go to Edit > Define Brush Preset. In the Brush Name option window, set the Name to Halftone Brush. Click OK.

select the define brush preset option under edit to create a new brush

Step 5

Now you can use the new brush by brushing strokes on the document. 

brush is ready to be used

Head over to Window > Brush Settings to open the Brush Settings panel. Here, you can change the settings to achieve different looks. Change the Spacing to 1% to achieve a smoother transition and to 95% to separate the strokes. Now your brush is ready to use. 

open the brush settings to modify brush options

3. How to Make Halftone Brushes in Adobe Illustrator

Step 1

Open Illustrator, and head over to File > New. 

In the New Document window, select the Print tab. Select the Letter size blank preset. Name the file Halftone, and set the Units to Centimeters and Orientation to Horizontal. Click Create. 

create a new illustrator file

Step 2

For this brush, we will create a halftone pattern in Illustrator from scratch and later build up to a composition.

Select the Ellipse Tool (L) from the toolbar. Click on the artboard to open the Ellipse option window. Set the Width and Height to 1 cm. Click OK.

Set the Fill color to Black. 

Create a second Ellipse, this time setting the Width and Height to 0.3 cm. Click OK. 

create a 1cm circle and a 03 cm circle

Step 3

Select both circles. Open the Align panel by going to Window > Align. Select the Horizontal Align Center button. 

Select the Blend Tool (W) from the toolbar. Click on any of the circles followed by the other circle. This will fill the gap between the two objects by creating a number of steps. 

use the blend tool to create steps between the two

Step 4

To alter the number of steps between the two objects, double-click on the Blend Tool button on the toolbar.

In the Blend Options window, check the Preview box. Set the Spacing to Specified Steps, and set the number to 9. Click OK.

set the specified steps to 9

Step 5

Head over to Object > Expand. In the Expand option window, select Object and Fill. Click OK. This will convert steps into objects. You’ll know you’ve done so when the line from the Blend Tool running across the steps has disappeared. 

Duplicate the object to the right by holding Shift-Option and dragging. Shift will keep the object at the same axis, and Option will Duplicate the object.

Select the Blend Tool (W) from the toolbar. Click on one set of circles followed by the second set. This will create steps to fill in the gap.

Expand the object and duplicate Use the blend tool to fill the gap

Step 6

Go to Object > Expand and click OK in the Expand option window. 

In order to create a brush, we need to create a tile that is able to multiply. Using the Rectangle Tool (M), create a square that covers the center of the outermost circle from left to right. Below, I’ve colored the rectangle in cyan for you to see.

create a square that covers all the circles making sure each corner is placed on each circles center

Step 7

While selecting the circles and the square, press Command-7 to Make a Clipping Mask. 

create a clipping mask

Step 8

Hold down Shift-Option on your keyboard and drag to the right three times to create a tile. 

duplicate the tile a few times

Step 9

Open the Brushes panel by going to Window > Brushes.

Select all three tiles and drag into the Brushes panel. In the New Brush window, select Art Brush. Click OK.

open the brushes panel and drag the tile into the panel

Step 10

On the Art Brush Options window, Name the brush Halftone. Set the Width to Fixed and Brush Scale Options to Stretch to Fit Stroke Length. Click OK.

create a brush with the tile

Step 11   

To apply the brush on a path, select the Pen Tool (P) from the toolbar. Create a line on the artboard. Set the Stroke color to Black. 

On the Brushes panel, select the Halftone brush we created. 

using the pen tool draw a line and choose the pattern as a stroke

Step 12

You can control the size of the pattern by opening the Strokes panel. Go to Window > Strokes. On the Strokes panel, set the Stroke Weight to 0.75 pt. 

control the size by going to the stroke panel and changing the weight

Step 13

Let’s apply this halftone brush pattern to a circle. 

First, head to the Brushes panel and double-click on the halftone brush to change the settings. In the Art Brush Options window, set the Colorization Method to Hue Shift. 

change the method to hue shift to apply color to the pattern

Step 14

Using the Ellipse Tool (L), create an ellipse on the artboard—any size is fine. Set the Fill color to 40% Cyan. 

Select the Brush Tool (B) from the toolbar. Draw a curve on the bottom left quadrant portion of the circle. 

Set the Stroke on the Strokes panel to 0.5 pt. Set the Stroke color to a darker cyan. Position the stroke on the ellipse. 

create an ellipse and a curve to create the illusion of shadow under the ellipse

Select the ellipse and press Shift-Command-] to bring the shape Forward. Select both the ellipse and the stroke and press Command-7 to Make a Clipping Mask. 

Select the ellipse again and set the Fill to 40% Cyan. 

This is great to add subtle shadows to your illustration.

create a clipping mask

Great Job! You’ve Finished This Tutorial!

In this tutorial, you learned what halftone is and how you can achieve this comic book look. This style will lend a great texture to your artwork and a style that can range from clean comic book to grungy. Today, you learned to:

  • apply a halftone effect to an image
  • apply a halftone effect to a black and white image through the Bitmap option
  • create halftone brushes in Photoshop
  • create halftone brushes in Illustrator

If you are new to Photoshop and Illustrator and need halftone backgrounds or halftone brushes right away, head over to Envato Elements and GraphicRiver. We’ve got many options to explore! 

If you liked this tutorial, you might like these:

10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Post pobrano z: 10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Mockup templates offer a great way for graphic designers and business owners to preview, showcase or promote their artwork and logos easily. If you’re looking for a variety of free mockup templates, you really can’t do better than these cool mockups available at Placeit.

What’s more, the Placeit software makes these free product mockups super easy to use. Let me show you what I mean.

Free Mockup Templates

How to Use Your FREE Mockup Templates

1. Go to Placeit and sign up for FREE! Select the free product mockups you want to use from the list below.

For example, I’ll use the Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed template for my demonstration here.

Free Mockups

2.  Upload your design.

Upload Your Design

3. Select a T-shirt colour to match your design.

Select a t-shirt colour to match your design

3. Hit the Free Download button.

Hit the Free Download button

4. Select the ‚Buy this Mockup’ button. 

Don’t worry—you will not have to pay for anything. This just activates the download process.

Select the Buy this Mockup button

5. Download Your Design When It Has Been Processed.

Download your design when it has been processed

And that’s it. Now you have a terrific free mockup ready to use as you wish.

Free Mockups

Now that you know how easy it is to use these free mockup templates, let’s look at the other cool mockups available for download.

10 Best Free Online Mockup Templates  

Half Letter Flyer Template on a Container Edge

Half Letter Flyer Template on a Container Edge

This is another flyer mockup free to download that allows you to see how your flyer will look in a real-life scenario. This time, the flyer is posted on a container surface. This allows you to see if your flyer would stand out and what it would look like posted around town.

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

If you’ve created a great app and are looking for just the right free iPhone mockup to advertise your creation, this mockup, which shows an iPhone shot from above and displayed against a beautiful multicoloured surface, is an excellent option. 

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

This free iPhone mockup brings a bit more style to your project as the iPhone X is pictured against a bright blue background and set off by layers of torn paper in gorgeous colours. Would be great for displaying loads of different kinds of apps.

iPhone X Mockup Lying on a Wooden Bench Outdoors

iPhone X Mockup Lying on a Wooden Bench Outdoors

This flat lay of an iPhone lying at an angle on a weathered wooden table is a great free iPhone mockup choice for apps or websites dealing with health, the environment, or the great outdoors.

iPhone X Mockup Lying on a Red Carpet

iPhone X Mockup Lying on a Red Carpet

Photographed against a gorgeous rug of warm beautiful colors, this free mockup template adds a bit of earthiness and texture to your iPhone display. Just upload your image or enter the URL for a website, and your mockup is ready to use.

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Keep your viewer’s eyes riveted to your design when you use this terrific free coffee mug mockup which sits in the foreground of the photo and stands out quite clearly against a softly blurred background of a kitchen countertop. 

Woman Wearing a Round Neck T-shirt Mockup

Woman Wearing a Round Neck Tshirt Mockup

Featuring a young woman standing behind a counter, this free T-shirt mockup template uses a real-life context to bring your designs to life and help people visualize themselves wearing your T-shirts.

Mockup of a T-Shirt Lying Flat Over Cut out Shapes

Mockup of a T-Shirt Lying Flat over Cut out Shapes

This free T-shirt mockup template features a flat lay format and allows you to change the background to fit seamlessly into whatever context you need to use the mockup in. Then you just use the cut-out shapes in a contrasting colour to jazz up your design. 

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Maybe you want to show off a fashion brand or a travel logo. Either way, this free T-shirt mockup template is another great way to incorporate a real-life context—this time, a neatly folded T-shirt lying on a bed next to other items—that would work well to show your designs to their best advantage.

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

This simple, free T-shirt mockup template with its neutral background would be a great way to show off products or services targeting a male audience. Just upload your image, select the desired T-shirt colour, and you’re done.

Take Your Free Mockup Template for a Spin 

That’s it for our wonderful collection of free mockup templates. Why not try one out and show us how you’ve used it in the comments below? 

And if you like the free mockup templates featured here but haven’t seen quite what you’re looking for, there are plenty more terrific mockup templates at both Placeit and Envato Elements, so definitely check out both sites and let me know in the comments if you’ve found a new favourite that’s not on my list.

10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Post pobrano z: 10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Mockup templates offer a great way for graphic designers and business owners to preview, showcase or promote their artwork and logos easily. If you’re looking for a variety of free mockup templates, you really can’t do better than these cool mockups available at Placeit.

What’s more, the Placeit software makes these free product mockups super easy to use. Let me show you what I mean.

Free Mockup Templates

How to Use Your FREE Mockup Templates

1. Go to Placeit and sign up for FREE! Select the free product mockups you want to use from the list below.

For example, I’ll use the Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed template for my demonstration here.

Free Mockups

2.  Upload your design.

Upload Your Design

3. Select a T-shirt colour to match your design.

Select a t-shirt colour to match your design

3. Hit the Free Download button.

Hit the Free Download button

4. Select the ‚Buy this Mockup’ button. 

Don’t worry—you will not have to pay for anything. This just activates the download process.

Select the Buy this Mockup button

5. Download Your Design When It Has Been Processed.

Download your design when it has been processed

And that’s it. Now you have a terrific free mockup ready to use as you wish.

Free Mockups

Now that you know how easy it is to use these free mockup templates, let’s look at the other cool mockups available for download.

10 Best Free Online Mockup Templates  

Half Letter Flyer Template on a Container Edge

Half Letter Flyer Template on a Container Edge

This is another flyer mockup free to download that allows you to see how your flyer will look in a real-life scenario. This time, the flyer is posted on a container surface. This allows you to see if your flyer would stand out and what it would look like posted around town.

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

If you’ve created a great app and are looking for just the right free iPhone mockup to advertise your creation, this mockup, which shows an iPhone shot from above and displayed against a beautiful multicoloured surface, is an excellent option. 

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

This free iPhone mockup brings a bit more style to your project as the iPhone X is pictured against a bright blue background and set off by layers of torn paper in gorgeous colours. Would be great for displaying loads of different kinds of apps.

iPhone X Mockup Lying on a Wooden Bench Outdoors

iPhone X Mockup Lying on a Wooden Bench Outdoors

This flat lay of an iPhone lying at an angle on a weathered wooden table is a great free iPhone mockup choice for apps or websites dealing with health, the environment, or the great outdoors.

iPhone X Mockup Lying on a Red Carpet

iPhone X Mockup Lying on a Red Carpet

Photographed against a gorgeous rug of warm beautiful colors, this free mockup template adds a bit of earthiness and texture to your iPhone display. Just upload your image or enter the URL for a website, and your mockup is ready to use.

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Keep your viewer’s eyes riveted to your design when you use this terrific free coffee mug mockup which sits in the foreground of the photo and stands out quite clearly against a softly blurred background of a kitchen countertop. 

Woman Wearing a Round Neck T-shirt Mockup

Woman Wearing a Round Neck Tshirt Mockup

Featuring a young woman standing behind a counter, this free T-shirt mockup template uses a real-life context to bring your designs to life and help people visualize themselves wearing your T-shirts.

Mockup of a T-Shirt Lying Flat Over Cut out Shapes

Mockup of a T-Shirt Lying Flat over Cut out Shapes

This free T-shirt mockup template features a flat lay format and allows you to change the background to fit seamlessly into whatever context you need to use the mockup in. Then you just use the cut-out shapes in a contrasting colour to jazz up your design. 

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Maybe you want to show off a fashion brand or a travel logo. Either way, this free T-shirt mockup template is another great way to incorporate a real-life context—this time, a neatly folded T-shirt lying on a bed next to other items—that would work well to show your designs to their best advantage.

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

This simple, free T-shirt mockup template with its neutral background would be a great way to show off products or services targeting a male audience. Just upload your image, select the desired T-shirt colour, and you’re done.

Take Your Free Mockup Template for a Spin 

That’s it for our wonderful collection of free mockup templates. Why not try one out and show us how you’ve used it in the comments below? 

And if you like the free mockup templates featured here but haven’t seen quite what you’re looking for, there are plenty more terrific mockup templates at both Placeit and Envato Elements, so definitely check out both sites and let me know in the comments if you’ve found a new favourite that’s not on my list.

10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Post pobrano z: 10 Free Mockups Available on Placeit (T-Shirt, iPhone, and More!)

Mockup templates offer a great way for graphic designers and business owners to preview, showcase or promote their artwork and logos easily. If you’re looking for a variety of free mockup templates, you really can’t do better than these cool mockups available at Placeit.

What’s more, the Placeit software makes these free product mockups super easy to use. Let me show you what I mean.

Free Mockup Templates

How to Use Your FREE Mockup Templates

1. Go to Placeit and sign up for FREE! Select the free product mockups you want to use from the list below.

For example, I’ll use the Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed template for my demonstration here.

Free Mockups

2.  Upload your design.

Upload Your Design

3. Select a T-shirt colour to match your design.

Select a t-shirt colour to match your design

3. Hit the Free Download button.

Hit the Free Download button

4. Select the ‚Buy this Mockup’ button. 

Don’t worry—you will not have to pay for anything. This just activates the download process.

Select the Buy this Mockup button

5. Download Your Design When It Has Been Processed.

Download your design when it has been processed

And that’s it. Now you have a terrific free mockup ready to use as you wish.

Free Mockups

Now that you know how easy it is to use these free mockup templates, let’s look at the other cool mockups available for download.

10 Best Free Online Mockup Templates  

Half Letter Flyer Template on a Container Edge

Half Letter Flyer Template on a Container Edge

This is another flyer mockup free to download that allows you to see how your flyer will look in a real-life scenario. This time, the flyer is posted on a container surface. This allows you to see if your flyer would stand out and what it would look like posted around town.

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

Mockup of an iPhone Lying on a Pink Surface with Purple and Yellow

If you’ve created a great app and are looking for just the right free iPhone mockup to advertise your creation, this mockup, which shows an iPhone shot from above and displayed against a beautiful multicoloured surface, is an excellent option. 

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

iPhone X Mockup Lying on a Blue Surface Near Broken Paper

This free iPhone mockup brings a bit more style to your project as the iPhone X is pictured against a bright blue background and set off by layers of torn paper in gorgeous colours. Would be great for displaying loads of different kinds of apps.

iPhone X Mockup Lying on a Wooden Bench Outdoors

iPhone X Mockup Lying on a Wooden Bench Outdoors

This flat lay of an iPhone lying at an angle on a weathered wooden table is a great free iPhone mockup choice for apps or websites dealing with health, the environment, or the great outdoors.

iPhone X Mockup Lying on a Red Carpet

iPhone X Mockup Lying on a Red Carpet

Photographed against a gorgeous rug of warm beautiful colors, this free mockup template adds a bit of earthiness and texture to your iPhone display. Just upload your image or enter the URL for a website, and your mockup is ready to use.

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Cup Mockup Featuring a Coffee Cup on Top of a Kitchen Counter

Keep your viewer’s eyes riveted to your design when you use this terrific free coffee mug mockup which sits in the foreground of the photo and stands out quite clearly against a softly blurred background of a kitchen countertop. 

Woman Wearing a Round Neck T-shirt Mockup

Woman Wearing a Round Neck Tshirt Mockup

Featuring a young woman standing behind a counter, this free T-shirt mockup template uses a real-life context to bring your designs to life and help people visualize themselves wearing your T-shirts.

Mockup of a T-Shirt Lying Flat Over Cut out Shapes

Mockup of a T-Shirt Lying Flat over Cut out Shapes

This free T-shirt mockup template features a flat lay format and allows you to change the background to fit seamlessly into whatever context you need to use the mockup in. Then you just use the cut-out shapes in a contrasting colour to jazz up your design. 

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Folded T-Shirt Mockup Lying Next to a Camera and Clothes on a Bed

Maybe you want to show off a fashion brand or a travel logo. Either way, this free T-shirt mockup template is another great way to incorporate a real-life context—this time, a neatly folded T-shirt lying on a bed next to other items—that would work well to show your designs to their best advantage.

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

T-Shirt Mockup Featuring Man Wearing a Yellow and Green Bracelet

This simple, free T-shirt mockup template with its neutral background would be a great way to show off products or services targeting a male audience. Just upload your image, select the desired T-shirt colour, and you’re done.

Take Your Free Mockup Template for a Spin 

That’s it for our wonderful collection of free mockup templates. Why not try one out and show us how you’ve used it in the comments below? 

And if you like the free mockup templates featured here but haven’t seen quite what you’re looking for, there are plenty more terrific mockup templates at both Placeit and Envato Elements, so definitely check out both sites and let me know in the comments if you’ve found a new favourite that’s not on my list.

How to Make a Simple Flyer in Adobe InDesign

Post pobrano z: How to Make a Simple Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. 

On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia, Biphobia, Intersexism and Transphobia)

This important event invites people to show their support for their lesbian, gay, bisexual, transgender, intersex, and queer (LGBTIQ) mates, colleagues, and families, and make a stand against discrimination.

If you’re looking for more help with how to make a flyer, these event flyer templates on GraphicRiver and Envato Elements are super easy to edit and adapt to your own content.

What You’ll Need to Create Your Flyer Template

You’ll need access to Adobe InDesign, as well as to download the following fonts and graphics from Envato Elements:

Install the font files on your computer and save the texture pack to a safe place. 

You’ll also need to download the provided Adobe Swatch Exchange file, to access the color swatches for your poster. We’ll look at how to install the swatches a little later.

Then you’re ready to start creating your flyer!

1. How to Set Up the Flyer Document in InDesign

Step 1

First up, you’ll need to define the flyer dimensions in InDesign.

Open InDesign and go to File > New > Document. 

Choose Print from the options at the top of the window, and select A3 for the Page Size. Deselect Facing Pages.

Add Margins of 0.375 in and a Bleed of 0.25 in*.

*The bleed is only necessary if you’re sending your flyer for professional printing. If you’re printing from a home or office printer, you can skip this step.

a3 page size

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background

Create four more new layers in this order—Texture Background, Hearts, Type, and finally Texture Overlay at the top of the sequence. 

texture overlay

Then lock all layers except the bottom layer, Background

background layer

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose Load Swatches from the panel’s drop-down menu. 

load swatches

Navigate to the IDAHOBIT Poster Swatches.ase file you downloaded earlier, and click Open, loading the color swatches into the panel. 

color swatches

2. How to Build Up Color and Texture on Your Flyer Template

Step 1

Working on the Background layer, use the Rectangle Tool (M) to create a shape across the page, extending the edges up to the margins. 

From the Swatches panel, set the Fill to the pale beige swatch in the Swatches panel. 

swatches beige fill

Step 2

Lock the Background layer and unlock the next layer up, Texture Background. 

Use the Rectangle Frame Tool (F) to create an image frame across the top half of the background shape. Go to File > Place, and choose Texture 6.png from the folder of PNG images inside the textile textures pack you downloaded earlier. 

Click Open and allow the image to fill the frame. 

texture image

With the image frame selected, go to Object > Effects > Transparency, and set the Mode to Screen

screen mode

Step 3

Copy and Paste the image frame, moving the second frame directly below, so that the background shape is completely overlaid with texture. 

pasted texture

Expand the Texture Background layer in the Layers panel and select both the PNG elements sitting inside this layer. 

Select Duplicate Page Items from the panel’s menu, to make a copy of the elements. 

duplicate page items

Unlock the Texture Overlay layer at the top, drag the two copies up, and drop them into this top layer.

Then lock both the Texture Background and Texture Overlay layers. 

texture duplicate

3. How to Create IDAHOBIT Hearts for Your Poster

Step 1

Unlock the Hearts layer. Use the Pen Tool (P) to create a half-heart shape, dragging on the anchor points to create the curved top of the half-heart. 

pen tool

Don’t panic if the shape looks a little bit shaky. You can switch to the Smooth Tool and drag your cursor over the line, smoothing out any lumps and bumps. 

smooth tool

Step 2

When you’re happy with the shape, select it and Edit > Copy, Edit > Paste it. 

On the copy, Right-Click > Transform > Flip Horizontal. 

flip horizontal

Bring the two lines together and go to Object > Paths > Join. 

join paths

Step 3

With your heart shape joined and ready to use in your design, hold Shift while you scale it down, placing it at the top left of the layout. 

Switch the Fill Color to your red swatch, and the Stroke Color to [None].

red heart

With the heart selected, go to Object > Effects > Transparency. Switch the Mode to Multiply and bring the Opacity down to 90%, before clicking OK

multiply mode

Step 4

Copy and Paste the red heart and position it to the right of the first, creating an overlapping effect. 

Adjust the Fill Color to the orange swatch in the Swatches panel. 

orange heart

Paste again, moving further to the right, and switch the Fill to yellow. Add a fourth and final yellow heart to the sequence. 

yellow hearts

Step 5

Select all four heart shapes and Copy and Paste them, moving the new sequence of four about two-thirds of the way down the page. 

Adjust the colors to move from green to blue to purple to complete the Pride colors. 

purple heart shape

4. How to Format Colorful Typography on Your Flyer Template

Step 1

Lock the Hearts layer and unlock the Type layer.

Use the Type Tool (T) to create a sequence of text frames across the layout, adding a large header at the top ‘WE STAND WITH OUR/LGBTIQ MATES’ and a sub-heading below this reading ‘International Day Against Homophobia, Biphobia, Intersexism and Transphobia’.

Add the date, May 17, below this.

Below the second sequence of hearts, you can find space to add a text frame for the event details, and below this add a social media hashtag for IDAHOBIT.

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Liber.

type tool

Step 2

Use your Type Tool cursor to highlight individual words and letters across the text and apply different color swatches to these to make them pop. 

pink text

Step 3

For the main header of the flyer, we can create a gradient swatch to really add an extra special touch to the design. 

Choose New Gradient Swatch from the Swatches panel’s main menu. 

new gradient swatch

Name the swatch Gradient 1, and set the Type to Linear

Choose Swatches from the Stop Color menu. Click on the left-hand stop on the Gradient Ramp and set this to the red swatch in the Swatches list. For the right-hand stop, choose the orange swatch. 

Then click Add and OK.

new gradient swatch

Highlight the header text with your Type Tool cursor and apply the Gradient 1 swatch to the Font Color from the Swatches panel. 

gradient 1

5. How to Export Your Flyer Design for Printing

If you’re simply printing your flyer from a home or office printer, you can head straight up to File > Print.

If you’re sending the flyer off to be printed at a local print shop or through an online print-on-demand service, you should follow the instructions below.

Step 1

Go to File > Export and choose Adobe PDF (Print) from the Format menu in the Export window. 

Click Save. In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top of the window.

press quality

Step 2

Click on Marks and Bleeds in the window’s left-hand menu.

Check both All Printer’s Marks and Use Document Bleed Settings. Then go ahead and click Export. You can send this PDF straight off to the printers—great job!

marks and bleed

Conclusion: Your Finished Flyer Design

IDAHOBIT is the perfect opportunity to show your support for your LGBTIQ friends, colleagues and family members, and encourage others to do the same. 

Display your poster with Pride in your local community hall, college, school, or workplace, and help to make the world a better and more inclusive place!

final poster

If you’re looking for more help with poster and flyer design, you can find a huge range of easy-to-edit flyer and poster templates on GraphicRiver and Envato Elements.

Ready for your next poster design challenge? Check out more flyer and poster tutorials below:

How to Make a Simple Flyer in Adobe InDesign

Post pobrano z: How to Make a Simple Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. 

On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia, Biphobia, Intersexism and Transphobia)

This important event invites people to show their support for their lesbian, gay, bisexual, transgender, intersex, and queer (LGBTIQ) mates, colleagues, and families, and make a stand against discrimination.

If you’re looking for more help with how to make a flyer, these event flyer templates on GraphicRiver and Envato Elements are super easy to edit and adapt to your own content.

What You’ll Need to Create Your Flyer Template

You’ll need access to Adobe InDesign, as well as to download the following fonts and graphics from Envato Elements:

Install the font files on your computer and save the texture pack to a safe place. 

You’ll also need to download the provided Adobe Swatch Exchange file, to access the color swatches for your poster. We’ll look at how to install the swatches a little later.

Then you’re ready to start creating your flyer!

1. How to Set Up the Flyer Document in InDesign

Step 1

First up, you’ll need to define the flyer dimensions in InDesign.

Open InDesign and go to File > New > Document. 

Choose Print from the options at the top of the window, and select A3 for the Page Size. Deselect Facing Pages.

Add Margins of 0.375 in and a Bleed of 0.25 in*.

*The bleed is only necessary if you’re sending your flyer for professional printing. If you’re printing from a home or office printer, you can skip this step.

a3 page size

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background

Create four more new layers in this order—Texture Background, Hearts, Type, and finally Texture Overlay at the top of the sequence. 

texture overlay

Then lock all layers except the bottom layer, Background

background layer

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose Load Swatches from the panel’s drop-down menu. 

load swatches

Navigate to the IDAHOBIT Poster Swatches.ase file you downloaded earlier, and click Open, loading the color swatches into the panel. 

color swatches

2. How to Build Up Color and Texture on Your Flyer Template

Step 1

Working on the Background layer, use the Rectangle Tool (M) to create a shape across the page, extending the edges up to the margins. 

From the Swatches panel, set the Fill to the pale beige swatch in the Swatches panel. 

swatches beige fill

Step 2

Lock the Background layer and unlock the next layer up, Texture Background. 

Use the Rectangle Frame Tool (F) to create an image frame across the top half of the background shape. Go to File > Place, and choose Texture 6.png from the folder of PNG images inside the textile textures pack you downloaded earlier. 

Click Open and allow the image to fill the frame. 

texture image

With the image frame selected, go to Object > Effects > Transparency, and set the Mode to Screen

screen mode

Step 3

Copy and Paste the image frame, moving the second frame directly below, so that the background shape is completely overlaid with texture. 

pasted texture

Expand the Texture Background layer in the Layers panel and select both the PNG elements sitting inside this layer. 

Select Duplicate Page Items from the panel’s menu, to make a copy of the elements. 

duplicate page items

Unlock the Texture Overlay layer at the top, drag the two copies up, and drop them into this top layer.

Then lock both the Texture Background and Texture Overlay layers. 

texture duplicate

3. How to Create IDAHOBIT Hearts for Your Poster

Step 1

Unlock the Hearts layer. Use the Pen Tool (P) to create a half-heart shape, dragging on the anchor points to create the curved top of the half-heart. 

pen tool

Don’t panic if the shape looks a little bit shaky. You can switch to the Smooth Tool and drag your cursor over the line, smoothing out any lumps and bumps. 

smooth tool

Step 2

When you’re happy with the shape, select it and Edit > Copy, Edit > Paste it. 

On the copy, Right-Click > Transform > Flip Horizontal. 

flip horizontal

Bring the two lines together and go to Object > Paths > Join. 

join paths

Step 3

With your heart shape joined and ready to use in your design, hold Shift while you scale it down, placing it at the top left of the layout. 

Switch the Fill Color to your red swatch, and the Stroke Color to [None].

red heart

With the heart selected, go to Object > Effects > Transparency. Switch the Mode to Multiply and bring the Opacity down to 90%, before clicking OK

multiply mode

Step 4

Copy and Paste the red heart and position it to the right of the first, creating an overlapping effect. 

Adjust the Fill Color to the orange swatch in the Swatches panel. 

orange heart

Paste again, moving further to the right, and switch the Fill to yellow. Add a fourth and final yellow heart to the sequence. 

yellow hearts

Step 5

Select all four heart shapes and Copy and Paste them, moving the new sequence of four about two-thirds of the way down the page. 

Adjust the colors to move from green to blue to purple to complete the Pride colors. 

purple heart shape

4. How to Format Colorful Typography on Your Flyer Template

Step 1

Lock the Hearts layer and unlock the Type layer.

Use the Type Tool (T) to create a sequence of text frames across the layout, adding a large header at the top ‘WE STAND WITH OUR/LGBTIQ MATES’ and a sub-heading below this reading ‘International Day Against Homophobia, Biphobia, Intersexism and Transphobia’.

Add the date, May 17, below this.

Below the second sequence of hearts, you can find space to add a text frame for the event details, and below this add a social media hashtag for IDAHOBIT.

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Liber.

type tool

Step 2

Use your Type Tool cursor to highlight individual words and letters across the text and apply different color swatches to these to make them pop. 

pink text

Step 3

For the main header of the flyer, we can create a gradient swatch to really add an extra special touch to the design. 

Choose New Gradient Swatch from the Swatches panel’s main menu. 

new gradient swatch

Name the swatch Gradient 1, and set the Type to Linear

Choose Swatches from the Stop Color menu. Click on the left-hand stop on the Gradient Ramp and set this to the red swatch in the Swatches list. For the right-hand stop, choose the orange swatch. 

Then click Add and OK.

new gradient swatch

Highlight the header text with your Type Tool cursor and apply the Gradient 1 swatch to the Font Color from the Swatches panel. 

gradient 1

5. How to Export Your Flyer Design for Printing

If you’re simply printing your flyer from a home or office printer, you can head straight up to File > Print.

If you’re sending the flyer off to be printed at a local print shop or through an online print-on-demand service, you should follow the instructions below.

Step 1

Go to File > Export and choose Adobe PDF (Print) from the Format menu in the Export window. 

Click Save. In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top of the window.

press quality

Step 2

Click on Marks and Bleeds in the window’s left-hand menu.

Check both All Printer’s Marks and Use Document Bleed Settings. Then go ahead and click Export. You can send this PDF straight off to the printers—great job!

marks and bleed

Conclusion: Your Finished Flyer Design

IDAHOBIT is the perfect opportunity to show your support for your LGBTIQ friends, colleagues and family members, and encourage others to do the same. 

Display your poster with Pride in your local community hall, college, school, or workplace, and help to make the world a better and more inclusive place!

final poster

If you’re looking for more help with poster and flyer design, you can find a huge range of easy-to-edit flyer and poster templates on GraphicRiver and Envato Elements.

Ready for your next poster design challenge? Check out more flyer and poster tutorials below:

How to Make a Simple Flyer in Adobe InDesign

Post pobrano z: How to Make a Simple Flyer in Adobe InDesign

Final product image
What You’ll Be Creating

This simple flyer tutorial shows you how to create a rainbow-themed flyer template to promote IDAHOBIT at your workplace, college, or school. Perfect for beginners to Adobe InDesign, this is a quick and simple flyer design to put together. 

On 17 May, people worldwide are invited to celebrate IDAHOBIT (International Day Against Homophobia, Biphobia, Intersexism and Transphobia)

This important event invites people to show their support for their lesbian, gay, bisexual, transgender, intersex, and queer (LGBTIQ) mates, colleagues, and families, and make a stand against discrimination.

If you’re looking for more help with how to make a flyer, these event flyer templates on GraphicRiver and Envato Elements are super easy to edit and adapt to your own content.

What You’ll Need to Create Your Flyer Template

You’ll need access to Adobe InDesign, as well as to download the following fonts and graphics from Envato Elements:

Install the font files on your computer and save the texture pack to a safe place. 

You’ll also need to download the provided Adobe Swatch Exchange file, to access the color swatches for your poster. We’ll look at how to install the swatches a little later.

Then you’re ready to start creating your flyer!

1. How to Set Up the Flyer Document in InDesign

Step 1

First up, you’ll need to define the flyer dimensions in InDesign.

Open InDesign and go to File > New > Document. 

Choose Print from the options at the top of the window, and select A3 for the Page Size. Deselect Facing Pages.

Add Margins of 0.375 in and a Bleed of 0.25 in*.

*The bleed is only necessary if you’re sending your flyer for professional printing. If you’re printing from a home or office printer, you can skip this step.

a3 page size

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background

Create four more new layers in this order—Texture Background, Hearts, Type, and finally Texture Overlay at the top of the sequence. 

texture overlay

Then lock all layers except the bottom layer, Background

background layer

Step 3

Expand the Swatches panel (Window > Color > Swatches), and choose Load Swatches from the panel’s drop-down menu. 

load swatches

Navigate to the IDAHOBIT Poster Swatches.ase file you downloaded earlier, and click Open, loading the color swatches into the panel. 

color swatches

2. How to Build Up Color and Texture on Your Flyer Template

Step 1

Working on the Background layer, use the Rectangle Tool (M) to create a shape across the page, extending the edges up to the margins. 

From the Swatches panel, set the Fill to the pale beige swatch in the Swatches panel. 

swatches beige fill

Step 2

Lock the Background layer and unlock the next layer up, Texture Background. 

Use the Rectangle Frame Tool (F) to create an image frame across the top half of the background shape. Go to File > Place, and choose Texture 6.png from the folder of PNG images inside the textile textures pack you downloaded earlier. 

Click Open and allow the image to fill the frame. 

texture image

With the image frame selected, go to Object > Effects > Transparency, and set the Mode to Screen

screen mode

Step 3

Copy and Paste the image frame, moving the second frame directly below, so that the background shape is completely overlaid with texture. 

pasted texture

Expand the Texture Background layer in the Layers panel and select both the PNG elements sitting inside this layer. 

Select Duplicate Page Items from the panel’s menu, to make a copy of the elements. 

duplicate page items

Unlock the Texture Overlay layer at the top, drag the two copies up, and drop them into this top layer.

Then lock both the Texture Background and Texture Overlay layers. 

texture duplicate

3. How to Create IDAHOBIT Hearts for Your Poster

Step 1

Unlock the Hearts layer. Use the Pen Tool (P) to create a half-heart shape, dragging on the anchor points to create the curved top of the half-heart. 

pen tool

Don’t panic if the shape looks a little bit shaky. You can switch to the Smooth Tool and drag your cursor over the line, smoothing out any lumps and bumps. 

smooth tool

Step 2

When you’re happy with the shape, select it and Edit > Copy, Edit > Paste it. 

On the copy, Right-Click > Transform > Flip Horizontal. 

flip horizontal

Bring the two lines together and go to Object > Paths > Join. 

join paths

Step 3

With your heart shape joined and ready to use in your design, hold Shift while you scale it down, placing it at the top left of the layout. 

Switch the Fill Color to your red swatch, and the Stroke Color to [None].

red heart

With the heart selected, go to Object > Effects > Transparency. Switch the Mode to Multiply and bring the Opacity down to 90%, before clicking OK

multiply mode

Step 4

Copy and Paste the red heart and position it to the right of the first, creating an overlapping effect. 

Adjust the Fill Color to the orange swatch in the Swatches panel. 

orange heart

Paste again, moving further to the right, and switch the Fill to yellow. Add a fourth and final yellow heart to the sequence. 

yellow hearts

Step 5

Select all four heart shapes and Copy and Paste them, moving the new sequence of four about two-thirds of the way down the page. 

Adjust the colors to move from green to blue to purple to complete the Pride colors. 

purple heart shape

4. How to Format Colorful Typography on Your Flyer Template

Step 1

Lock the Hearts layer and unlock the Type layer.

Use the Type Tool (T) to create a sequence of text frames across the layout, adding a large header at the top ‘WE STAND WITH OUR/LGBTIQ MATES’ and a sub-heading below this reading ‘International Day Against Homophobia, Biphobia, Intersexism and Transphobia’.

Add the date, May 17, below this.

Below the second sequence of hearts, you can find space to add a text frame for the event details, and below this add a social media hashtag for IDAHOBIT.

From either the top Controls panel or the Character and Paragraph panels (Window > Type & Tables > Character), set the Font to Liber.

type tool

Step 2

Use your Type Tool cursor to highlight individual words and letters across the text and apply different color swatches to these to make them pop. 

pink text

Step 3

For the main header of the flyer, we can create a gradient swatch to really add an extra special touch to the design. 

Choose New Gradient Swatch from the Swatches panel’s main menu. 

new gradient swatch

Name the swatch Gradient 1, and set the Type to Linear

Choose Swatches from the Stop Color menu. Click on the left-hand stop on the Gradient Ramp and set this to the red swatch in the Swatches list. For the right-hand stop, choose the orange swatch. 

Then click Add and OK.

new gradient swatch

Highlight the header text with your Type Tool cursor and apply the Gradient 1 swatch to the Font Color from the Swatches panel. 

gradient 1

5. How to Export Your Flyer Design for Printing

If you’re simply printing your flyer from a home or office printer, you can head straight up to File > Print.

If you’re sending the flyer off to be printed at a local print shop or through an online print-on-demand service, you should follow the instructions below.

Step 1

Go to File > Export and choose Adobe PDF (Print) from the Format menu in the Export window. 

Click Save. In the Export Adobe PDF window that opens, choose [Press Quality] from the Preset menu at the top of the window.

press quality

Step 2

Click on Marks and Bleeds in the window’s left-hand menu.

Check both All Printer’s Marks and Use Document Bleed Settings. Then go ahead and click Export. You can send this PDF straight off to the printers—great job!

marks and bleed

Conclusion: Your Finished Flyer Design

IDAHOBIT is the perfect opportunity to show your support for your LGBTIQ friends, colleagues and family members, and encourage others to do the same. 

Display your poster with Pride in your local community hall, college, school, or workplace, and help to make the world a better and more inclusive place!

final poster

If you’re looking for more help with poster and flyer design, you can find a huge range of easy-to-edit flyer and poster templates on GraphicRiver and Envato Elements.

Ready for your next poster design challenge? Check out more flyer and poster tutorials below:

How to Create an Awesome Dispersion Action in Adobe Photoshop

Post pobrano z: How to Create an Awesome Dispersion Action in Adobe Photoshop

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create an amazing dispersion effect. 

First we will create several patterns that we will use for creating the dispersed parts. We will then define which areas of our photo we want to disperse and create the parts. After that, we will disperse them in the direction we choose, transform them, blur some of them to add depth, and finally make some adjustments to our design.

I will try to explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.

The effect shown above is the one I will show you how to create here in this tutorial. If you would like to create the effects shown below, with a single click and in just a few minutes, then check out my Dispersion Photoshop Action.

Dispersion photoshop action final results

What You’ll Need

To recreate this tutorial design, you will need the following photo:

  • The stock image used is no longer available, however you can find similar over on Photodune.

1. How to Get Started

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 1500–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
Checking image size and mode

2. How to Create the Patterns

Step 1

In this step, we are going to create some patterns that we will use for creating the dispersed parts. So, go to File > New to create a new file, name it Pattern 1, and choose the settings below:

Creating new file named Pattern 1

Step 2

Now choose the Ellipse Tool and left-click anywhere inside the canvas to create an ellipse, and select the settings below. Then position the ellipse exactly in the center of the canvas.

Creating new ellipse

Step 3

Left-click the eye icon of the Background layer to hide it, go to Edit > Define Pattern to define a new pattern, and name it Circle_Pattern_1.

Defining new pattern named Circle Pattern 1

Step 4

Now you can close the Pattern 1 file. Go to File > New to create a new file, name it Pattern 2, and enter the settings below:

Creating another new file named Pattern 2

Step 5

Choose the Ellipse Tool and left-click
anywhere inside the canvas to create an ellipse,  and select the settings
below. Then position the ellipse exactly in the center of the canvas.

Creating another ellipse

Step 6

Left-click the eye icon of the Background layer to hide it, go to Edit > Define Pattern to define a new pattern, and name it Circle_Pattern_2.

Defining new pattern named Circle Pattern 2

Step 7

Now you can close the Pattern 2 file. Go to File > New to create a new file, name it Pattern 3, and select the settings below:

Creating another new file named Pattern 3

Step 8

Choose the Ellipse Tool and left-click
anywhere inside the canvas to create an ellipse,  and choose the settings
below. Then position the ellipse exactly in the center of the canvas.

Creating another ellipse

Step 9

Left-click the eye icon of the Background layer to hide it, go to Edit > Define Pattern to define a new pattern, and name it Circle_Pattern_3.

Defining new pattern named Circle_Pattern_3

3. How to Create the Base

Step 1

In this chapter we are going to create the base that determines which areas of the photo will be dispersed. Go to Layer > New > Layer to create a new layer and name it Base.

Creating new layer named Base

Step 2

Now choose the Brush Tool (B),
pick a soft brush, adjust the size of the brush, and brush over the
areas that you want to disperse. You can use any
color—it doesn’t matter.

Creating the base

4. How to Create the Parts

Step 1

In this chapter we are going to create parts that we will disperse later. Control-click on the Base layer thumbnail to make a selection of that layer.

Making selection of the Base layer

Step 2

Now hide the Base layer by clicking on the eye icon next to its thumbnail. Pick the Lasso Tool (L), right-click anywhere inside the canvas, choose Make Work Path, and enter the settings below:

Making work path from selection

Step 3

Select the Background layer and go to Layer > New > Layer to create a new layer. Keep the default name Layer 1 because we will delete this layer in one of the next few steps.

Creating a new layer for filling it with Circle_Pattern_1

Step 4

Pick the Pen Tool (P), right-click anywhere inside the canvas, choose Fill Path, and select Circle_Pattern_1 as Custom Pattern. Enter the other settings shown below:

Filling work path with Circle_Pattern_1

Step 5

Now Control-click on the Layer 1 thumbnail to make a selection of that layer, select the Background layer, and choose Layer > New > Layer Via Copy.

Creating a new layer via copy to create first medium parts

Step 6

Double-click on the Layer 2 name and rename it MP_1 as these are medium-sized parts. Then right-click on Layer 1 and choose Delete Layer.

Deleting Layer 1 and renaming Layer 2 to MP_1

Step 7

Now to create more medium-sized parts, repeat all the steps from Step 3 to Step 6 in this chapter. Of course, in Step 6, change the name according to the sequence number of the medium parts layer. Repeat these steps as many times as you want, depending on how many parts you would like to create. I have repeated these steps 49 times, and created 50 medium-sized parts layers.

Creating more medium parts

Step 8

We are going to group these parts so it will be much easier for us to work with them later. So while your last medium parts layer is selected, Shift-click on the first medium parts layer on the top, go to Layer > New > Group from Layers to create a new group from these layers, and name it Medium Parts.

Creating new group named Medium Parts

Step 9

Now we are going to create small parts. Select the Background layer and go to Layer > New > Layer to create a new layer, and keep the default name Layer 1 because we will delete this layer in one of the next few steps.

Creating a new layer for filling it with Circle_Pattern_2

Step 10

Pick the Pen Tool (P), right-click anywhere inside the canvas, choose Fill Path, and select Circle_Pattern_2 as Custom Pattern. Enter the other settings shown below:

Filling work path with Circle_Pattern_2

Step 11

Now Control-click on the Layer 1 thumbnail to make a selection of that layer, select the Background layer, and choose Layer > New > Layer Via Copy.

Creating a new layer via copy to create first small parts

Step 12

Double-click on the Layer 2 name and rename it SP_1 as these are small parts. Then right-click on the Layer 1 layer and choose Delete Layer.

Deleting Layer 1 and renaming Layer 2 to SP_1

Step 13

Now, to create more small parts, repeat all the steps from
Step 9 to Step 12 in this chapter. Of course, in Step 12 change the name according to the sequence number of the small parts layer. Repeat these steps as many times as
you want, depending on how many parts you would like to create. I have
repeated these steps 14 times, and created 15 small parts layers.

Creating more small parts

Step 14

We are going to group these parts as well. So while your last small parts
layer is selected, Shift-click on the first small parts layer on the top, go to Layer > New > Group from Layers to create a new group from these layers, and name it Small Parts.

Creating new group named Small Parts

Step 15

Now we are going to create large parts. Select the Background layer and go to Layer > New > Layer to create a new layer, and keep the default name Layer 1 because we will delete this layer in one of the next few steps.

Creating new layerCreating a new layer for filling it with Circle_Pattern_3

Step 16

Pick the Pen Tool (P), right-click anywhere inside the canvas, choose Fill Path, and select Circle_Pattern_3 as Custom Pattern. Enter the other settings shown below:

Filling work path with Circle_Pattern_3

Step 17

Now Control-click on the Layer 1 layer thumbnail to make a selection of that layer, select the Background layer, and choose Layer > New > Layer Via Copy.

Creating a new layer via copy to create first large parts

Step 18

Double-click on the Layer 2 layer name and rename it LP_1 as these are small parts. Then right-click on Layer 1 and choose Delete Layer.

Deleting Layer 1 and renaming Layer 2 to LP_1

Step 19

Now, to create more large parts, repeat all the steps from
Step 15 to Step 18 in this chapter. Of course, in Step 18 change the name according to the sequence number of the large parts layer. Repeat these steps as many times as
you want, depending on how many parts you would like to create. I have
repeated these steps 13 times, and created 14 large parts layers.

Creating more large parts

Step 20

We are going to group these parts as well. So while your last large parts
layer is selected, Shift-click on the first large parts layer on the top, go to Layer > New > Group from Layers to create a new group from these layers, and name it Large Parts.

Creating new group named Large Parts

Step 21

Now drag the Large Parts group above the Medium Parts group. Then pick the Pen Tool (P), Right-click anywhere inside the canvas and choose Delete Path.

Changing layer order and deleting path

5. How to Disperse the Parts

Step 1

In this chapter, we are going to disperse the parts. Pick the Move Tool (V) and start selecting the parts layers in the Layers panel and moving them around to create a dispersion effect. You can disperse them in any direction you like. I’ll disperse them in an upward direction. So here is what I got:

Dispersing the parts

Step 2

Now we are going to blur some parts to create depth. So select some of the parts layers, go to Filter > Blur > Gaussian Blur, and enter the settings below:

Bluring the parts layer

Step 3

You can repeat Step 2 to blur as many parts as you want. Also, feel free to use different Radius values in the Gaussian Blur panel. I have blurred 14 parts in total, and here is my result:

Bluring more parts layers

Step 4

Now we are going to rename all layers that we have blurred to BP_1, BP_2 and so on, depending on how many blurred layers you have, so it will be easier for us later to customize the effect if needed. 

Then select all the blurred parts layers, in my case all layers from BP_1 to BP_14 as I have blurred 14 parts, and then go to Layer > New > Group from Layers to create a new group from these layers. Name it Blurred Parts. Position this group on top of the other parts groups, just below the Base layer.

Creating new group named Blurred Parts

Step 5

Now we are going to transform some parts to add more depth. So select some of the parts layers, press Control-T on your keyboard, and change the width and height as below:

Tranforming the parts layer

Step 6

You can repeat Step 5 to transform as many parts as you want. Also, feel free to use different transforming values. I have transformed nine parts in total, and here is my result:

Transforming more parts layers

Step 7

Now you can make some final changes to the parts, like blurring some more parts, transforming them, changing their position, creating more parts by duplicating some of the layers, or removing some parts by hiding some layers or using the Eraser Tool (E) and a soft brush. Here is my result:

Final changes to the parts

6. How to Add Motion

Step 1

In this chapter, we are going to add motion to the parts. Click on the Background layer eye icon next to its thumbnail to hide that layer, select the Blurred Parts group, and then press Control-Alt-Shift-E on your keyboard to make a snapshot.

Hiding Background layer and merging visible

Step 2

Change the blending mode of this layer to Screen, go to Filter > Blur > Gaussian Blur, and enter the settings below.

Adding gaussian blur filter to Layer 1

Step 3

Now press Control-Alt-Shift-E on your keyboard to make a snapshot again. Then go to Filter > Blur > Motion Blur and choose the settings below:

Adding motion blur filter to Layer 2

Step 4

Go to Filter > Distort > Wave and select the settings below:

Adding distort wave filter to Layer 2

Step 5

Now right-click on Layer 1 in the Layers panel, choose Delete Layer, and click on the Layer 2 eye icon next to its thumbnail to hide that layer. Select the Blurred Parts group and press Control-Alt-Shift-E on your keyboard to make a snapshot again.

Deleting Layer 1 and merging visible

Step 6

Now select Layer 2 and click on the eye icon next to its thumbnail to show it. Control-click on the Layer 3 thumbnail to make a selection of that layer, pick the Move Tool (V), and click on Align bottom edges in the top menu. Then go to Select > Deselect to remove the selection.

Aligning Layer 2 with selection of Layer 3

Step 7

Right-click on the Layer 3 and choose Delete Layer. Then click on the Background layer eye icon next to its thumbnail to show that layer. Drag Layer 2 just above the Background layer, double-click on its name, and rename it Parts Motion. Drop its Opacity to 20%.

Renaming Layer 2 to Parts Motion and changing its opacity

7. How to Add Contrast to Parts

Step 1

In this chapter, we are going to add some contrast to the parts. Press D on your keyboard to reset the swatches, select the Blurred Parts group, and go to Layer > New Adjustment Layer > Gradient Map to create a new curves adjustment layer. Name it Parts Contrast.

Creating new gradient map adjustment layer named Parts Contrast

Step 2

Now change this layer blending mode to Soft Light and drop the Opacity to 20%.

Changing blending mode and opacity of Parts Contrast layer

Step 3

Now, while the Parts Contrast layer is selected, Shift-click on the Parts Motion layer to select these two layers and all other layers between them, and go to Layer > New > Group from Layers to create a group from these selected layers. Name it Parts and change its blending mode to Normal.

Creating new group named Parts

8. How to Make the Final Adjustments

Step 1

In this chapter we are going to make some final adjustments to our design. Go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer and name it Color Look.

Creating new curves adjustment layer named Color Look

Step 2

Double-click on the Color Look layer thumbnail and enter the following settings:

Changing settings of Color Look adjustment layer

Step 3

Now go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance.

Creating new vibrance adjustment layer

Step 4

Double-click on the Overall Vibrance layer thumbnail and enter the following settings:

Changing settings of Overall Vibrance adjustment layer

Step 5

Now press D on your keyboard to reset the swatches and go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer. Name it Overall Contrast.

Creating new gradient map adjustment layer named Overall Contrast

Step 6

Change this layer blending mode to Soft Light and drop the Opacity to 15%.

Changing blending mode and opacity of Overall Contrast layer

Step 7

And finally we will add some sharpening to our design. Press Control-Alt-Shift-E on your keyboard to make a snapshot, go to Filter > Other > High Pass, and choose the settings below:

Adding high pass filter to Layer 1

Step 8

Now double-click on the Layer 1 name and rename it Overall Sharpening. Then change its blending mode to Hard Light and drop the Opacity to 80%.

Renaming Layer 1 to Overall Sharpening and changing its blending mode and opacity

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

Creating this effect manually can be really time-consuming and painful. If you would like to create dispersion effects with a single click and in just a few minutes, with the direction and shape of parts of your choice, then check out my Dispersion Photoshop Action.

Dispersion photoshop action final results

The action works so that you just brush over the areas that you want to disperse, choose a shape and direction, and play the
action. The action will do everything for you in a few minutes, giving you fully
layered and customizable results. The action includes 13 different shapes that you can choose from:

  • circle
  • heart
  • diamond
  • star
  • triangle
  • hexagon
  • musical note
  • circle stroke
  • heart stroke
  • diamond stroke
  • star stroke
  • triangle stroke
  • hexagon stroke

And also five different directions of dispersion that you can choose from:

  • right
  • left
  • up
  • down
  • middle