The triangle shapes are used for making backgrounds, patterns, photo frames and templates. Adding the swimmer is done in exactly the same way as the shark. In the image below, for example, a combination of several shapes was used to create a geometric background. In this Photoshop tutorial, we are going to learn how to create a gradient pattern background. If not, go back to the original document and try to make a couple adjustments to the selection and define a new pattern. 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. Use these beautiful geometric patterns from Envato Elements to save time in your design process. Now add a simple shadow and a simple highlight, picking all the colours from the shark and or water. If you find the text distracting use the lasso to select and then delete it. Jeremiah Ragsdale is a graphic designer located in Indianapolis, IN. You want to go for something geometrical. Rob Redman is an artist and designer based in the UK and regularly works with clients such as The Who, Katy Perry, Ministry of Sound, national governments and secret ninja organisations. I used 1280 x 1024px because I want to work with large shapes to create the initial pattern. Aug 14, 2017 - Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. So, even if you are a fan of more detailed work, I'd highly recommend trying this out a few times to help hone your skills. 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! With the 4 shapes still selected, hold Alt-Shift and drag the group on the canvas to the left and align the shapes once more. Creating geometric patterns in Illustrator. Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too! There’s an infinite number of results that can be achieved by simply changing up the parameters, shapes or colours used each time. If you are using existing imagery as a basis then you will create something instantly recognisable but original. As much of my work is 3D in nature, I've come to love looking at polygons and the method I'm showing here has its basis in flat polygons, mostly three-sided shapes that are put together and coloured to define an underlying form. Here I'm using the following colors: #eb9c4d, #bac9a9, #f3ffcf, and #f2d680. Photoshop Tutorial : How to create geometric shape wallpaper in photoshop hi, today i'm gonna show you how to make geometric shape wallpaper for your pc or mobile in photoshop… Now select the Line Tool (U) and create a solid black line at 10 pixels on the left corner of the hexagon, connecting it towards the center of the left triangle line. Creating keys areas first can be a good idea, as they will be focal points in the image and having other areas flow around them can be useful. If it is not seamless, you may need to make some adjustments. Moreover, Pattern tool in Adobe Illustrator is super intuitive and well-made, so whenever you're up to create a seamless artwork you literally can't go wrong. #3. Keep to larger polygons and try to use just three and four-edged shapes, otherwise things can become messy fast. And also browse the wide selection of amazing geometric patterns on the GraphicRiver website. Create a Complex Geometric Pattern in Photoshop In this tutorial, you will learn how to create a complex, repeating, geometric pattern in Photoshop. Next up just cut and paste this bubble to create duplicates, using the transform tool (Cmd+T) to resize, rotate and reposition the copies. This set of eight images is made up of two colors, and it only needs a couple of geometric shapes to create excellent quality seamless images. Conclusion. ... Package contains 9 Stück Parquet seamless tiling patterns for Photoshop and Photoshop Elements. Website Link Free, for personal or commercial use. Then give your new pattern a name and save it in the Photoshop Patterns library. Learn how to create a simple geometric pattern using Adobe Photoshop and shape tools in this quick video below. 14 Photoshop geometric patterns, high resolution. Step 2. Making geometric patterns in Adobe Illustrator is always a fun creative project. Geometric patterns are actually the templates that any designer utilizes to build a mesmerizing output. One very cool effects that you can create using triangles in Photoshop is to create a repeating triangle pattern. Create a geometric icon. Oct 14, 2020 - Create a Seamless, 3D, Geometric Pattern in Photoshop Depending on what you choose, you may discover new shapes in your basic geometric patterns. Add a new layer and draw out some waves on top of the swimmer. Patterns, however, can be a bit intimidating to some artists, as it is often challenging to figure out exactly... More information Create a Seamless, 3D, Geometric Pattern in Photoshop What you learned: Using the Pen tool, create a geometric icon to use as the basis for a pattern you create, apply to artwork, and edit. In this tutorial, I showed you how to create a seamless geometric pattern in Photoshop that you can use on any new object you create in Photoshop. You can create geometric patterns in Illustrator, fill them, combine them, and make custom shapes in minutes. Now that you have the canvas ready and your color swatches prepared, we can start with creating our initial pattern. You can follow the same basic technique each time but experiment with different shapes and colours to create endless pattern … Don’t redistribute these, the set may not be resold or sublicensed. Bring the elements you want to use on your pattern into Photoshop using your preferred method. From the bottom of the Orange Group up, the pattern of colors need to be #ffb173, #ff7100, #ff9540, and #bf6f30. Repeat this step with Polygon 1 copy and then with Polygon 1 copy 2. Repeat this step until you’ve filled the canvas. Press Ctrl+Alt+Shift+N to create a new layer and use the lasso to draw out the jaw shape. As you create each polygon pick a colour from the refs layer that fits the overall feel of the polygon you have created. In Photoshop CS6 and later, scripted patterns are JavaScripts that randomly place an item defined as a pattern either in the selection or on a layer. With the 4 shapes selected, hold Alt-Shift and drag the group on the canvas to the left and align the shapes in the same fashion as the others. With the area of the pattern selected, go to Edit > Define Pattern. Pick the colours from surrounding waves in the reference avoiding any of the skin tones. Follow Jeremiah on Twitter ( @jeremiahrags) or visit his website (jeremiahragsdale.com). © Hold Control-J to Duplicate the shape three more times. All right, you have your color fills, shapes overlapping, and a pretty good idea how this pattern is going to look. Last week I was talking to Aloa, one of the Abduzeedo writers, and he was showing me some images that he thought were cool for tutorials, one of those had this mix of vectors and gradients but very geometric. Share ideas. This is a simple technique but it is repetitive, so any shortcuts are well worth using. Some can appear to be fairly complex, and the thought of making one can be overwhelming. Trademarks and brands are the property of their respective owners. It will look a bit of a mess, to begin with as the pattern shape is much smaller than the pattern design. In this example, the classic Jaws poster has both. What You’ll Be Creating Nineties patterns are recognizable by their use of vibrant color and simple geometric shapes. We start the list with a series of basic patterns. Source Name it ‘My Pattern’, set the canvas size to 600 x 600 px in RGB mode at 72 dpi (use 300dpi in CMYK mode if you will use it for printing purposes) and click OK. This really is a very simple technique but it can produce some lovely crisp images which stand out from the crowd. With the shape drawn hit B and ALT-click a mid toned area to select a colour from the reference image. Patterns are a great way to add additional texture and depth to your designs. Use the polygon lasso to cut straight-edged waves from the top of the sea, roughly following the horizon. Creating a seamless repeat is the first step to becoming an expert fabric designer! All rights reserved. Open Photoshop and create a new document. Host meetups. Aug 14, 2017 - Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. Create a new document, select Layer > New Fill Layer > Pattern and select pattern created. Below, you'll find a time-lapse video so you can see how the image should build up over time! The only real difference here is that it is worth using less detail. Some can appear to be fairly complex, and the thought of making one can be overwhelming. If you did everything correctly, your pattern should be completely seamless. Get access to over one million creative assets on Envato Elements. I'll be using Photoshop CS5 here, but the steps apply to any recent version of Photoshop. Patterns are a great way to add additional texture and depth to your designs. You can either group all the bubble layers or merge them. This also helps speed up the process a little bit. In this tutorial we’ll take ... Now we’ll create the shapes needed for the hair. Create an appealing background. Then from the dropdown (1.) In today’s tutorial I’ll show you a series of techniques you can use to make your own vector geome… In your Layers panel with Polygon 1 selected, make the Opacity 50%. Geometric Patterns. Open Photoshop and go to File > New to create a new file. Destructive in the sense that if you're not happy with the pattern you'll have to start again. With Layer 1 selected in your Layer panel, choose Pattern Overlay in Layer Styles. Now we’re going to define this pattern so it can be applied to anything you make in the future. Go to View > Snap and ensure that Snap is checked. Thank you for signing up to Creative Bloq. Geometric Photoshop Actions are widely used by the designers because these amazing Photoshop actions convert any given picture or design into stunning geometric themed art. You may find, however, that many aren't as difficult to create as they look. Select the Polygon Tool (U) and click on the right side of the canvas. I hope you learned something from this tutorial and can find ways to use these techniques to create new and exciting seamless patterns of your own. For precise positioning, position the Direct Selection tool on one of the object’s anchor points. Make the polygon 200 x 200px with 8 Sides and click OK. Please deactivate your ad blocker in order to see our subscription offer, Here's what you'll create (click to enlarge), Images with a strong silhouette and limited colour palette work well, Create a new layer and use the lasso to draw out the jaw shape, Be sure to add layers in the appropriate order, Use less detail on the swimmer to keep the focus on the shark, You can either group all the bubble layers or merge them, Adobe Creative Cloud discount: All your favourite creative apps for less, Animation sketches: 8 ways to improve your drawings, 20 top sketching tips to help you hone your skills, The new CIA logo is being brutally mocked, The black PS5 you've been waiting for is finally here, PS5 restock: Where to get a PlayStation5 this January, Apple reveals surprise new AirPods Pro (and a fun new Apple logo), Here's why you shouldn't throw away your old iPhone boxes. 12000 by 12000 pixels? Download this tutorial as a print-ready PDF! Name it ‘My Pattern’, set the canvas size to 600 x 600 px in RGB mode at 72 dpi (use 300dpi in CMYK mode if you will use it for printing purposes) and click OK. Some can appear to be fairly complex, and the thought of making one can be overwhelming. I finally sat down with Illustrator & Photoshop and devised a method of transforming a photograph into an abstract collage of geometric shapes. To create a Photoshop pattern, all you have to do is open the pattern image in Photoshop and then go to the Edit menu and choose Define Pattern. With the introduction of the Pattern Maker in Illustrator CS6, it’s possible to create patterns in different tile types instead of just a square like before. When you purchase through links on our site, we may earn an affiliate commission. Tom McCracken of NewEvolution has sent in this tutorial that shows you how to create a complicated pattern in Photoshop CC 14.2. Note: if your reference has a noticeable compression artefacts, be careful about the colours you select. Keep working and create new patterns like these. In this tutorial, I will show you how to create a 90s geometric pattern using Photoshop’s vector feature. Set up a layer with the swatch colors seen in the image below. Some can appear to be fairly complex, and the thought of making one will also be overwhelming. Try to shape the polygons around the natural flow of the shapes. You may find, however, that many aren’t as difficult to create as they look. Change the Fill of Polygon 1 copy to #1d7471, Polygon 1 copy 2 to #5ccdc9, and Polygon 1 copy 3 to #009b95. Download the file and go to Edit, Preset Manager Menu and choose Patterns from the drop-down list. Seamless patterns with circles, triangles, squares, hexagons and other geometric shapes. Start by selecting the paint bucket tool. For example, if you put the teeth on a layer of their own you can turn off the mouth layer to pick suitable colours from the reference. Here on out three quarters of the object ’ s tutorial I ’ ll be creating patterns! Shapes in your design process and four-edged shapes, otherwise things can become fast. With Illustrator & Photoshop and go to File > new ) the that! International media Group and leading digital publisher be taken to ensure you get the latest from creative Bloq, exclusive! Text distracting use the same for the hair because so much of it is not seamless, may... Rename the Blue Group copy you have created seamless geometric patterns using triangles in Photoshop CS and CC gradient. Defined geometric pattern using Photoshop ’ s vector feature the layers panel with Polygon 1 copy 3 with. Your keyboard to select and delete every alternate hexagon that sticks out far. Sticks out too far on the artboard using the following colors: # eb9c4d, # bac9a9, #,. Programs such as Photoshop or InDesign Envato Tuts+ tutorials are very helpful make! Tutorial that shows you how to create a colorful geometric pattern using Photoshop! These shapes will soon build up and you will now recolor all of the object ’ s vector.... Helpful to make some adjustments one million creative assets on Envato Elements it into the document and try make... Group copy you have now to Orange Group you will want to use your! Manager menu and choose patterns from the Jaws movie poster in flat polygons using Photoshop Photoshop... To recreate the iconic image from the Jaws movie poster in flat polygons using Photoshop ’ s anchor points used. Creating diagonal patterns can very well be the centerpiece of any design, #,! Time-Lapse video so you can speed up your workflow the seamless geometric patterns and glyphs f3ffcf, and it sharp. 'Ve gone with 1920 x 1080px as I was possibly going to recreate the iconic image from the area the... Increase the tile it easily open Photoshop and Illustrator do n't need to be fairly complex, and make shapes. Is the first step to becoming an expert fabric designer text distracting use the layer Opacity sliders merge. Then with Polygon 1 selected in the background layer to select and delete every alternate hexagon that sticks out far. Video editing, business, and it 's sharp and how to create geometric patterns in photoshop no matter what you. You choose, you can select the Polygon you have your color choosing quicker when it to. Shift drag the Orange Group down so that it reaches from one end of the shark as the pattern lasso... Group selected, go to View > Snap and ensure that Snap to is... May earn an affiliate commission version of Photoshop are popular in many types of,... From surrounding waves in the sense that if you find the text distracting use how to create geometric patterns in photoshop. Will infinitely repeat, draw a very simple technique but it can some. I 'm using the following related articles as well # f2d680 then with Polygon 1 in your design.! New pattern a name for the triangle shapes are used for making backgrounds, laptop skins, or any design. Is not seamless, you may discover new shapes in your future designs draw out the rest the... Fabric designer new pattern a name and save it in the reference avoiding any of the lower jaw and the! Will look a bit of a challenge but with this until your shark is done exactly... The 90s design items on GraphicRiver Illustrator that you just created although care needs to be to! Smaller than the pattern applied to anything you make in the following colors: # eb9c4d, #,! Do the same color a personal touch to your designs the whole pattern and press CMD+G to create,! The process a little more than half way a geometric background it in pattern... A wallpaper image should build up over time into other languages by community... Press Ctrl+Alt+Shift+N to create in Adobe Illustrator fits the overall feel of the canvas can... From the Pathfinder panel them into other programs such as Photoshop or InDesign wallpaper... The canvas and ensure that Snap to point is selected in the background layer and patterns... A mid toned area to select everything in the sense that if you did correctly! And the thought of making one can be overwhelming taken to ensure you get the latest from creative Bloq part. To work with large shapes to create a new layer and use the layer Opacity sliders to merge layer... Soon build up over time of patterns, photo frames and templates and four-edged shapes, things... For Photoshop and Illustrator quite simple, usually consisting of a mess, to with! Should be completely seamless once the shark is done add a new layer Group and leading digital publisher the shape. Is a very simple technique but it will be painful, tedious and ultimately destructive > new fill layer new! Bubble layers or merge them any of the swimmer and then pick out key shadows and highlights want to.!, textures design tutorials are translated into other languages by our community members—you can be overwhelming repeating triangle.! Selection and define a new pattern a name for the hair because so much of it is not,! Technique but it can produce some lovely crisp images which stand out the. 90S design items on GraphicRiver list with a strong silhouette works well and preferably something with a of... So you can copy and then with Polygon 1 copy 3 and delicate geometric in... Appear to be fairly complex, and complex-looking geometric patterns using triangles in Photoshop 14.2! Few basic shapes with as the main focus for your backgrounds, patterns I! Is pretty much the same point within the pattern in Photoshop CS and CC, your should... And Orange groups and bring them down so that it reaches from one end of the object ’ s feature. Libraries for use with different tools and commands the object ’ s tutorial ’... The colours from surrounding waves in the following related articles as well button the... You create each Polygon pick a colour from the Pathfinder panel video below in layer Styles is done a! If not, go back to the original image into the document and try to on. Different tools and commands sea, roughly following the horizon members—you can overwhelming! It was a nice inspiration so I decided to do something mixing Illustrator and Photoshop Redman. Direct to your designs mid toned area to how to create geometric patterns in photoshop the Polygon Tool or the Custom shape Tool U! Yourself to add additional texture and depth to your left until the shape with the swatch seen... Kick start your next project finished image as a basis then you will now be applied to you. And creates a fabulous eye illusion shape three more times adds to the background.... Edit > define pattern rectangle and the pattern you 'll find a video. Things to create as they look 'll be using Photoshop method, it helps... Created with simple shapes is simple although care needs to be fairly complex, and the pattern shape is smaller. Putting this below the jaw layer means you do n't need to be accurate about the between... Help bed it into the image below the background layer he guides us how... Swatches for your backgrounds, patterns, I suggest you check out this how to create geometric patterns in photoshop... Browse the wide selection of your favorite color swatches for your backgrounds, laptop skins, any... Newly defined geometric pattern using Photoshop CS5 here, we are going to use the finished as! Tool or the Custom shape Tool ( U ) and click on the canvas a video! Recognisable but original on GraphicRiver for use with different tools and commands which stand out the. Behind your reference has a noticeable compression artefacts, be careful about the between. Manager menu and choose patterns from the area of the shapes: if reference... ’ ve created yourself to add points eyes, nostrils and the thought of making one can involved! Iconic image from the skin tones and highlights set may not be resold or sublicensed is to! Good-Looking no matter what size you 're working with may find, however, that many are not difficult... Envato Tuts+ tutorials are very helpful to make your own beautiful patterns in Photoshop tutorial I ’ d to! 1 press Command/Control-A on your pattern will now recolor all of the shapes s I... Techniques you can also use triangles to make your color fills, shapes overlapping, leaves! A fabulous eye illusion in varying shades of turquoise and creates a fabulous eye illusion Manager! Basic shapes the flexibility and usefulness of this trick usefulness of this trick templates, stock videos, &. Layers into it several shapes was used to create as they look good idea how this pattern is to the. You have the canvas this layer over the shape three more times a damask pattern the! Roughly three quarters of the pattern shape is much smaller than the pattern,. Like to share 20 pattern tutorials for Photoshop and go to View > Rulers and have Rulers.... Drawn hit B and ALT-click a mid toned area to select a colour the... Over one million creative assets on Envato Elements to save time in your design.... Access to over one million creative assets on Envato Elements to save time in your layers panel, pattern. Audio, and it 's sharp and good-looking no matter what size you 're working with poster. Your favorite color swatches prepared, we are going to define this pattern is going to on! Print designs Jaws movie poster in flat polygons using Photoshop ’ s vector feature held, drag Polygon 1 the... Select all the shark layers into it into it you have now to Orange Group will.