新TIPSは【毎週日曜:夕~夜】更新予定!

生え際でデザインする髪の毛の描き方

「生え際でデザイン」する【髪の描き方】TIPS

イラストで髪の毛を描くときに、 という時に役立つかもしれないTIPSです。 「生え際」だけでこんなに広がる可能性! 髪型 シースルーバンク センターパート オールバック ツーブロック 雰囲気 清潔感・清涼感・爽やかさUP おしゃれ感 色気UP 重たさ回避 効果 クオリティUP ピアスやネックレスなどの、アクセサリー魅せ効果 描き込み・ディテールUP 雰囲気演出 ↑のような効果や演出ができる「生え際でデザインする髪の描き方」についてまとめてみました。 生え際の描き方 生え際の描き方について解説していきます。 ...

ReadMore

【厚塗り風】透明感ある瞳の描き方TIPS【目イキング】

【厚塗り風】透明感ある瞳の描き方TIPS【目イキング】

キャラクターの目元の表現に「透明感」を感じさせる厚塗り風の描き方メイキングをまとめてみました。
ぜひ、イラスト制作のヒントにしていただければ嬉しいです!

ReadMore

【クリスタ】「PRO」と「EX」どっちを買う?【比較&プラグイン作例】

【クリスタ】「PRO」と「EX」どっちを買う?【比較&プラグイン作例】

クリスタまたはデジ絵デビューをするにあたり、

[st-kaiwa1 html_class="wp-block-st-blocks-st-kaiwa"]
さて、「PRO」と「EX」?
どっちを買えばいいのかな?
[/st-kaiwa1]

と、という方向けに、「PRO」と「EX」の違いをまとめてみました!
プラグインの一部作例などもあわせて紹介しています!
ぜひ、クリスタデビューの参考にしていただけたら幸いです。

ReadMore

クリスタブラシ素材

【クリスタ】ブラシ素材の公開をしました【無料】

本日CLIP STUDIO ASSETSにて、ブラシ素材セットの公開をいたしました。 セット内には、通常・消しゴム・色変ありの3種類を用意しました。筆圧によってブラシの濃淡に差が出やすいブラシです。※筆圧弱い方向けかもしれません。 ラフ〜色塗りから、背景や小物にも使えます。(以下画像3枚参照) 筆圧の強弱や、重ね描きすることで線の濃さをコントロールできます。 グラデーションマップとの相性もいいと思います。 色変ありタイプは、若干の色変設定をしています。 色数を抑えたアニメ塗りなどでも、背景や小物にちょうど ...

ReadMore

【クリスタ】放射線定規でピカーッ!を描く【描き方Tips】

クリスタの放射線定規を使って簡単に描ける光り物を強調する演出方法をまとめてみました。
ほかのペイントツールでも放射線定規やパース定規などがあればOK!

ReadMore

クリスタでのadobeフォントの使い方

【ipad】クリスタでのAdobeフォントの読み込み方法【使い方】

今描いてるマンガやイラストによりマッチしたフォントが欲しいな〜 クリスタで描いていると、こんな風に思うことはないでしょうか? 今回は、Adobeフォントをipadのクリスタで読み込んで使う方法をざっくりとまとめたので、ぜひお試しください! Adobeフォントを使える【コンプリートプラン】の無料お試しはこちら≫ 【CLIP STUDIO PAINT 】無料体験版のダウンロードはこちら≫ Adobeフォントのインストール 使いたいAdobeフォントを選ぶ まずは、Adobeフォントのページまたは、creati ...

ReadMore

イラレでの「ハート」「雫」「葉っぱ」の作り方

【イラレ】「図形+パス」で簡単に作れるシンボル【3種】

イラレ初心者さん向けに「図形+パス操作で簡単に作れるシンボルマーク」と、作り方をまとめたので、ぜひイラレ練習や作品作りに役立てていただければ幸いです。 「図形ツール」の基本的な操作方法 正円(正方形)の作り方 図形ツールで「楕円ツール」(ショートカットLキー) を選択。 ツールバーの「図形ツール」アイコンを長押しすると、上のようにセレクトダイアログが表示されます。 正円に作るには、「Shift」+ドラックで作成。 クリック位置の中心から作りたい場合 クリックした位置から正円や正方形などを作りたい場合は、「 ...

ReadMore

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

【初心者向け】イラレで簡単に作れる図形一覧【作り方】

グラフィックデザインをはじめるorはじめたい方向けの、Adobe Illustratorでの図形の作り方と、作れる図形一覧+アレンジをまとめたTIPSです。 Illustratorで作れる図形一覧 どれも簡単に作ることができるので、グラフィックデザインの一歩として、ぜひ挑戦してみてください! \まだ Illustratorをお持ちでない方へ/Adobeソフトと通信講座のセットはこちら! アドバンスクールオンライン 基本図形&基本操作 四角形(長方形)と基本操作 ドラックで作成 基本操作を兼ねつつ、四角形・ ...

ReadMore

【フィルム風】インスタントカメラ風に描く方法【暗所ver.】

【わかれば描ける】フィルムカメラ風イラストの描き方【暗所ver.】

今回は、ポイント・手順さえ覚えれば描けるフィルムカメラ・インスタントカメラ風のイラストの描き方(暗所フラッシュver.)をご紹介していきます。

ReadMore

【ゼロからデジ絵講座】「描きやすい」を見つけよう!【クリスタ】

このTIPSでは、はじめてデジタル絵に挑戦する方向けに、「楽しいデジ絵」への手引きとして自身に合った「描きやすい」を見つけるためのヒントをまとめてみました。
練習用として、トレス&塗り絵OKの素材もご用意してみたので、ぜひこれからの一歩の材料にしていただければ嬉しいです。

ReadMore

描き方TIPS 背景講座TIPS

【水溜り・雨】イラストでの「波紋」の描き方【同心円】

当ブログ内には広告が含まれます。

【水溜り・雨】イラストでの「波紋」の描き方【同心円】

「雨」や「水」をテーマにしたイラストを描く際に、反射や水の変形など「水の表現や水面鏡」をイラストの見栄えに繋げる方法がありますが、雨のイラストを描くならぜひ推したいのが「波紋」です。

描いたことがない方だと「波紋ってなんかムズそう・・・」という、漠然としたハードルの高さを感じる方も少なくないのではないでしょうか?
しかし、一度描き方や知っておくと便利な機能(機能がない他ソフトでも代用可!)を使ってみれば、見栄えがぐーんと上がる描き方をTIPSとしてまとめてみたので、ぜひ完成度アップのヒントにしていただければと思います。

このTipsでは、CLIP STUDIO PAINT EXを使用し、
機能や描き方の紹介をしています。

\最大6ヶ月使える無料体験版DL

クリスタ公式サイトへ

ペイントソフト CLIP STUDIO PAINT無料体験版のダウンロード

クリスタを使ったほかのイラストメイキングを見る »

全体絵の構成を済ませておく

まずは、ラフを仕上げた状態からの解説をしていきます。
ラフの解説を簡単にすると、

通常状態のモノ(キャラクターやアスファルト)=クッキリめ(輪郭線やディテール)
水面に映るモノ(キャラクター&景色)=ラフ(輪郭線も曖昧)めに且つ暗めに

と、写真で例えるなら、「直にカメラに映っている状態」と「水面鏡に反射した状態」で差別化を意識して描いています。

この第一段階の完成形」を基に波紋を描き込んでいくので、
全体の構図や色味はこの時点で完成をさせておきましょう。

同心円定規で「波紋ナビ」

CLIP STUDIO PAINTには「同心円定規」という超便利な特殊定規ツールがあります。

同心円定規の詳しい使い方こちらにて詳しく紹介されています。

ちなみに今回は、若干パース影響のある波紋の描き方解説も並行かつ同心円定規がないソフトでも流用可能な方法で解説していますが、
パース影響のない真上(真正面)からみたような正円の波紋なら同心円定規にスナップして綺麗に描くのがおすすめです!

では、まず波紋ナビゲーション作りをしていきます。
先ほどのポイントでも添えた通り、パースに沿わせつつ他ソフトでも代用可能な方法です。

合わせてチェック!

まずは、地面のパースを格子状にアタリ線として薄く線を引きます。
パース設定していればパース定規で簡単に引けるので、ぜひ活用してみましょう。


同キャンパス上でも、別キャンパス上でもいい(レイヤーは新規)ので、
正方形の描画と中心点の割り出しをします。
(この正方形はパースの影響を受けないように、定規にスナップをオフにしておきましょう)

バッテンは、正方形の中心を割り出すために正方形の対角線上を結んでいる状態です。邪魔な場合は消してもOK


ここで同心円定規を使っていきます。


ツール一覧にある三角定規アイコンで定規ツールを選択し、
サブツールパレットにて「特殊定規」を選択
→ツールプロパティ内項目「特殊定規」のセレクトボックスより「同心円」を選択することで
同心円定規を使用することができます。

同心円定規で、先ほど作成した正方形の中心点を同心円定規の中心点に設定します。
その後、普段使うブラシで正方形内に収まる範囲で円を複数描いていきます。

クリスタ以外の同心円定規がないペイントツールでも、中心を設定していれば、円ツールで同じように描画可能です!


先ほどの同心円付き正方形を、はじめの工程で引いた地面のパースのアタリ線を基にして、
パースのアタリに沿わせるように自由変形して配置しましょう。


波紋ナビをパースに合わせることはできたのですが、このままでは大きすぎるので
波紋ナビのレイヤーを複製し、ランダムに配置していきます。

「変形」の使い分けに注意!

波紋ナビをパースに沿わせる自由変形
自由変形×複製した波紋ナビ拡大縮小
でコントロールしましょう!

パースによっては、もっと細かい地面パースアタリ線を引いて、波紋ナビも一つ一つ自由変形で変形させた方がいいかも!
(パースが強いと遠近で差が生まれ違和感になりやすいので注意!)
パースが強くなければ、自由変形下波紋ナビレイヤー複製→拡大縮小でOK!

スポイトで「水の透明感」

では、波紋ナビを参考にしつつ波紋を描き込んでいきます。
作業の邪魔にならないように、波紋ナビレイヤーの不透明度や色は調整しておくと⭕️

一番上に新規レイヤーを作成し作業していきます。


では、今回の波紋の描き方の基本的な手順とコツの解説をしていきます。

イメージとしては、スポイトを使って上から塗って描いていくイメージになります。

スポイトでとった隣接する色で、波紋ナビに基づいた円を描いていきましょう。
波紋の円の長さはランダムでOK。全て正円を描く必要はないです。

波紋となる円を描いたら、先ほどとは違う色を近場から取り
先ほど描いた円と交差+強調させるように隣接するように円を描く
水面に映ったモノの波紋による歪みを表現しやすくなります。

基本的には、ひたすらこの二つを意識して波紋を描いていきます。

Before
after
カケ太
カケ太

波紋を表現する=水面に映ったモノを円状に歪ませていく
というイメージで…

白で光の反射=キラキラメリハリ

仕上げに、全体的に明るいイラストだとあまり映えない手法ですが、
光の反射を白で描き足すことで、さらに絵にメリハリを生むことができます。

こちらもできるだけ波紋の円形を意識したまま、
ポイントポイントに白を置きます。

パースに沿って雨の軌道も一緒に描けば、キラキラなイラストを目指せます。

波紋を描くことで、イラストのクオリティが一気にあがるので、ぜひチャレンジしてみてください!

Before
After

アクセスランキング

  • この記事を書いた人

7kmr

一般社会人。絵を描くことと猫が好きです。

-描き方TIPS, 背景講座TIPS
-, , ,