Quick Tip: How to Make a Repeating Japanese Wave Pattern in Adobe Illustrator
Tutorial Details
- Program: Illustrator CS4
- Difficulty: Basix
- Length: 15 mins
Final Product What You'll Be Creating
Repeating patterns can be confusing to make and sometimes creating a quick and easy pattern will leave you with a result that is less than professional. In this basic Quick Tip tutorial you will learn how easy it is to use the Appearance Panel and an arch shape to create a harmonious Japanese Wave Pattern. Let’s get started!

Step 1
First, create a square document. I’m making my file for print so it will be 20cm x 20cm in CMYK and 300dpi.

Step 2
Using the Ellipse Tool (L) Option + Click onto the artboard and create a 10 x 10cm circle. Open the Appearance Panel and fill the circle with dark blue.

Step 3
Click the Add New Fill button at the bottom of the Appearance Panel to add a new fill in white and then click the Add New Effect button and navigate to Path > Offset Path. Set the Offset to -0.5cm and click OK.

Step 4
Once again, click the Add New Fill button at the bottom of the Appearance Panel to add a new fill in the same dark blue as before and then click the Add New Effect button and navigate to Path > Offset Path. Set the Offset to -1cm and click OK.

Step 5
Then one more time, click the Add New Fill button at the bottom of the Appearance Panel to add a new fill in white and then click the Add New Effect button and navigate to Path > Offset Path. Set the Offset to -1.5cm and click OK.

Step 6
Take the Pen Tool (P) and add two points at the bottom left and right side of the circle and delete the point from the bottom middle.

Step 7
Click on the two new points with the Convert Anchor Point Tool (Shift + C) to create corners.

Step 8
Using the Direct Selection Tool (A), drag the corners down to create an arch shape.

Step 9
Align the top of the arch shape with the middle of the Art Board and position the bottom points so that the top of the offset lines are aligned with the bottom of the Art Board (This is about 2cm away from the artboard for my pattern)

Step 10
With the Selection Tool (V) Select the arch and Option + Drag the arch to make a copy on each side of the middle arch. Go to View > Show Rulers and drag a guide down from the ruler to where the shapes meet at the sides.

Step 11
Select the three arches and Option + Drag them to make a copy at the front. Align the top of the new shapes to the guideline and position them the same as in the example image. It should look a bit like fish scales.

Step 12
Copy and paste the three arches at the front by selecting them and pressing Command + C then Command + V. Move them to align the side joins with the top of the first line of arches. Position them at the back with Shift + Command + Left Square Bracket.

Step 13
Make one last copy of the arches, position them at the back with Shift + Command + Left Square Bracket. You should have an arrangement that looks like the example image below. Note that the shapes all align at the sides, top and bottom of the square so it will repeat when you make the pattern.

I’ve decided to add some circles to balance the pattern a bit, it’s pretty easy to line them up using Smart guides (Command + U). Just make a circle on the first shape and Option + Drag copies into place.
To make the pattern swatch, draw a square over the artboard and set the fill and line color to none. Move the un-filled square to the back with Shift + Command + Left Square Bracket. Select all of the objects and drag them into the Swatches Panel.

If the pattern is successful you will now have a seamless repeating pattern.

Step 14
To make color variations, simply select the arch shapes and change the values in the Appearance Panel then drag the shapes into the Swatches Panel.

Conclusion
There you have it. A really simple way to make a repeating pattern that doesn’t look simple at all. I hope you’ve enjoyed this tut. If you would like to know about more complex repeating patterns leave a message in the comments section below.


Nice tip! You can also do it with outlines only, so then it is easier to paste on any other background you like:)
very nice and thanks for the nice picture.
I literally was assigned a project today where i was trying to make a pattern just like this the timing of this posting is perfect. I figured out something close to this but i like this technique. I am personally interested in more complex patterns as well.
Hm… everything went well untill I tried to drag all the objects into the swatches panel. I let go and no new swatch appears. When I drag just one of the arches in, it works fine, but not with everything (including the empty square in the back) Any suggestions?
I got it. Edit>define pattern told me that patterns cannot contain guides. I went to view>guides>hide guides and it worked. Nice. thanks
Ah yes, this will happen if your guides are not locked. :)
I just can’t get the measurements right. When I drag the circle to become an arc shape, the measurement is not the same anymore, so when I make it into a swatch, it is continuous but the shapes don’t connect to each other. Any suggestions?
If I am doing something wrong, my guess it would be my grid. I think my grid has a different setting. The squares are much larger in the tutorial than my grid squares.
Yep, it could be the grid. Go to Preferences > Guides and Grids. My grid is set to 10cm blocks with 10 sub divisions. This will make 1cm cubes. You can also turn the grid off and use the guides to align the shapes. Also, make sure the points you’re dragging are selected with the Direct Selection Tool and that there is additional points on the side of the shape to keep the form of the circle at the top (So you’re only making the sides longer rather than stretching the shape). I hope this helps :)
I cannot for the life of me get step 13 to work for me, no matter what I do it copies everything into the new swatch, not just the square pattern area.
This step can be tricky. You need to have a square with no color or outline and it needs to be at the very back of the shapes (nothing else behind it). Select everything, including this invisible square and drag it into the swatches panel. I hope this helps :)
Got it!
Thanks
Very cool! At first my patterns we not seamless.. After a few traila nd error, I got them right! Thanks!
Hello,
I’m having trouble dragging the pattern into the swatch library. The swatch only appears on this file, but when i create a new document, the swatch doesn’t exist. Help?
You have to export the swatches and load them for new projects. You can export by going to the fly-out menu at the side of the swatches library. :)