クリスタのデコレーションを「まっすぐ等間隔に」配置する
![デコレーションをまっすぐ等間隔に配置する](https://nonkatsu.com/wp-content/uploads/2024/02/decoration-straight-and-evenly.webp)
デコレーションをまっすぐ等間隔に配置したいときは、
Shiftキーとグリッド表示が便利です。
![デコレーションをまっすぐ等間隔に配置する方法](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly1.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
まっすぐ等間隔に描けてる!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
フリーハンドだと難しいのよね。
この記事のタイトルイラストの背景も、「本」のデコレーションをまっすぐ等間隔に配置しました。
![デコレーションを背景に使った](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly2.webp)
![デコレーションを背景に使った](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly2.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
クリスタをどう使ったのか書いていきますね。
デコレーションをまっすぐ描く方法
クリスタはShiftキーを押しながらペンを使うとまっすぐ線が描けます。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
デコレーションもまっすぐ描けるのでよく使います。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
Shiftキーを押してもまっすぐ描けない…。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
少しコツがあるよ。詳しく説明するね。
デコレーションをまっすぐ描く手順
デコレーションツールを選んだ状態で作業します。
今回は「本」のデコレーションを使いました。
![デコレーションの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly19.webp)
![デコレーションの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly19.webp)
まず、線を描き始める場所(始点)にペンを移動します。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
始点はキャンバスの外がおすすめです。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
なんで?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次の手順で始点をタップするからだよ。始点がキャンバス上だと、タップで描画してしまったとき修正がメンドクサイの。
始点を一度タップしてからShiftキーを押します。
![始点をタップしてShiftキーを押す](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly3.webp)
![始点をタップしてShiftキーを押す](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly3.webp)
次に、ペンを浮かせたまま(Shiftキーも押したまま)、終点まで移動します。
ペンがタブレットに触れると終点が決まってしまうので、
ペンを浮かせたまま終点まで移動しましょう。
このとき、カーソルからのびた線がまっすぐになるように気を付けます。
![ペンを浮かせたまま終点まで移動する](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly4.webp)
![ペンを浮かせたまま終点まで移動する](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly4.webp)
最後に、終点をタップしたら完成です。
![終点をタップする](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly5.webp)
![終点をタップする](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly5.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
まっすぐ描けた!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次はデコレーションを等間隔に配置してみよう。
デコレーションを等間隔に配置する方法
デコレーションを等間隔に配置するために、「グリッド」を使います。
「グリッド」は画面上の「表示」メニューの中にあります。
![グリッドの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly6.webp)
![グリッドの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
グリッドってなに?
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
ガイド線のこと。
グリッドを有効化すると、キャンバス全体にグリッド線が表示されます。
![グリッド線を表示した例](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly7.webp)
![グリッド線を表示した例](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly7.webp)
グリッド線にあわせてデコレーションを配置します。
デコレーションを等間隔に配置する手順
まず、レイヤー移動ツールでレイヤーごとデコレーションを移動します。
レイヤー移動ツールはツールパレットの中にあります。
![レイヤー移動ツールの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly8.webp)
![レイヤー移動ツールの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly8.webp)
グリッド線にあわせてデコレーションを配置します。
![グリッド線にあわせてデコレーションを配置した](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly9.webp)
![グリッド線にあわせてデコレーションを配置した](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
次は、中段と下段のデコレーションを用意します。
中段と下段の模様が上段と同じで良い場合
上段のレイヤーをコピーします。
違う模様が良い場合
上段と同じ手順で2回デコレーションを描画します。
レイヤーをコピーして等間隔に配置する
中段と下段のデコレーションの模様が上段と同じで良い場合は、
上段のデコレーションを描いたレイヤーをコピーします。
上段のレイヤーをドラッグして新規ラスターレイヤーのアイコンにドロップします。
![ドラッグ&ドロップ](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly10.webp)
![ドラッグ&ドロップ](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly10.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
簡単にコピーできた!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
2回コピーして、中段と下段のデコレーションを用意したよ。
![2回コピーした](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly11.webp)
![2回コピーした](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly11.webp)
レイヤー移動ツールを使って、レイヤーごとデコレーションを移動します。
![レイヤー移動ツールで移動](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly12.webp)
![レイヤー移動ツールで移動](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly12.webp)
グリッドを目安に、等間隔になるように配置します。
![グリッド線を目安に中段と下段の位置を決めた](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly13.webp)
![グリッド線を目安に中段と下段の位置を決めた](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly13.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
上段から5マス間隔で配置しました。
描画を追加して等間隔に配置する
上段と違う模様のグラデーションを使いたい場合は、レイヤーと描画を追加します。
まず、新規ラスターレイヤーを追加します。
①上段のレイヤーを選択して、
②新規ラスターレイヤーを追加をクリック。
![新規ラスターレイヤーを追加](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly14.webp)
![新規ラスターレイヤーを追加](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly14.webp)
上段と同じ手順でデコレーションを描きます。
始点を決めてタップしたらShiftキーを押して、
ペンを浮かせたまま終点まで移動してタップします。
中段のデコレーションが描けたら、
下段のデコレーションも中段と同じ手順で描きます。
新規ラスターレイヤーを追加してからデコレーションを使います。
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
描き終わると、レイヤーが3つできます。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly15.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly15.webp)
中段と下段のデコレーションを、レイヤーごと移動します。
グリッドを目安に、等間隔になるように配置します。
![グリッド線を目安に配置](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly16.webp)
![グリッド線を目安に配置](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly16.webp)
配置が終わったらグリッドを消します。
![グリッドの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly6.webp)
![グリッドの場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly6.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
これでデコレーションをまっすぐ等間隔に配置する手順は終わりです。
デコレーションのレイヤーを1つにまとめたい場合
デコレーションのレイヤーを1つにまとめたい場合は、
下のレイヤーと結合します。
![下のレイヤーと結合の場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly17.webp)
![下のレイヤーと結合の場所](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly17.webp)
![下のレイヤーと結合した](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly18.webp)
![下のレイヤーと結合した](https://nonkatsu.com/wp-content/uploads/2024/02/img_decoration-straight-and-evenly18.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
簡単に結合できた!
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/chitose2402.webp)
よく使う機能だよ。
これでデコレーションをまっすぐ等間隔に配置する手順は終わりです。
ではまた!