Vectornatorでギンガムチェック柄のパターンを作る方法

ギンガムチェックの犬

イラストレーターのハセガワ(@h_hasegawa8)です。

デザインのは背景などにギンガムチェックをつかうと一気に華やかになりますよね。

ギンガムチェックのパターンはフリーでも代用できますが、どうせなら自作したくないでしょうか。

そこで今回は、Vectornatorでギンガムチェック柄のパターンを作る方法をご紹介します。

とても簡単にギンガムチェックをつくることができるので、ぜひ試してみてください。

ちなみにVectornatorとは、Adobe illustratorのようにベクターグラフィックでイラストやデザインを描くことができる無料のソフトウェアです。

詳しくはこちらをご覧ください。

Vectornatorの使い方を体系的にまとめました!

Vectornatorの使い方大全集

愛用するVectornatorの基本的な使い方やマニュアル的なことから、実際のイラスト制作やデザイン制作に役立ちそうなTipsをまとめました。 随時更新していくので、Vectornat…

Vectornatorでギンガムチェック柄のパターンを作る方法

今回ご紹介するのは、長方形のオブジェクトをひたすら複製してギンガムチェック柄のパターンをつくる方法です。

次のようなギンガムチェック柄のパターンをつくります。

ギンガムチェック

縦方向に長方形のオブジェクトを描く

ドキュメントを新規作成して、四角形の図形ツールを選択します。

四角形の図形ツール

図形ツールを選択したら、アートボードからすこしはみ出るくらいの長さで縦方向に長方形を描きます。

四角形の図形ツール

Vectornatorに関するその他のことはこちら!

Vectornatorの使い方。できることは?iPadで無料版ai?

イラストレーターのハセガワ(@h_hasegawa8)です。 僕がイラストを描くのによく使っているVectornatorというアプリについて次の観点でご紹介します。 Vectornatorはどう…

描いた長方形は、スタイルタブから「①線をオフ」、「②塗はオン」にして好きな色で塗りつぶしておきます。

塗りつぶし

ここで設定する長方形のスタイルが、ギンガムチェックのデザインになります。

長方形のスタイルが決まったら、それを選択して複製します。

Vectornatorでオブジェクトをコピー(複製)する方法はこちら!

Vectornatorでオブジェクトを複製(コピー)する方法3選

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでは、オブジェクトを複製(コピー)する方法として次の3つの機能が用意されています。 それぞれショート…

複製した長方形は、もとの長方形のすぐとなりに配置します。

オブジェクトを複製(コピー)

配置間隔などは後でまとめて設定するので、このときはだいたいで問題ありません。

もとの長方形と複製した長方形をまとめて選択して、それらをさらに複製します。

そして先ほどと同じ用に複製した長方形をもとの長方形すぐとなりに配置します。

オブジェクトを複製(コピー)

以降、長方形がアートボードを覆うまで「選択→複製→配置」を繰り返します。

オブジェクトを複製(コピー)

Vectornatorのアートボードについてはこちら!

Vectornatorで編集途中のアートボードのサイズを変更する方法

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorで編集中ドキュメントのアートボードのサイズを変更する方法をご紹介します。 Vectornatorで編集途中のア…

アートボードを覆うまで長方形が配置できたら、それらの間隔を等間隔に設定します。

Vectornatorでオブジェクトを等間隔に配置したいときは、アレンジタブにある「分散」を使います。

今回は横方向に等間隔に配置したいので、「①横方向の分散」を使います。

分散で等間隔に配置

すべての長方形を選択した状態で、「横方向の分散」をタップするとわかりにくいですが等間隔配置に自動調整されます。

分散で等間隔に配置

Vectornatorでオブジェクトを等間隔に配置する方法はこちら!

Vectornatorでオブジェクトを等間隔に配置する方法

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorでオブジェクトを等間隔に配置する方法をご紹介します。 Vectornatorでオブジェクトを等間隔に配置する方…

横方向に長方形のオブジェクトを描く

アートボードを覆うまで縦方向の長方形を描けたらそれらを全選択してグループ化し、そのまま複製します。

オブジェクトを複製(コピー)

Vectornatorでオブジェクトをグループ化についてはこちら!

Vectornatorで線やオブジェクトをグループ化するとレイヤー結合にもなる

イラストレーターのハセガワ(@h_hasegawa8)です。 Vectornatorで線やオブジェクトをグループ化して、レイヤーを結合する方法をご紹介します。 Vectornatorで線やオブジ…

複製した長方形グループを横方向に回転させるため、それらを選択した状態でアレンジタブの「①回転」に「90°」と入力します。

オブジェクトを回転

位置も調整しておきます。

ここまでやると格子状のデザインができているかと思います。

オブジェクトを回転

横方向の長方形オブジェクトを半透明にする

横方向の長方形グループを半透明にしてギンガムチェック柄の仕上げをします。

横方向の長方形グループを選択してスタイルタブから塗りつぶしの透明度を下げて完成です。

透明に塗りつぶす

Vectornator塗りつぶしについてはこちら!

[塗りつぶし5選] Vectornatorの塗りつぶしを現役イラストレーターがツール別に解説。 「バケツツール」はない?

イラストレーターのハセガワ(@h_hasegawa8)です。 僕はイラストを描くのにVectornatorを使用しています。 Vectornator唯一の欠点として、公式のドキュメントが英語しか…

まとめ

ギンガムチェック

以上がVectornatorでギンガムチェック柄のパターンを作る方法です。

他にもVectornatorの使い方などいろいろ書いているのでぜひご覧ください。