Adobe認定トレーニングセンター

Illustrator

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. Illustrator

    How to make your own pattern brushes

    There is a "Brushes" that decorate …

  2. 複合パス知識編

    Illustrator

    Mastering the Compound Path – Part2 (Practic…

    Following the previous article "Mas…

  3. ハート、クローバー、スペード、ダイヤのオブジェクトの画像

    Illustrator

    How to Use the Pathfinder in Illustrator

    In this article, I'm going to intro…

  4. ライブペイントを使おう

    Illustrator

    How to Use Live Paint in Illustrator

    Have you ever used Live Paint in Il…

  5. Illustrator

    How to Make a Sunburst Vector Easily

    Have you ever seen an illustration …

Language

最近の記事

  1. 夜景
  2. 描画モードについて
  3. 描画モードについて
  4. ライブペイントを使おう
  5. 昔の映像風な画像加工をしよう
  1. InDesign

    身近な話題をインデザインで新聞にしてみよう(その①マスターページ)
  2. Illustrator

    「鉛筆ツール」で直線を描こう!
  3. Photoshop

    Create 3D Text with Photoshop Layer Styl…
  4. Photoshop

    新機能は使えるのか?アートボードの追加
  5. Illustrator

    オブジェクトの再配色を使って色に統一感を持たせよう!
PAGE TOP