Entrance Part2

だらだらダイアリー。心を解き放て

シンプルな画像を簡単に作れる「Picky-Pics」でヘッダーをおしゃれ化【はてなブログ】

【今年最後の大セール】:Amazonサイバーマンデー最終日!!

f:id:kmartinis:20170806205601p:plain

けいいちです。

今日はツールの紹介。ヘッダー画像を作成するときにかなり役に立つので。

 

Picky-Pics

picky-pics.com

 

WEB上で、無料で使える。操作方法も単純で、パワポ触れる人なら説明はいらない。パワポ使ったことない人でも、めちゃくちゃ直感的に操作できるので、すぐに慣れる気がする。

 

 

ここがすごいよPicky-Pics

  1. 無料(一部素材有料)
  2. 操作かんたん
  3. 素材いっぱい
  4. テンプレートいっぱい
  5. 年賀状とか名刺みたいなのも作れる

はい 

 

簡単なヘッダー作成方法 

この記事は、Picky-Picsの魅力を掘り下げるんじゃなくて、オリジナルのヘッダー作ろうよ〜ってことが言いたいだけなんで、ここからはブログのヘッダーのはなし。

簡単な作成方法も書いとく。

 

Picky-Pics(ピッキーピックス)

上記サイトにアクセスしたら、まずアカウント作る。ちなみに僕はFacebookのアカウントで作った(たしか)。

そしたら、画面上部にテンプレートが表示されるから

f:id:kmartinis:20170806145520p:plain

 

右の矢印をクリックして、Facebook カバーってのを選択する。

f:id:kmartinis:20170806145638p:plain

 

そしたら下にこんなのが表示されるから、白紙を選択して制作開始

f:id:kmartinis:20170806145718p:plain

 

ここからは、説明いらないくらい簡単に使えるので、ひたすらいじりまくろう。ごちゃごちゃするよりかは、シンプルなデザインの方がかっこいいので、そこらへんの加減は注意して。

 

ちなみに僕のヘッダーは、こんな感じで作った。

 

1 背景 > 「+」を選択 > 好きな色を選択

f:id:kmartinis:20170806150939j:plain

カラーコード表貼っておく→CSS/HTML色見本

 

2 文字 > 「テキスト」を左にスワイプ > 文字を変更  

f:id:kmartinis:20170806152202p:plain

 

こんな感じで、フォント文字サイズを変更できます。テキストの変更は、ダブルクリックで。

基本的に、ブログ名にしてやればいいと思います。ちなみにブログ名変わってるので、以下のは旧タイトルだと思ってください。

 

バランス崩れちゃうじゃんって心配する人もいるかと思うんですけど、こんな感じに線を表示してくれて、正確な加減ができるようになってます。

f:id:kmartinis:20170806153637g:plain

 

3 素材 > よくわからんひし形みたいなの > 背景色の正方形を被せてやって細くする  

f:id:kmartinis:20170806154504j:plain

 

赤い四角で囲ってある、二つの素材を使用した。ひし形を、タイトル下に置いてやった後に、巨大化&背景色に合わせた正方形を被せて、細さを調節した、って感じです。かなり適当。

f:id:kmartinis:20170806154926p:plain

 

3ステップで完成したヘッダー

そんな感じでできたのがこれ

f:id:kmartinis:20170806121006p:plain

 

シンプルでいい

 

作った画像をブログに導入しよう

【ブログカスタマイズ】はてなブログのヘッダー画像の余白を非表示にする方法 - 月無ことのは日記

 

この記事読めば、余白ができず、きちっとヘッダーが収まると思います。参考にさせていただきました。

よりおしゃれに行くなら、ブログ全体のカラーを数色で統一するのがマスト。もちろんヘッダーの配色も気にしなければいけないので、一度ブログで使っている色を洗い出して、それを踏まえた上でヘッダーを作りましょう。

 

配色に関してはこちらのサイトを参考にすると、かなり完成度が高くなると思う。

配色パターン見本40選:ベストな色の組み合わせ確認ツール

 

Picky-Picsは、写真も追加できるので、(.jpg / .png)

▼以下のようなサイトから、可愛いフラットアイコンをダウンロードして、追加してみるのもいいかと。

FLAT ICON DESIGN -フラットアイコンデザイン

 

まとめ

ヘッダーは、ブログを訪れた人が一番初めに目にする重要な場所。ブログの印象を大きく左右するポイントになります。Picky-Picsを使って短時間でオリジナリティー溢れるヘッダー画像を作りましょうという記事でした。

 

Picky-Pics(ピッキーピックス)

 

f:id:kmartinis:20181111191523j:plain