主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!


How to Make the Japanese Pattern


Before we make the Japanese pattern, let’s take a look at the characteristics of the swatch pattern.
Register the following objects in the swatch pattern.

Then objects get stuck to each other like this.

In such a case, create a transparent object (no fill and no line) one size larger than the pattern and place it at the back of the pattern.
It allows the objects to be spaced evenly.
In this case, I replace the transparent part with black for simplicity.

The black area is where the transparent object is applied.

I’d like to make a Japanese pattern “Sangikuzushi” with this characteristic.

What is “Sangi-kuzushi”?
In Japan, there used to be a calculation tool called “Sangi”.
The word “kuzushi” means ” breaking” in Japanese.
“Sangi-kuzushi” came from the looks like a broken Sangi.

How to make the “Sangi-Kuzushi” pattern

Set the Smart Guide to “ON”.

Create an object (W4px × H16px) using the Rectangle tool.

Select an object, go to [Object] > [Transform] > [Move].

Enter [Horizontal: 6px Vertical: 0px].

Copy the objects by [Object] > [Transform] > [Transform Again].

Select the three objects and go to [Object] > [Transform] > [Move].

Enter [Horizontal: 18px Vertical: 0px] and copy them.

Then use the [Rotate tool] and set [angle: 90°].

Select 6 objects and go to [Object] > [Transform] > [Move].
Enter [Horizontal: 0px Vertical: 18px] amd copy them.

Use the [Rotate Tool] to set [angle: 180°].

Makes all objects a group.

Create a transparent object that will go in the backmost.
Go to [Rectangle Tool] > [Width: 36px, Height: 36px] to create a rectangle with no fill or line.

Choose [Object] > [Arrange] > [Send to Back].

Select all objects and go to the Align panel
to select [Horizontal Align Center] and [Vertical Align Center].

Drag it into the swatch panel to register in Pattern Swatches.

Now the “Sangi-kuzushi” pattern is done.

  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. シルクスクリーン
  2. 複合パス知識編


    Mastering the Compound Path – Part2 (Practic…

    Following the previous article "Mas…

  3. Illustrator

    How to Make a Spirograph in Illustrator

    SpirographSpirograph is the ruler…

  4. Illustrator

    Design a 3D object in Illustrator!

    I'd like to introduce you to useful…

  5. Illustrator

    How to Select All Objects of the Same Color

    There is a useful way to select all…

  6. Illustrator

    Using the Photoshop Crop Tool

    In this article, I'll show you how …


  1. There is no registered post.