目次
はじめに 水玉模様で影をつけるメリット
![](https://www.ore7studio.com/wp-content/uploads/2022/01/パルミー3-1024x576.png)
どうもみなさん!副業イラストレーターのオア(@ORE_artstudio)です!!
最近、水玉模様で影ををつける方法が流行ってます!
実際にはトーンという元々漫画の影をつけるシールのような物だったのですが、それに色を付けて影も色も付けちゃおう!!という一石二鳥の技術に進化してます。
「俺、私も使ってみたい!」
分かりました!難しそう…と思われるかもしれませんが、実際は結構簡単なのでサクサクっとやってみましょう!
この記事をみるメリット
- 水玉模様を自由自在に影や背景に扱えるようになる!
- あなただけのオリジナルドットのパターンが手に入る!
- 今風の絵柄になる!
- ポップでキャッチーな見映えする絵作りに貢献!
ステップ1 まずはお手軽にオリジナルドットを製作してみよう!
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-41-052.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
まずは画像のようなドットのパターンを作っちゃいましょう!
難しい?タイトルをみてくださいよ!お手軽ですよ!?
大丈夫!画像の通りに作ればだれでも出来ます!
今回はクリップスタジオペイントプロで作っていますが、フォトショでも似たような機能があるので作れます!
(フォトショはパターンとして登録すれば使えます)
1 300×300px 解像度600dpiのキャンバスを開く
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-37-51-030.jpg)
2 150pxのGペンでシフトキーを押しながら適当に円を描く(正円)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-26-12-596.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
シフト?という場合は縦横比を固定した楕円ツールで代用可能です!位置は後から調整するので大丈夫です!
3 変形ツールでキャンバスを選択、その後拡大率を好みの大きさにする
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-27-13-813.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-27-23-627.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-27-31-377.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-27-41-283.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-27-51-836.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-28-05-126.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-28-12-496.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
縦横比は固定!今回は135pxにしましたが好みの大きさで大丈夫です!
ですが、はじめは画像の通りに設定することをオススメします!
4 背景を透明色にしてからPNGで書き出す
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-28-21-516.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-17-321.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
背景色は必ず透明にしてください!用紙の目のマークをクリックして透過させましょう。
5 読み込みから先ほど保存した画像を選ぶ
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-05-834.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-17-321.jpg)
6 オブジェクトを選択、ツールプロパティ一番下のタイリングをクリック
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-25-009.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-28-907.jpg)
7 完成!あなただけのオリジナルドットパターンが出来ました!
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-05-23-29-41-052.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
ね?簡単でしょう?(この方法を確立するのに1時間かかったのはナイショ)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
では、次はこれを絵に適用する方法をお伝えします!
因みに今後使いたい場合はパターンとして保存するもよし、分からなければ同じ手順でパターン化してから使うもよしです!
まとめ
- 300×300px 600dpiのキャンバス(正方形なら何でもいい)を製作し、ドットを一つ適当に置く!
- 変形で位置調整→キャンバスを選択し、拡大率を調整する!
- 背景を透明色にしてPNG形式で書き出し!
- 保存した画像を読み込む。その後、オブジェクトからタイリングを選択!
ステップ2 実際に作成したドットパターンに色を付けよう!
![](https://www.ore7studio.com/wp-content/uploads/2022/01/4-1-2.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/4-2-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
分かりやすくシンプルにいきましょう!応用編は最後にまとめて紹介しますね!
1 ドットを置きたい土台を用意する(今回は桜の素材)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-36-31-663.jpg)
2 作ったドットを読み込んでオブジェクト→タイリングでパターン化する
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-36-59-185.jpg)
3 素材の上に置き、下のレイヤーでクリッピングを押す
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-37-10-429.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-37-18-030.jpg)
4 レイヤーメニューから、画像レイヤーを選び、ラスターレイヤーに変換
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-37-57-615.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-38-01-235.jpg)
5 変換したあと、画像のように透明ピクセル(選択範囲)をロックする
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-38-09-844.jpg)
6 塗りたい影の色を選択しておく
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-38-22-871.jpg)
7 編集メニューから塗りつぶしを選択
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-38-27-221.jpg)
完成!
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-10-38-33-170.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
簡単でしょ?さぁここまで出来たら後は簡単!早速使ってみましょう!!
まとめ
- 画像を読み込んでタイリングしてループ素材にする!
- 使いたい場所にクリッピング!
- 透明ピクセルか選択範囲をして影にしたい色を選択した状態で塗りつぶし!
ステップ3 応用編
![](https://www.ore7studio.com/wp-content/uploads/2022/01/5-1-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/6-1-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
徐々に小さくなっていくドットの作り方です!これも合わせて使えると表現の幅が大きく広がりますよ!
作り方は簡単!素材も要りません!!
1 元の素材をコピペする(複製)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-23-37-964.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-24-20-924.jpg)
2 拡大してからガウスぼかし
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-24-43-660.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-25-28-732.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-25-56-953.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-34-59-171.jpg)
3 ドット化する(トーン化)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-26-00-598.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-26-17-502.jpg)
4 上に新しくラスターレイヤーを置き、クリッピングする。その後塗りつぶし
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-26-26-404.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/bandicam-2022-01-06-11-26-38-689-1.jpg)
5 お好みの大きさや形や色にして使う
![](https://www.ore7studio.com/wp-content/uploads/2022/01/5-1-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/6-1-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
目の場合はピンクの下地をコピペしてぼかしてます!下の部分を軽く消してからぼかすことで一部だけという状態にしています!!
今回は上の濃い部分を明るい方へかける形にしましたが、多いのは濃い方に明るい色をグラデーションする方法だと思いますね!
最終章 まとめ
![](https://www.ore7studio.com/wp-content/uploads/2022/01/4-2-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/6-1-1.jpg)
![](https://www.ore7studio.com/wp-content/uploads/2022/01/9-2.jpg)
いかがでしたでしょうか?今回は水玉模様(カラーハーフトーン)で影や色を塗る方法を紹介していきました!!
少しでも今後の応用に役立つヒントになれば幸いです!!
![](https://www.ore7studio.com/wp-content/uploads/2021/03/cropped-ORE2.jpg)
最近テクスチャ、グラデーションマップと同じにトップ層で流行ってる塗り方なのでぜひとも取り入れていきたい描き方ですね!
明るくポップでまとまりのある絵が作ることが出来るので僕も重宝しています!
それでは、ありがとうございました!
実際取り入れる場所は髪の毛や目の中、奥行やアクセントにしたりと使いどころは沢山ありますよ!!
それなのにこういう記事が少ない&中途半端だったので自分のためにも書いています!!是非、参考にしてください。