ブログ運営 豆知識

無料デザインツール「Canva」のスマホアプリの使い方【簡単!】

サンダー
皆さん、Canvaというデザインツールはご存知ですか?

 

「Canva」とは無料で使えるデザインツールで、イラストや写真など無料素材も多く用意されています。

私はパソコンとスマートフォンの両方で使用しており、ブログのアイキャッチ画像や、Youtubeのサムネイル画像などを作成しています。

Canvaにはスマートフォンのアプリがあり、スキマ時間を利用して、アイキャッチ画像を作成しています。

今回はCanvaのスマートフォンアプリの使いかたを紹介します。

【デザイン作成例】

obnizでピアノを作ってみたのYoutubeサムネイル画像

Canvaで用意されているテンプレート例

Canvaでは様々なテンプレートが用意されており、テンプレートを元に簡単にデザイン作成が可能です。

用意されているテンプレートの一例を紹介します。

 

ジャンル種類サイズ
Instagram投稿(正方形)横1,080px × 縦1,080px
ストーリー(縦長)横1,080ox × 縦1,920px
Facebook投稿(横長)横  940px × 縦  788px
カバー(横長)横  820px × 縦  312px
Twitter投稿(横長)横1,024px × 縦  512px
ヘッダー(横長)横1,500px × 縦  500px
Youtubeサムネイル(横長)横1,280px × 縦  720px
チャンネル(横長)横2,560px × 縦1,440px
Blogバナー(横長)横  560px × 縦  315px
ポスターA2サイズ横 42cm × 縦 59.4cm
文書A4サイズ横   21cm ×  縦 29.7cm

これら以外にも招待状や名刺サイズなど様々なテンプレートが用意されています。

 

Canvaアプリのダウンロード

Canvaのアプリは無料です。

google playまたはApp storeからダウンロードしてください。

Canva(キャンバ)-写真・画像の加工編集&デザインアプリ

Canva(キャンバ)-写真・画像の加工編集&デザインアプリ

posted withアプリーチ

 

Canvaのユーザー登録(無料)もしくはログイン

Canvaを使用するためにはユーザー登録が必要です。もちろん無料です。

パソコンとスマートフォンでユーザーデータを共有可能です。

 

Canvaアプリログインの初期画面

Canvaアプリログイン後はこのような画面が表示されます。

Canvaアプリログイン後の画面

 

項目説明
テンプレート用意されたテンプレートが表示されます
デザインこれまでに作成したデザインが表示されます
チームリンクを共有する事で、チームでデザイン作成できます

デザインを新規作成するには、テンプレートから選ぶか、右下の「+」をタップして、サイズを選択します。

 

デザインのサイズ選択(カスタムサイズは上部の解像度をタップ)

サイズ選択画面

カスタムサイズ編集画面

テンプレートサイズから選ぶか、カスタムサイズにするには、上に表示されている解像度の数字部分をタップします。

 

背景画像の選択

Canvaアプリで背景画像の設定

Canvaアプリで背景選択後の画面

背景画像を選択するには、デザイン編集画面の白い枠をタップします。

タップすると、下記の項目が表示され、スマホのデータまたはCanvaで用意された画像を背景に設定できます。

 

項目説明
ギャラリースマホ内の画像を使用します
画像Canvaで用意された画像を使用します
カラー赤や黄色などの単色塗りを選びます

フィルター

※カラー以外を選択すると出現します

「ギャラリー」または「画像」でデータを選択すると、画像にフィルター効果を適用できます。

 

ギャラリーまたは画像から背景画像を選択する

スマホ内のデータを使用する「ギャラリー」か、Canvaで用意された画像を使用する「画像」から画像を選びます。

今回はCanvaで用意された画像を背景に設定します。

【 Canvaのライブラリーを検索】に検索したい語句を入力すると、そのテーマを検索可能です。

今回は「スマホ」と入力し、女性がスマホを操作している画像を背景に使用します。

Canvaアプリで背景選択後の画面

 

フィルター効果とカスタム(【詳細】ボタンをタップ)

背景に設定する画像を選ぶと、「フィルター」のメニューが追加されます。

Canvaアプリのフィルタ効果

Canvaで用意されたフィルターのテーマを選択します。

フィルター効果にはモノクロの「Grayscale」や、レトロ調の「Retro」などがあります。

 

また、「詳細」ボタンを押して、フィルター効果をカスタムする事も可能です。

フィルターのカスタム画面では、「明るさ」や「ぼかし」などの項目をカスタムできます。

Canvaアプリのフィルターカスタム画面

 

項目説明設定値
明るさ明るさを設定-100(暗) ~ +100(明)
明暗コントラストを設定-100(ぼんやり) ~ +100(くっきり)
彩度鮮やかさを設定-100(白黒) ~ +100(鮮やか)
色合い色相を設定-100(赤) ~ +100(紫)
ぼかしぼかしを設定-100(くっきり) ~ +100(ぼかし)
クロスプロセスクロスプロセスを設定-100(寒色) ~ +100(暖色)
ビネットコントロールビネットを設定0(通常) ~ 100(周囲を暗く)

 

私はアイキャッチ画像を作成するときは「明るさ」を少し上げて全体的に明るくし、「彩度」を高めに設定して鮮やかな色にしています。

フィルタは好みによって変わると思うので、色々と設定してみてください。

 

パーツの選択

背景画像を選択したら、右下の「+」ボタンをタップして、パーツを追加していきます。

パーツはそれぞれ下記があります。

Canvaアプリパーツ追加画面

 

項目説明
テキスト文字を追加します
画像画像を追加します(ギャラリー:スマホ内のデータ、画像:Canvaで用意された画像)
グラフィック四角や三角などのグラフィック素材を追加します
テンプレートサイズに合ったテンプレートから作成します
ページ文書作成時など複数ページ作成します

 

グラフィック素材を選ぶ

グラフィック素材を選びます。

今回は四角のグラフィックを選択し、文字を四角で囲ってみます。

素材の拡大・縮小、回転について説明します。

Canva素材操作説明

 

項目説明
縦横どちらも拡大・縮小されます
横棒縦方向のみ拡大・縮小できます
縦棒横方向のみ拡大・縮小できます
矢印【回転できます
透明度素材の透明度を変更できます
ペン【素材を色を変更できます

 

カラー選択

canvaカラー選択画面

canvaアプリのカスタムカラー画面

カラー選択のアイコンをタップすると、カラーを選択できます。

あらかじめ用意された11色のカラーから選ぶことも出来ますが、自分の好きな色を設定したい場合、左上の「+」ボタンをタップすると、カスタムカラー画面が表示されます。

 

下の色相スライドバーで色の波長を選び、上のスライドバーで明度や色の濃さを選びます。

右下の数字部分をタップする事で、色情報を直接入力する事も可能です。

 

テキストの追加

テキストを追加します。

テキストテンプレートから選択するか、【テキストを追加】をタップして追加します。

Canvaアプリのテキスト編集画面

 

項目説明
フォントフォントを選択します
フォントサイズフォントサイズを変更します
フォントカラーフォントのカラーを変更します
左/中央/右揃えを選択します
Bボールド(太くする)にするか選択します
Iイタリック(斜体)にするか選択します
AA大文字にするか小文字にするか選択します
間隔文字の間隔と行の高さを変更します

 

文字の間隔

文字の【間隔】をタップすると、文字の間隔および行の高さを編集できます。

Canvaアプリ文字間隔編集画面

 

項目説明
文字間隔文字の間隔を設定します
行の高さ行ごとの間隔を設定します

 

デザイン完成

デザインが完成したら、右上の【】ボタンを押して保存します。

保存した画像はAndroidの場合はスマホ本体に「Canva」フォルダ内に保存されます。

なお、スマホアプリの場合は拡張子は「png」となります。

 

まとめ

このようにCanvaでは簡単にデザイン作成を行う事が出来ます。

スマホアプリを使用すれば、スキマ時間で作成する事も可能なので、ぜひCanvaのアプリでデザイン作成してみてください。

 

Canvaのフォントはどれを使ったら良いか分からないと悩まれている方はこちらの記事も合わせてご覧ください。

 

合わせて読みたい
Canvaアプリフォントアイキャッチ
無料デザインツールCanvaアプリで使えるフォントの特徴と検索方法

サンダー無料でアイキャッチなどの画像が作成出来るCanvaというツールはご存知ですか? 知っています。私はPCでWebから作成しています 私はCanvaのスマホアプリで作成しています   私 ...

続きを見る







人気の記事

1

サンダー直流(DC)と交流(AC)の違いって分かりますか? かみなりん家庭用のコンセントは交流(AC)だよね。乾電池はなんとなくDC(直流)というイメージです。 サンダー改めて聞かれると、交流と直流の ...

【オペアンプ】 反転増幅回路の回路図アイキャッチ 2

かみなりんオペアンプの反転増幅回路ってどういう特徴があるの? サンダー反転増幅回路は文字通り、入力電圧の符号を反転、増幅する回路になります。 かみなりん反転して、増幅するから反転増幅回路なんだね。じゃ ...

アノードコモンとカソードコモン 3

サンダー「アノードコモン」と「カソードコモン」の違い分かりますか? かみなりんえーっと、アノードがプラス側、カソードがマイナス側で・・・コモンってなんだっけ? サンダー改めて聞かれると、どっちがどうだ ...

4

かみなりんアフィリエイトで成果が発生しない!? という問題が起きているようですね。 アフィリエイトが発生しないというのは死活問題ですね。   原因はどうやら、アンカーリンク内のtarget= ...

旅行やアルバイト等の 紹介にバリューコマースの『MyLinkBox』が超便利!! 5

サンダーバリューコマースから2019年6月5日に『MyLinkBox』がリリースされました! かみなりんその『MyLinkBox』ってなに? サンダー『カエレバ』や『Rinker』はご存知でしょうか? ...

miMind使いかたアイキャッチ 6

サンダーマインドマップはご存知ですか?   放射状に枝が伸びていくアレですよね?   頭の整理をするのに良く使います   私もよく情報を整理するためにマインドマップを作成 ...

Web(ウェブ)開発の学習にオススメなUdemyコース3選 7

サンダー世界最大級のオンライン学習プラットフォームの【Udemy】はご存知ですか? アメリカのシリコンバレー発のオンライン学習サイトで、日本ではベネッセが運営しています。 私自身もWeb開発やPyth ...

ブレッドボード の使い方のアイキャッチ 8

サンダーブレッドボードって知ってる? かみなりん電子工作でハンダ付けせずに、手軽に電子回路が組めるボードだよね? サンダーそう、今回はそのブレッドボードの使い方を紹介します。ブレッドボードを使ってLE ...

箇条書きタグ自動追加ツール 9

【このツールの目的】 箇条書きタグ(ulタグもしくはolタグ)を自動で追加するツールです。 listタグも自動で追加します。 【箇条書きの種類選択】 数字無し箇条書き(ul) ・箇条書き数字有り箇条書 ...

LED抵抗計算機 10

LED抵抗自動計算機 下図のように、LED1個をつなぐとき、LEDに流したい電流から抵抗値を求める計算機です。   LED抵抗計算機 ↓電源電圧【例】5(V) ↓LEDの電圧降下【例】2(V ...

-ブログ運営, 豆知識
-, ,