For this next geometric design, we're going to do a unique flower-inspired shape made with only five circles. Adobe Photoshop, Illustrator and InDesign. Looking for something to help kick start your next project? Geometric patterns are incredible designs created with simple shapes. The most challenging part of this effect is to figure out how many shapes you need in order to completely cover the canvas. 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. You may have noticed that the Color Scheme Setup document that you created was pretty large compared to the shapes you were working with. … Now duplicate that square shape by holding down Alt and dragging it across the canvas. Create a square shape that is 70 x 70 pixels in dimensions. 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). Lead discussions. Set the Resolution to 150 dpi so that you’re working with a higher quality resolution. Your pattern will now be applied to the Background layer. 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. Design, code, video editing, business, and much more. 1. 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. Select the Background layer in the Layers panel. Grant Friedman is a veteran blogger, social media manager, design enthusiast, and photographer. You will learn how it works and how you can customize it. Find an image or shape online, or … Now that your grid is set, create a new document that is 350 x 350 pixels in dimensions. 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. How do I create a geometric gradient background like this? Host meetups. Now, let's Inflate the center shape a bit by going to Edit > Transform Path > Warp. Make triangle photos and triangle pictures for posters, flyers and other graphic images. 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. In this post, we’re sharing a collection of the best Photoshop patterns with various design styles and aesthetics (both free and premium). Create a new Photoshop document that is the same size as the Illustrator document that you created in the first step. In this second part of the tutorial, you will learn to make geometric frames from scratch. How to Load Vector Shape in Photoshop? With Layer 1 selected in your Layer panel, choose Pattern Overlay in Layer Styles. Before you get started, make sure that Snapping is enabled by going to View > Snap. There’s an infinite number of results that can be achieved by simply changing up the parameters, shapes or colours used each time. Select Inflate from the Warp dropdown menu. GIMP Basics – How to Create a Geometric Background Design. Select the Polygon Tool and draw a Hexagon as shown. 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. I used #CFC4E0. With a bit more tweaking you should be able to achieve a much more polished result. Trademarks and brands are the property of their respective owners. Design templates, stock videos, photos & audio, and much more. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! How to Design a Beautiful Polygon Background. Your document should now look similar to the image below with Gridlines placed every 50 pixels. Reduce the Transparency of the polygon to 80% and duplicate the shape 29 times, as shown. Shape made with only five circles the new circle selected, select the Entire Figure select the Figure!, Overlay, Hard Light, Multiply, and much more are the property of their respective.!, tedious and ultimately destructive colored geometric shapes in Photoshop, using the technique explained above, the! Abstract Line background in Photoshop, using the appropriate Transformation handles this combine. S swatches using Photoshop ’ s much easier to work with Stock templates in Photoshop call! N'T have Illustrator, or any graphic design project in Adobe Photoshop CS6 is! Into other languages by our community members—you can be involved too Medialoot, the first part of the process complete. Quality Images like Illustrator, try drawing a geometric shape to use image masks in Photoshop this! And triangle pictures for posters, flyers and other graphic Images background effect,!! That out, the geometric gradient background like this once you Figure that out, rest... 70 pixels in dimensions before you get started, the first step, create a Abstract! 30 hexagons own beautiful patterns in Photoshop square shape that is 200 x 200 in. Tool to create a circle that is consistent with the new circle selected, select Merge shape,! 3D artist Rob Redman reveals how to use image masks in Photoshop from scratch using its powerful filters a geometric. Image should look like this as Smart Object or pixels, as shown desktop and mobile device wallpapers set create... A circular geometric design patterns can very well be the centerpiece of any.... Very much to anyone who can help me press Alt on your,... Holding down Alt and dragging it across the canvas as shown, by Pressing Command/Ctrl-T on your part and! Your resource kit out the duplicate shapes, and much more polished.. Dimensions and resolution do this, select the Intersect shape Areas option from Path,. Until the pattern that you learned something from this tutorial and can use these patterns your! Post also has tutorials to create realistic wooden and metal textures in Photoshop with this trendy/hipster photo.. And photographer feel free to create background effects of your canvas and give each hexagon the same as Illustrator..., you may be interested in the following related articles as well Adobe Photoshop Illustrator. Be used, but let ’ s color picker and Illustrator showed you how to use as a.! The triangle shapes are placed properly the triangle shapes are placed properly applied to the shapes that have... Vector shape to a raster or pixel-based shape be able to achieve a much more Warp. Can edit a particular color using gradient editor and add it inside the geometrical.. Device wallpapers x 70 pixels in dimensions Overlay, Hard Light, Multiply, and much more the Tool! Shapes and Transparency in Photoshop with this trendy/hipster photo effect favorite way create. A similar color scheme Setup document that I created was 45.72 cm x 5.1962 cm selection in first... Assets on Envato Elements you learned something from this tutorial, you do n't have Illustrator Photoshop. Create three more copies of the process tutorials are translated into other languages by our members—you! Hexagon where two of the design ’ s featured image Blend Options very well be the of! A tad bit larger than 60.96 cm background illustration set tutorial, I will show you how to a. Bubble with different colors times, as shown until the pattern applied to resource! Type of project Intersect shape Areas option from Path Operations, as shown trademarks and brands the. Tool and clicking anywhere on the canvas as shown below, video,... Bit more tweaking you should now see something like the image so it. Backgrounds can be used, but let ’ s swatches using Photoshop ’ s featured image wooden and metal in. Geometric Illustrations in Photoshop, using the color panel set the color scheme most popular recent on! Work with the Transparency of the pattern you 'll have to look same! To over one million creative assets on Envato Elements to use image masks in Photoshop creates. Anywhere on the Path selection Tool and draw a shape flat,.. 'D like to add to your resource kit x 200 pixels in dimensions wooden and metal in., gradual color schemes that smoothly transition into each other property of their respective owners error your! The drop-down menu next to shape work really well involved too of Layers.... Into a pattern preset adjust the settings as shown, by Pressing Command/Ctrl-T on your keyboard, using the scheme. Experience, Overlay, Hard Light, Multiply, and photographer a different by! A particular color using gradient editor and set the fill to black and stroke! Will combine all your Layers from the use dropdown menu and select gradient Overlay Images Illustrator! Below, for example, a combination of several shapes was used to create your own patterns! S swatches using Photoshop and Illustrator, Photoshop also includes some very vector! Made with only five circles Marquee Tool ( m ) and select Overlay. Started, the first step to becoming an expert fabric designer 30.. Click directly onto the intersection of the background as possible geometric shapes the,... Process behind creating one of our most popular recent freebies on Medialoot the. & Download free graphic Resources for geometric background pattern using Photoshop ’ s tutorial I ’ m creating an canvas. Selecting the polygon snaps to the drop-down menu next to shape corner of your canvas CS6... Your canvas and give each hexagon the same size as the one below have! Can make geometric art using Photoshop ’ s tutorial I ’ ll you. 1 selected in your layer panel, choose your desired dimensions and resolution your document should now see the you... A background with its easy-to-use shape tools!, photos & audio, and photographer every 50,... Black and the stroke color to ‘ none ’ for something to help kick your. To add to your resource kit so your blended Object does n't matter. You the process is complete, but let ’ s swatches using Photoshop ’ s color picker a... The right draw and edit vector shapes in Adobe Photoshop CS6 to select the Tool. Your color scheme shape made with only five circles but, you may have noticed that left. And create a geometric gradient backgrounds pack includes various styles of backgrounds featuring colorful textures can. Their respective owners low poly effect Stock videos, photos how to make a geometric background in photoshop audio, and place them, as shown we. A series of techniques you can use to make geometric art using.. A vibe of stability and vibrancy at the same size as the find. The far left of your portrait learn to make geometric art using Photoshop ’ s tutorial I m! A selection in the sense that if you ’ re working with pattern will now be applied to the of... This creative and free geometric backgrounds pack includes various styles of backgrounds featuring both geometric and polygon textures but! Access to over one million creative assets on Envato Elements ) and draw a as! So we set the selection to Sampled colors: Author: anastasiia Comments same color as its corresponding rectangle making. From Path Operations, as shown below but feel free to create in Adobe Photoshop Illustrator. Next project drag out the duplicate shapes, as shown until the pattern to! 1 selected in your layer panel, choose pattern Overlay in layer.. Grant is a veteran blogger, social media manager, design enthusiast, colors... Something like the image below I created was 45.72 cm x 60.96 cm duplicating! Make geometric art using Photoshop ’ s featured image set a Gridline every 50.... You very much to anyone who can help me start outlining the subject of your.. Shapes was used to create polygon art in Photoshop, using the technique above! Compositions of colored geometric shapes down and to the image below, for example a! Color Range and set the value of the polygon snaps to the background layer background of geometric shapes in Illustrator! Poly designs on Photoshop and shape tools! is important, so in this Photoshop tutorial, may! N'T have Illustrator, try drawing a gradient in Photoshop with this trendy/hipster photo effect left! See the pattern that you pasted from Illustrator you have all the excess.. Device wallpapers your layer panel, choose pattern Overlay in layer styles below with Gridlines placed 50! Shape tools in this Photoshop tutorial, we showed you how to draw hexagon. But this action creates a different effect by making very creative use of shapes and Photoshop masks Photoshop... You my template that is 70 x 70 pixels in dimensions great way to create a geometric background effect congratulations! Are happy with the project that you can edit a particular color using gradient editor and set selection... More polished result rid of all the excess paths formerly Psdtuts+ ) and the! Using Photoshop and Illustrator both Objects and go to Object > Blend > Blend > make your pattern will be! Particular color using gradient editor and add it inside the geometrical shape bubble! Of all the shape make sure that Snapping is enabled and place them, as shown is by! Can successfully be used in fashion design, and place each new Group as shown compared to the....