![見出し画像](https://assets.st-note.com/production/uploads/images/59347852/rectangle_large_type_2_05fbd86372e90787a2f327d3ae3b8ece.png?width=800)
【可愛さ詰め詰め】Canvaで作るnote見出し画像
noteの上部に表示してアイキャッチ画像を作るのに使っているのは、スマホ無料画像加工アプリのCanva。
たまに聞かれるんだけど、一切課金なしの無料版機能だけ&ほぼiPhoneで使ってる。有料画像が使えない不便はあるけど工夫でどうにでもなるよ。
![画像24](https://assets.st-note.com/production/uploads/images/59376571/picture_pc_d8b33355c521c6690415728d113eba87.jpeg?width=800)
プロ仕様の素材を使って可愛くコラージュできるCanvaは重宝するし何より楽しい🥰
コツがわかれば、写真に文字を入れるだけのアイキャッチだけでなく、もっとオリジナルな意味を込めたアイキャッチが作れるようになる。
![画像6](https://assets.st-note.com/production/uploads/images/59346563/picture_pc_dcaed072fa524118f34016b46d231467.png?width=800)
シンプルで写真に文字を入れるだけもいいし、
![画像2](https://assets.st-note.com/production/uploads/images/59346494/picture_pc_67521e41edf579d10ce39c8ee9bf6f04.png?width=800)
色んなパーツをコラージュ&色彩やコントラストなど変更して、よりイメージに近くて意図を詰め込んだ画像が作れるし、
![画像3](https://assets.st-note.com/production/uploads/images/59346509/picture_pc_772fc58c72168a4e075f1efb175088fd.png?width=800)
記事中にオジサンを転がし方を語る歌舞伎町のキャバ嬢だって図示できるし
![画像4](https://assets.st-note.com/production/uploads/images/59346522/picture_pc_fa39bdecb314793327136c4905e89801.jpeg?width=800)
三匹の子豚にレンガを売り込むプレゼン資料だってお手のお手の物だ。
こんな画像がスマホ一つで無料で作れる。
記事の感想で画像に注目してもらうことが多いので、今回はCanvaを使ったアイキャッチ画像やその作り方を紹介していくよ。
私は本とかは特に調べずに感覚で使ってるんだけど、詳しく知りたい人は本を読んでもいいかもね。
✂️📷📱🚿🖼
誰でも作れるシンプルな見出し画像の作り方
canvaの中には無料で使える綺麗な写真がザクザクある。
検索ワードで自分のイメージに合う写真を探して文字を入れるだけで、あっという間にアイキャッチ画像ができる。
▶︎ファッション記事のアイキャッチを作ろう。
アプリを落としたら、トップからnote見出し画像のテンプレを選択。
![画像25](https://assets.st-note.com/production/uploads/images/59798843/picture_pc_28376f7a9da683f8d9c2f19a1dc2d4e2.jpeg?width=800)
空白のテンプレ無しが自由度高いから好きだけど、無料の可愛いテンプレもたくさんあるからどんどん使えばいいと思う。
「ファッション」と写真を検索して好きな画像を見つけて、文字を入れる。
![画像6](https://assets.st-note.com/production/uploads/images/59346551/picture_pc_e58cc9e65a18a774d2ab166bec6c469e.png?width=800)
最強のアウター4着を揃えてはしゃいでいるファッション記事のアイキャッチ。「毎日着る」というどストレートな言葉を書いただけ
簡単〜🥰🥰
写真自体が素敵なのでこれで十二分に良い🥰
もちろんcanva内だけではなく、自分のスマホ内の画像を使うこともできる。
▶︎トヨタについての記事では、自分で撮った写真を使っている。
![画像8](https://assets.st-note.com/production/uploads/images/59346583/picture_pc_34eef35bbde606cc96ed182097afd745.png?width=800)
画像加工なしでは、スタンダードセダンのレトロで洗練された雰囲気が表現できていない。
ので、canva上で画像の色彩を変えてみる。
![画像29](https://assets.st-note.com/production/uploads/images/59449851/picture_pc_7dcac23f3f87dab9cf570a276be749a4.jpeg?width=800)
何かこっちの方がイメージに合うじゃ〜んと感覚的に弄れる。考えるな、感じろ。
![画像9](https://assets.st-note.com/production/uploads/images/59346598/picture_pc_bf2022a2a369c05636b74b9011023ac3.png?width=800)
青写真っぽさが出てレトロな雰囲気が出た。写真の白飛びしているところもちょっと明度が下がったので、白い文字も読みやすくなった。
▶︎ボヘミアンラプソディ の歌詞のお陰でトンデモ職場をメンタル的に生き残った記事を書いた時は、映画ボヘミアンラプソディ のメインビジュアルの紫・ピンク・黄色のグラデーションでアイキャッチを作りたかった。
↑このパッケージのグラデーションを表現したい
Canvaで「夕焼け」検索した写真をそのまま使ってもめちゃ綺麗なのだが、
![画像10](https://assets.st-note.com/production/uploads/images/59346617/picture_pc_4ce40945f7f2d5cea989ee033cdeae41.png?width=800)
ふんわりファンシーでボヘミアンラプソディ のイメージとは違う。
Queenのハードでロックな質感に拘りたかった。
彩度を上げ、鮮明度をバキバキに上げ、明るさを下げてハードさを強調。
![画像11](https://assets.st-note.com/production/uploads/images/59346628/picture_pc_e2da55618692a87bf88f87399d917696.png?width=800)
ボヘミアンラプソディ のイメージに近くなった。
⭐︎シンプルな写真と文字だけのアイキャッチでも、画像の色彩を調整すると、グッと記事の雰囲気と合わせられるよ🥰
画像コラージュ アイキャッチ
写真に文字を入れるよりも表現の幅が広がるのが画像コラージュ。
Canvaは無料で使えるグラフィックが採算取れてるか不安になるくらい豊富にある。しかもセンスがいい。
![画像12](https://assets.st-note.com/production/uploads/images/59346636/picture_pc_7696bb18ef72cdbcb7e1d639d8c4a38f.jpeg?width=800)
なんてこった。検索ワード次第で透過処理された素敵グラフィックがザクザク出てくる
このグラフィックを使ってコラージュ画像を作っていくぞ🥰
▶︎新年の抱負記事のアイキャッチには、日の出、一富士二鷹三茄子、丑年を盛り込みたかった。
![画像13](https://assets.st-note.com/production/uploads/images/59346660/picture_pc_246cafc6303fc0a88a0464977623a92a.png?width=800)
日の出のイメージの写真と、盛り込みたいパーツを貼り付け。写真の色彩や茄子の色を変えたり、大きさを変えたりして配置していくぞ
![画像14](https://assets.st-note.com/production/uploads/images/59346673/picture_pc_bfb2c192e4dd17ef8c480b54a5d91e9d.png?width=800)
この画像は1枚の写真と、8個のグラフィックを組み合わせて作っている。
⭐︎写真やパーツを組み合わせてコラージュすることで、内容の要素を詰め込んだ記事に相応しいオリジナルの画像が作れる🥳
![画像26](https://assets.st-note.com/production/uploads/images/59799212/picture_pc_d7dc62ea88d53f419a84b6985fa7fa9e.png?width=800)
毎日のコーディネートについての記事のアイキャッチ。canvaにはお洒落な服の素材がたくさんあるので、服装のグラフィックを1着ずつ選んだ。
![画像27](https://assets.st-note.com/production/uploads/images/59799251/picture_pc_839bcff5ddb2a24e3f4c3e8672f6ddd1.png?width=800)
「棚からぼたもち」についての記事のアイキャッチ。棚の写真にぼた餅と、プラスアルファのスイーツたち。
![画像15](https://assets.st-note.com/production/uploads/images/59346723/picture_pc_6f94169125b4de7cff65399bdee857fc.jpeg?width=800)
夫婦生活への心理学的アプローチを考えた記事のアイキャッチ。ハートのイメージと、脳みそのイメージが盛り込まれている。
※画像右上の緑が脳みそで茶色がシナプス
アルファベット型のフレームに写真をはめ込むとオシャレ
![画像16](https://assets.st-note.com/production/uploads/images/59346735/picture_pc_97c3d64d85f325b470d1ba45e2d1a331.png?width=800)
ネットショッピングの衝動買いを止めるライフハックの記事のアイキャッチ。服、お買い物、お金のイメージを詰め込んだ。よく見ると背景にデカいコインとiPadがある。
![画像17](https://assets.st-note.com/production/uploads/images/59346743/picture_pc_6e3b0b64056499ef413330860702e2cb.png?width=800)
夫との惚気を書くマガジンの画像。上から生えてるドライフラワーバラバラの9個のグラフィックを配置している。グラフィックを同じシリーズで揃えると統一感が出る。
![画像18](https://assets.st-note.com/production/uploads/images/59346757/picture_pc_978e3a29662316d7c16e03c7f5c6de51.png?width=800)
アディダス の名品スニーカー、スタンスミスの記事のアイキャッチ。アライグマがスタンスミスを泡だらけにしているイメージ。靴紐を交換したイメージをねじ込みたかったので毛糸玉も入れた
![画像26](https://assets.st-note.com/production/uploads/images/59799219/picture_pc_b752814dba67a3e2b23a9e2fe30c9feb.png?width=800)
この世にいる男の数をフェルミ推定して全宇宙の星の数と比べた記事のアイキャッチ。こちらも夜空の画像。星空の画像は明るい文字やイラストが映えるので何してもオシャレになる
アイキャッチ ビフォーアフター
ここで、最近出来がイマイチだなと思って作り直したアイキャッチを紹介するね。
▶︎英語を喋るためには、勉強より心のハードルをぶっ壊した方がずっと早い、というメンタルハックの記事のアイキャッチ。
最初に作ったのはこちら。
![画像20](https://assets.st-note.com/production/uploads/images/59346765/picture_pc_6641830e129cee4fc94218fb9ea59536.png?width=800)
英語に対して臆病になった自分(しょんぼりしてるのはハリネズミ)をセルフで応援してこ!というイメージ。アメコミぽさを入れたかった
ごちゃごちゃしているし、色に統一感がないし、イマイチ何を意図しているかまとまりがないし、謎の生物の顔が怖い。
この記事のミソは、「英語への心のハードルをぶっ壊す」ことなので、直接的に表現したい。
![画像21](https://assets.st-note.com/production/uploads/images/59346791/picture_pc_cda719932bcdc5ba4ff02b95d6fff358.png?width=800)
改訂版がこちら。心のハードルを力技でぶっ壊して、ニューヨークの広い空に羽ばたこうぜ!という爽やかな勢いが出た。プロレスラーがアメコミっぽくて可愛い。
⭐︎アイキャッチは飾りだけど、どうせ作るなら意図を込めたデザインが良い。
記事が最も言いたいことは何か?と考えて盛り込むのも楽しい🥰
雑誌風 おすすめグッズ紹介画像
もちろん、canvaではアイキャッチ以外の画像も作れる。
![画像22](https://assets.st-note.com/production/uploads/images/59346809/picture_pc_b53c44f1b8931b3066a6fb45983245f6.png?width=800)
おうち美容アイテムを紹介した記事では、アイキャッチだけで飽き足らず、雑誌風のグッズ紹介画像も作った。
![画像23](https://assets.st-note.com/production/uploads/images/59346821/picture_pc_e428b0aa4499d4ceffb2808f22ce652c.png?width=800)
画像のキャンバスサイズを大きくすれば、同じ作り方で雑誌風の画像も作れる。
最後に
canvaは基本無料だし、スマホでもタブレットでも使える。
興味が湧いたらぜひ使ってみて🥰
すでにcanvaを使いこなしている仲間の皆さんは握手!
詳しいことは私もわからずに感覚で使ってるので、調べたい人は本を探してみてね
公式noteがあるのを教えてもらったので、ぜひ。
読んでくれてありがとう!サポートよりスキ・シェアがもっと嬉しい☺️ 感想貰うと喜ぶマシュマロ↓ https://marshmallow-qa.com/acdcnhi0itawcxy?t=SgZ2cT&utm_medium=url_text&utm_source=promotion