ちゅみみの虹色の太陽

鳥は前にしかすすまない!人生は前進あるのみ

はてなブログのヘッダ画像を無料で簡単にカスタマイズする方法~Picky-Picsで編集

はてなブログのヘッダ画像、みんなオシャレにカスタマイズしてますよね。

写真を入れてみたり、文字を変えてみたり、アイコンをいれてみたり。

ブログの顔ともいえるヘッダ画面、オリジナルの写真や素材をいれて世界に一つだけにしてみませんか。

 

f:id:chu-mimi:20210714222015p:plain

 

 

無料のデザインツール『Picky-pics』

picky-pics.com

 

初心者の私でもpicky-picsで簡単につくれたわ

 

作ったのはこちら

f:id:chu-mimi:20210712144053p:plain

 

※はてなブログのヘッダサイズは【 幅1000px 高さ200px】 なので Picky-picsで一番近いFacebookカバーサイズの 【幅851px 高さ315px】で作ります。

Picky-picsで高さぎりぎりまで作ってしまうとはてなブログのヘッダに収めたときに画像が切れてしまうので、できるだけ高さは小さめ(200px)に収まるように制作しましょう。

 (もしぎりぎりでも後から編集できるので大丈夫です。)

 

それでは始めましょう

Picky-Picsの使い方

 

 ▼ まずはPicky-Pics(ピッキーピックス)にアクセスして【新規登録】をします。

f:id:chu-mimi:20210712150110p:plain

 

▼次に【デザインしたいものを選ぶ】の【Facebookカバー】サイズを選択します。

f:id:chu-mimi:20210712054005p:plain

 

▼次に【スタートするデザインを選ぶ】で【白紙】を選択しOKボタンをクリック

f:id:chu-mimi:20210712055031p:plain

 

画像の追加

▼白紙の画面になるので【写真を追加】を押しファイルを選択する

f:id:chu-mimi:20210712055111p:plain

 

 ▼追加した画像が下に表示されるので中央の画面までドラッグします

f:id:chu-mimi:20210712134841p:plain

 

▼画像は何枚でも挿入できます。位置調節や□でサイズ調整なども可能です。

f:id:chu-mimi:20210712140225p:plain

 

文字の追加

文字の追加や文字の色変更も可能。サイズも同じく□を使って調整できます。

f:id:chu-mimi:20210712135831p:plain

 

素材の追加

素材の多くは無料ですが、中には有料のもあります。

素材をクリック

f:id:chu-mimi:20210712135846p:plain

 

f:id:chu-mimi:20210712142849p:plain

 

▼左の矢印は素材の重なり調節、最前面最背面(どちらを前に後にするか)です。

f:id:chu-mimi:20210712155445p:plain

 

▼左の矢印は最背面、後ろになります。

右矢印の色のついている□のところをクリックするとカラーチャートが出るので、色の変更も可能です。

f:id:chu-mimi:20210712155455p:plain

 

たくさんの素材があります。一部有料もあります。

f:id:chu-mimi:20210712142837p:plain

 

▼桜の素材をいれてみました。

f:id:chu-mimi:20210712142521p:plain

 

▼デザインが完成したら左下にあるできたデザインを書き出すをクリック

f:id:chu-mimi:20210712142936p:plain



▼【デザインの書き出し】画面になるので画像に書き出し(PNG)をクリック

f:id:chu-mimi:20210712135906p:plain

 

ファイルにダウンロードされて保存されています。

 

これでオリジナル画像の完成!

次は、はてなブログのヘッダに追加作業です。


chu-mimi.com