新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

【クリスタ&フォトショ】ステンドグラスの描き方【背景講座】

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

【クリスタ&Photoshop】ステンドグラスの描き方【背景講座】

これだけでイラストの見栄えがグンと上がる「ステンドグラス」の描き方をまとめてみました!
ごちゃごちゃした情報量の多いイラストを描いてみたいという方にも、ごちゃイラスト入門にもオススメです!

\無料体験版DL可/

ステンドグラスデザインの構成

ステンドグラスには、窓枠デザインとガラス部分デザインがあります。
それぞれどんなものがあるかを見てみましょう。

窓枠デザイン

大枠の窓枠デザインとしては、下のような上部円形長方形の中にさらに円形というような作りが多いです。

円形ツールや、曲線ツールで描いていきましょう。

円形部分のデザインは「対象定規」

窓枠上部の複雑なデザインには、クリスタにある「対象定規」がとてつもなく便利です。

対象定規の使い方

  • 【定規ツール】
    ツール一覧の中にある「定規ツール」を選択し、サブツール欄内にある「対象定規」を選択。
  • 【分割数】の設定
    ツールプロパティ内にある「線の本数」という項目があります。
    7〜10程度で設定すると、適当に描いただけでも、綿密な模様が簡単に描けます
  • 半分に分割
    半分にしたい場合は、選択範囲で半分選択▶︎消去で半円デザインにできます。

ガラスデザイン

窓枠のデザインが決まったら、今度はガラスのデザインを考えていきましょう。
ステンドグラスには、さまざまなデザインがありますが、大まかに分けると3つのタイプでデザインされます。

ステンドグラスのデザインタイプ

  • 【図形パターン】
    図形のみで表現されたデザインです。パターン化されているので、比較的描画が楽
  • 【図形アート】
    図形で織りなされたアートデザイン。モノによっては難易度は高いかも?
  • 【イラストタイプ】
    アイテムorキャラクターモチーフに基づいて、図形に捉われず自由に表現したデザイン。

\無料体験版DL可/

Photoshopなら「一発」!

ステンドグラスのデザインは、人によっては少々難しいと感じる方も少なくないと思います。
そんな方にオススメしたいのが、Photoshopです。

Photoshopのステンドグラスフォルター

  • イラストを用意
    ステンドグラス化したいイラストをご用意ください。
  • フィルターギャラリー
    メニューバー「フィルター」
    ▶︎「フィルターギャラリー」
    ▶︎「テクスチャ」欄の「ステンドグラス
  • 調整
    数値で調整が可能です。プレビューを確認しながら、お好みの設定に調整し「OK」
  • 薄いので複製
    上の手順でフィルター効果を適用すると、不透明度が下がった状態になっているので、適宜複製して不透明度を調整して完了です!

セルの大きさが大きいと、キャラクターが潰れやすいので、アップにするかキャラクター以外にステンドグラスフィルターを適用するもオススメです。

\Photoshopをお得に購入

アドバンスクールオンライン

ステンドグラスの色使い

ステンドグラスを美しく表現するのに大切な要素の一つが、色使いです。
基本的なイラストにも大切なことですが、ステンドグラスの色使いについて以下のタイプで考えていきましょう。

ステンドグラスの色使い4タイプ

  • カラーパレット
    グラデーションマップやカラーパレットを使用した色使い
    カラーパレットについてはコチラのサイトにまとめてあるので、色に迷ったらご参照ください。
  • 同系色
    特定の色系統でまとめた色使いです。暖色なら暖色のみ使用。
  • デザインに基づいた着色方法
    デザインを元に、それぞれの固有色を自由に使う方法です。色数が多い程まとめるのが難しいかもしれません。
  • テーマカラーパレット
    ①と③に通づる色使いです。色使いが苦手でも、ブラシ設定次第で表現しやすくなります。

ガラスの一つ一つの面ごとに色の差をつけることで、よりステンドグラスの演出を可能にし、情報量を増やすことでさらにクオリティUPに繋がります。

ブラシ設定で簡単に色を表現できる

クリスタのブラシ設定内にある
色の変化」の設定+メインカラーとサブカラーの設定
同系色の色使いに一定の差を付けていちいち自分で色を変える作業をせずに描画ができます。

「色の変化」設定「ストロークごとのランダム変化」なので、一面一筆で塗りましょう。塗り残しは後々スポイトで取って塗り足しでOK

差し込む光を表現する

ステンドグラスをさらに引き立てる舞台は暗所です。
日光や月光の光を差し込む演出をすることによって、クオリティが大幅にアップします。

難しい作業ではないので、ぜひ取り入れてみてくださいね。

前準備

まずは、加工の前に下準備をしておきましょう。

前準備

  • 塗りレイヤーを複製
    塗りのレイヤーをコピーまたは複製しておきましょう。
  • 線画レイヤー部分を選択
    線画レイヤーを選択した状態で、選択範囲を作成(手順は画像参照)
  • 塗りレイヤーに戻る
    線画レイヤーの選択範囲を選択状態にしたまま塗りレイヤーに戻る
  • 余分を削除
    選択範囲を削除で余分な塗り部分を削除します。
  • レイヤー配置とレイヤーモード変更
    余分を削除した塗りレイヤーは線画レイヤーの上に配置
    レイヤーモードは「スクリーン」にしてこれで準備完了です。

ぼかしで加工

差し込む光の加工は、ぼかしフィルターで表現していきます。

ぼかし加工は複数しますので、一番上に配置した塗りレイヤーは複製しておきましょう。

まずは、差し込んでる光感を表現できる「放射ぼかし」で柱のような光を表現します。

これだけではまだ光が弱いので、複製した分の塗りレイヤーを「ガウスぼかし」で、光を強くします。
レイヤーモードはお好みですが、「ピンライト」が綺麗に色が残るのでオススメです。

応用編

今回描いたステンドグラスを用いて、応用してみましょう。
ご紹介のために4パターン描いたので、これらを並べていますが、基本的には1パターンを並べて配置する形でも十分です。

自由変形で簡単パース描写

キャラクターをメインに、ステンドグラスはあくまで背景として描きたい方が多いでしょう。
今回、正面で描いていきましたが、簡単にパースに反映せさる方法として「自由変形」でパース表現していきましょう。

差し込む光加工は後程しますので、無加工の状態からの解説です。

背景に配置

  • ステンドグラスレイヤーフォルダへ
    線画レイヤーと塗りレイヤーをレイヤーフォルダに一まとめにします。
    ※このとき、下準備も一緒にしておくと楽です。
  • 複製
    ステンドグラスを並べたい数だけレイヤーフォルダごと複製
  • 配置
    クリスタの整列機能を使用して、均等に配置しましょう。
    整列機能についてはコチラが参考になります。
  • 変形する
    複製した分も含めてレイヤーを選択し、自由変形をします。
    あらかじめパースでの描画をしているなら、それに合わせて変形すればOKです。

パースに合わせる方法は、コチラ⬇︎の記事にもありますので、チェックしてみてください。

ちなみに…

パース定規に沿って最初から描くのも手ではありますが、作業コストもハードルも高くオススメではありません。

差し込む光「応用編」

配置を終えたら、お楽しみの光加工をしていきます。

まず、一段階目
先に紹介した放射ぼかしで光を差し込みますが、今度は太陽や月の位置を考えて放射の開始地点(❌マーク)を設定しましょう。

続いて、二段階目
先ほどは「ガウスぼかし」で光を足しましたが、今回のぼかしは斜め方向の光の柱になっているので、少しアレンジで
移動ぼかし」でぼかしました。
一段階目の放射ぼかしが少し柔らかくなり、より馴染みやすくなりました。

ポイントまとめ

以上、ステンドグラスの描き方紹介でした。

窓枠のデザインや、ガラス面の描写が難しいところもあるかもしれませんが、要約として以下のポイントを抑えておけば理想のステンドグラスに近づけるかと思います。

ポイントまとめ

  • 対象定規を駆使
  • グラデマップやブラシ設定をチェック!
  • ぼかしで光の柱
  • 自由変形で空間を表現

\無料体験版DL可/

アクセスランキング

  • この記事を書いた人

7kmr

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

-背景講座TIPS
-, , ,