私はテキスタイル、衣装、ファッションデザイナーという、アナログ手作業が多い分野の人。
でも自分の世界観を即!表現したいのでヘッダー画像デザインは自分でやってます。
そしてこの後さらにカッコイイものにしたいとプロに外注するとしても!
「こんなのやってください」と具体的に言えると誤解なくすいすい進みますよね~
プロに頼む側として抽象的な要望はNG!
まずは自分の世界観をさっと表現してみよう
目次
無料のCanvaでブログ初心者さんがおしゃれなヘッダー画像を作る!
早速グラッフィックデザインを無料で簡単作成するツールCanvaを使って自作しちゃいましょう!
パソコンだと仕上がりがダンゼン早いのでここではパソコンでの使い方を。
まずは上のボタンから無料アカウント登録。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-19_09h16_39-1-min-1.jpg)
そして上のメニューバーのホームにいくとこのような画面に。
ヘッダ―画像のサイズ選択!
まずはヘッダー画像サイズを選択。
画像サイズは媒体によって違うので、あったものを選ぼう。
例えば
Twitterヘッダー画像作成の場合。![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-26_06h25_39-1-min.jpg)
- デザインの作成をクリック
- 「Twitterヘッダー」など一覧から選択
- または 検索します
ワードプレステーマJinでヘッダー画像を作成する方法
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2400800PCヘッダー-min-1-1-min.jpg)
ワードプレステーマは『JIN』。
では一緒に作り方をみてみましょう。
既存の画像サイズではないのでカスタムサイズを設定。
JinのPC表示用ヘッダー画像サイズは2400横幅×800縦幅px。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-28_06h11_52-min.jpg)
- 「デザインを作成」をクリック
- 横縦幅を入力
- 「新しいデザインを作成」をクリック
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-28_06h22_40-1-min.jpg)
そうすると新しいデザイン作成画面に。
ヘッダー画像のベースの色を決めよう
まずはベースの色をきめよう。
ブログのテーマカラーがいいでしょう。
私はグレーとピンクにしてます。
黒だとそれぞれのスマホやPCの設定でいろいろな黒に見えてしまう。
ただの穴にも見えてしまうので一段あげてグレーに。
いいです(笑)
アクセントカラーはピンク。
ベースが紫でアクセントに黄色もいいけど‥
公の場だからここはみんなが落ち着く色の方がいいよね。
他にベースが白だときれいに決まって好感度アップ。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-29_06h22_45.jpg)
テーマカラーきめたら『にじにじ』をクリック。
カラーははじめに決めておかないと迷って迷って仕上がりが超遅くなるよ!
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-29_06h26_23-1-min-1.jpg)
- 「新しい色」の◎を動かして好きな色に設定
- デフォルトカラーにあればそれを選んで
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-10-30_06h20_30-1-min.jpg)
- 好きな色をつくったらこの欄がその色になります
- 使用中のカラーをクリック
- 画面全体がベースカラーになるよ
画像をいれてみよう!
ここでテキスト分のスペースをあけておくのが肝心!
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-01_07h12_52-1.jpg)
- 左のメニューは何もしなくても「アップロード」になります
- デスクトップなどにある画像をヘッダーにドラッグ&ドロップ
- 画像の大きさ・位置決定
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-02_05h44_16-1.jpg)
画像をドラッグ&ドロップで位置を変更。
画像を⇒の方にひっぱって大きさを変更。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-02_05h50_05-1-min.jpg)
同じように画像を3ついれました~!
画像はハンドメイド作家さんなら自分の作品で。
画像の著作権が心配なら左メニューのCanvaテンプレートをつかってね!
テキスト分の余白を取って画像を設置
さきほど空けておいたテキスト分のスペースを使ってテキストを挿入。
私はピンクのアクセントカラーをいれるよ。
テキストを入れるための四角形を挿入。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-02_05h57_07.jpg)
- 左メニュー素材をクリック
- 図形を選択
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-02_06h24_58-1-min.jpg)
- 図形を選択したら 欄が図形になってますよ~
- 四角形をクリック
- 画面に四角形が!
- 拡大縮小できない四角形もあるのでこのマークがついてるか注意
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-03_05h59_36-1-min.jpg)
- ドラッグ&ドロップで位置を決め四隅をあやつって好きな大きさに
- 四角形をはみださせても抜け感あり。これはまったくのお好みだけどわたしはきっちり枠にはまっていないデザインがすきなので
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-03_06h06_51-1-min.jpg)
- カラーをクリック
- 新しい色をクリック
- カーソルをうごかして好きな色に決定
- 色の名前とカラーコードがひと目でわかるWEB色見本原色大辞典を使う場合はカラーコードを選んでココにコピペ
- 色が変わった!
テキストをいれてみよう
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-03_06h19_51-1-min.jpg)
- メニューからテキストをクリック
- 3つの大きさから一つクリック。これは字の大きさが違うだけであとから縮小拡大できます。下のテンプレートから選んでもカッコイイよ!
- 『見出しを追加』がでたよ~!
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-03_06h52_47-min-1.jpg)
自分のテキストに置き換えよう
でも‥このままだと読みずらい。
こなれてない。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-03_06h56_52-1-min-1.jpg)
- テキストを全選択して
- 左揃えに
- 文字の色をかえよう。フォントを変えたいときはこのタイミングでかえよう
- 白にしてみるよ!
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-04_05h48_08-1-min.jpg)
イイ感じ!
サブテキストを追加
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-04_05h54_49-1-min.jpg)
- 左メニューから『小見出しを追加』か『本文を追加』を選択。字の大きさがちがうだけ
- サブテキストを書き込みます
このままだとのっぺりしてつまんない‥
文字を回転させよう!
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-04_06h10_43-min.jpg)
「15年」「ファッション史専門学校!」と言う部分を消してスペースをいれておくよ
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-04_06h14_15-min.jpg)
- テキストボックス追加して太字で「15年」といれる
- テキストボックスを回転させる
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-04_06h17_38-min.jpg)
「ファッション史専門学校!」も追加。
今度はフォントサイズを大きくして見よう。
シンプルにリズムがついた!
ヘッダー画像にボタンを追加!
私は後で自作のボタンを追加しています。
っていってもハコだけ。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-05_05h48_22-1-min.jpg)
っていうか番号と
を黄緑にしたよ。ピンクは好きだけど全面ピンクで見えなかったね‥
最初から黄緑にすればよかったんだけどポリシーに反するから(笑)
- 左メニュー『図形』から
- 矢印を選択
- すると矢印が挿入
- カラーパレットで色を変えて
- 透明度もかえてオシャレにするよ~
- カーソルを左右に動かしてスケスケにしてみよう。ここではチョット下の絵が透けるくらいに
ここにテキストをいれるよ。
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-06_05h33_56-1-min.jpg)
- 左メニューのテキストから挿入できました!
- 今度は『素材』を選んで
- 「手」を検索
- 一つ選んでクリック
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-06_05h35_52-1-min.jpg)
完成したヘッダー画像をダウンロードする
![超簡単ヘッダー](https://aoki7.com/wp-content/uploads/2030/10/2020-11-08_07h16_24-1-min.jpg)
デザインできたらデスクトップなどへダウンロードしよう。
- 「ダウンロード」をクリック
- 「ファイルの種類」から今回は軽いJPGを選択
- 「ページを選択」をクリック
- ダウンロードしたい1ページのみクリック
- 「完了」をクリックすると任意の場所にダウンロードされるよ!
ここまででデザインとダウンロードは完成!
お疲れ様でした~
Jinのヘッダー画像にリンクを貼って(なんちゃって)ホームページっぽく
続いてワードプレスそれぞれのテンプレートのマニュアルを見ながらヘッダー画像のリンク先設定します。
このブログはワードプレステーマJINのブログテンプレート。
オシャレでよみやすいブログを書いているTwitterのフォロワーさんにテーマを聞いたら「JIN」だったからマネ。
JINマニュアルの中のヘッダー画像を設定するを参考に。
これで作業はおしまい。
ヘッダー画像をどこでもクリックしたら任意のページに飛ぶようになってます。
なんか本格的になっちゃった!
意外と歴史の裏側に通じているかも♪
![](https://aoki7.com/wp-content/uploads/2024/02/5-min.jpg)
ファッション史専門学校には登録するだけで誰も知らないファッション史が無料で学べるアオキ★メルマガがあります。
![](https://aoki7.com/wp-content/uploads/2024/02/ブログアイキャッチのコピーイタリア留学から-min-1.jpg)
豪華特典プレゼント!!
ロココ3大動画!
- マリー・アントワネットのロココヘアスタイル美のカギは血と蜂蜜!8分
- ロココ女性の帽子と化粧と髪、資料は多い者勝ち!30分
- フランス革命前夜から新古典主義、服装も激動!30分
毎回付いてくる世界一美しいスマホの壁紙
世界レベルの衣装デザイナー口伝の『本には載っていない生きたファッション史』秘話
![](https://aoki7.com/wp-content/uploads/2024/02/2-min.jpg)
- マリー・アントワネットの盛りヘアってどうやってつくるの?
- ロココヘアでどうやって外出するの?
- ドレスでトイレってどうするの⁈
- ドール衣装創作でずば抜けた世界観をつくるには?
- プロの時代考証見てみたい!質問したい!
もしアナタが一度でも
こんな風に思ったことがあるなら答えが見つかります♪
![](https://aoki7.com/wp-content/uploads/2024/02/3-min.jpg)
メルマガ読者さんの感想
![](https://aoki7.com/wp-content/uploads/2024/02/43wp画像-min.jpg)
今すぐ無料登録して特典を受け取る♪
ただし
このメルマガを読むともう二度と美術館で流し見できなくなるのでご注意ください‥
もう戻れない、
あなたのまわりにまるで
ヴィスコンティ映画の中にいるような
本物の19世紀ヨーロッパが現れます‥
![](https://aoki7.com/wp-content/uploads/2024/02/1-min.jpg)
今すぐ無料登録して特典を受け取る♪
※プロバイダーメールでは、メールが受け取れないことがあります。
Yahoo、Gmailなどフリーメールアドレスでのご登録をおススメします。
※このメルマガの停止は「メール配信停止」リンクからいつでも解除できます。
※本メルマガの運用にあたりスパムメールの送信や、メールアドレスを第三者に譲渡・売買などは行いません。
プライバシーポリシーはこちら。