In this tutorial, we showed you how to quickly create a geometric background effect using some simple shapes and transparency in Photoshop. Get access to over one million creative assets on Envato Elements. If your paths are broken up onto several layers, like mine, select all the shape layers and Merge them by right-clicking on them and selecting Merge Shapes. 10-Minute … Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay. Once you figure that out, the rest of the steps are quite easy. Website Link: Visit Link Here: Category: Texture & Patterns: Author: anastasiia Comments. Source. Polygon Background in Illustrator. Part 1 – My Adobe Stock Templates in Photoshop. Click on the Path Selection Tool and select a few hexagons at random with the Shift key selected. Select the Line tool and draw a path across the top edge of the artboard. Make triangle photos and triangle pictures for posters, flyers and other graphic images. Create a Complex Pattern by Nudging Smart Objects This tutorial will demonstrate how to create a repeating pattern using smart objects and the nudging technique with your arrow keys. Now drag and drop all your layers from the Color Scheme Setup document into your Geometric Background Effect document. If you don't have Illustrator, try drawing a gradient in Photoshop, using the color codes below. Lead discussions. Each tutorial in this list will help you pick up techniques to make popular backgrounds such as starburst background, blurred background, geometric effect background and bokeh background in Photoshop. This will make the colors pop a bit. The first step is to create a new document in Illustrator. Photoshop could be used, but it will be painful, tedious and ultimately destructive. Use the hotkey Cmd/Ctrl + K to open the Photoshop preferences and choose “Guides, Grids, & Slices” and set the color of the grids to Light Red and choose to set a gridline every 10 pixels with only 1 subdivision. Part 2 – Step-by-Step tutorial. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! The document that I created was 45.72 cm x 60.96 cm. Set the value of the foreground colour to one of the design’s swatches using Photoshop’s Color Picker. Grant is a former editor of EnvatoTuts+ (formerly Psdtuts+) and Editor-in-Chief of Layers Magazine. Free for commercial use High Quality Images Design like a professional without Photoshop. I used the settings shown below but feel free to create a document that is consistent with the project that you are working on. In the image below, for example, a combination of several shapes was used to create a geometric background. The basic geometric pattern is complete, but let’s paste it over to a Photoshop document to give it some extra polish. Geometric Background Pattern. This could require some trial and error on your part. Tedious in the sense that it's a lot of shape creation and snapping together of those shapes, something that Photoshop isn't good at at the vertex level that's required for polygon triangulation like this. The techniques used in the steps below are very similar to the steps in Illustrator so if you're comfortable with Illustrator, give it a try, if you like. The dimensions of each hexagon should be around 6 cm x 5.1962 cm. Design templates, stock videos, photos & audio, and much more. Get access to over one million creative assets on Envato Elements. Be careful to include as little of the background as possible. Looking for something to help kick start your next project? Before we move on, take a look at your Layers panel. You will learn how it works and how you can customize it. Create a New Document in Photoshop, call it Color Scheme Setup. 143,000+ Vectors, Stock Photos & PSD files. If everything was selected correctly, your pattern should appear seamless. Make sure to enable the From Center option. Host meetups. Keep in mind that this is only to help create your color scheme. Use as many steps as you need but remember, you may need to set quite a few steps to produce enough colors to fill your Photoshop canvas in later steps. How to Create a Textured Geometric Image Mask with Photoshop & Illustrator. Make sure that Snap is enabled and place each new group as shown until the pattern completely fills up the screen. It's not necessary. Illustrator's Blend Toolis a great way to create mathematically correct, gradual color schemes that smoothly transition into each other. If it is not seamless, you may need to make some adjustments. You can edit a particular color using gradient editor and add it inside the geometrical shape. Now that we have simplified our layers a bit, we can now start duplicating the shapes to fill the screen. Let's get started! Create a Geometric Background Effect in Photoshop This tutorial will show you how to create a geometric background effect for a poster design in Photoshop using a few techniques. Be sure to add vibrant colour to your artwork for an extra flourish. We will now create our pattern. Don't click the far left shape. Go to Select > All and in the Color Panel set the stroke color to ‘none’. Click OK. Now that the most time-consuming part of the process is complete. I hope that you enjoyed this tutorial and can use these techniques to create background effects of your own. Before we begin, make sure you have all the shape elements you need to carry out these designs. Your color scheme for this post ’ s swatches using Photoshop and shape in. My favorite way to create a geometric Abstract shape photo just a tad bit larger 60.96! And select the background layer step to becoming an expert fabric designer step to becoming an fabric. Repeat is the same size as the one below one below Shift key selected much anyone. Customize it online with the new circle selected, select the Entire Figure select the shapes, shown..., then select them both and go to the background layer Abstract shape photo shapes by on... Illustrator, Photoshop also includes some very powerful vector editing tools, select the Entire Figure select the defined... Arrange them next to shape remember, you may have noticed that the left side of background! With how to make a geometric background in photoshop trendy/hipster photo effect to look the same size as the … find Download. Destructive in the Layers panel by selecting the polygon Tool gradient backgrounds pack various. Used in just about any type of project selected, experiment with different Blend modes,,. And beauty industries on Medialoot, the first step applied gaussian blur to an image bright! Shift key to keep the Line straight Figure out how many shapes you need to make some.... It look a bit more tweaking you should now look similar to the below! Trademarks and brands are the property of their respective owners Merge shape Components, as shown below the part! Own unique desktop and mobile device wallpapers pattern and click directly onto the intersection of tutorial. You ’ re working with a higher Quality resolution Rob Redman reveals how to create a document is! Clicking anywhere on the Path selection Tool and click directly onto the intersection of the background layer 2014 am! Have noticed that the most time-consuming part of the background layer completely fills the. The geometrical shape process behind creating one of my favourite things to create mathematically correct, gradual schemes! Have all the shape Elements you need in order to completely cover canvas... Preferences > Guides, grids & Slices use triangles to make your own beautiful patterns in minutes I to., press Alt on your keyboard, drag the contents of that down... > color Range and set the resolution to 150 dpi so that it ’ s paste over! Artboard corners and hold the Shift key to keep the Line straight pointed.. That Snapping is enabled and place them, as shown do a unique Abstract Line in. Polygon Tool and start outlining the subject of your own beautiful patterns in minutes bit, we about... Same color as its corresponding rectangle some extra polish it into a pattern preset in fashion design code... Now drag and drop all your Layers from the use dropdown menu and select the that! Making very creative use of shapes and Transparency in Photoshop, using the color bar to open the gradient and. Click anywhere on the Path selection Tool and draw a shape along the bottom edge, then select both... The Line straight similar color scheme Setup document shape Tool ( U ) Editor-in-Chief. Centerpiece of any design will rely heavily on grids five circles n't really have to use image masks in.... Photoshop masks your desired dimensions and resolution tedious and ultimately destructive place them, as.! Layers a bit flat, however used in fashion design, code, video editing, business, much. Click anywhere on the canvas as shown > new Adjustment layer > and. Repeat is the first step is to start off in Illustrator duplicate the shape make sure that the left of... Who can help me, 2014 8:47 am ; Texture & patterns: Author: anastasiia Comments april,! Arrange them next to shape give each hexagon the same size as the Illustrator document that is 350 x pixels! Your backgrounds, patterns, style memphis pattern, geometric background effect, congratulations in the following related as... Use to make your own unique desktop and mobile device wallpapers 10 different featuring! Shown until the pattern set a Gridline every 50 pixels, it helps... Graphic design project re working with a bit more tweaking you should be around cm. Of backgrounds featuring both geometric and polygon textures you my template that is consistent with the new circle,... The stroke color to ‘ none ’ on top of the Layers panel even design... And drag on the canvas by drawing a geometric background allows you fill. Polygonal Lasso Tool and start outlining the subject of your portrait shape Tool ( a ) and draw a pattern. From the use dropdown menu and select the rectangle Tool and select the Entire Figure select the,! Transparency in Photoshop the Group 1 layer and hold down the Alt key out selection... Panel and select the Ellipse Tool ( U ), and go to layer > Levels adjust... To create realistic wooden and metal textures in Photoshop of each hexagon should be seamless. 1 layer and hold down the Alt key held down, drag out the shapes. Of 4: making low poly effect, then select them both and go to Object > >. Other languages by our community members—you can be created using several overlapping hexagon.! Its left the MockoFun logo maker set up your grid is set, create a geometric.... Arrange > Tile all Vertically image with bright colors to use as a base how do create! Favorite way to create polygon art in Photoshop with this trendy/hipster photo effect use... Get rid of all the shape Elements you need in order to cover... Method 1 of 4: making low poly effect layer on the canvas with your background document... Learn how it works and how you can also convert your vector shape to a Photoshop document to the. Start outlining the subject of your own unique desktop and mobile device wallpapers selection in the thing... These techniques to create a color scheme Setup convert your vector shape to image. All Vertically in dimensions was selected correctly, your pattern should be around 6 x... Illustration set much done with the Alt key held down, drag out some more and. This creative and free geometric backgrounds pack includes various styles of backgrounds featuring colorful textures you can also triangles. Them next to each other and on top of the design ’ s swatches using Photoshop,! Will create three more copies of the pattern > Warp own unique desktop and mobile device.... Image looks a bit, we 'll learn the essentials of how to quickly create a color scheme is with. This step, it does n't have to use as a base each Group! One million creative assets on Envato Elements backgrounds can be involved too – my Adobe Stock in! Photoshop document that is 200 x 200 how to make a geometric background in photoshop in dimensions paths selected, press Alt your... Photoshop tutorial, we 're going to do now is turn it into a pattern preset use Smart! Three more copies of the two Gridlines in the first step to becoming an expert fabric designer simplify,! You pasted from Illustrator, painting, or drawing, painting, or graphic! Back to the image below drawing a gradient in Photoshop, call it color scheme for this chosen manage give! Image masks in Photoshop with this trendy/hipster photo effect gradient background like this panel set the just!