サイト2周年!感謝です。 > お知らせ一覧

クリスタの「複数レイヤーで作成したイラストをふちどり」

複数レイヤーで作成したイラストをふちどり
ちとせ

当サイトはアフィリエイト広告を利用しています。

複数レイヤーで作成したイラストをふちどる場合、境界効果が便利です。

ふちどりに複数の色を塗ったり、加工したい場合は選択範囲をふちどりを使います。

ちとせ

両方のやり方を説明しますね。

この記事のタイトルイラストも、境界効果でふちどりました。

この記事のタイトルイラストのふちどり
この記事のタイトルイラストのふちどり
ちとせ

クリスタをどう使ったのか書いて行きますね。

この記事を読むと複数レイヤーで作成したイラストにふちどりできるようになります。

この記事を読んでできるようになるふちどりの例
この記事を読んでできるようになるふちどりの例

わたしは毎日クリスタで絵を描いています。
複数レイヤーのイラストにふちどりするときに使っている機能を紹介します。

目次

境界効果でふちどり

ふちどりしたいイラストのレイヤーをフォルダーにまとめます。

フォルダーの境界効果でふちどりの設定をします。

ちとせ

図を使って説明していきますね。

境界効果でふちどりする手順

STEP
フォルダーにまとめたいレイヤーを1つ選択
レイヤーパレットでレイヤーを選択
レイヤーパレットでレイヤーを選択

まとめたいレイヤーの一番上か一番下をクリックします。

図は一番上のレイヤー(レイヤー5)を選択しています。

ちとせ

レイヤーパレットは画面右下にあります。

STEP
フォルダーにまとめたいレイヤーの一番はしを選択
Shiftを押しながらレイヤーを選択
Shiftを押しながらレイヤーを選択

Shiftキーを押しながらレイヤーをクリックします。

まとめたいレイヤーの一番はしを選びます。(図はレイヤー1)

一度に複数のレイヤーを選択できます。

ちとせ

Shiftを押しながらのレイヤー選択はとても便利でよく使います。

STEP
フォルダーを作成
フォルダーを作成してレイヤーを挿入
フォルダーを作成してレイヤーを挿入

選択したレイヤーの上で右クリックしてメニューを表示します。

フォルダーを作成してレイヤーを挿入を選びます。

選択したレイヤーがフォルダーに入る
選択したレイヤーがフォルダーに入る
ちとせ

フォルダーを作って1つずつレイヤーを入れるより早いです。

STEP
レイヤープロパティの境界効果を選択
レイヤープロパティの境界効果をクリック
レイヤープロパティの境界効果をクリック

フォルダーを選択した状態で操作します。

レイヤープロパティの境界効果をクリックします。

ちとせ

レイヤープロパティはレイヤーパレットの上にあります。

STEP
境界効果の設定をする
境界効果の設定
境界効果の設定

フチの太さと色を設定します。

イメージ通りのフチになるまで値を調整します。

ちとせ

今回はフチの太さを22、色を白にしました。アンチエイリアスはON(デフォルト)です。

設定したフチがイラストに反映される
設定したフチがイラストに反映される
STEP
フチを外すには

設定したフチを外すには、レイヤープロパティの境界効果をクリックします。

STEP4と同じ操作です。

ちとせ

フチの付け外しが簡単にできます。

ちとせ

これで境界効果を使ったフチの設定は終わりです。

選択範囲をふちどり

フチを付けたいイラストの周りを選択します。

選択メニューの選択範囲をふちどりを使ってフチをつけます。

イラストの周りをきれいに選択するのに少しコツがあります。

ちとせ

クリスタの操作とコツを説明していきますね。

イラストの周りをきれいに選択するコツ

イラストの周りをきれいに選択するために、表示レイヤーのコピーを統合します。

コピーしたレイヤーの背景部分を自動選択します。

ちとせ

レイヤーを統合せずに背景を自動選択すると、きれいに選択できない場合があります。

イラストの周りを綺麗に選択できない例
イラストの周りを綺麗に選択できない例
ちとせ

選択ツールを使って手動で修正できますが、時間がかかります…。

選択範囲をふちどりする手順

STEP
表示レイヤーを右クリックする
レイヤーを選択する
レイヤーを選択する

レイヤーパレットで表示レイヤーを1つ選択します。

おすすめは一番上のレイヤーです。

レイヤーの左に目のアイコンがついているレイヤーが表示レイヤーです。

レイヤーを右クリックしてメニューを表示します。

ちとせ

レイヤーパレットは画面右下にあります。

STEP
表示レイヤーのコピーを統合する
表示レイヤーのコピーを統合を選択
表示レイヤーのコピーを統合を選択

右クリックで表示したメニューで表示レイヤーのコピーを統合を選びます。

ちとせ

STEP1で選んだレイヤーの上にレイヤーが追加されます。

表示レイヤーを統合したレイヤーが追加された
表示レイヤーを統合したレイヤーが追加された
STEP
自動選択ツールを設定する
自動選択ツールの設定
自動選択ツールの設定

画面左にあるツールバーで自動選択ツールをクリックします。

編集レイヤーのみ参照選択を選びます。

ツールプロパティの色の誤差をに設定します。

ちとせ

色の誤差を0にしないと選択範囲がイラストに食い込むことがあります。

色の誤差の設定による違い
色の誤差の設定による違い
STEP
統合レイヤーの背景を自動選択する
自動選択ツールで背景部分をクリック
自動選択ツールで背景部分をクリック
ちとせ

この操作で選択したのは背景部分です。次のSTEPで選択範囲を反転させてイラストのまわりを選択します。

STEP
選択範囲を反転する
選択範囲を反転の場所
選択範囲を反転の場所

選択範囲のショートカットの選択範囲を反転をクリックします。

ちとせ

ショートカットは選択範囲の下にあります。

STEP
レイヤーを追加する
新規ラスターレイヤーを追加
新規ラスターレイヤーを追加

フチだけのレイヤーを作るために新しいレイヤーを追加します。

ちとせ

今回はラスターレイヤーを追加しました。

STEP
色を選ぶ

選択範囲にふちどりする前に、フチの色を選びます。

カラーパレットで色を選ぶ
カラーパレットで色を選ぶ
ちとせ

カラーパレットは画面左下にあります。
今回は白を選びました。

STEP
選択範囲をふちどり
選択範囲をふちどりの場所
選択範囲をふちどりの場所

選択範囲のショートカットの選択範囲をふちどりをクリックします。

メニューウィンドウが開くので設定します。

ふちどりの設定
ふちどりの設定
ちとせ

今回は外側に描画を選びました。線の太さは30です。

設定できたらOKをクリックします。

選択範囲をふちどりできた
選択範囲をふちどりできた

選択範囲の外側にフチができました。

フチの中を塗りつぶしたい場合はフチだけのレイヤーを操作します。

ちとせ

左側の腕と紙袋の間を塗りつぶしたいな…

STEP
レイヤーを非表示にする

イラストのレイヤーと統合したレイヤーを非表示にします。

フチに色を着ける作業を分かりやすくするためです。

目のアイコンをクリック
目のアイコンをクリック

非表示にするレイヤーやフォルダーの目のアイコンをクリックして消します。

ちとせ

イラストのレイヤーをフォルダーにまとめる方法は境界効果でふちどりする手順のSTEP1~3を参照してください。

STEP
フチの中を塗りつぶす
選択範囲を解除の場所
選択範囲を解除の場所

選択範囲のショートカットの選択範囲を解除をクリックします。

塗りつぶしツールを選択
塗りつぶしツールを選択

塗りつぶしツールの編集レイヤーのみ参照を選びます。

フチと同じ色でフチの中を塗りつぶします。

フチの中を塗りつぶす
フチの中を塗りつぶす
ちとせ

フチだけのレイヤーができました。

STEP
フチのレイヤーを移動する
レイヤーをドラッグして移動する
レイヤーをドラッグして移動する

フチのレイヤーをドラッグしてイラストのレイヤーの下に移動します。

図ではイラストのレイヤーをまとめたフォルダーの下に移動しています。

ちとせ

フォルダーの左にある>をクリックするとフォルダーが閉じます。レイヤーの移動が楽になります。

STEP
イラストのレイヤーを表示する

イラストのレイヤーを表示させたらふちどり完成です。

操作はSTEP9と同じです。

統合したレイヤーは非表示のままにします。

ふちどり完成
ふちどり完成
ちとせ

これで選択範囲をふちどりする手順は終わりです。

フチに色を塗る方法

フチのレイヤーの上に新しいレイヤーを作ります。

下のレイヤーでクリッピングします。

追加したレイヤーに色を塗ります。

ちとせ

選択範囲でフチを作ると色々加工できて楽しいです。

フチに色を塗る3ステップ
フチに色を塗る3ステップ

まとめ

複数レイヤーのイラストにふちどりすることができました。

2つの方法を使い分けて理想のフチを作りましょう。

ちとせ

ぜひ試してみてください!

この記事で紹介した方法以外にもよく使うふちどり機能があります。

別の記事で紹介していますので良かったらこちらもどうぞ。

ちとせ

当サイトはアフィリエイト広告を利用しています。

目次