Ordered Chaos: Create a Toss-Repeat Pattern Using a Grid in Photoshop | Charnelle Barlow | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Ordered Chaos: Create a Toss-Repeat Pattern Using a Grid in Photoshop

teacher avatar Charnelle Barlow, Illustrator and Surface Pattern Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      01 Introduction


    • 2.

      02 Supplies and Drawing Icons


    • 3.

      03 Scan and Remove Your Background


    • 4.

      04 Choose Your Grid


    • 5.

      05 Fill In Icons


    • 6.



    • 7.

      07 Define and Test


    • 8.

      08 Tips and Tricks


  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

In this class, students will learn how to create a seemingly random toss-repeat pattern using a square grid. You’ll end up with a well spaced scattered pattern that looks effortless in no time at all.. It takes away the guessing game and creates a “no holes” pattern.

You will learn:

  • Different grids that can be used in pattern design
  • How to choose a grid and use it to arrange their pattern
  • Tips to create a denser pattern

Skill level: This class is amazing for beginners, but can also benefit those who wish to speed up their process of creating a toss-repeat.

Meet Your Teacher

Teacher Profile Image

Charnelle Barlow

Illustrator and Surface Pattern Designer


My name is Charnelle Pinkney Barlow and I am the lovely face behind Call Me Chartreuse. Originally from Poughkeepsie, Ny, I am an illustrator and surface designer that loves drawing as much as I love tea...and that's a whole lot of love!

The images I create are made to delight your inner child. These hand drawn whimsical patterns and illustrations are inspired by everyday objects, animals, and food.

I leave it to my artwork to tell my stories and make others smile. Whatever I'm drawing is usually a dead giveaway as to what I'm currently obsessed with (did someone say donuts??).

Thanks for stopping by!

See full profile

Level: Beginner

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. 01 Introduction: Hi, everyone. My name is Arnau and welcome toe order chaos. Toss repeats have always seem mysterious to me, as if someone tossed confetti into the air, and it just so happened to land into a pattern that was, well, space, yet seemingly random with aspirin of attack. It could take quite a bit of time to achieve this desire. In this class. I'll show you how to create your own toss repeat pattern in photo shop with the help of a great so that you can create your own quickly and effectively. So grab your supplies and let's get started. 2. 02 Supplies and Drawing Icons: for supplies. All you'll need is a drawing utensil paper, a scanner and Photoshopped. Here you'll see that I'm using unit balls. Vision, Micro pen. If you haven't tried it, trust me, you really should. It's amazing theme for your project if you choose to use. It is geometric shapes, so keep your icons small and simple. Tasa repeats are usually made up of small icons or one small icon that is repeated throughout the design. Once you have a range of icons to choose from, it's time to head to our next step scanning. 3. 03 Scan and Remove Your Background: scan your images at 300 d P I in gray scale and save it as a tiff. Open your scanned image in photo shop and let's remove that background. First, go to image adjustments, then levels. Select the I. Drop it to the right and click on the background of your image to remove any grey haze. Theun Click on the black eye dropper to the left. Select your lines, and this will turn your lines toe a solid black. Next, go to channels and select the channel thumb now while holding down the command. But this select all of pixels around your lines. Go to select inverse to select our lines. After that, let's go back to our layers panel and add a new layer on that new layer. We're gonna go to edit and fill the fill in our selection with black. And just like that, our lines are now separated from the background. 4. 04 Choose Your Grid: before we begin designing our pattern, let's go ahead and choose our grid. This is where the magic starts. Create a new file at the size of your choosing. Just be sure that it's square. My document is six inches square at 300 dp I an RGB color To create our grids, we're going to use guides to bring a guide onto our document, click on a ruler and drag over or down a sure your rulers along the edges of your documents are visible. If they're hidden, go to view and click on rulers to make them visible. There are several different options to choose from, and each option is going to give your pattern a slightly different look. Here you'll see examples of a grid starting from three by three all the way up to six by six, but feel free to go as large as eight by eight. No matter which option you choose, we're going to build our grids in the same manner. A good provides a foundation of border and structure. This allows us to quickly lay out our pattern and build it up as necessary. A larger grid provides more opportunity for variation and a more compact patterns. - Once you choose your grid, it's time to fill in our icons 5. 05 Fill In Icons: open your icon file and drag it to the side and to see a blue line to create a split screen . Next, use the lasso tool to select icons of your choosing. Copy and paste those icons on two separate layers so that you can easily drag them into your grid documents. Drag your chosen icons into your grid file. Now the key to using a grid is that we're going to keep one icon per column. Perot. This is going to give us that well spaced. Get random look that we're going for. Here's an example using my six by six grid play around with size orientation and where you place it within each individual box in order to provide interest to your final pattern. There's no set rule as to which box within a column and a row you need to fill. So play around until you find a figuration that's pleasing to the eye. Now it's time to add some color 6. 06 SKILLSHARE04 COLOR: when it comes to color, I like to start with some sort of color palette already at hand. Thistles great for those who like me, are quite indecisive. Or for those who could spend hours looking for colors now to color your lines, choose your icon layer and lock the transparent pixels. Choose a color from your palate, then go to edit Phil and fill the icon with the foreground color. Because your lines air separate from the background, you're free to paint on a separate layer underneath your lines. - Here , I'm duplicating my icons to create a shadow once you're happy with the color is time to look at our finished pattern. 7. 07 Define and Test: to define our pattern. Go to select all or apple a. Then go to edit and scroll down until you see defined pattern. Give your pattern and name and select okay. To see the full scale of your finish pattern, open a new document that's 8.5 by 11. Then go to Layer New Phil layer and select pattern. Play around with the scale to see how your pattern looks at different sizes. Because my original document was six inches by six inches for both my six by six grade and my four by four grid. My repeat is quite large at 100%. - Now I know you're probably thinking charnel. That's not very chaotic. And you're right. It is a little bit more ordered than chaos. In the next video, we'll show you three tips to make your pattern more chaotic. 8. 08 Tips and Tricks: Here are three tips. Toe. Add more chaos to your order Number one. Start with a smaller surface area. If you think of your pattern square as a tile, the smaller the tile, the more you need to cover a surface. Creating a document that say two by two inches instead of six by six is going to give you a denser pattern tip number to use a larger grid. Within that smaller surface, you can see that using a six by six grid within a two inch square gives us a denser pattern at 100% scale. Last but not least, tip number three. Add more icons and vary their scale in place instead of having one icon per column. Paro, I added two additional icons. Teoh each. Don't be afraid, toe layer icons or even different grids on top of each other. Either way, have fun and play around until you create the toss. Repeat that you always dreamed of. Thank you so much for joining me in this class. Be sure it opposed to your process and final pattern in the project section below