【Canvaの便利機能】見栄えが良いデザインの第一歩!「揃える」を極めよう!配置とガイドを分かりやすく解説

Kagesapoちゃんねる
29 Jun 202310:41

Summary

TLDRこの動画では、キャンバを使った美しいデザインと効率的なデザインの鍵となる配置や整列ガイド枠の設定方法を詳しく紹介します。基本的な整列方法、テキストや素材の整列に関する注意点、キャンバの便利機能について解説します。複数の素材を同時に選択し、サイズや位置を揃える方法や、定規とガイド機能の活用方法についても紹介します。これらを駆使して、計算された美しいデザインを作り、デザインの効率化とデザイン力をアップさせましょう。

Takeaways

  • 🎨 キャンバス上で美しくデザインするためには、配置と整列ガイド枠を徹底的に設定することが肝要です。
  • 📐 基本的な整列方法として、素材を選択して配置をクリックし、上揃え、中央揃え、下揃えなどのオプションを使って整列します。
  • 🔄 素材を散らばった状態から上下中央に揃える場合は、左側の中央揃えを利用すると便利です。
  • 📏 素材の左側や右側に揃える場合にも、それぞれ左揃え、右揃えのオプションが利用できます。
  • 🧩 素材を中央に揃えるだけでなく、左右の中央にも揃えることができます。
  • ⚖️ 均等配置の機能を使って、素材を上下または左右に均等に配置することができます。
  • 📏 定規とガイド機能を使うと、複数素材のサイズ変更や位置合わせを効率的に行うことができます。
  • 🔄 素材の角度をまとめて変更する方法も紹介されており、指定した角度に傾けることも可能です。
  • ✍️ テキストの配置方法では、左揃え、中央揃え、右揃え、両端揃えなどがあり、テキストの表示感に応じて使い分けます。
  • 📐 ガイドを設定してテキストや素材を均等に並べる方法も紹介されており、デザインの見栄えを良くすることができます。
  • 🖌️ デザインの効率化とデザイン力の向上のために、配置機能やガイドをうまく活用することが重要です。

Q & A

  • キャンバス上でデザインを効率的に整えるために重要な要素は何ですか?

    -デザインを効率的に整えるために重要な要素は、配置や整列ガイド枠の設定方法です。

  • 基本的な整列方法として、どのように素材を上揃えに整列させるか説明してください。

    -素材を上揃えに整列させるには、対象の素材を全て選択した後、配置をクリックして上揃えをクリックします。一番上にある素材の位置に合わせて整列します。

  • キャンバスの中央ではなく、どこを基準に整列させることができますか?

    -キャンバスの中央ではなく、一番上または一番下にある素材の位置を基準に整列することができます。

  • テキストを整列する際には、どのような注意点がありますか?

    -テキストを整列する際には、素材の配置とテキストの配置の2つのチェックポイントに注意する必要があります。

  • ガイド機能を使ってデザインを整えるとき、どのような利点がありますか?

    -ガイド機能を使ってデザインを整えると、素材同士を均等に配置したり、テキストを正確に整列することができるため、デザインの精度が上がります。

  • 素材を複数選択し、サイズ変更を行う際にはどのような操作が必要ですか?

    -素材を複数選択し、サイズ変更を行うには、対象の素材をまとめてドラッグして選択し、比率を固定して幅や高さを指定してサイズ変更を行います。

  • テキストの両端揃えを使用する際には、どのような効果がありますか?

    -テキストの両端揃えを使用すると、行の左右の両端に文字を揃えて、見栄え良く整列することができます。

  • ガイドを追加する際には、どのようなステップが必要ですか?

    -ガイドを追加するには、ファイルをクリックし、ページ表示から設定をクリックし、ガイドを追加するを選択します。

  • デザインに合わせてガイドを調整する際には、どのように操作すれば良いですか?

    -デザインに合わせてガイドを調整する際には、カスタムを選択して希望する数とギャップ、余白を設定し、ガイドを追加するをクリックします。

  • デザインを完成させるために、ガイドを非表示にする方法は何ですか?

    -デザインを完成させた後、ガイドを非表示にするには、ファイルをクリックし、ページ表示から設定をクリックし、ガイドをクリアするをクリックします。

Outlines

00:00

🎨 キャンバスデザインの基本整列方法

この段落では、キャンバス上でデザインを美しく効率よく作成するための基本的な整列方法が紹介されています。まず、対象の素材を選択し、上揃えや中央揃えなどの基本的な整列操作を行います。また、素材のサイズ変更や位置移動、角度調整についても説明されています。テキストの整列にも触れており、テキストボックスの左端や中央、右端を基準に整列する方法や、両端揃えを使った複数行テキストの整列についても解説されています。

05:03

📐 ガイド機能を活用したデザインの精度向上

第二段落では、ガイド機能を利用してデザインの精度を向上させる方法が説明されています。ガイドを表示し、デザイン要素を均等に配置する方法について学びます。また、背景と素材のズレを解消するために、ガイドを設定して配置するテクニックも紹介されています。テキストの配置に関しても、ガイドを使って均等に配置する方法が説明されていますが、テキストの中央揃えと水平揃えの違いについても注意喚起されています。

10:05

🛠 デザイン効率化のための配置とガイドの活用

最後の段落では、デザインの効率化とデザイン力の向上を目的として、配置機能とガイドの活用方法が紹介されています。ガイドを追加し、素材を同じラインに配置する方法や、不要なガイドを消去するテクニックについても説明されています。また、素材の検索、配置、サイズ変更、カラー変更、角度調整など、デザイン作成における様々な操作についても詳しく解説されています。

Mindmap

Keywords

💡整列

整列は、複数の素材やテキストを揃えることを指します。ビデオの中では、素材の上部、中央、下部、左右、垂直、水平など様々な整列方法が紹介されており、それぞれの素材の位置を統一するための重要なプロセスとして説明されています。

💡配置

配置は、選択した素材やテキストを特定の位置に配置することを指します。ビデオでは、素材の配置の方法として、上揃え、下揃え、左揃え、右揃えなどが説明されており、デザインの見栄えを整えるために欠かせないステップです。

💡ガイド

ガイドは、デザインを整えるために使用される目安線です。ビデオでは、キャンバスに定規やカスタムガイドを追加して素材の配置を正確に行う方法が紹介されています。ガイドを使うことで、均等な配置やサイズ変更が簡単になります。

💡定規

定規は、キャンバス上に表示される計測ツールで、素材の位置やサイズを正確に測るために使用されます。ビデオでは、定規を表示する方法とその利用方法が詳しく説明されており、デザインの正確さを高めるための重要なツールです。

💡中央揃え

中央揃えは、選択した素材やテキストを上下または左右の中央に揃える方法です。ビデオでは、素材をキャンバスの中央ではなく、選択した素材の中央に揃える方法が説明されています。

💡均等配置

均等配置は、素材やテキストを均等な間隔で配置することを指します。ビデオでは、左右や上下に均等に配置する方法が紹介されており、特に複数の素材を均等に配置する際に便利な機能として説明されています。

💡テキスト配置

テキスト配置は、テキストボックスの左揃え、右揃え、中央揃え、両端揃えなどを設定することを指します。ビデオでは、テキスト配置の方法と注意点が詳しく説明されており、特に長い文章を複数のテキストブロックに分けて配置する場合に役立つ情報が提供されています。

💡サイズ変更

サイズ変更は、選択した素材やテキストの大きさを変更することを指します。ビデオでは、複数の素材を同時にサイズ変更する方法や、幅と高さを指定して感覚的ではなく計算されたサイズ変更を行う方法が紹介されています。

💡回転

回転は、選択した素材やテキストの角度を変更することを指します。ビデオでは、回転機能を使って素材の角度を指定する方法が説明されており、デザインに動きや変化を加える際に使用されます。

💡キャプション

キャプションは、素材に対する説明やコメントをテキストで追加することを指します。ビデオでは、素材のキャプションとしてテキストを追加し、編集する方法が紹介されており、デザインの説明を補完するための重要な要素として説明されています。

Highlights

キャンバで美しくデザインするのと、効率よくデザインする鍵は徹底的に揃えること

配置や整列ガイド枠の設定方法を紹介

基本的な整列方法とテキストや素材を整列させる場合の注意点を紹介

キャンバスの便利機能を紹介

素材を全て選択して配置をクリックして上揃えをクリックで整列

散らばった素材を上下中央に揃える場合は左側の中央揃えをクリック

一番下にある素材の位置に整列させる場合は下揃えをクリック

素材の左側に揃える場合は左揃えをクリック

右揃えをクリックで一番右にある素材の位置に合わせて整列

左右の中央に揃える場合は右側の中央揃えをクリック

上下均等に整列させる場合は均等配置の左側の垂直にをクリック

左右均等に揃える場合は右側の水平にをクリック

均等配置の整列するをクリックで一気に整列させることが可能

定規とガイド機能を紹介し、キャンバスのサイズに合わせた定規が表示される方法

複数素材を同時にサイズ変更する方法と比率固定の重要性

複数素材をまとめて指定の位置へ移動させる方法を解説

複数素材の角度をまとめて変更する方法

テキストの配置方法と注意点、左揃え、中央揃え、右揃え、両端揃えの違い

等間隔のガイドを設定する方法とデザインへの適用

ガイドを追加し、素材をきれいに整える方法

テキストの配置がずれる原因と解決策

配置の機能やガイドをうまく使うことでデザインの効率化とデザイン力をアップさせる

Transcripts

play00:01

キャンバで美しくデザインするのと

play00:03

効率よくデザインする鍵は

play00:05

徹底的に揃えること配置や整列ガイド枠の

play00:09

設定方法を

play00:10

詳しくわかりやすく紹介しますこの動画で

play00:13

は基本的な整列方法とテキストや素材を

play00:16

整列させる場合の注意点

play00:19

キャンバの便利機能を紹介します

play00:21

それでは早速始めましょうまずは基本的な

play00:25

整列の方法です対象の素材を全て選択し

play00:28

たら配置をクリック

play00:32

素材の上部を指定に揃える場合は上揃えを

play00:35

クリック一番上にある素材の位置に合わせ

play00:37

て整列しました

play00:40

散らばった素材を上下中央に揃える場合は

play00:42

左側の中央揃えをクリック上下の中央に

play00:46

整列しましたポイントとしては

play00:48

キャンバスの中央ではなく一番上にある

play00:51

素材と一番下にある素材の中央の位置に

play00:54

整列するということです次は一番下にある

play00:58

素材の位置に整列させます

play01:00

舌揃えをクリック一番下にある素材の位置

play01:03

に合わせて整列しました次は素材の左側に

play01:07

揃えてみましょう左揃えをクリック

play01:10

一番左にある素材の位置に合わせて整列し

play01:13

ました次は右に揃えます右揃えをクリック

play01:18

一番右にある素材の位置に合わせて整列し

play01:21

ました

play01:23

続いて左右の中央に揃えます右側の

play01:26

中央揃えをクリック左右の中央に整列し

play01:30

ましたこの場合もキャンバスの中央では

play01:33

なく配置した素材の中央に整列します左右

play01:36

中央に整列した素材を上下の配置が均等に

play01:39

なるように揃えてみます

play01:41

均等配置の左側の垂直にをクリックします

play01:44

上下均等に整列しました次は左右均等に

play01:48

揃えてみましょう右側の水平にをクリック

play01:51

します横の並び幅が均等になりました

play01:55

上下中央左右均等は一気に揃えることも

play01:58

できます

play01:59

均等配置の整列するをクリックしましょう

play02:01

先ほどは2段階で揃えた整列を一気に整列

play02:05

させることができましたこの2つの作業を

play02:08

一緒に行った状態です続いてあると便利な

play02:12

定規とガイド機能を紹介します左上にある

play02:15

ファイルをクリックページ表示を設定を

play02:18

クリック

play02:19

定規とガイドを表示をクリック

play02:23

キャンバスのサイズに合わせた

play02:24

定規が表示されましたこの利用方法は

play02:27

後ほど順番に紹介していきますね配置では

play02:30

複数素材を同時にサイズ変更することが

play02:32

できますまずは対象の素材をまとめて

play02:35

ドラッグして選択します

play02:37

比率は固定されていますので

play02:39

幅が高さを指定しましょうここで指定する

play02:41

と感覚的なサイズ変更ではなく

play02:44

計算した上でのサイズ変更ができますよ

play02:46

指定した大きさにまとめてサイズアップ

play02:49

できました次は

play02:51

複数素材をまとめて指定の位置へ移動さ

play02:54

せる方法です

play02:55

素材を選択したら

play02:57

縦の位置を揃える場合はxの値を入力し

play02:59

ます指定した位置に移動が完了しました

play03:03

Xの位置は先ほど追加した定規の横の

play03:06

メモリを見るとわかります

play03:07

ちなみにソロを目安は素材の左端です横の

play03:11

位置を揃える場合は

play03:12

yの値を入力しましょう

play03:15

指定した位置に移動できました高さの目安

play03:18

は先ほど追加した定規の縦の目盛りが目安

play03:21

となります

play03:22

揃う目安は素材の上部です

play03:25

続いて

play03:26

複数素材の角度をまとめて変更する方法

play03:28

です

play03:29

素材を選択したら回転に角度の値を入力し

play03:33

ましょう

play03:35

指定した角度に傾けられました

play03:39

続いてテキストの配置方法を見ていき

play03:41

ましょう同じ文言を入れたテキスト

play03:44

ブロックをバラバラに配置しました対象を

play03:46

すべて選択したら配置をクリックして

play03:48

左揃えにしてみます

play03:51

どうでしょう

play03:53

揃えたはずがずれていますこれはなぜかを

play03:55

解説していきますテキストを揃える時は2

play03:58

つチェックポイントがあります1つ目は

play04:01

先ほど操作した素材の配置2つ目は

play04:04

テキストの配置がありますもう一つ例を

play04:07

用意しました全て同じ文章ですテキストの

play04:10

配置について解説します左揃えはテキスト

play04:14

ボックスの左端に揃う配置ですテキストの

play04:17

右側を見てみると一番右側にある文字の

play04:20

位置はバラバラですよね中央揃えの場合は

play04:23

テキストボックスの真ん中が支点になり

play04:25

ます一番左側の文字と一番右側の文字の

play04:29

位置はバラバラですよね右揃えにすると

play04:31

テキストボックスの右側が支点となり右側

play04:35

に整列していますが左側は文字の位置が

play04:37

バラバラになりました両端揃えは行の左右

play04:41

の両端に文字を揃えていますテキストの端

play04:44

が揃っていますね一つのキャンバスに長い

play04:47

文章をいくつもブロックに分けて入れる

play04:49

場合は両端揃えにすると見栄えがとなり

play04:52

ます両端揃えは複数行がある場合に利用

play04:55

できますこれがテキストの配置です

play04:59

さてこれらを含めてテキストを揃える時は

play05:02

2つの配置をチェックする必要があります

play05:04

ということは今回はどうなるかというと

play05:08

素材の配置は揃えたもののテキストの配置

play05:10

が揃っていませんでしたまとめて選択して

play05:13

テキストの配置を合わせましょう続いては

play05:17

等間隔のガイドを設定する方法です

play05:20

キャンバスには背景と4匹の犬の素材を

play05:23

適当に配置しましたこれをきれいに整えて

play05:25

デザインしてみたいと思います左上の

play05:28

ファイルをクリックメニューからページ

play05:30

表示を設定をクリックガイドを追加するを

play05:34

クリック

play05:34

うっすらと紫色のガイドが表示されたのが

play05:37

分かりますか初期設定で12列のガイドが

play05:41

適用されていますこのガイドを

play05:43

カスタマイズしますカスタムをクリック別

play05:46

の数を入力しましょう今回は4匹いるワン

play05:49

ちゃんを

play05:50

均等に配置したいので4と入力します

play05:53

ギャップは列の隙間の幅のことです

play05:56

文字量の多いテキストを入れる場合などは

play05:59

ギャップを設定しておくと見やすい

play06:00

仕上がりになりますよ

play06:03

余白は外枠の幅のことです

play06:06

今日も同じように設定しましょう

play06:11

ガイドを追加するをクリックします設定し

play06:14

たガイドがキャンバスに表示されました

play06:16

ここまで紹介してきた配置の方法も復習し

play06:20

ていきます

play06:21

配置の第1ステップは該当する素材を全て

play06:25

選択します配置をクリック

play06:28

真ん中に揃えてみます中央揃えをクリック

play06:30

見てみると真ん中で揃ったようでそれぞれ

play06:34

の素材を見てみると上下の余白が均等では

play06:37

ないことがあります

play06:39

複数同時に選択したので

play06:41

キャンバスの中央に配置されたわけでは

play06:43

ないということを除いてもズレが起こって

play06:45

いますこの理由としては

play06:48

素材の中身ではなく

play06:49

素材枠で認識されているということです

play06:51

今回の場合ワンちゃんが素材

play06:55

紫色の枠が素材枠ですでは

play06:58

犬の足が茶色の板の上にくるように揃えて

play07:01

みますまずは素材の位置を一つ決めます

play07:04

全ての素材を選択して

play07:07

配置をクリック

play07:10

下揃いをクリックしましょう

play07:13

犬の足の位置で揃えたいと思ったのですが

play07:15

揃いませんでした

play07:18

これは

play07:19

背景を透過した素材で起こりがちなズレな

play07:21

んです写真を透過したりトリミングした

play07:24

場合に起こりやすい現象ですトリミングし

play07:27

た余白の上下や左右の長さが違う場合に

play07:30

ずれやすくなりますので覚えておき

play07:32

ましょうこれだとワンちゃんたちの座って

play07:34

いる位置がバラバラでしっくりくる

play07:36

デザインではありません足元で揃えて

play07:39

みようと思いますこの解決方法は

play07:42

素材のトリミングを丁寧にするかガイドを

play07:45

設定して目安に合わせて配置しましょう

play07:47

こうなるとアナログ作業ですが配置の機能

play07:50

だけでは揃えられないこともあるんです

play07:52

今回は

play07:54

茶色の板の上に合わせましたがこういった

play07:56

目安がなくてもガイドがあれば同じように

play07:59

揃えることができます

play08:01

追加したガイドはクリックして選択して

play08:03

キャンバス外にドラッグすれば消えます

play08:07

テキストを追加しますテキストをクリック

play08:10

しましょう

play08:11

お好みのテキストスタイルを選択して

play08:14

素材のキャプションとしてテキストを編集

play08:16

しましょう

play08:18

検証キャプションとして入れますテキスト

play08:20

をコピーしてテキストの文字を編集します

play08:22

次はテキストを均等揃いにしてみましょう

play08:25

テキストの配置が中央揃えになっている

play08:28

ことを確認したら両端のテキストの位置を

play08:31

決めますすべてのテキストを選択して

play08:36

配置をクリック

play08:39

水平にをクリックしましょう

play08:42

これもまたイメージと違いました

play08:45

犬の下に文字を入れたかったのですがずれ

play08:48

てしまいましたさあこれはどういうことか

play08:50

というとテキストの均等揃えは文字の中心

play08:54

が支点になるのではなくテキストと

play08:56

テキストの間が均等になるということです

play08:59

テキスト自体が均等に配置されるわけでは

play09:02

ないんです

play09:04

このような場合は

play09:06

幅の位置は手動で微調整しましょう上下の

play09:09

位置は中央揃えで揃えれば水平に揃います

play09:14

見出しをつけましょう

play09:15

テキストを編集しますテキストを入力して

play09:19

配置をクリック

play09:20

中央揃えをクリックしましょう左右に配置

play09:24

できました配置がうまくできたら不要な

play09:27

ガイドは非表示にしましょうファイルを

play09:29

クリック

play09:31

ページ表示を設定をクリック

play09:34

ガイドをクリアするをクリック

play09:37

ガイドが全てリセットされました

play09:40

ここにもう少し素材を加えます

play09:43

素材をクリック

play09:44

検索窓にキーワードを入力して

play09:47

グラフィックから選択します

play09:50

大まかに位置とサイズを決めて

play09:52

カラーも変更します

play09:55

今回は感覚的に角度を変更します

play09:58

素材をコピー&ペーストして

play10:00

反対側に配置こちらも角度を調整します

play10:05

先ほど配置した見出しの延長線上に配置し

play10:07

たいと思います

play10:09

離れた位置でもガイドがあれば同じライン

play10:11

に配置することができます

play10:14

定規の部分から

play10:15

キャンバスへドラッグしてガイドを追加し

play10:17

ましょう

play10:17

ガイドを目安に素材を配置します

play10:22

不要なガイドはキャンバス外へドラッグ

play10:24

すれば簡単に非表示にできます

play10:27

完成です

play10:29

配置の機能やガイドを使うと

play10:31

計算された美しいデザインが作れるように

play10:33

なります必要に応じて配置やガイドを

play10:37

うまく使ってデザインの効率化とデザイン

play10:39

力をアップさせましょう

Rate This

5.0 / 5 (0 votes)

Related Tags
キャンバデザイン整列ガイド効率化美しいデザインテキスト整列素材配置デザインヒントクリエイティブ
Do you need a summary in English?