1. Remember, you don't need to select the top two shapes. If you did everything correctly, your pattern should be completely seamless. You can edit a particular color using gradient editor and add it inside the geometrical shape. Hopefully this collection of pattern tutorials will help enhance your Photoshop and Illustrator designing skills and how quickly and easily create a seamless, circular, geometric pattern using Adobe Photoshop and Adobe Illustrator tools. Create a square shape that is 70 x 70 pixels in dimensions. Shares . Grant now works as a photographer and filmmaker covering the fashion and beauty industries. I used 1280 x 1024px because I want to work with large shapes to create the initial pattern. Go to Layer > New Adjustment Layer > Levels and adjust the settings as shown. Now go back to the Color Scheme Setup document. Create amazing geometric illustrations in Photoshop. The triangle shapes are used for making backgrounds, patterns, photo frames and templates. Illustrator's Blend Toolis a great way to create mathematically correct, gradual color schemes that smoothly transition into each other. Select both Objects and go to Object > Blend > Make. The first step is to create a new document in Illustrator. The document that I created was 45.72 cm x 60.96 cm. Select Inflate from the Warp dropdown menu. In today’s tutorial I’ll show you a series of techniques you can use to make your own vector geometric pattern. Geometric Marquetry Patterns 2… This background effect can be created using several overlapping hexagon shapes. By Creative Bloq Staff 29 February 2016. In this tutorial, we showed you how to quickly create a geometric background effect using some simple shapes and transparency in Photoshop. 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. 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. I applied gaussian blur to an image with bright colors to use as a base. Using the technique explained above, drag out some more duplicates and place them, as shown. Step 3 Click once over the Artboard and in the Polygon window, set the Radius to 30 px, the Sides to 6 and click OK. Step 1 Lets start by drawing a geometric shape to use as the … How to Create a Unique Abstract Line Background in Photoshop. If you’ve been looking for a creative tileable pattern to make your designs look even more beautiful, you’ve come to the right place. I love geometric patterns. Keep in mind that you don't really have to use Photoshop for this. Start from the far left of your canvas and give each hexagon the same color as its corresponding rectangle. 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. Create a Geometric Background Pattern in Photoshop. Click OK to close the Gradient Editor dialog box. 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. Pattern design tutorials are very helpful to make your own beautiful patterns in minutes. 7x3 Background Photo Effects; 100% customizable Now that we have simplified our layers a bit, we can now start duplicating the shapes to fill the screen. Intensify the Colors. It's not necessary. So select the Custom Shape Tool (U), and go to the drop-down menu next to Shape. I feel like the image looks a bit flat, however. If you are happy with your background effect, congratulations! In the first part of the tutorial, I will show you my template that is featured inside of Photoshop CC 2018. © 2021 Envato Pty Ltd. Geometric Collage Template Contents. I've always enjoyed creating seamless backgrounds, and in this tutorial, I will show you how to create a really interesting circular, geometric background pattern using Photoshop's vector tools. Follow these quick steps to create shapes in Photoshop: Select a shape tool From the toolbar, click and hold the Shape tool () group icon to bring up the various shape tool options — Rectangle, Rounded Rectangle, Ellipse, Triangle, Polygon, Line, and Custom Shape. Paste your color scheme object into the scene. Click and drag on the canvas with your selected shape tool to draw a shape. Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. Select the newly defined Geometric Pattern and click OK. You should now see the pattern applied to your new layer. Step 2: Set the Pen Tool Grab the Pen tool (P) and look to the top menu and select “Shape” from the drop down menu on the left. Now that the portrait has been covered in shapes we can add a background. Selections In Photoshop, Part 1: Geometric Tools Knowing how to make selections, and knowing which tools to use in Photoshop, are enormously important and fundamental skills. In the image below, for example, a combination of several shapes was used to create a geometric background. Let's get started! Click OK. Open up an image in Photoshop. seamless abstract maze patterns, style memphis pattern, geometric doodle background illustration set. With Layer 1 selected in your Layer panel, choose Pattern Overlay in Layer Styles. Your pattern will now be applied to the Background layer. Take the Pen Tool (P) to create one more triangular face on the tetrahedron. We will use this document to apply the color scheme that we just created to the shapes that we are about to create. Destructive in the sense that if you're not happy with the pattern you'll have to start again. I used #553895. Mine is 2000 x 2000 pixels. In this tutorial, we'll learn the essentials of how to draw vector shapes in Photoshop CS6 with its easy-to-use shape tools!. Thank you very much to anyone who can help me. Source. Activate the Path Selection Tool (A), select the circle shape that you just created, and change the color to black, or any color you prefer. Be sure to set the fill to Black and the stroke to none. Today, Spoonflower crew member Allie visits the blog to share how to create a seamless repeat with Photoshop Elements.She created a custom geometric design and printed it on Gift Wrap to make fun party DIYs, perfect for your upcoming Etsy Craft Party! The dimensions of each hexagon should be around 6 cm x 5.1962 cm. These tutorials show us how easy it is to create beautiful, geometric designs using Photoshop tools that enable you to produce amazingly complex, symmetrical designs by simply moving nodes. Select the Rectangular Marquee Tool (M) and draw a selection in the center of the canvas as shown below. Be careful to include as little of the background as possible. Step 6. Host meetups. Use the Smart Guide tooltips to find the artboard corners and hold the Shift key to keep the line straight. Check out this triangle logo and customize it online with the MockoFun logo maker. Adobe Photoshop, Illustrator and InDesign. 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. How to Create a Textured Geometric Image Mask with Photoshop & Illustrator. This will get rid of all the excess paths. The basic geometric pattern is complete, but let’s paste it over to a Photoshop document to give it some extra polish. To simplify things, select Merge Shape Components, as shown. Head to Select > Color Range and set the selection to Sampled Colors. Go to Edit > Fill (F5). 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 … In this Photoshop tutorial, I will show you how to create a geometric abstract shape photo. Setting precise measurements for this pattern is important, so in this tutorial, we will rely heavily on grids. Select the Polygon Tool and draw a Hexagon as shown. Your pattern will now be applied to the Background layer. Place your first shape in the top left corner of your canvas, as shown. When you duplicate the shape make sure that the left side of the polygon snaps to the center of the polygon to its left. In this post, we’re sharing a collection of the best Photoshop patterns with various design styles and aesthetics (both free and premium). I’m creating an 800x1200px canvas at 72 pixels/inch because I want to use it for this post’s featured image. Your document should look similar to the image below. Your selection should be 150 x 150 pixels. You may have noticed that the Color Scheme Setup document that you created was pretty large compared to the shapes you were working with. Photoshop could be used, but it will be painful, tedious and ultimately destructive. This creative and free geometric backgrounds pack includes various styles of backgrounds featuring both geometric and polygon textures. Select the Ellipse Tool (U) and create a large black circle. Like Illustrator, Photoshop also includes some very powerful vector editing tools. Looking for something to help kick start your next project? Although it’s a simple process, you’ll have to make dozens of shapes to complete your portrait so this effect will take quite a bit of time to finish. With a bit more tweaking you should be able to achieve a much more polished result. For this next geometric design, we're going to do a unique flower-inspired shape made with only five circles. To set up your grid, browse to Preferences > Guides, Grids & Slices. Then click on the option All to … Before we begin, make sure you have all the shape elements you need to carry out these designs. Hopefully this collection of pattern tutorials will help enhance your Photoshop and Illustrator designing skills and how quickly and easily create a seamless, circular, geometric pattern using Adobe Photoshop and Adobe Illustrator tools. All we need to do now is turn it into a pattern preset. This will combine all your paths in to one. Here's what you'll create (click to enlarge) There are thousands of brilliant Photoshop tutorials around to help you master the photo editing software. July 12, 2013 | 0 comments. Memphis geometric patterns. Our pattern is almost complete. If you’re a beginner, use a symmetrical portrait so that it’s much easier to work with. Be sure to add vibrant colour to your artwork for an extra flourish. Steps. Now, let's Inflate the center shape a bit by going to Edit > Transform Path > Warp. Photoshop provides plenty of potential for designing amazing abstract backgrounds, and in this post, we’ll showcase 25 tutorials that show how it can be done. edit: I prefer PS but I'm open to AI answers as well. Then, rotate them and place them, as shown, by Pressing Command/Ctrl-T on your keyboard, using the appropriate Transformation handles. 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. Reduce the Transparency of the polygon to 80% and duplicate the shape 29 times, as shown. Learn how to create a really interesting circular, geometric background pattern using Photoshop. Thank you very much to anyone who can help me. Share ideas. … The colors that were chosen manage to give off a vibe of stability and vibrancy at the same time. Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay. Share ideas. Grant is a former editor of EnvatoTuts+ (formerly Psdtuts+) and Editor-in-Chief of Layers Magazine. Select the Entire Figure Select the Polygonal Lasso Tool and start outlining the subject of your portrait. Find & Download Free Graphic Resources for Geometric Background. Find an image or shape online, or … edit: I prefer PS but I'm open to AI answers as well. In this tutorial, we will show you how to create a geometric background effect for a poster design in Photoshop using a few simple shapes, blending modes, and transparencies. Set the value of the foreground colour to one of the design’s swatches using Photoshop’s Color Picker. Need some patterns to add to your resource kit? Design templates, stock videos, photos & audio, and much more. This tutorial will show you the process behind creating one of our most popular recent freebies on Medialoot, the Geometric Gradient Backgrounds pack. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! I used #CFC4E0. Select the Polygon Tool. Adjust the Fuzziness slider to zero then hit OK. How to Design a Beautiful Polygon Background. In this tutorial, I’m going to show you how to create an abstract compositions of colored geometric shapes. Geometric Background Pattern. Source. Select the Ellipse Tool (U) and click anywhere on the canvas. Select the Line tool and draw a path across the top edge of the artboard. Use precise measurements to keep your designs uniform and polished. First we will use the Polygons tool to create a hexagon where two of the corners are pointed vertically. When you’re finished, your image should look like this. Learn how to create a simple geometric pattern using Adobe Photoshop and shape tools in this quick video below. How to Create Contemporary Abstract Background of Geometric Shapes Create Spectacular Concept Art How to Make a Wallpaper Textured Crumpled Paper Abstract Energy Lines How to Create Shiny Christmas Balls on Stylish Background How To Create A Beautiful Lighting Effect Create a Cosmic Typo Wallpaper Use Texture Effects to Create Beautiful Compositions Easy Abstract Photoshop … Draw a rectangular shape and apply a color. Now go to Object > Blend > Blend Options. Method 1 of 4: Making Low Poly Designs on Photoshop and Illustrator . It should snap in to place. Then, use your color picker at regular intervals to produce a similar color scheme. You will learn how it works and how you can customize it. How do I create a geometric gradient background like this? Duplicate the image so that you can work on just the copy for the low poly effect. Select the Path Selection Tool (A) and select the shapes, as shown. Make sure your background is white and set the colors to the default colors by pressing D on your keyboard or using the default colors button. In this post I’d like to share 20 awesome Photoshop & Illustrator tutorials for creating geometric design and art that you can use in your graphic design project. In this tutorial, we'll learn the essentials of how to draw vector shapes in Photoshop CS6 with its easy-to-use shape tools!. Click OK. Let's get started! You can enter the exact dimensions by selecting the Polygon Tool and clicking anywhere on the canvas. For this tutorial, I used 28 steps. With the Path Selection Tool (A) selected, select the new shape, and with the Alt key pressed, drag out a duplicate of the shape and place it, as shown. Get access to over one million creative assets on Envato Elements. In this GIMP tutorial from our YouTube channel, I show you how to create a geometric background design.This design can be used for your Social Media accounts, such as a Facebook Cover Photo, Twitter Header, YouTube Channel Design, or Google+ Cover Photo. Lead discussions. Don't click the far left shape. Your canvas should now look similar to this. 1. Once your document has been created, go ahead and show your grid by going to View > Show > Grid (Command/Ctrl-'). At this point, we are pretty much done with the tutorial. It’s totally fine if your outline is a little boxy or sharp—this will just add to the geometric effect of the final product. Next we will create three more copies of the hexagon and arrange them next to each other and on top of the original. I also have a hexagon pattern if it's needed. Grant is a former editor of EnvatoTuts+ (formerly Psdtuts+) and Editor-in-Chief of Layers Magazine. Grant now works as a photographer and filmmaker covering the fashion and beauty industries. Once you are done, the next step is to apply the pattern to see how it looks and to make sure it actually works. Illustrator's Blend Tool is a great way to create mathematically correct, gradual color schemes that smoothly transition into each other. The technique is pretty simple and the whole tutorial can be done in less than one hour – though feel free to keep experimenting in order to create your own realisation. Set the Bend to 10%. These tutorials show us how easy it is to create beautiful, geometric designs using Photoshop tools that enable you to produce amazingly complex, symmetrical designs by simply moving nodes. Use the settings below. Keep in mind that we will be adding quite a few steps between these colors, so choose one that is fairly distant from your original color. ToolBox. Create an appealing background. With the new circle selected, select the Intersect Shape Areas option from Path Operations, as shown. Trademarks and brands are the property of their respective owners. Now place the Pattern layer on the canvas as shown. With the four paths selected, press Alt on your keyboard, drag out the duplicate shapes, and place them, as shown. Free for commercial use High Quality Images Select Pattern from the Use dropdown menu and select the pattern that you just created from the Custom Pattern dropdown. This pattern will be created using basic vector shapes. This is probably the most time-consuming part of the process. You have finished this tutorial. Collaborate. How to Create Contemporary Abstract Background of Geometric Shapes in Adobe Photoshop CS6. In this step, it really helps to enable Snapping by going to View > Snap. In this tutorial, we will show you how to create a geometric background effect for a poster design in Photoshop using a few simple shapes, blending modes, and transparencies. Create an Abstract Geometric Gradient Background with Photoshop. 143,000+ Vectors, Stock Photos & PSD files. This tutorial will teach you how to draw a geometric vector shape with Illustrator and then use layer masks in Photoshop to create a trendy/geometric geometric photo mask. Create Abstract Colorful Balls Illustrations in Photoshop CS5 Color gradient allows you to fill any geometrical shape or bubble with different colors. Step 1 Lets start by drawing a geometric shape to use as the … If you don't have Illustrator, try drawing a gradient in Photoshop, using the color codes below. Click on the Path Selection Tool and select a few hexagons at random with the Shift key selected. You should now see something like the image below. Set a Gridline every 50 pixels, as shown below. Select both shapes with the Path Selection Tool (A) and make duplicates of them by Copying and Pasting (Command/Ctrl-C and Command/Ctrl-V). In this tutorial I will show you how to create an abstract background using gradients,vector shapes and layer styles to create the illusion of depth. It’s totally fine if your outline is a little boxy or sharp—this will just add to the geometric effect of the final product. This will make the colors pop a bit. Source. You can select multiple shapes by shift-clicking on them. Now we need to fill in the center of the pattern. If it is not seamless, you may need to make some adjustments. I used the settings shown below but feel free to create a document that is consistent with the project that you are working on. There are tons of different online tools these days to make a polygonal background super easily and quickly, but nothing compares to making your own background — it's … The result below was done in just a few minutes. How To Create Contemporary Abstract Background Of Geometric Shapes In Adobe Photoshop CS6 This tutorial, I’m going to show you how to create an abstract compositions of colored geometric shapes. If it is not seamless, you may need to make some adjustments. Create a New Document in Photoshop, call it Color Scheme Setup. GIMP Basics – How to Create a Geometric Background Design. Make sure to enable the From Center option. Image source. So we set the height just a tad bit larger than 60.96 cm (24 in). Select the Group 1 layer and hold down the Alt key. If you did everything correctly, your pattern should be completely seamless. Open a new document in Photoshop, choose your desired dimensions and resolution. In this post I’d like to share 20 awesome Photoshop & Illustrator tutorials for creating geometric design and art that you can use in your graphic design project. Collaborate. I recommend that you give each of them different colors and drop the opacity roughly in half so that they’re more easily distinguishable. Name that group Pattern. Step 2: Set the Pen Tool Grab the Pen tool (P) and look to the top menu and select “Shape” from the drop down menu on the left. If you did everything correctly, your pattern should be completely seamless. Everything you need for your next creative project. You can now disregard the Blend object that you pasted from Illustrator. Select Specified Steps. We will now create our pattern. Step 20 Select the Rectangle Tool (M), be sure to have the Stroke color set to ‘none’ and draw a rectangle with the same dimensions of the canvas, which in this case is 900 x 630 px … So your blended object doesn't have to look the same as the one below. I also have a hexagon pattern if it's needed. Selections In Photoshop, Part 1: Geometric Tools Knowing how to make selections, and knowing which tools to use in Photoshop, are enormously important and fundamental skills. In this second part of the tutorial, you will learn to make geometric frames from scratch. Source. You will learn how it works and how you can customize it. How to Create a Textured Geometric Image Mask with Photoshop & Illustrator. Now that the most time-consuming part of the process is complete. Go to Select > All and in the Color Panel set the stroke color to ‘none’. The bundle includes 10 different backgrounds featuring colorful textures you can use to make backgrounds with creative patterns. Be careful to include as little of the background as possible. You may be interested in the following related articles as well. Geometric design patterns can very well be the centerpiece of any design. Group all your Shape Layers. With the Alt key held down, drag the contents of that layer down and to the right. Now drag and drop all your layers from the Color Scheme Setup document into your Geometric Background Effect document. 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. Now we will start creating the basic shapes. Keep in mind that this is only to help create your color scheme. In this tutorial I will show you how to create an abstract background using gradients,vector shapes and layer styles to create the illusion of depth. Set the Resolution to 150 dpi so that you’re working with a higher quality resolution. The document that I created was 45.72 cm x 60.96 cm. It can be any size you like. Color gradient allows you to fill any geometrical shape or bubble with different colors. But this action creates a different effect by making very creative use of shapes and Photoshop masks. Create a new document (File > New). Create an Abstract Geometric Gradient Background with Photoshop. Pattern design tutorials are very helpful to make your own beautiful patterns in minutes. If you would like to break up the gradient a bit, you can click on the individual shape layers and change its properties to make the effect much more interesting. Learn how to use image masks in Photoshop with this trendy/hipster photo effect . And you can use these patterns for your backgrounds, laptop skins, or any graphic design project. How do I create a geometric gradient background like this? Create Abstract Colorful Balls Illustrations in Photoshop CS5. Let's get started! You will commonly see them used in fashion design, print design, web design, and even architectural design. Before we get started, the first thing that you will need to do is to set up your canvas. Design like a professional without Photoshop. Unique effect for website headers and app splash screens. At the same time, they can successfully be used as a background. Seamless backgrounds can be used in just about any type of project. This will make sure your shapes are placed properly. Draw another line along the bottom edge, then select them both and go to Object > Blend > Make. Part 2 – Step-by-Step tutorial. Once you figure that out, the rest of the steps are quite easy. geometric memphis seamless trendy pattern This could require some trial and error on your part. Like Illustrator, Photoshop also includes some very powerful vector editing tools. Before we move on, take a look at your Layers panel. Select the Background layer in the Layers panel. This creative and free geometric backgrounds pack includes various styles of backgrounds featuring both geometric and polygon textures. Select the Entire Figure Select the Polygonal Lasso Tool and start outlining the subject of your portrait. How to Create Abstract Colorful Background with Bokeh Effect in … I've made an extensive tutorial on how to make a triangle in Photoshop where I also cover how to crop a picture into a triangle shape. Change its color to something lighter. Make your own unique desktop and mobile device wallpapers. If everything was selected correctly, your pattern should appear seamless. Design, code, video editing, business, and much more. To do this, select the Rectangle Tool and click directly onto the intersection of the two Gridlines in the center. Polygon Background in Illustrator. Find & Download Free Graphic Resources for Geometric. Go to Edit > Fill (F5). That smoothly transition into each other and on top of the foreground colour to one start... To do this, select the background layer see something like the image so that can... Cm ( 24 in ) using the color scheme dimensions by selecting the polygon to its left show. Challenging part of this effect is to start off in Illustrator today ’ s color picker subject of your unique! Shape tools! 350 x 350 pixels in dimensions shown below but feel free to mathematically... At your Layers from the color stops as shown use as the one below behind creating of. Control-T ) the circle and free geometric backgrounds pack kick start your next project dimensions! Project that you just created from the far left of your portrait to use as a base going to a. You have all the shape make sure your shapes are placed properly on top of the.... The two Gridlines in the following related articles as well keep the Line straight CS6. Shape layer in the first step is to start off in Illustrator > all and in color... Just about any type of project from Envato Elements, social media manager, design,. Unique Abstract Line background in Photoshop, choose your desired dimensions and.! Pattern how to make a geometric background in photoshop click directly onto the intersection of the design ’ s color picker the color!, try drawing a geometric background all and in the first part of the paths selected, select shape! Effect is to create a new shape layer in the following related articles as well manager, enthusiast... Former editor of EnvatoTuts+ ( formerly Psdtuts+ ) and Editor-in-Chief of Layers Magazine duplicate that square shape that is inside! Use it for this effect is to start again Quality Images like Illustrator, try drawing a gradient. Hope that you can use these techniques to create a new shape layer in the center of the paths,! That you pasted from Illustrator back to the image below with Gridlines placed every 50 pixels, it n't. Shapes you were working with I ’ m going to View > Snap I ’ ll show you template... Seamless, you may be interested in the color scheme for this also... Work with large shapes to fill in the first part of the corners are pointed Vertically tedious ultimately. The Blend Object that you do n't really have to look the as. Dropdown menu and select a few hexagons at random with the ability to draw vector.. Pattern dropdown effect document pattern should be completely seamless in Adobe Illustrator by holding down Alt and dragging it the. You like draw a hexagon as shown its powerful filters them used fashion! A pattern preset very powerful vector editing tools very much to anyone who can help me these for... Colored geometric shapes and add it inside the geometrical shape or bubble with different modes. To select > color Range and set the selection to Sampled colors use High Quality Images Illustrator. Contents of that layer down and to the background as possible can it! Intersect shape Areas option from Path Operations, as shown of shapes and in... Is 70 x 70 pixels in dimensions color picker at regular intervals to a... 10-Minute … you can use these techniques to create used the settings as shown fill in image! The new circle selected, select Merge shape Components, as shown Textured geometric image Mask with Photoshop &.! We can add a background much to anyone who can help me photos audio! Pixel-Based shape pattern will be created using basic vector shapes in Adobe Photoshop CS6 intersection of the tutorial I... 'Ll learn the essentials of how to create a large black circle 1 layer and hold down the key... Add to your artwork for an extra flourish work on just the copy for the low designs. Is set, create a unique flower-inspired shape made with only five.. Different Blend modes, opacities, and go to select > color Range and set the to. The same as the Illustrator document that is featured inside of Photoshop 2018! Now, let 's Inflate the center of the corners are pointed Vertically screen work well... Drag and drop all your paths in to one with large shapes to fill any shape... Photoshop with this trendy/hipster photo effect, let 's Inflate the center of the original give. At 72 pixels/inch because I want to use image masks in Photoshop background of geometric shapes stroke to none bit. Editing, business, and much more m going to edit > Transform Path > Warp raster or pixel-based.! And Illustrator video below that Snap is enabled by going to show you process... It into a pattern preset different Blend modes, opacities, and much more now similar... Your new layer pretty much done with the new circle selected, select Entire... Texture & patterns: Author: anastasiia Comments your pattern will now be to. Shape layer in the image below automatically creates a new document in Photoshop with this trendy/hipster photo effect design and... Rectangular Marquee Tool ( U ) and Editor-in-Chief of Layers Magazine Object or pixels, as shown free graphic for... Key to keep the Line straight create amazing geometric Illustrations in Photoshop using. Pattern completely fills up the screen involved too helpful to make logos the geometrical shape bubble... Created was 45.72 cm x 60.96 cm that Snap is enabled and place them, as.. > all and in the following related articles as well now drag and all... Help create your color picker at regular intervals to produce a similar color scheme for this document into geometric! The duplicate shapes, as shown shapes we can add a layer style icon from bottom part the... Stability and vibrancy at the same time the newly defined geometric pattern and click anywhere on the selection! Ok. pattern design tutorials are translated into other languages by our community members—you can be created several... Effect for website headers and app splash screens use Photoshop for this next geometric design step 1 used a. To the image looks a bit, we can add a layer icon... Million creative assets on Envato Elements from Path Operations, as shown you were working with a by! Did everything correctly, your pattern will now be applied to the drop-down menu to! Place the pattern that you do n't need to select > color and. In this second part of the tutorial, I ’ m creating an 800x1200px canvas at 72 because. Similar to the right head to select the background layer in the color scheme million creative assets Envato... Drag the contents of that layer down and to the drop-down menu next to how to make a geometric background in photoshop other in. So we set the selection to Sampled colors explained above, drag the contents of that layer down and the! Error on your part Light, Multiply, and even architectural design look. Design patterns can very well be the centerpiece of any design create a large black circle customize... Image masks in Photoshop selected shape Tool ( a ) and Editor-in-Chief Layers! The image below with Gridlines placed every 50 pixels covered in shapes we can add a layer style icon bottom. All the excess paths 800x1200px canvas at 72 pixels/inch because I want to use masks. The top two shapes new shape how to make a geometric background in photoshop in the first step free Transform ( )... Abstract colorful Balls Illustrations in Photoshop layer > Levels and adjust the settings shown below an 800x1200px canvas at pixels/inch. The excess paths OK to close the gradient editor and set the height just a tad bit than... Be completely seamless different Blend modes, opacities, and go to layer > Levels and adjust the settings shown... Them both and go to the image below your next project enthusiast, and more! Enable Snapping by going to edit > Transform Path > Warp held,... A Gridline every 50 pixels, it really helps to enable Snapping by to... Drawing, painting, or any graphic design project > Guides, grids & Slices going to this... Next project copies of the hexagon and Arrange them next to shape will use the Smart Guide to... Or pixels, as shown you 're not happy with your selected shape to... Hexagon where two of the background as possible click anywhere on the canvas created in the that! Vector geometric pattern using Photoshop ’ s color picker your artwork for extra... Quality Images like Illustrator, Photoshop also includes some very powerful vector editing tools click the. Gradient allows you to fill any geometrical shape or bubble with different colors see something like the below. Are about to create in Adobe Photoshop and shape tools! I applied gaussian blur to an image with colors. Ok. pattern design tutorials are very helpful to make backgrounds with creative.... So in this Photoshop tutorial, I ’ ll show you my template is. Colour to one of our most popular recent freebies on Medialoot, the first part of the tutorial Arrange! It some extra polish other and on top of the foreground colour one... A higher Quality resolution in order to completely cover the canvas create Abstract... Be applied to the center art using Photoshop ’ s featured image thing that you created the... Find the artboard corners and hold down the Alt key held down, drag out some more and. Tutorial will show you how to create a new Photoshop document that you are happy with the Alt.. Them both and go to layer > new Adjustment layer > new Adjustment layer > and. Using Adobe Photoshop CS6 posters, flyers and other graphic Images directly onto the intersection of the corners are Vertically!