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

クリスタのデコレーションを「まっすぐ等間隔に」配置する

デコレーションをまっすぐ等間隔に配置する
ちとせ

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

わたしは背景などにデコレーションを利用しています。

デコレーションをまっすぐ等間隔に配置したいときは、Shiftキーとグリッド表示を使います。

ちとせ

ペンだけでまっすぐ配置するのは難しいです。

例えばこの記事のタイトルのイラストの背景は、「本」のデコレーションを使いました。

本のデコレーションをまっすぐ等間隔に配置して本棚に見立てている
記事タイトルイラストの背景の工夫
ちとせ

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

この記事を読むとデコレーションをまっすぐ等間隔に配置できるようになります。

この記事を読んでできるようになる作業の例
この記事を読んでできるようになる作業の例

わたしは毎日クリスタで絵を描いています。
デコレーションを使うときのちょっとしたコツを紹介します。

目次

事前準備

「本」のデコレーションがツールにない人は追加しましょう。

手動で簡単に追加できます。

「本」のデコレーションは2021年5月のクリスタのアップデートで追加されました。(Ver.1.10.10)

アップデートや初期インストールで自動的に追加されないツールです。

ちとせ

手順を説明していきますね。

余計なデコレーションを増やしたくない人は読み飛ばしてください。

STEP
ツールを追加する場所を選ぶ
デコレーションツールの人工風景を選択した
デコレーションツールの人工風景を選択した

画面左のツールバーで、デコレーションツールをクリックします。

サブツールボックスの「人工風景」をクリックします。

ちとせ

今回追加するデコレーションは「本」なので、わたしは「人工風景」のボックスに追加することにしました。

使いやすい場所を選択してください。

STEP
サブツールボックスのメニューを開く
サブツールボックスのメニューの場所
サブツールボックスのメニューの場所

サブツールボックス左上のメニューをクリックします。

ちとせ

小さくてかなり分かりにくいです。わたしは見つけるのに苦労しました…。

STEP
初期サブルールを追加を選ぶ
初期サブツールを追加の場所
初期サブツールを追加の場所

初期サブツールを追加をクリックします。

初期サブツールボックスが開きます。

初期サブツールボックス
初期サブツールボックス
ちとせ

下にスクロールして「デコレーション」を探してください。

STEP
デコレーションツールの「本」を選択
デコレーションツールの本を選択してOKをクリック
デコレーションツールの本を選択してOKをクリック

「デコレーション」の「背景」の中の「本」を選択します。

右上のOKをクリックします。

ちとせ

STEP1で選択したボックスの一番下に「本」が追加されます。

本が追加された
本が追加された
ちとせ

これで事前準備は終わりです。

デコレーションをまっすぐ等間隔に配置する手順

クリスタはShiftキーを押してペンを移動するとまっすぐな線が引けます。(少しコツがあります。)

デコレーションも線と同じようにShiftキーでまっすぐ引くことができます。

等間隔に配置するためには、グリッドを使います。

画面にグリッドを表示させて、グリッドに合わせてデコレーションを移動します。

ちとせ

手順とコツを説明していきますね。

デコレーションをまっすぐ描く手順

STEP
デコレーションを選ぶ
デコレーションツールの「本」を選ぶ
デコレーションツールの「本」を選ぶ

デコレーションツールの中の「本」を選びます。

「本」がどのボックスにもない!という人は「事前準備」の手順で「本」を追加してください。

「本」以外のデコレーションでも作業できます。

ちとせ

デコレーションツールは左のツールバーにあります。

STEP
色とブラシサイズを選ぶ
カラーパレットで色を選ぶ
カラーパレットで色を選ぶ

画面左下のカラーパレットで色を選びます。

今回選んだ色は黒です。

描画色によってデコレーションの印象が変わります。

描画色による違い
描画色による違い
ちとせ

線を引くたび本の並びがランダムになるのが面白いですね。

ブラシサイズを決めます。

今回は80にしました。

ブラシサイズ調整ボックス
ブラシサイズ調整ボックス
ちとせ

ブラシサイズの調整ボックスは画面左下にあります。

STEP
始点にペンを移動してShiftキーを押す

始点にする場所にペンを移動します。

始点をペンでタップしてからShiftキーを押します。

始点にペンを移動してShiftキーを押すとカーソルの形が変わる
Shiftキーを押すとカーソルの形が変わる

今回は始点をキャンバスの外にしました。

キャンバスのはしまで本を並べたかったからです。

ちとせ

キャンバスからはみ出たデコレーションはキャンバスのはしで切れます。

STEP
Shiftキーを押しながらペンを移動する

Shiftキーを押しながら、ペンを浮かせて終点まで移動します。

ペンがタブレットに触れているとShiftキーが効きません。

ペンを浮かせて終点まで移動する。ポインタ間の直線がまっすぐになるようにする。
ペンを移動するときのコツ
ちとせ

わたしは何度も失敗しました…。

STEP
終点をペンでタップする
まっすぐなデコレーションが表示される
まっすぐなデコレーションが表示される
ちとせ

STEP3~5を繰り返して本を3列にします。

本のデコレーションを3列にした
本のデコレーションを3列にした
ちとせ

次はデコレーションを等間隔に配置します。

デコレーションを等間隔に配置する手順

STEP
グリッドを表示する
表示メニューのグリッドを選択
表示メニューのグリッドを選択
ちとせ

表示メニューは画面上のメニューバーにあります。

キャンバス全体にグリッド線が表示される
キャンバス全体にグリッド線が表示される
STEP
デコレーションを選択ツールで選択する

今回は長方形選択を使います。

選択ツールを選ぶ
選択ツールを選ぶ
ちとせ

選択ツールは画面左のツールバーにあります。

デコレーションを1列選択します。

選択範囲の下にメニューが表示されます。

「拡大・縮小・回転」をクリックします。

デコレーションを選択して拡大縮小回転メニューをクリック
デコレーションを選択して拡大縮小回転メニューをクリック
ちとせ

一番上の列から移動していきます。

STEP
デコレーションをグリッドにあわせて配置する
グリッド線にあわせてデコレーションを移動し確定をクリック
グリッド線にあわせてデコレーションを移動し確定をクリック

グリッド線をガイドにしてデコレーションを移動します。

移動したら選択を解除します。

移動が終わったら選択を解除をクリック
移動が終わったら選択を解除をクリック

選択を解除せずに選択範囲を移動して使いまわすこともできます。

今回は選択範囲を使いまわさず、列ごとにSTEP2と3を繰り返します。

今回はキャンバスのはしまでデコレーションを描いているからです。

ちとせ

選択範囲を使いまわしてキャンバスのはしに合わせながら作業するよりも、新しく選択範囲を作った方が簡単です。

STEP
配置が終わったらグリッドを消す
グリッドをガイドにしてデコレーションを等間隔に配置することができた
デコレーションを等間隔に配置できた

グリッドのおかげでデコレーションを綺麗に配置できました。

作業が終わったらグリッドを消します。

消し方はSTEP1と同じ作業です。

画面上の表示メニューの中の「グリッド」をクリックします。

ちとせ

デコレーションを等間隔に配置することができました!

ちとせ

これでデコレーションをまっすぐ等間隔に配置する手順は終わりです。

おまけ-背景のレイヤー構成

この記事のタイトルイラストの、背景のレイヤー構成を紹介します。

背景のレイヤー構成
背景のレイヤー構成

ポイントは、

  1. 「壁床」と「本棚」と「本」のレイヤーを分けている
  2. 本棚と本にはスクリーンで色を着けている

ことです。

ちとせ

本棚はグリッドを表示させて直線を組み合わせて描きました。

レイヤー構成のうちわけ

複数のレイヤーを組み合わせて背景にしている。着色は下のレイヤーでクリッピングしたスクリーン80%のレイヤー
複数のレイヤーを組み合わせて背景にしている

レイヤー構成は大きく3つに分かれます。

壁床のレイヤーと本棚のレイヤー、本のレイヤーです。

ちとせ

この記事の手順で本のレイヤーができます。

着色のレイヤーの設定

着色用のレイヤーの設定
着色用のレイヤーの設定

着色は、本棚と本のレイヤーそれぞれの上に着色用のレイヤーを作りました。

使った設定は、「下のレイヤーでクリッピング」「合成モードの変更」「不透明度の変更」です。

ちとせ

イラスト全体の雰囲気を見ながら合成モードと不透明度を決めました。

ちとせ

参考になったら嬉しいです。

まとめ

クリスタの機能を組み合わせて、デコレーションをまっすぐ等間隔に配置できました。

クリスタには便利なデコレーションがたくさんあります。

ちとせ

ぜひ使ってみてください!

ちとせ

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

目次