【note２日目】バナー作りながらnoteを書いてみた[制限時間：３時間]（フリーランスSE女子の日常）

昨日はいいねありがとうございました〜！

昨日ブログ書き終わって、トップ画面に戻ったんですが、
なんか他の人のやつに比べてさみしいな〜って気づきました。
そして分析した結果、分かったことは

バナーないからや。

ってことで、今日はちょっと頑張ってバナー作る。
でもあと３時間以内にnoteを投稿しないといけないのでさくっと作りたい。ってなわけで

canvaトップ画面

ちゃきーん。

Canvaでさっくりつくってみるよ〜！

用意するもの

• Canva  有料版（https://www.canva.com/）

• 作りたいもののイメージ。

• 折れない心

Canva有料版は大体月1,500円(2022年2月現在)。
普段はイラレとか使うんですが、さっくり作れるので、急ぎの案件とか、案件の料金によってはこの子で作ってます。
スマホでも簡単な修正ができるので本当優秀。

canvaのテンプレート画面

無料でもあるんですけど、制限があるので有料を推す。
これで月1,500円は絶対やった方がいいと思う。

ってなわけで作ってみる。

ただ、３時間以内に投稿しないと腹筋３０回なので、ばっばっといきます！！細かい図示はしてません！！スクショオンリー！

【余談】
※23時59分までに投稿しなかった場合腹筋30回。
フル在宅、オールデスクワークのSEにとって、腹筋30回はマジ過酷。

テンプレートを探す

ということで、ヘッダーのテンプレートから探してみる。

デザイナー泣かせのようなテンプレートの豊富さである。

今回はサムネイルに近そうなので、Youtubeあたりを捜索。
うーん。

これにしよう。
コロンビアーーーー！！

作ってみる

ということでつくってみよう。
ただ、ぶっちゃけいうと「パワポが使えればCanvaは使える」。

興味のある方は、無料版でもOKなので、ぜひ触ってみてください！
ではれっつごーーー！！

1.いらないものを消す

まず「スポンサーシップ」の項目はいらないので

消す。

2.文字を変える

次にもちろん「スタートアップの週末シリーズ」とか知らないので

変える。

3.グループ化を解除して操作しやすくする

文字加工したいんだけど、デフォルトでグループ化しちゃってて、使いにくいので

「Control(Command)」+ 「Shift」+「G」でグループ解除。
（右クリックでも解除可能。）

いい感じにパーツ分割。

4.ジャンプ率調整

見せたい文字を強調。

ぱっと見て印象つかないので文字強調。

5.アイコンを作る

note初心者を盛大にアピールするためにアイコンを作る。
「素材」→「検索したいワード」を入力するといい感じの素材がいっぱい出てくる。

これに決めた！！

Canvaが優秀なのは「素材も色変えができる」ことである。
今回は背景が黄色っぽいので反対色の青で目立たせる。

いい感じに文字を置く
（ちょっと目立ちすぎたので、noteのロゴカラーの緑を拝借。）

6.画像を変える

お気づきだと思うが、私は女。
そしてこのバナーの人物は男。

このままでは私は男になってしまう。

とても素敵なバンザイだが、ここでこの男には退場してもらう。

とはいえ、完全に変えてしまうと、テンプレートを使った意味がない。
ということでテンプレートを確認。

いる！！
なかまが！！

ということで、変更。

BBAお姉様、よろしくお願いします。

あ、ちょっと閃いた。

なんかいい感じになってきた。

ただちょっとお姉様とパソコンの距離が遠い気がする。
ちょっと加工しよう。

⑦画像加工

ここからはゴリ押し。
「Ctrl」+ 「C」でお姉様複製

画像ダブルクリックで、トリミングができるので、お姉様トリミング。

おんなじようにPCもトリミング。
これで準備完了。（手が切れているのは気のせい。）

いい感じに微調整。（スクショ疲れてきた）

あとはお姉様の下にある手。
これをどうするかである。

それは。。。

これ（四角形）を

こうして（黄色くして）、、、

こうして（いい感じに配置して）、、、

こうして（画像を全面にして）、、、

こうじゃーーーーーーーーっ！！！！！（できあがりーーー！！）

ちなみにこの手法をつかうと

さっくり加工もできる。
いい感じのメイクアップだ。
（時間がない時はいっつもこれで乗り切る）

ちなみに裏にこうやって四角形めっちゃ隠れてる（めちゃくちゃ適当）
これがメイク技術。

そんなことより、はやく投稿しないと腹筋30回。
細かいことは気にしない。納期大事。

7.微調整

ってことで、あとは遠目で見たりちょっと調整したりでいい感じにする。
下のウィンドウを見ると、常に遠目からのイメージをなんとなく察せる。
（本来はそういう用途ではない）

そういえばなんでかずっとバンザイ兄さん横にいる。いつの間に。。。。

はいでーーーきた！！！

8.書き出し

ってことで
右上にある「・・・」をクリック→「ダウンロード」

よし保存と思ったら事件。

動画で保存できない？なんで。。。。

あ、スライドだからか！！！

「フェード」って書いているところが、スライドのアニメーション設定。
（ここで時間に余裕を感じたので図示。）

アニメーションウィンドウが出てくるので、「アニメーション削除」を選択。

「アニメート」になったらOK。

よし、今度こそダウンロード。
右上にある「・・・」をクリック→「ダウンロード」
（今回はテンプレートから引っ張ってきたからこんなことになっちゃいました。）

保存して。。。（名前を変え忘れるのはデフォルト）

おわりーーー！！

おつかれさまでした🙂

まとめ

晩御飯食べて、なんか思いついたのでやってみよ〜で始めたんですが、
macのスクショ機能すばらしい。

バナーももっとさっくり作れるよう頑張ろう〜！