見出し画像

noteマガジン「ヘッダー画像」の簡単な作り方

noteのマガジンヘッダー画像って難しいですよね。
思ったように表示されなくて困ってしまいます。

私のイラストもマガジンで使おうと思うと使えないことが大半です。

通常のnote記事も使えないイラストが存在します。
note「みんなのフォトギャラリー」はnote記事で利用しやすいように一手間かけて登録しています。

マガジンの場合は一手間どころか何手間もかかってしまうため考えないようにしてました(汗)

例えば……
下記の画像をマガジンで使う場合……


フリーイラスト素材・なごり雪
フリーイラスト素材「なごり雪」

上記のイラストをマガジンで利用しようとすると下記のようになります。

noteマガジンヘッダースクショ
noteヘッダー

実はBlueSkyでも同じ状態になってしまうためヘッダー画像の調整をすることにしました。
そして出来上がったのが下記の画像。

ヘッダー画像フリーイラスト・なごり雪
ヘッダー画像フリー素材・なごり雪

これをダウンロードするとマガジンに利用できます。

noteマガジンヘッダー画像
フリー素材をそのまま利用

このまま利用した場合、noteはSNSでシェアすると文字が表示されることが判明。

拡大して文字を消しましょう!

noteマガジンヘッダー画像
画面下の拡大縮小で調整して下さい

好みのサイズになるまで拡大します。
画像が粗くなってしまいますが(汗)

好きな表示になるまで拡大

iPhoneのマガジン画面

iPhoneの画面

クリエイターページでの表示
パソコン・iPhoneとも共通

クリエイターページでの表示

記事の画像でも使いやすいので、今後はBlueSkyヘッダー画像を「みんなのフォトギャラリー」に登録します。
ご自由に拡大して利用できます。
アトリエはなみ ヘッダー で登録します。

自分でマガジンヘッダー画像を作りたい!

ご自分でマガジンヘッダー画像を作るには?

素材によっては、利用できない画像が多いですよね。
一手間、二手間かけますが、面倒くさい。

BlueSkyのヘッダー画像の作り方ページを作成しました。掲載しているテンプレートを利用するだけなので、簡単に作ることが出来ます。

思うようにnoteマガジンのヘッダーが作れない!という方、ご利用くださいませ。

私のイラストをヘッダーに使いたい!

おおおお!ありがとうございます!
BlueSkyにてBlueSkyヘッダー画像をアップしていますので、そちらをダウンロードしてお使いください。

イラスト専用ですので、全イラストはご自由にお使い頂けます。
ページの片隅にURLをリンクして頂けると嬉しいです(しなくてもOKです)
 ⇒ https://bsky.app/profile/atelier-hanami.bsky.social

みんなのフォトギャラリー素材以外をご利用の場合は、TwitterーXに(@hanami_tiki)を付けて投稿頂けると嬉しいです(しなくてもOKです)

イラストについて

再配布しない限り、個人法人を問わず無料でご利用頂けます。素材を利用することによって発生したトラブルについては一切責任を負いかねます。

イラスト素材サイト


この記事が参加している募集

404美術館

いつもご覧いただきありがとうございます。 これからもより良い作品を作るために努力精進していきます。 サポートいただいたお金は、創作活動のために使わせていただきます。