How to Create a Terrazzo Pattern in Photoshop

Final product imageFinal product imageFinal product image
What You’ll Be Creating

Do you love terrazzo patterns and textures? In this tutorial, you’ll learn how to create a terrazzo pattern in Photoshop for all your design projects. I’ll explain everything in so much detail that everyone can create the terrazzo pattern, even those who have just opened Photoshop for the first time.

What You’ll Learn in This Terrazzo Photoshop Tutorial

  • How to create a terrazzo pattern in Photoshop
  • How to make a terrazzo texture
  • How to create a terrazzo background
  • How to make a seamless terrazzo texture

1. How to Start Creating a Terrazzo Pattern

First, create a new file. Go to File > New and set the Width and Height to 3000 px and the Resolution to 72 px/in.

creating new filecreating new filecreating new file

2. How to Create the Terrazzo Background

In this section, we are going to create a background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #fffdf7.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

3. How to Create a Terrazzo Texture

Step 1

In this section, we are going to create a terrazzo texture. Go to Layer > New > Layer to create a new layer and name it Temp.

creating new layercreating new layercreating new layer

Step 2

Now set the foreground color to #000000, go to Edit > Fill, and set the Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

filling layer with foreground colorfilling layer with foreground colorfilling layer with foreground color

Step 3

Go to Filter > Noise > Add Noise, and set the Amount to 10%, Distribution to Gaussian, and check the Monochromatic option.

adding noise filteradding noise filteradding noise filter

Step 4

Now go to Filter > Pixelate > Mezzotint, and set the Type to Coarse Dots.

adding mezzotint filteradding mezzotint filteradding mezzotint filter

Step 5

Go to Filter > Pixelate > Crystallize, and set the Cell Size to 100.

adding crystallize filteradding crystallize filteradding crystallize filter

Step 6

Now press Control-I on your keyboard to invert the layer colors.

inverting layer colorsinverting layer colorsinverting layer colors

4. How to Create a Terrazzo Brush

Step 1

In this section, we are going to create a brush using the terrazzo texture that we have made. Choose the Laso Tool (L), and select one of the polygonal parts. Then, go to Edit > Define Brush to define this part as a brush, and name it Terrazzo_Brush_1.

defining brushdefining brushdefining brush

Step 2

Repeat this method to create as many different terrazzo brushes as you like. Then, go to File > New to create a new file, and set the Width and Height to 150 px and the Resolution to 72 px/in. In the newly created file, press Control-Shift-N to create a new layer, and hide the Background layer. Next, set the foreground color to #000000, choose the Brush Tool (B), pick the first terrazzo brush, and brush on the center of the canvas.

brushing into layerbrushing into layerbrushing into layer

5. How to Create a Terrazzo Pattern in Photoshop

Step 1

Go to Edit > Define Pattern to define this part as a pattern, and name it Terrazzo_Pattern_1.

defining patterndefining patterndefining pattern

Step 2

Repeat this method for the remaining terrazzo brushes. Then, close this file and return to the original file. Right-click on the Temp layer, and choose Delete Layer. Next, go to Layer > New > Layer to create a new layer, and name it Terrazzo_Parts_1.

creating new layercreating new layercreating new layer

Step 3

Now go to Edit > Fill, set the Contents to Pattern, set the Custom Pattern to some of the terrazzo patterns that we have previously made, check the Script option, and set it to Random Fill. Leave the Mode at Normal and set the Opacity to 100% as a default. Then, choose OK, and in the popup window, use the settings below. Feel free to experiment with different settings here, as well as repeating the step to add more parts.

filling layer with patternfilling layer with patternfilling layer with pattern

Step 4

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it TP_1_Color, and choose the color #e8b49e. Then, press Control-Alt-G on your keyboard to create a clipping mask.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

Step 5

Repeat this method to create as many layers as you like. Feel free to use different terrazzo patterns and random fill script and color settings each time. Here is my result:

creating more terrazzo parts layerscreating more terrazzo parts layerscreating more terrazzo parts layers

6. How to Define a Terrazzo Photoshop Pattern

Now let’s define our final design as a pattern. To do so, go to Edit > Define Pattern, and name it Terrazzo Pattern.

defining patterndefining patterndefining pattern

You Made It!

Congratulations, you have succeeded! You’ve learned how to create a terrazzo pattern which can be modified into a seamless terrazzo texture. Here is our final result:

final resultfinal resultfinal result

Do you want to save time with a ready-made pattern? Check out this Terrazzo Pattern over on Envato Elements, where you can find thousands of awesome patterns!

terrazzo patternterrazzo patternterrazzo pattern

5 Terrazzo Pattern Examples From Envato Elements

Want to see more terrazzo pattern images? Check out this list of patterns from Envato Elements.

Terrazzo Vector Patterns (AI, EPS, JPG)

terrazzo vector patternsterrazzo vector patternsterrazzo vector patterns

Check out this set of ten seamless and tileable terrazzo textures. Each pattern is included in multiple formats.

Terrazzo Pattern Collection (AI, EPS, JPG)

terrazzo pattern collectionterrazzo pattern collectionterrazzo pattern collection

In this collection, you can choose from 18 terrazzo patterns. You can use them for various projects, from branding to backgrounds.

Terrazzo Natura Seamless Pattern (AI, EPS)

terrazzo natura seamless patternterrazzo natura seamless patternterrazzo natura seamless pattern

There are 12 seamless patterns included in this pack, 6 light and 6 dark color versions. Both versions feature natural and matching colors that you can further adjust if you like.

Colorful Seamless Terrazzo Pattern (AI, EPS)

colorful seamless terrazzo patterncolorful seamless terrazzo patterncolorful seamless terrazzo pattern

Vibrant and bright colors are what make this terrazzo texture stand apart. The texture is both editable and resizable.

Terrazzo One Vector Graphics Set (AI)

terrazzo one vector graphics setterrazzo one vector graphics setterrazzo one vector graphics set

These terrazzo patterns are created with code. It includes 24 patterns, and you can easily edit the colors.

Did you like this terrazzo Photoshop tutorial? Then you may also like:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Marko Kožokar

Final product imageFinal product imageFinal product image
What You'll Be Creating

Do you love terrazzo patterns and textures? In this tutorial, you'll learn how to create a terrazzo pattern in Photoshop for all your design projects. I'll explain everything in so much detail that everyone can create the terrazzo pattern, even those who have just opened Photoshop for the first time.

What You'll Learn in This Terrazzo Photoshop Tutorial

  • How to create a terrazzo pattern in Photoshop
  • How to make a terrazzo texture
  • How to create a terrazzo background
  • How to make a seamless terrazzo texture

1. How to Start Creating a Terrazzo Pattern

First, create a new file. Go to File > New and set the Width and Height to 3000 px and the Resolution to 72 px/in.

creating new filecreating new filecreating new file

2. How to Create the Terrazzo Background

In this section, we are going to create a background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #fffdf7.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

3. How to Create a Terrazzo Texture

Step 1

In this section, we are going to create a terrazzo texture. Go to Layer > New > Layer to create a new layer and name it Temp.

creating new layercreating new layercreating new layer

Step 2

Now set the foreground color to #000000, go to Edit > Fill, and set the Contents to Foreground Color, Mode to Normal, and Opacity to 100%.

filling layer with foreground colorfilling layer with foreground colorfilling layer with foreground color

Step 3

Go to Filter > Noise > Add Noise, and set the Amount to 10%, Distribution to Gaussian, and check the Monochromatic option.

adding noise filteradding noise filteradding noise filter

Step 4

Now go to Filter > Pixelate > Mezzotint, and set the Type to Coarse Dots.

adding mezzotint filteradding mezzotint filteradding mezzotint filter

Step 5

Go to Filter > Pixelate > Crystallize, and set the Cell Size to 100.

adding crystallize filteradding crystallize filteradding crystallize filter

Step 6

Now press Control-I on your keyboard to invert the layer colors.

inverting layer colorsinverting layer colorsinverting layer colors

4. How to Create a Terrazzo Brush

Step 1

In this section, we are going to create a brush using the terrazzo texture that we have made. Choose the Laso Tool (L), and select one of the polygonal parts. Then, go to Edit > Define Brush to define this part as a brush, and name it Terrazzo_Brush_1.

defining brushdefining brushdefining brush

Step 2

Repeat this method to create as many different terrazzo brushes as you like. Then, go to File > New to create a new file, and set the Width and Height to 150 px and the Resolution to 72 px/in. In the newly created file, press Control-Shift-N to create a new layer, and hide the Background layer. Next, set the foreground color to #000000, choose the Brush Tool (B), pick the first terrazzo brush, and brush on the center of the canvas.

brushing into layerbrushing into layerbrushing into layer

5. How to Create a Terrazzo Pattern in Photoshop

Step 1

Go to Edit > Define Pattern to define this part as a pattern, and name it Terrazzo_Pattern_1.

defining patterndefining patterndefining pattern

Step 2

Repeat this method for the remaining terrazzo brushes. Then, close this file and return to the original file. Right-click on the Temp layer, and choose Delete Layer. Next, go to Layer > New > Layer to create a new layer, and name it Terrazzo_Parts_1.

creating new layercreating new layercreating new layer

Step 3

Now go to Edit > Fill, set the Contents to Pattern, set the Custom Pattern to some of the terrazzo patterns that we have previously made, check the Script option, and set it to Random Fill. Leave the Mode at Normal and set the Opacity to 100% as a default. Then, choose OK, and in the popup window, use the settings below. Feel free to experiment with different settings here, as well as repeating the step to add more parts.

filling layer with patternfilling layer with patternfilling layer with pattern

Step 4

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it TP_1_Color, and choose the color #e8b49e. Then, press Control-Alt-G on your keyboard to create a clipping mask.

creating new solid color fill layercreating new solid color fill layercreating new solid color fill layer

Step 5

Repeat this method to create as many layers as you like. Feel free to use different terrazzo patterns and random fill script and color settings each time. Here is my result:

creating more terrazzo parts layerscreating more terrazzo parts layerscreating more terrazzo parts layers

6. How to Define a Terrazzo Photoshop Pattern

Now let's define our final design as a pattern. To do so, go to Edit > Define Pattern, and name it Terrazzo Pattern.

defining patterndefining patterndefining pattern

You Made It!

Congratulations, you have succeeded! You've learned how to create a terrazzo pattern which can be modified into a seamless terrazzo texture. Here is our final result:

final resultfinal resultfinal result

Do you want to save time with a ready-made pattern? Check out this Terrazzo Pattern over on Envato Elements, where you can find thousands of awesome patterns!

terrazzo patternterrazzo patternterrazzo pattern

5 Terrazzo Pattern Examples From Envato Elements

Want to see more terrazzo pattern images? Check out this list of patterns from Envato Elements.

Terrazzo Vector Patterns (AI, EPS, JPG)

terrazzo vector patternsterrazzo vector patternsterrazzo vector patterns

Check out this set of ten seamless and tileable terrazzo textures. Each pattern is included in multiple formats.

Terrazzo Pattern Collection (AI, EPS, JPG)

terrazzo pattern collectionterrazzo pattern collectionterrazzo pattern collection

In this collection, you can choose from 18 terrazzo patterns. You can use them for various projects, from branding to backgrounds.

Terrazzo Natura Seamless Pattern (AI, EPS)

terrazzo natura seamless patternterrazzo natura seamless patternterrazzo natura seamless pattern

There are 12 seamless patterns included in this pack, 6 light and 6 dark color versions. Both versions feature natural and matching colors that you can further adjust if you like.

Colorful Seamless Terrazzo Pattern (AI, EPS)

colorful seamless terrazzo patterncolorful seamless terrazzo patterncolorful seamless terrazzo pattern

Vibrant and bright colors are what make this terrazzo texture stand apart. The texture is both editable and resizable.

Terrazzo One Vector Graphics Set (AI)

terrazzo one vector graphics setterrazzo one vector graphics setterrazzo one vector graphics set

These terrazzo patterns are created with code. It includes 24 patterns, and you can easily edit the colors.

Did you like this terrazzo Photoshop tutorial? Then you may also like:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Marko Kožokar


Print Share Comment Cite Upload Translate Updates
APA

Marko Kožokar | Sciencx (2023-03-10T18:33:53+00:00) How to Create a Terrazzo Pattern in Photoshop. Retrieved from https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/

MLA
" » How to Create a Terrazzo Pattern in Photoshop." Marko Kožokar | Sciencx - Friday March 10, 2023, https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/
HARVARD
Marko Kožokar | Sciencx Friday March 10, 2023 » How to Create a Terrazzo Pattern in Photoshop., viewed ,<https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/>
VANCOUVER
Marko Kožokar | Sciencx - » How to Create a Terrazzo Pattern in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/
CHICAGO
" » How to Create a Terrazzo Pattern in Photoshop." Marko Kožokar | Sciencx - Accessed . https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/
IEEE
" » How to Create a Terrazzo Pattern in Photoshop." Marko Kožokar | Sciencx [Online]. Available: https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/. [Accessed: ]
rf:citation
» How to Create a Terrazzo Pattern in Photoshop | Marko Kožokar | Sciencx | https://www.scien.cx/2023/03/10/how-to-create-a-terrazzo-pattern-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.