今回は、ムードボードの作り方チュートリアルをご紹介します。
みなさん、ムードボードって聞いたことありますか?
自分の頭の中にあるデザインやイメージを形にするのって結構難しいですよね。
ムードボードはコラージュのようなもので、色やイメージ・雰囲気・言葉ではなかなか伝えにくいものをムードボードを作ることで、共有したりまたは個人のブランディングとして活用することができます。
ムードボードを作れるツールは色々ありますが、今回は無料で使えるデザインツールCanvaを使って以下のようなムードボードを作っていきます。
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard01.jpeg)
>今回のレッスンの内容をもとに、皆さんの好きなムードボードを作ってインスタやTwitterで投稿してみましょう。
それでは作っていきましょう!
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
デザインを学びたい方に向けて、
・イラストレーターの基本操作、デザインの基礎知識、ロゴデザイン、ショップカード、名刺、YouTubeサムネイルの作成⽅法、印刷会社への⼊稿⽅法まで教えるAdobe Illustrator(イラストレーター)講座
・世界で26番目、日本初のオンラインデザインツールCanva公認のアンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座
などのさまざまな講座をご用意しております。
今後デザインやマーケティングの知識を身につけてお仕事にしていきたい方はオンラインクリエイティブスクールRirian School.をチェックしてみてください
\ Canva Global公認日本初Canva Expertが教える/
ムードボードを作る手順
![](https://mikimiki1021.com/wp-content/uploads/2022/03/2-1024x576.jpg)
作成手順は以下です。
- 大まかなイメージを決める
- 使う色を決める
- 写真を選ぶ
- 素材を追加
まず、テンプレートを選びます。
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard02-e1648080579913.jpeg)
検索窓から「ムードボード」で検索
↓
「ムードボードのフォトコラージュ」と出てくるので選択
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard03.jpeg)
王冠マークが付いているのがCanvaProで使える素材です。
CanvaProに登録をすると、背景透過だけでなく、使えるテンプレートやフォントが増え、デザインの幅が大きく広がります。
CanvaProは通常30日間のお試し期間がありますが、以下のリンクから登録すると45日間お試しできるので、気になる方は
使ってみてくださいね♪
\ 通常30→45日間無料に!/
1.大まかなイメージを決める
![](https://mikimiki1021.com/wp-content/uploads/2022/03/3-1024x576.jpg)
まずは、アンティーク系・モダン系・ナチュラル系など、どのテイストで作成するか大まかに考えましょう。
今回は、1つのテンプレートだけでなく4つのテンプレートを別タブで開きながら、組み合わせてオシャレなデザインを作っていきます。
同じテンプレートを使って編集したい方は画像の下にリンクを貼っておくので、そこから使ってください。
ベースで使うテンプレート
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard04.jpeg)
リンクはこちら→ベースで使うテンプレート
2つ目のテンプレート
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard05.jpeg)
リンクはこちら→2つ目のテンプレート
3つ目のテンプレート
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard06.jpeg)
リンクはこちら→3つ目のテンプレート
4つ目のテンプレート
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard07.jpeg)
リンクはこちら→4つ目のテンプレート
![](https://mikimiki1021.com/wp-content/uploads/2021/10/No.3アップ_mikimiki様_イラスト_2022.3.10..png)
オシャレな素材を動画にすることもCanvaならできます!
簡単な動画編集を覚えましょう♪
2.使う色を決める
![](https://mikimiki1021.com/wp-content/uploads/2022/03/4-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard08.jpeg)
3つ目のテンプレートについているカラーパレットを、ベースのテンプレートにコピー&ペーストしてテンプレート間で移動させます。
コピー…command ⌘C(Control C)
ペースト…command⌘V(Control V)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard09-e1648080599561.jpeg)
右上の写真を1枚削除
↓
カラーパレットの大きさを調整して配置
次に、カラーパレットのカラーを1つずつ変更していきます。
パレットの1つを選択
↓
画像右上「カラー」を選択
↓
任意のカラーに変更
Canva Proでは、カラートーンを登録することができるので、自分のイメージカラーをあらかじめ登録しておくことができます。
3.写真を選ぶ
![](https://mikimiki1021.com/wp-content/uploads/2022/03/5-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard10-e1648080606513.jpeg)
選んだカラーに近い色の写真をピックアップしていきましょう。
[jin_icon_check color=”#e9546b” size=”18px”]ご自身が持ってる写真を使う場合画像左側「アップロード」
↓
写真をCanva上にドラック
Canvaの写真を使う場合
画像左側「素材」から写真を選びます
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard11.jpeg)
2つ目のテンプレートで使われている破れた感じの写真を、ベースのテンプレートにコピー&ペースト
↓
大きさを調整して配置
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard12.jpeg)
使いたい写真をドラックして入れ替えます。
写真の見せる位置を調整したいときは入れ込んだ写真をドラックすると位置をずらすことができます。
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard13.jpeg)
同じように2つ目のテンプレートから、下が破れている写真・ポラロイド写真風をコピー&ペーストして配置。
いらない素材も一緒にコピー&ペーストさせれしまった場合は、
ダブルクリックして素材を選択
↓
deleteボタン
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard15-e1648082829763.jpeg)
削除していない写真に自分の写真を入れ替えて、破れた写真を複製します。
複製した破れた写真には、素材から写真を選びました。
検索窓から色の名前で検索すると、その色に合わせた写真を検索することができます。
文字の変更
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard16.jpeg)
文字を入れ替えます。
元々入っていた文字を変更。
このままでは文字の重ね順が写真の下になっていると思うので、右クリック「最前面に移動」
4.素材の追加
![](https://mikimiki1021.com/wp-content/uploads/2022/03/6-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard17.jpeg)
2つ目のテンプレートから素材をコピー&ペーストして配置
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard18-e1648082857438.jpeg)
カラーが変更できる素材は「カラー変更」から合う色に変更しましょう。
文字の色も変更すると統一感のあるデザインに仕上がります。
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard19-e1648082849445.jpeg)
4つ目のテンプレートから、マスキングテープ風の素材をコピー&ペースト
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard20-e1648082840871.jpeg)
写真も一緒にコピー&ペーストされてしまったときは、選択したまま「グループ解除」
↓
写真を削除
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard21.jpeg)
3箇所にマスキングテープ素材を配置
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard22-e1648083407787.jpeg)
ざらっとした背景デザインもコピー&ペースト
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard23.jpeg)
大きさをさろえて最背面に移動します
選択したまま右クリック
↓
「最背面に移動」
素材の背景透過
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard24-e1648083416356.jpeg)
猫の写真を追加して、背景を透過させます。
「画像を編集」
↓
「背景リムーバ」
これはCanvaProの機能です。
ワンクリックでかなり綺麗に背景透過されるのでオススメの機能です。
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard25.jpeg)
大きさを調整して配置
Canvaが素材が数多く用意されていますが、商用利用できるのか、とても気になりますよね。
以下の記事で商用利用や著作権について解説しているので読んでみてください♪
![](https://mikimiki1021.com/wp-content/uploads/2021/10/ウインクアップ_mikimiki様_イラスト_2022.3.10.png)
しっかり覚えておくべきところです!
>>>【最新機能紹介】Canva 商用利用や著作権ってどうしたらいいの?
ダウンロード
![](https://mikimiki1021.com/wp-content/uploads/2022/03/7-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard26-e1648083425711.jpeg)
右上「共有」
↓
ダウンロード
↓
ファイルの種類はPNGで「ダウンロード」
これで完成です。
これをSNSに投稿して自分のイメージやアイデアを共有していきましょう。
ブランディングにはHPもあると良いでしょう。
CanvaでもHP作成ができるので、ぜひチャレンジしてみてください!
![](https://mikimiki1021.com/wp-content/uploads/2021/10/ウインクアップ_mikimiki様_イラスト_2022.3.10.png)
オシャレなHPが簡単に作れます♪
>>>【初心者向け】Canvaを使ったホームページの作り方を簡単解説!
画像をリサイズしたいとき
![](https://mikimiki1021.com/wp-content/uploads/2022/03/8-1-1024x576.jpg)
![](https://mikimiki1021.com/wp-content/uploads/2022/03/canva-moodboard27-e1648083459455.jpeg)
今回は1080px×1080pxの正方形で作成しましたが、「サイズを変更」からサイズ変更すると、作成したデザインを簡単にリサイズできます。
マジックリサイズというCanvaProの機能ですが、異なるSNSや場所に投稿したいときはこの機能がとても便利です。
まとめ
![](https://mikimiki1021.com/wp-content/uploads/2022/10/6-2-1024x576.jpg)
0からデザインを作るのは大変ですがCanvaのテンプレートを組み合わせれば簡単にオシャレなデザインを作ることができます。
自分の好きなものを明確にして自分のアイデアをたくさんの人と共有していきましょう!
Twitter、Instagramで#Canvamoodboardを入れてぜひ投稿してみてください!
mikimikiが観に行きます!
ムードボードとは?
コラージュのようなもので、色やイメージ・雰囲気・言葉ではなかなか伝えにくいものをムードボードを作ることで、共有したりまたは個人のブランディングとして活用することができます。
ムードボードの作り方の大まかな手順
- 大まかなイメージを決める
- 使う色を決める
- 素材を選ぶ・配置
- ダウンロード
新しい働き方を目指すための人のオンラインクリエイティブスクールRirian School.では、
デザインを学びたい方に向けて、
・イラストレーターの基本操作、デザインの基礎知識、ロゴデザイン、ショップカード、名刺、YouTubeサムネイルの作成⽅法、印刷会社への⼊稿⽅法まで教えるAdobe Illustrator(イラストレーター)講座
・世界で26番目、日本初のオンラインデザインツールCanva公認のアンバサダー(Canva Expert)のmikimikiが教えるCanva Webデザイン講座
などのさまざまな講座をご用意しております。
今後デザインやマーケティングの知識を身につけてお仕事にしていきたい方はオンラインクリエイティブスクールRirian School.をチェックしてみてください
\ Canva Global公認日本初Canva Expertが教える/
![](https://mikimiki1021.com/wp-content/uploads/2021/10/No.4アップ_mikimiki様_イラスト_2022.3.10-300x300.png)