【Canvaの便利機能】見栄えが良いデザインの第一歩!「揃える」を極めよう!配置とガイドを分かりやすく解説
Summary
TLDRこの動画では、キャンバを使った美しいデザインと効率的なデザインの鍵となる配置や整列ガイド枠の設定方法を詳しく紹介します。基本的な整列方法、テキストや素材の整列に関する注意点、キャンバの便利機能について解説します。複数の素材を同時に選択し、サイズや位置を揃える方法や、定規とガイド機能の活用方法についても紹介します。これらを駆使して、計算された美しいデザインを作り、デザインの効率化とデザイン力をアップさせましょう。
Takeaways
- 🎨 キャンバス上で美しくデザインするためには、配置と整列ガイド枠を徹底的に設定することが肝要です。
- 📐 基本的な整列方法として、素材を選択して配置をクリックし、上揃え、中央揃え、下揃えなどのオプションを使って整列します。
- 🔄 素材を散らばった状態から上下中央に揃える場合は、左側の中央揃えを利用すると便利です。
- 📏 素材の左側や右側に揃える場合にも、それぞれ左揃え、右揃えのオプションが利用できます。
- 🧩 素材を中央に揃えるだけでなく、左右の中央にも揃えることができます。
- ⚖️ 均等配置の機能を使って、素材を上下または左右に均等に配置することができます。
- 📏 定規とガイド機能を使うと、複数素材のサイズ変更や位置合わせを効率的に行うことができます。
- 🔄 素材の角度をまとめて変更する方法も紹介されており、指定した角度に傾けることも可能です。
- ✍️ テキストの配置方法では、左揃え、中央揃え、右揃え、両端揃えなどがあり、テキストの表示感に応じて使い分けます。
- 📐 ガイドを設定してテキストや素材を均等に並べる方法も紹介されており、デザインの見栄えを良くすることができます。
- 🖌️ デザインの効率化とデザイン力の向上のために、配置機能やガイドをうまく活用することが重要です。
Q & A
キャンバス上でデザインを効率的に整えるために重要な要素は何ですか?
-デザインを効率的に整えるために重要な要素は、配置や整列ガイド枠の設定方法です。
基本的な整列方法として、どのように素材を上揃えに整列させるか説明してください。
-素材を上揃えに整列させるには、対象の素材を全て選択した後、配置をクリックして上揃えをクリックします。一番上にある素材の位置に合わせて整列します。
キャンバスの中央ではなく、どこを基準に整列させることができますか?
-キャンバスの中央ではなく、一番上または一番下にある素材の位置を基準に整列することができます。
テキストを整列する際には、どのような注意点がありますか?
-テキストを整列する際には、素材の配置とテキストの配置の2つのチェックポイントに注意する必要があります。
ガイド機能を使ってデザインを整えるとき、どのような利点がありますか?
-ガイド機能を使ってデザインを整えると、素材同士を均等に配置したり、テキストを正確に整列することができるため、デザインの精度が上がります。
素材を複数選択し、サイズ変更を行う際にはどのような操作が必要ですか?
-素材を複数選択し、サイズ変更を行うには、対象の素材をまとめてドラッグして選択し、比率を固定して幅や高さを指定してサイズ変更を行います。
テキストの両端揃えを使用する際には、どのような効果がありますか?
-テキストの両端揃えを使用すると、行の左右の両端に文字を揃えて、見栄え良く整列することができます。
ガイドを追加する際には、どのようなステップが必要ですか?
-ガイドを追加するには、ファイルをクリックし、ページ表示から設定をクリックし、ガイドを追加するを選択します。
デザインに合わせてガイドを調整する際には、どのように操作すれば良いですか?
-デザインに合わせてガイドを調整する際には、カスタムを選択して希望する数とギャップ、余白を設定し、ガイドを追加するをクリックします。
デザインを完成させるために、ガイドを非表示にする方法は何ですか?
-デザインを完成させた後、ガイドを非表示にするには、ファイルをクリックし、ページ表示から設定をクリックし、ガイドをクリアするをクリックします。
Outlines
🎨 キャンバスデザインの基本整列方法
この段落では、キャンバス上でデザインを美しく効率よく作成するための基本的な整列方法が紹介されています。まず、対象の素材を選択し、上揃えや中央揃えなどの基本的な整列操作を行います。また、素材のサイズ変更や位置移動、角度調整についても説明されています。テキストの整列にも触れており、テキストボックスの左端や中央、右端を基準に整列する方法や、両端揃えを使った複数行テキストの整列についても解説されています。
📐 ガイド機能を活用したデザインの精度向上
第二段落では、ガイド機能を利用してデザインの精度を向上させる方法が説明されています。ガイドを表示し、デザイン要素を均等に配置する方法について学びます。また、背景と素材のズレを解消するために、ガイドを設定して配置するテクニックも紹介されています。テキストの配置に関しても、ガイドを使って均等に配置する方法が説明されていますが、テキストの中央揃えと水平揃えの違いについても注意喚起されています。
🛠 デザイン効率化のための配置とガイドの活用
最後の段落では、デザインの効率化とデザイン力の向上を目的として、配置機能とガイドの活用方法が紹介されています。ガイドを追加し、素材を同じラインに配置する方法や、不要なガイドを消去するテクニックについても説明されています。また、素材の検索、配置、サイズ変更、カラー変更、角度調整など、デザイン作成における様々な操作についても詳しく解説されています。
Mindmap
Keywords
💡整列
💡配置
💡ガイド
💡定規
💡中央揃え
💡均等配置
💡テキスト配置
💡サイズ変更
💡回転
💡キャプション
Highlights
キャンバで美しくデザインするのと、効率よくデザインする鍵は徹底的に揃えること
配置や整列ガイド枠の設定方法を紹介
基本的な整列方法とテキストや素材を整列させる場合の注意点を紹介
キャンバスの便利機能を紹介
素材を全て選択して配置をクリックして上揃えをクリックで整列
散らばった素材を上下中央に揃える場合は左側の中央揃えをクリック
一番下にある素材の位置に整列させる場合は下揃えをクリック
素材の左側に揃える場合は左揃えをクリック
右揃えをクリックで一番右にある素材の位置に合わせて整列
左右の中央に揃える場合は右側の中央揃えをクリック
上下均等に整列させる場合は均等配置の左側の垂直にをクリック
左右均等に揃える場合は右側の水平にをクリック
均等配置の整列するをクリックで一気に整列させることが可能
定規とガイド機能を紹介し、キャンバスのサイズに合わせた定規が表示される方法
複数素材を同時にサイズ変更する方法と比率固定の重要性
複数素材をまとめて指定の位置へ移動させる方法を解説
複数素材の角度をまとめて変更する方法
テキストの配置方法と注意点、左揃え、中央揃え、右揃え、両端揃えの違い
等間隔のガイドを設定する方法とデザインへの適用
ガイドを追加し、素材をきれいに整える方法
テキストの配置がずれる原因と解決策
配置の機能やガイドをうまく使うことでデザインの効率化とデザイン力をアップさせる
Transcripts
キャンバで美しくデザインするのと
効率よくデザインする鍵は
徹底的に揃えること配置や整列ガイド枠の
設定方法を
詳しくわかりやすく紹介しますこの動画で
は基本的な整列方法とテキストや素材を
整列させる場合の注意点
キャンバの便利機能を紹介します
それでは早速始めましょうまずは基本的な
整列の方法です対象の素材を全て選択し
たら配置をクリック
素材の上部を指定に揃える場合は上揃えを
クリック一番上にある素材の位置に合わせ
て整列しました
散らばった素材を上下中央に揃える場合は
左側の中央揃えをクリック上下の中央に
整列しましたポイントとしては
キャンバスの中央ではなく一番上にある
素材と一番下にある素材の中央の位置に
整列するということです次は一番下にある
素材の位置に整列させます
舌揃えをクリック一番下にある素材の位置
に合わせて整列しました次は素材の左側に
揃えてみましょう左揃えをクリック
一番左にある素材の位置に合わせて整列し
ました次は右に揃えます右揃えをクリック
一番右にある素材の位置に合わせて整列し
ました
続いて左右の中央に揃えます右側の
中央揃えをクリック左右の中央に整列し
ましたこの場合もキャンバスの中央では
なく配置した素材の中央に整列します左右
中央に整列した素材を上下の配置が均等に
なるように揃えてみます
均等配置の左側の垂直にをクリックします
上下均等に整列しました次は左右均等に
揃えてみましょう右側の水平にをクリック
します横の並び幅が均等になりました
上下中央左右均等は一気に揃えることも
できます
均等配置の整列するをクリックしましょう
先ほどは2段階で揃えた整列を一気に整列
させることができましたこの2つの作業を
一緒に行った状態です続いてあると便利な
定規とガイド機能を紹介します左上にある
ファイルをクリックページ表示を設定を
クリック
定規とガイドを表示をクリック
キャンバスのサイズに合わせた
定規が表示されましたこの利用方法は
後ほど順番に紹介していきますね配置では
複数素材を同時にサイズ変更することが
できますまずは対象の素材をまとめて
ドラッグして選択します
比率は固定されていますので
幅が高さを指定しましょうここで指定する
と感覚的なサイズ変更ではなく
計算した上でのサイズ変更ができますよ
指定した大きさにまとめてサイズアップ
できました次は
複数素材をまとめて指定の位置へ移動さ
せる方法です
素材を選択したら
縦の位置を揃える場合はxの値を入力し
ます指定した位置に移動が完了しました
Xの位置は先ほど追加した定規の横の
メモリを見るとわかります
ちなみにソロを目安は素材の左端です横の
位置を揃える場合は
yの値を入力しましょう
指定した位置に移動できました高さの目安
は先ほど追加した定規の縦の目盛りが目安
となります
揃う目安は素材の上部です
続いて
複数素材の角度をまとめて変更する方法
です
素材を選択したら回転に角度の値を入力し
ましょう
指定した角度に傾けられました
続いてテキストの配置方法を見ていき
ましょう同じ文言を入れたテキスト
ブロックをバラバラに配置しました対象を
すべて選択したら配置をクリックして
左揃えにしてみます
どうでしょう
揃えたはずがずれていますこれはなぜかを
解説していきますテキストを揃える時は2
つチェックポイントがあります1つ目は
先ほど操作した素材の配置2つ目は
テキストの配置がありますもう一つ例を
用意しました全て同じ文章ですテキストの
配置について解説します左揃えはテキスト
ボックスの左端に揃う配置ですテキストの
右側を見てみると一番右側にある文字の
位置はバラバラですよね中央揃えの場合は
テキストボックスの真ん中が支点になり
ます一番左側の文字と一番右側の文字の
位置はバラバラですよね右揃えにすると
テキストボックスの右側が支点となり右側
に整列していますが左側は文字の位置が
バラバラになりました両端揃えは行の左右
の両端に文字を揃えていますテキストの端
が揃っていますね一つのキャンバスに長い
文章をいくつもブロックに分けて入れる
場合は両端揃えにすると見栄えがとなり
ます両端揃えは複数行がある場合に利用
できますこれがテキストの配置です
さてこれらを含めてテキストを揃える時は
2つの配置をチェックする必要があります
ということは今回はどうなるかというと
素材の配置は揃えたもののテキストの配置
が揃っていませんでしたまとめて選択して
テキストの配置を合わせましょう続いては
等間隔のガイドを設定する方法です
キャンバスには背景と4匹の犬の素材を
適当に配置しましたこれをきれいに整えて
デザインしてみたいと思います左上の
ファイルをクリックメニューからページ
表示を設定をクリックガイドを追加するを
クリック
うっすらと紫色のガイドが表示されたのが
分かりますか初期設定で12列のガイドが
適用されていますこのガイドを
カスタマイズしますカスタムをクリック別
の数を入力しましょう今回は4匹いるワン
ちゃんを
均等に配置したいので4と入力します
ギャップは列の隙間の幅のことです
文字量の多いテキストを入れる場合などは
ギャップを設定しておくと見やすい
仕上がりになりますよ
余白は外枠の幅のことです
今日も同じように設定しましょう
ガイドを追加するをクリックします設定し
たガイドがキャンバスに表示されました
ここまで紹介してきた配置の方法も復習し
ていきます
配置の第1ステップは該当する素材を全て
選択します配置をクリック
真ん中に揃えてみます中央揃えをクリック
見てみると真ん中で揃ったようでそれぞれ
の素材を見てみると上下の余白が均等では
ないことがあります
複数同時に選択したので
キャンバスの中央に配置されたわけでは
ないということを除いてもズレが起こって
いますこの理由としては
素材の中身ではなく
素材枠で認識されているということです
今回の場合ワンちゃんが素材
紫色の枠が素材枠ですでは
犬の足が茶色の板の上にくるように揃えて
みますまずは素材の位置を一つ決めます
全ての素材を選択して
配置をクリック
下揃いをクリックしましょう
犬の足の位置で揃えたいと思ったのですが
揃いませんでした
これは
背景を透過した素材で起こりがちなズレな
んです写真を透過したりトリミングした
場合に起こりやすい現象ですトリミングし
た余白の上下や左右の長さが違う場合に
ずれやすくなりますので覚えておき
ましょうこれだとワンちゃんたちの座って
いる位置がバラバラでしっくりくる
デザインではありません足元で揃えて
みようと思いますこの解決方法は
素材のトリミングを丁寧にするかガイドを
設定して目安に合わせて配置しましょう
こうなるとアナログ作業ですが配置の機能
だけでは揃えられないこともあるんです
今回は
茶色の板の上に合わせましたがこういった
目安がなくてもガイドがあれば同じように
揃えることができます
追加したガイドはクリックして選択して
キャンバス外にドラッグすれば消えます
テキストを追加しますテキストをクリック
しましょう
お好みのテキストスタイルを選択して
素材のキャプションとしてテキストを編集
しましょう
検証キャプションとして入れますテキスト
をコピーしてテキストの文字を編集します
次はテキストを均等揃いにしてみましょう
テキストの配置が中央揃えになっている
ことを確認したら両端のテキストの位置を
決めますすべてのテキストを選択して
配置をクリック
水平にをクリックしましょう
これもまたイメージと違いました
犬の下に文字を入れたかったのですがずれ
てしまいましたさあこれはどういうことか
というとテキストの均等揃えは文字の中心
が支点になるのではなくテキストと
テキストの間が均等になるということです
テキスト自体が均等に配置されるわけでは
ないんです
このような場合は
幅の位置は手動で微調整しましょう上下の
位置は中央揃えで揃えれば水平に揃います
見出しをつけましょう
テキストを編集しますテキストを入力して
配置をクリック
中央揃えをクリックしましょう左右に配置
できました配置がうまくできたら不要な
ガイドは非表示にしましょうファイルを
クリック
ページ表示を設定をクリック
ガイドをクリアするをクリック
ガイドが全てリセットされました
ここにもう少し素材を加えます
素材をクリック
検索窓にキーワードを入力して
グラフィックから選択します
大まかに位置とサイズを決めて
カラーも変更します
今回は感覚的に角度を変更します
素材をコピー&ペーストして
反対側に配置こちらも角度を調整します
先ほど配置した見出しの延長線上に配置し
たいと思います
離れた位置でもガイドがあれば同じライン
に配置することができます
定規の部分から
キャンバスへドラッグしてガイドを追加し
ましょう
ガイドを目安に素材を配置します
不要なガイドはキャンバス外へドラッグ
すれば簡単に非表示にできます
完成です
配置の機能やガイドを使うと
計算された美しいデザインが作れるように
なります必要に応じて配置やガイドを
うまく使ってデザインの効率化とデザイン
力をアップさせましょう
5.0 / 5 (0 votes)