2020.01.10
和柄にも!市松模様を簡単に描く方法
市松模様を描く場合、正方形の選択範囲を塗りつぶし、それを繰り返して作る方法があります。
今回はその方法を使わずに、簡単に市松模様を作る方法をご紹介します!
iPad版メディバンペイントと、メディバンパレッタ(MediBang Paletta)※旧メディバンプロのスマホ画面を用いて作成していきます。
基本の市松模様から、レイヤーブレンドや変形ツールを使った変わり模様まで紹介します。
ぜひアプリをダウンロードして、一緒に挑戦していきましょう!
1.グリッドを設定
まず新規キャンバスを置いて、ブラシを選択します。
「ブラシ追加」から「グリッド」を選択し、保存します。
グリッドの「ブラシ設定」を開いて、「中心点を描画する」をOFFに、「グリッドを描画する」をONに、それぞれ設定します。

【グリッド】
ブラシ内の「図形・記号・柄」カテゴリに「グリッド」が入っています。

ブラシをタップするとブラシ設定に遷移します。
- 中心点を描画するをOFF
- グリッドを描画するをON
設定したら、キャンバスサイズやお好みのサイズに合わせてグリッド間隔を調整しましょう。

2.グリッドを描画
あとは好きな色を選んでキャンバス上をポンとクリックするだけで、方眼紙のような正方形の罫線が描けます。

3.塗りつぶす
バケツツールを選び、市松模様になるように塗りつぶします。
(図の薄い赤の部分)

これで市松模様の完成です。
(画像は背景:白)

4.グリッド間隔を変える
もっと細かい市松模様を作りたいときは、グリッド間隔を狭くします。
ブラシの「グリッド」を選択した状態で、ブラシ設定の「グリッド間隔」のスライダーを動かして調整してください。
(「グリッド間隔」はブラシ設定の一番下の項目です)

数字が小さいと細かな罫線に、大きいと罫線も大きくなります。

5.金の市松を描こう
では実際に、いろんなパターンの市松を描いてみましょう。
まず、おめでたいシチュエーションにぴったりの、ちょっと豪華な市松です。
描画色を「#ffe03f」、背景色を「#ff9a3a」に設定します。
(色の数値は例です)
グラデーションツールで斜めに描画します。

このレイヤーは複製しておいてください。
次に、さらに新しいレイヤーを置き、先ほどの方法で市松模様をつくります。
色は何色でもOK。
市松のレイヤーを選択した状態で、「選択メニュー」から「描画部分の選択(不透明度)」と進みます。
市松の描画部分が選択範囲になったので、このまま先ほど複製したグラデーションのレイヤーに移動し、切り取ってください。
さらにこのレイヤーの合成モードを「焼き込み」に変え、不透明度を50%に。
【カラー変更】
カラーウィンドウの右上に、「前景色」「背景色」のアイコンが表示されています。
変更したいアイコンをタップしカラー変更しましょう。
カラーサークル左下から直接カラーコードの入力も可能です。

【グラデーション】
「FX(フィルター)」アイコンをタップし、「グラデーション」にします。
「線形」「前景色~背景色」の設定にし、斜めにドラッグしましょう。

【レイヤー複製】
①レイヤーを左にスライド、または②ウィンドウ下部のショートカットエリアから「複製」が可能です。

【選択ツール】
「自動選択」モードにし、対象タブから自動選択部分を「不透明度(全体)」を選びます。
市松模様レイヤーを選択しているので、市松模様の形に選択されます。
【切り取り】
ホームアイコン→アクション→切り取りの順にタップし、複製した「金」レイヤーを市松模様に切り取ります。

【レイヤーブレンド・不透明度】
市松模様に切り取った「金」レイヤーのレイヤーブレンドを変更します。
レイヤーの右側「通常∨」のボタンをタップし、一覧をスクロールし「焼き込み」を選択します。
レイヤーウィンドウの下にある「不透明度」のスライダーを調整し、50%にします。
選択解除ボタンを押したら、完成です!

これで光っているような豪華な市松模様ができました。

6.和柄の変わり市松
では今度は、和柄の市松を作っていきます。
まず「#4b5bff」の色で同じように市松模様を作ってください。
白と青の市松を作りますが、画像はわかりやすいように背景をピンクにしてあります。

ブラシ→ペン、ブラシ設定→サイズ7.0px・最小幅100%、色を白にします。
定規メニューから十字の定規をセットしてください。
新規レイヤーを置き、市松の一つ一つの四角の上下端にくるように、横線を引きましょう。

移動ツールで、今度は先ほどの白線が四角の真ん中にくるよう、下に移動します。
この時、上の部分に白線が足りないところが出てくるので、ブラシツールで足してください。

次に、市松のレイヤーに移動し、選択メニューから「描画部分の選択(不透明度)」で、市松の選択範囲を作成。
これを、選択メニュー「選択反転」で反転してください。
その状態のまま白線のレイヤーに戻ったら「透明度を保護」にし、市松模様の描画に使った青色で塗りつぶしましょう。
選択は解除して大丈夫です。

【定規ツール】
市松模様ができたら、定規ツールを開き、表示をONにします。
次に、「十字」を選択し、右上の「✓」で確定です。

【変形ツール】
適当な位置に横線を引き、「変形ツール」で垂直に移動させます。
何本か線を引いたら、それらのレイヤーを「統合→複製」するとまとめて線を引くことができます。

線を引き終わったら、再び変形ツールを使って、線の位置を市松模様の四角の中央に来るように動かします。
【選択ツール】
市松模様レイヤーへ移動します。
「選択ツール」→「自動選択」→自動選択部分を「不透明度(全体)」に変更します。
市松模様の青い部分のみが選択状態になりました。
次に、選択範囲タブで「反転」します。
市松模様で描画した青い部分「以外」が選択されています。

【透明度保護】
選択状態を維持したまま、白線のレイヤーへ移動します。
レイヤーウィンドウ下部の「透明度を保護」アイコンをタップします。
これにより、選択範囲(青以外のマス)内の白線部分だけ描画可能の状態となります。
市松模様の青で塗りつぶしたら、背景を白に戻しましょう。

「変わり市松模様」の完成です。

7.変わり市松2
最後に、六角形の下描きを使った変わり市松をもう1つご紹介します。
まずは六角形のガイドを用意します。
六角形のガイドの作り方は別記事をご参照ください。
適当なサイトから図形をダウンロードする方法でも問題ありません。

(画像はわかりやすいように下地をピンクにしてあります)
新規レイヤーを白で塗りつぶし、グリッドで作った青の市松レイヤーを重ねます。
2つのレイヤーを統合してください。
すると、端に半端な長方形ができるので適当なところでトリミングします。
この時、左右の端の色が同じにならないようにしましょう。

この市松を変形ツールで変形します。
「メッシュ変形」を選ぶと四角マークのポイントを自由に動かせるようになります。
このポイントを動かして、六角形ガイドに合わせて市松を三角形にしてください。
四角マークと六角形の頂点が合うようにするとスムーズです。


このレイヤーを5枚複製し、六角形の中心に沿って一枚ずつ回転しましょう。
綺麗に六角形に合うよう調整して完成。
幾何学模様のようなパターンになります。


6.で作成した変わり市松模様を使います。
変わり市松模様のレイヤーと、六角形のレイヤーをそれぞれ新規キャンバスに貼り付けます。
市松模様の描画範囲を六角形と同じくらいに調整します。
【メッシュ変形】
次に、変形ツール「メッシュ変形」で分割数を縦横ともに「1」にします。
四か所のハンドルを、六角形内の逆三角形(▽)に合うように調整しましょう。

逆三角形に調整したら、レイヤーを複製します。
変形ツールで60°回転させ、隣り合うように移動します。
3枚分作成できたところでレイヤーを統合、もう一度複製することで一気に六角形を作ることができます。

180°回転させ、隣り合うように移動します。
背景色を戻したら完成です。

いかがだったでしょうか?
グリッドブラシを使えば簡単に市松模様を描くことができます。
グラデーションの市松はクリッピングマスクや他の合成モードを組み合わせていろいろな雰囲気にアレンジできます。
たくさんの市松を作って、オリジナルのパターンを描いてみてください!
\ 使い方記事の要望を受け付けています /












