![見出し画像](https://assets.st-note.com/production/uploads/images/60930280/rectangle_large_type_2_26576e984baa1e80d6cf240bd4780df3.png?width=1200)
【Canva】2分でできるnoteの見出し
Canvaは、たくさんの美しい日本語フォントを使えるのが魅力です。(筑紫の書体も、モトヤアポロも入ってます、すごいです!)今回の見出し画像もCanvaで作りました。
Canva
https://www.canva.com/
![画像3](https://assets.st-note.com/production/uploads/images/60927109/picture_pc_54387e21acb377d17cbb1e4478a3990f.png?width=1200)
00_
完成画像。Canva無料版、写真も無料のもので作れます。ぜひやってみてくださーい。
■■■ページ設定と写真のアップロードをします■■■
![画像23](https://assets.st-note.com/production/uploads/images/60931704/picture_pc_55b7cbd560602f546104cc971e25401d.png?width=1200)
01_
Canvaを開き「カスタムサイズ」をクリック
![画像22](https://assets.st-note.com/production/uploads/images/60931700/picture_pc_e714be77494cf385cc860501a96b9c0e.png?width=1200)
02_
サイズの設定
①1280×670px
②新しいデザインを作成
![画像23](https://assets.st-note.com/production/uploads/images/60929097/picture_pc_efef39cb4307f834229ab2a3a77f842c.png?width=1200)
03_
新規ページが開きました
![画像23](https://assets.st-note.com/production/uploads/images/60929100/picture_pc_144ed8bbf5d4a3d0772f2aec77c2b2f8.png?width=1200)
04_
写真をアップロードします
①「アップロード」タブをクリック
②「メディアをアップロード」をクリック
![画像23](https://assets.st-note.com/production/uploads/images/60929101/picture_pc_9ed325eaaa76742d6c2bc87b455aa686.png?width=1200)
05_
目的のフォルダを選択(今回はデバイス)
![画像23](https://assets.st-note.com/production/uploads/images/60931730/picture_pc_8c9d800b05ee9bfac3c3059fbc83fee6.png?width=1200)
06_
アップロードした画像が表示されました
(今回利用したのは、こちらの写真をPCにダウンロードしたもの)
![画像23](https://assets.st-note.com/production/uploads/images/60929106/picture_pc_18a7d0cbc458668415ba2e32e88a9df1.png?width=1200)
07_
写真サイズを変更し、他のアイテムも追加
(テキストと素材の追加は後述)
■■■作った画像をダウンロードします■■■
![画像23](https://assets.st-note.com/production/uploads/images/60931849/picture_pc_3b7febf6e2d8c6d1f3f6135895402ae7.png?width=1200)
08_
ダウンロードする画像の種類を選択(今回はPNG)
①「ダウンロードマーク」をクリック
②画像の種類を選択
![画像23](https://assets.st-note.com/production/uploads/images/60931853/picture_pc_dfab69d3a31c4161897039c8c0331c5d.png?width=1200)
09_
自動でPNGの詳細設定に移ります(今回は何も触らずそのまま)
下の「ダウンロード」ボタンをクリック
![画像12](https://assets.st-note.com/production/uploads/images/60927458/picture_pc_f0faeff84a1240342556ad1450bc2c7c.png?width=1200)
10_
パソコンの「ダウンロードフォルダ」に入っているのを確認
-------------------------------------
ページ設定、写真のアップロード、出来上がり画像のダウンロード、の手順は以上になります。
続いて、テキストの追加と素材の追加の手順です。
(写真のアップロード、テキストの追加、素材の追加は、どの順番でもOKでーす)
-------------------------------------
■■■テキストを追加します■■■
![画像23](https://assets.st-note.com/production/uploads/images/60929119/picture_pc_e208be37b275844aa3407539fd565619.png?width=1200)
T01_
「テキスト」タブから一例として「見出しを追加」をクリック
①テキスト
②見出しを追加
![画像23](https://assets.st-note.com/production/uploads/images/60929124/picture_pc_eb6f90df20a60f49a1d5d37b910036aa.png?width=1200)
T02_
テキストを選択したまま、フォントを変更します
フォント名のタブをクリック
![画像23](https://assets.st-note.com/production/uploads/images/60929129/picture_pc_585b60bb1fca58f96de52b2e9321446e.png?width=1200)
T03_
今回は「Kiwi Maru」を選択
![画像23](https://assets.st-note.com/production/uploads/images/60929135/picture_pc_23d177a2e0a08502205dc433333e40df.png?width=1200)
T04_
フォントの変更ができました
![画像23](https://assets.st-note.com/production/uploads/images/60929275/picture_pc_4eb27c353bc511b7ca7dcbaefc4f2170.png?width=1200)
T05_
テキストの、改行やサイズ等を調整
■■■素材を追加します■■■
![画像18](https://assets.st-note.com/production/uploads/images/60927676/picture_pc_fcab6e455a195f6daa738ed4878bab44.png?width=1200)
S01_
「素材」タブをクリック、検索窓に今回は「本」と入力
![画像23](https://assets.st-note.com/production/uploads/images/60931756/picture_pc_8edbaa7a22a7a24dcbb9aa354d6fa212.png?width=1200)
S02_
素材を選択すると、素材が配置されます
![画像23](https://assets.st-note.com/production/uploads/images/60929286/picture_pc_0c16cd5506298dcb6036b6ace85d5215.png?width=1200)
S03_
上部「カラー」ボタンをクリック、カラーパネルが出現
![画像23](https://assets.st-note.com/production/uploads/images/60929297/picture_pc_1d5269e54b48bce4b91ad3459da04b1d.png?width=1200)
04_
カラーチップ(今回は白)をクリックすると、素材の色が変化
![画像23](https://assets.st-note.com/production/uploads/images/60931861/picture_pc_b25dbe2493b26e9e2186d8d45d60d674.png?width=1200)
S05_
素材の位置を調整
以上になります。おつかれ様でございましたー。noteのトップ画像からCanvaに移動して見出し画像を作るときも、操作は同じです。(画像の保存方法などがちょっと違うのかも?)。以下のサイトもご参考になさってくださいませー!
見出し画像に「Canva」を活用する - noteヘルプセンター
https://help.note.com/hc/ja/articles/900003737126
【注目度アップ】Canvaでnoteの見出し画像を簡単デザイン!6ステップとアレンジ方法を解説
https://www.canva.com/ja_jp/learn/note_header/
■■■参考画像です■■■
Canvaで作った以下の参考画像をみんなのフォトギャラリーに登録しました。
※みんなのフォトギャラリーから「20210915」のキーワードで10枚の画像が検索いただけます。記事作成のおやくにたてれば幸いでーす!
(登録したタグ)
ia19200102 / 20210915 / 秋 / 屋外 / 読書 / 好きな本 / 本 / BOOK / ベスト3 / ベスト5 / ベスト10
「草原で読書」
利用素材(草原で読書する人の写真)
![画像23](https://assets.st-note.com/production/uploads/images/60927922/picture_pc_97bc3d3ef4b0d910b15d078eb97df793.png?width=1200)
![画像24](https://assets.st-note.com/production/uploads/images/60927926/picture_pc_16abebe9ff1b0861927ff749e41ac2f8.png?width=1200)
「書店の中」
利用素材(書店)
![画像24](https://assets.st-note.com/production/uploads/images/61291607/picture_pc_a6d3f1a8a08ac9c756a7ec5a53a2bf23.png?width=1200)
![画像25](https://assets.st-note.com/production/uploads/images/61291717/picture_pc_03d60a1953d601166862a7f03684e91a.png?width=1200)
![画像26](https://assets.st-note.com/production/uploads/images/61291721/picture_pc_52c83a2dea63f1dec09baa253c9c13c7.png?width=1200)
「開いた本の背景」
利用素材(本のページ)
![画像27](https://assets.st-note.com/production/uploads/images/61294640/picture_pc_9ea4e3297b678154cc54de67224b93de.png?width=1200)
![画像28](https://assets.st-note.com/production/uploads/images/61294643/picture_pc_3d2be65acd2b8a368579e8e5fc3b65d2.png?width=1200)
![画像29](https://assets.st-note.com/production/uploads/images/61294651/picture_pc_bac1c92d453fb472001dfc8bcd486cd8.png?width=1200)
![画像30](https://assets.st-note.com/production/uploads/images/61294656/picture_pc_895a425b950ca433b47602989082f6c8.png?width=1200)
■■■参考記事です■■■
「noteの見出し画像」に関連する記事でございます。ご参考になさってくださいませー🙌
noteには「本」と「ブックデザイン」と「デザイン」のことを書いています!どうぞよろしくお願い申し上げます!