昨日は一番簡単な横長画像の作り方をお伝えしました。右矢印初級)写真+文字だけ!Canvaで0から作る基本の横長画像の作り方

 

左に文字、右に写真です。

 

一番簡単にできるデザインキラキラ

横長のヘッダーやバナーを作る時にはまずはこれからやってみましょう。

 

今日は無料で使えるデザインソフトCanvaを使って簡単に選べて統一感が出る文字の色変更方法について紹介します。

 

 

Canva写真の色から選ぶ

一番簡単で一番まとまりが出る色の選び方。

 

それは・・・

 

「写真の色から選ぶ」という事です飛び出すハート

Canvaにはこのようなおススメ機能があり、写真の中から広い面積で使われている色を読み取って教えてくれます。

 

この中から選ぶと間違いありません!!

 

まずは2色選んで色を変えてみましょう。

 

文字をクリックして上のバーの文字色を選択すると左に色が出てきます。

今回はタイトルをこげ茶、その他を茶色にしてみました。

 

いかがでしょうか?

黒一色のビフォーよりもまとまりが出てきました。

茶色にすることで少し優しい雰囲気になりますね!

 

 

次に3色選んでみましょう。

一番上を薄い色

タイトルを茶色

文字色をこげ茶にしました。

 

 

いかがでしょうか?

より女性らしくかわいらしい雰囲気になると思います。

 

文字色は写真から色を抜き出すとまとまりやすいですね!

 

 

その他の色選び方法

先ほどの「写真の色から選ぶ」という機能、とっても便利ですが

ちょっと足りない色ありませんか?

 

それはこちら。

グリーンです。クローバー


アクセサリーや洋服の柄として使われているグリーン。

人の目には小さいけれどインパクトある色に見えるこの色ですが、コンピューターの中では色の面積に合わせて写真の色を抽出しておススメ設定にされているのでおススメから外されてしまっています悲しい

 

でも、このアクセントカラーがあるから全体のイメージがちょっと明るい雰囲気になりますよねひらめき

 

こういった部分の調整は人の目で行う意義ありますね!!

何でもコンピューターのおススメを信じない!

というか、コンピューターのおススメは参考にして自分なりに色を見るという事も大切です。

 

 

そうしたら、タイトル色を調整してみましょうか。

 

文字を選択して上の色を押すと左にデフォルトカラーが出てきます。

こちらは定番カラーとしていつも設置されているので、この中から選んでもOKですが

今回私が使いたい色は青過ぎず緑過ぎずのミントグリーン。

 

使いたい中に無い場合はここで作ってしまいましょう!

 

虹色カラーの①を押すとこのようなグラデーションが出てきます。

②で緑の位置に色合いを合わせて

③でクリックした場所が文字色に反映されます。

 

こんな感じにできました!

茶色だけでなく、右にあるアクセントカラーの色が入る事によって

全体の統一感が出てきます。

 

 

全部のビフォーアフターまとめはこちら!

黒1色よりはだんだんとタイトルらしい雰囲気になりますね!

 

 

例えば茶色だけの色でアメブロヘッダーを作るとこのような感じです。

ブログにあてはめるとよくわかりますね。

落ち着いた雰囲気になります。

 

 

グリーンが入ったものだとこんな感じ。

少し爽やかなイメージなりますチューリップ黄

全体のバランス見ると、やっぱりこちらの方が良さそうです拍手

 

文字と写真だけでも十分外に出せる画像が作れることわかっていただけたかと思います!

ヘッダーを自分で作ってみたいけれどどうしようかな?と迷っていた方はぜひここから始めてくださいね。

 

今日の学び

チェック(透過)文字色は写真の色から選ぼう

チェック(透過)コンピューターの提案だけでなく自分の目で見える色も選択肢に入れよう


 

今回の内容を見ると、全体の色を決めてしまうお洋服の決め方ってとても重要ではありませんか?!

次回は写真の色とデザインの関係についてもっと詳しくご紹介します。
 
 

【デザイン学びたい人のための添削事例】

右デザイナー目線でアドバイス!アメブロヘッダーデザイン添削事例

右デザイナー目線でアドバイス!Xやアメブロアプリヘッダーデザイン添削事例

右デザイナー目線でアドバイス!プレゼン資料デザイン添削事例

右デザイナー目線でアドバイス!アメブロヘッダーデザイン添削事例②

 

 

プペコン現在ご提供中のメニューはこちら右ご提供中のサービス一覧
メモ最新レッスンスケジュール右ご予約可能日
PC 顔タイプ診断の情報発信ブログ右 顔タイプ診断オンライン情報サイトRosereve
チェック(透過) 無料で顔タイプ診断を受けるなら? 右 13のチェックでわかる無料顔タイプ診断
手紙 対面講座の場所・日程のご相談などお問い合わせはこちら右お問い合わせフォーム
地球 SNSのフォロー大歓迎! 基本タイプX(Twitter)  / InstagramInstagram LINE登録