I’m going to start with a pattern that uses 4 icons in a square, so I’m dividing my canvas into quadrants using guides. Set background contents to Transparent so you can adjust your background color separately later on. Click “ Create.” Start with a 1000 x 1000 px document so your basic “pattern tile” is a square. Under “ Background Contents” select “ Transparent.” While you can create a repeating pattern that includes a solid background color, it’s best to separate your main elements (icons) from the background in case you want to adjust each individually.
Make sure the document Color Mode is in RGB for web, or select CMYK if you’ll ultimately be printing your artwork. Making a pattern in Photoshop works a bit differently than it does in Illustrator, and you’ll be using a simple rectangular or square tile as your basis, so it’s easiest to start with a square document at 1,000 x 1,000 pixels. Step 1: Create A New Documentĭownload the Adobe Add-On, open Photoshop and click “ Create New” to make a new document.
This extension comes with 100 free starter icons, but a NounPro account will allow you to search and instantly download any icon you want, royalty-free, and enjoy additional customization options so you can adjust the icon’s color, background shape and color, and even rotation before adding it to your artboard. Download the Add-On and launch it within Photoshop the next time you open the application. Just like our Mac App, this extension allows you to search within our boundless database and instantly drag and drop icons right onto your artboard. The Noun Project Adobe Add-On is your new best friend for bringing Noun Project’s vast library of over 3 million icons right into your workflow. Steps to Create a Repeating Pattern with the Noun Project Add-On
In this tutorial, we’re going to cover how to make a repeating pattern in Photoshop with icons. For those who are more accustomed to Adobe Photoshop, you may find the tool easier to use to create a repeating pattern using PNG icons - perfect for highly personalized and eye-catching cover photos, social media tiles, Zoom backgrounds, and more.īest of all, when you use the Noun Project Add-On for Adobe, you can enjoy searching and instantly inserting any icon from our extensive library without leaving your workflow. Previously, we’ve written about how to create a pattern with Noun Project icons using Adobe Illustrator, which gives you the flexibility of instantly rearranging and recoloring vector shapes in different configurations.