button-texticon-angleicon-arrow-bottomicon-arrow-footericon-arrow-lefticon-checkicon-circleicon-closeicon-crossicon-facebookicon-hatebuicon-instagramicon-lineicon-linked_inicon-mailicon-pinteresticon-plan-01icon-plan-02icon-plan-03icon-pocketicon-tagicon-twittericon-youtubelogo-simple
now
イラストのテイストを着せ替える
サイト内のイラストを
あなたの好みに変えられるよ!
テイストをいろいろに
変更しました
テイストをマンガに
変更しました
テイストをミニキャラに
変更しました

クリスタのパース定規を使いこなそう!正しいパースで背景上達へ

クリスタのパース定規を使いこなそう!正しいパースで背景上達へ

この記事はイラスト・マンガ教室egacoの講師(イラストレーター・マンガ家)が商業制作などで磨いた知識や技術をもとに作成しています。より自分の描きたいものに合わせた内容を知りたい方は、egacoでの個別指導レッスンの受講をおすすめします。

背景や小物をバランスよく描くために、クリスタの「パース定規」を使うと便利です。

ところがいざ使って見ると機能がたくさんあってよく分からないし、描きたい線が上手く引けないと悩んでしまいますね。

上手に使いこなすために、まずは「パース定規の機能」をおぼえましょう。

「パースって何?」パースとは、背景や物体をバランスよく描くための遠近の基本です。

正しいパースの描き方を知りたい方は、こちらの記事からどうぞ!

透視図法で背景上達!使い分け・描き方基本で正しいパースへ
透視図法で背景上達!使い分け・描き方基本で正しいパースへ
egacoで習えること egacoで習えること

【基本編】パース定規とは?機能をおぼえよう

パース定規とは?

CLIP STUDIO PAINTには「パース定規」というツールがあります。

イラストや漫画で背景を描きたいときに、パースの線を自動生成してくれる優れものです。

またパース定規による線は、直線ツールを使う必要なくまっすぐとした線が引けますので、ツールを持ち替える手間を省けるのも利点です。

上手に使いこなすために基本機能をおぼえて操作のコツをつかみましょう。

パース定規の作り方は、大きく分けて2つあります。

手動でパース定規をつくる

パース定規を選択

定規作成ツールの中から「パース定規」を選びます。

キャンバス上でカーソルをドラッグして1本の線をつくりましょう。

ガイド線を引く

再びドラッグして2本の線を交差させると、アイレベルと消失点が作成されます。

最初は1点透視図法となりますので、2点以上の消失点が必要であれば同じ手順で消失点を追加しましょう。

消失点を作成

レイヤーメニューからパース定規をつくる

メニューバーからレイヤーを選び、定規・コマ枠にカーソルをあわせて「パース定規の作成」をクリックします。
「1点透視」「2点透視」「3点透視」の中から任意の項目にチェックをいれて定規を作成します。

パース定規の作成を選択
パース定規の作成のプロパティ

自動的にアイレベルや消失点が追加されますので、手動による操作が少なく扱いやすいのでオススメです。

アイレベルや消失点が追加された図

ツールプロパティの設定

パース定規を選んだ状態で、ツールプロパティから消失点などの設定を変更できます。

「処理内容」から用途にあわせて切り替えましょう。

パース定規のツールプロパティの設定

消失点の追加

消失点を増やしたい場所でマウスをドラッグして1本のガイド線を作ります。
2本目のガイド線と重なる部分に新たな消失点が追加されます。

消失点を追加する前の画像
消失点を追加した後の画像

消失点の削除

消失点や消失点から伸びるガイド線にカーソルをあわせると黒い二等辺三角形のかたちに変わります。
そのまま消失点をクリックすると、消失点が削除されます。

消失点の消失

ガイドの追加

消失点から伸びるガイド線を増やせます。
ガイドを増やしたい部分でドラッグすると、消失点から伸びる線が現れます。
そのままドラッグを解除すると紫色に変わりガイドが追加されます。

追加のガイド線
ガイド線の追加

ガイドの削除

消失点から伸びるガイド線を削除できます。
削除したいガイド線上にカーソルをあわせるか、消失点をクリックするとクリックした回数分だけガイドが削除されます。

ガイドの削除

消失点の固定

消失点の位置を固定できます。
消失点がアイレベル上にある場合は、アイレベルでの位置が固定されパース定規全体を動かすとアイレベルの動きに連動しながら縦軸の位置を固定します。

消失点の固定
消失点の固定

無限遠にする

クリックしたガイド線の消失点が削除され、その消失点から伸びるガイドが無限遠となります。

無限遠にする
無限遠点にする
無限遠点とは?

カメラによる撮影において、被写体の距離がかぎりなく遠いことを言います。
本来、すべての物体には「2つ以上の直線が1点に集約されるパース」が生まれます。
無限遠では、平行な線同士には消失点という概念がないものとして、平行な2つの直線には「無限遠点」という仮想の点で交わるという考え方です。

透視図法を変更

チェックをいれておくと、ドラッグによる消失点を増やすごとに「1点透視」「2点透視」「3点透視」へ変更されます。
4つ目の消失点からは、画面上の自由な位置へ追加できます。
またチェックを外しておくと、消失点は任意の場所に作成されます。

透視図法を変更
透視図法を変更

編集レイヤーに作成

チェックをいれると、選択中のレイヤーにパース定規が作成されます。
チェックを外すと、パース定規用の新規レイヤーが新たに作成されます。

編集レイヤーに作成
パース定規用の新規レイヤーが作成される

操作オブジェクトで調整

あらかじめ追加されたアイレベルや消失点を調整します。
操作ツールからオブジェクトを選択します。

2点透視の作成画面

パース定規のガイドや消失点をクリックすると、ハンドルや各部のマークが表示されます。
それぞれの名称と機能をおぼえて操作しましょう。

定規のハンドルやマークの解説

アイレベルの移動

定規のハンドルをドラッグすると、アイレベルの高さや定規全体を移動できます。
アイレベルだけを動かしたい時には、ハンドルか A のマークをドラッグしましょう。
アイレベル(水平線)に角度をつけたい時は B のマークをドラッグして動かします。
ハンドル自体を動かしたい時には C の部分をドラッグして移動させましょう。

アイレベルの移動

消失点の移動

アイレベル上にある赤い丸が消失点です、ドラッグして移動できます。
ガイド線の上にある青い丸は、ガイドのみを動かすことができ消失点は移動しません。
ガイド線の上にある黄色い丸を動かすと、ガイドと消失点を同時に動かせます。

消失点の移動

また操作オブジェクトでパース定規を編集中、各部のマークを選択した状態で右クリックすると「消失点を追加」したり「アイレベルを固定」するなどツールプロパティと同じように設定を変更できます。

操作オブジェクトでパース定規を編集中の設定

定規のスナップ(オンとオフ)

ハンドルやガイド線の近くにひし形のマークがあり、定規のスナップ機能のオンとオフを切り替えられます。

定規のスナップ機能

クリックすると紫色の線が緑色に変わり、緑色になった定規が解除されて自由に描画できます。
再度クリックすると紫色に変わり、定規に沿って線が引けます。
スナップをオン ・・・ 紫色の線
スナップをオフ ・・・ 緑色の線

スナップをオンにした画像
スナップをオフにした画像
すべてのスナップをオフにした画像

また1点透視の場合、アイレベルにもスナップのオンオフが設定できます。
平常時は水色の線で表示されて、定規をオフにすると青色に変わります。

アイレベルのスナップのオンオフ

またレイヤーパレットにあります「定規の表示範囲を設定」からチェックを外しても、自由に描画できます。

定規オフにした画像

操作オブジェクトツールを使って、パース定規をクリックした状態でもツールプロパティからでもスナップのオンオフを切り替えられます。

パース定規のツールプロパティ

ショートカットキーを使う場合は「ctrl+2」を押すと特殊定規へのスナップのオンオフを切り替えられます。

スナップオンオフのショートカットキー

パース定規で線を引いてみよう

実際に絵を描いてみて、パース定規を操作してみましょう。
まずは簡単な下描きが描いたうえにパース定規を作成します。
画像は「2点透視」ですのであわせて定規を設定しましょう。

2点透視でパース定規の作成

操作オブジェクトツールを使って、アイレベルや消失点の位置を調整しましょう。
ガイドを下描きにあわせて正しい消失点を探ります。
画像の箱は、上の面が見えているためフカン=アイレベルは箱の上に来ます。

オブジェクトでガイド線を調整する

※アイレベルについてもっと知りたい方はこちら

アイレベルでもう迷わない!初心者向けアイレベルの基本・デジタル操作
アイレベルでもう迷わない!初心者向けアイレベルの基本・デジタル操作

パース定規でゆがんだ線を調整しながら、ペンツールや直線ツールを使って清書しましょう。
色を乗せたり影をつけて仕上げれば完成です。

仕上げて完成

線が上手く引けない時の対処法

アイレベルまたは他の消失点に引っ張られて線が上手く引けない場合は、定規スナップのオンオフを活用しましょう。

たとえば斜めに線を引きたいのに水平にしか描けない場合は、アイレベルの定規が引っかかっているのでそれだけオフにしておけばスムーズに描けます。

またパース定規に慣れない方は、グリッドを表示してみましょう。

グリッドを表示

パースグリッドの表示

操作オブジェクトツールを選択し、キャンバス上のパース定規かレイヤーパレット内の定規表示をクリックします。
ツールプロパティを確認すると右下にレンチのマークがあり、クリックすると「サブツール詳細パレット」が表示され設定を編集できます。

サブツール詳細
プロパティに表示

操作の下にあるパース定規(左上②の黄色い囲い)項目を選択し、グリッドの欄を確認すると縦横奥で最大3面までグリッドを表示できます。
グリッドをクリックして表示をオンにしましたら、それぞれの面のサイズが変更できます。
グリッドサイズの数値を上げてマス目を大きくすると線の重なりが少なくなり描きやすいです。

グリッドの設定

線が重なってしまい修正に苦労する方は、ベクターレイヤーで描くのをオススメします。

ベクター消しゴムを使えば重なった線同士の交点まで不要な線が削除されるため、かんたんにきれいな仕上がりを目指せます。

※ベクターレイヤーについてもっと知りたい方はこちら

デジタル作画習得へ!クリスタのレイヤー基本操作・応用で表現力UP
デジタル作画習得へ!クリスタのレイヤー基本操作・応用で表現力UP

【応用編】パース機能を使いこなそう

図形ツールをパース定規にスナップした絵

曲線や円をパースにあわせる

写真や風景などの資料をみると、曲線や曲がった形状のモチーフが多く見られますね。
パースに沿ったカーブの描き方を活用しましょう。

図形をパース定規にあわせる

パース定規は、長方形や楕円などで描かれた線もスナップされて自動的にパースがかかります。

図形をパース定規に合わせる

パース定規をオンにした状態で楕円形を選んだら、曲線を描きたい面の角または辺から斜め方向にドラッグしましょう。

パース定規に合わせて楕円を描いた絵

パースのかかった面にあわせて楕円が描けます。
アーチ型の窓など一部分がカーブしている場合は、新規で作成したレイヤー上に楕円を描いて不要な部分を消してからレイヤー結合しましょう。

アーチ窓の作り方

自由変形を使ってパースにあわせる

パースのかかった地面や壁にタイル状の柄を並べたい時には「自由変形」を使いましょう。

拡大縮小と違い、縦横だけでなくハンドルを動かした方向にあわせて変形できます。

柄レイヤーを自由変形している画像

貼り付けたい柄のレイヤーを選んだ状態で、メニューバーの編集から変形にカーソルをあわせて自由変形を選択します。

またはショートカットキーの「Shift+ctrl+T」を押すとそのまま自由変形に変わります。

柄レイヤーの描画範囲は、正方形や長方形であるとパースのかかった面でもあわせやすく上手に変形しやすいです。

柄レイヤーを自由変形している画像
レイヤーがパースに合わせて変化

貼り付けたい面の4隅のいずれかに合わせてハンドルを斜めにドラッグしますと、レイヤーがパースにあわせて変形します。

楕円や星形など特殊な形状にも対応できるため、ぜひ活用してみてください。

3D素材を使ってみよう

どうしてもパース定規が使い慣れない方には、3D素材を利用してみるのもオススメです。
無料でダウンロードできる素材もあり、クリスタユーザーならどなたでも活用できます。

3Dグリッド (可動)

https://assets.clip-studio.com/ja-jp/detail?id=1403775
視点が箱の中から見たものになっており、すべての面にグリッドが設定されています。
左上のカメラアイコンを動かすと角度や奥行きを変更できます。
動かした方向にあわせて定規のスナップが掛かるため、アイレベルを取らなくても自然なパースで描けます

3Dグリッドの操作画面

魚眼パース定規無料版

https://assets.clip-studio.com/ja-jp/detail?id=1791646
上級者向けの魚眼パースが、フリー素材で配布されています。
上下左右に対して曲線定規によるグリッドが設定されており、グリッドにあわせてかんたんに魚眼パースで描けます。
縦横奥への曲線定規がフォルダ毎に分けられています。

魚眼パースの操作画面

素材のダウンロード完了後は、メニューバーのウィンドウから素材を選択すると開けます。
ダウンロード素材をキャンバス上にドラッグして追加してみましょう。

素材をキャンパスに追加する

クリスタのパース機能で描きたい絵を描こう

クリスタには、パースを使いこなすための操作や機能がたくさんあります。
どんな機能があるか事前に知っておけば、自分にとって最も使いやすい方法を選択してパースのかかった魅力的なイラストが描けますね。

イラストや漫画の描き方を もっと上達するには?

  • 記事は読んでみたけどうまくいかない
  • イラストや漫画がもっと上手になりたい
  • 独学で学んでいるけど伸び悩んでいる

そんな方に、イラストや漫画の描き方を学ぶことができるスクールについて紹介しています。あなたに合った学び方を見つけてくださいね。

egacoで学んでみませんか?

「イラスト・マンガ教室egaco」では、生徒さん一人ひとりに合わせた個別指導を行なっています。
学習内容は、講師があなたの目標をヒアリングし、現在の画力や興味関心に合わせた学び方で個別に受講内容を提案するので、自分のペースで学ぶことができます
あなたの描きたいイラストをegacoで学んでみませんか?

「egaco」について詳しく見る 「egaco」について詳しく見る
イラスト・マンガ教室egaco(エガコ)
この記事を書いた人
イラスト・マンガ教室egaco(エガコ) 先生
イラスト・マンガ教室egaco(エガコ)の講師です。全国13教室とオンラインにて個別指導で作画レッスンを提供しており、今まで5000人以上の方にレッスンを提供してきました。全くの初心者の方にも選ばれていますので、これから上達したい方はぜひ一度無料体験にお越しくださいませ

お気軽にお申し込みください!

わずか 3 STEP!
  1. メールアドレスの登録・認証
  2. 日時選択
  3. お客様情報を入力
無料体験・入会についてはこちら