REMARKS

remarks

これだけはインターネットに置いておきたいという心の叫びを書くブログ

印象をよくするコツ すごくイメージがかわるよ twitterのヘッダー加工 ヘッダー製作

今週のお題「新生活おすすめグッズ」
twitterの中のヘッダー

グッズというわけではないのかもしれないのですが
twitter」という日本人がよく使うツールの中の
ヘッダーに関して最近思ったことを書いてみようと思います

新生活に印象を変えるためにも覚えておくといい簡単なコツです
非常におススメです

ご注意ください

この記事を書いている時点でのサイズ等で記事は書かれています
今後twitter社の方で画像サイズの変更や仕様の変更があった際には
全くあてはまらないことになるかもしれません
その時には新しい画像に関しての記事を検索してくださいね

ヘッダーが残念だとどういう印象になるのか

・ちょっと調べればヘッダーのサイズや作り方はわかるのに調べないのかなぁ?
・自分で作っているのはわかるんだけど本当にヘッダーに想いがあるのかなぁ?
アフィリエイトで収入がありますというツイッターだけど本当にお金あるの?

きついですけどね
そういう印象にもなりかねないのでもったいないです

多分スマホで見ているとあまり気にならないのだとは思うんですけどね・・
私が使っているJanetterのスマホ版ではヘッダー画像は全く見えないですしね
ただパソコンで見てるとすごく残念なヘッダーが多いです

・文字が上下切れている
・小さい画像を無理やり大きくしているので画像が荒い
・背景の色に文字入れした文字が負けている

私はお仕事相手の方をWEB上で目立たせるという仕事もしていましたので
どうも誰よりも光らせてあげたい意識が多分多すぎるので
心がざわざわしてしまうんですね(^-^;

もちろんツイッターの中のお友達に作ってもらったという場合もあると思います
ただその際は逆にサイズや作り方を教えてあげると
その方も今後工夫しながら作るようになると思うのですよ

ツイートした割には全く共感のなかったものを膨らませますけども(笑


誰からも共感がなかったのに書くんかいっ
という突込みも堂々と受け止めましょう

最初に

私はフォトショを持っているので確かに画像加工は人よりできると思うのですが
この記事はもっと簡単な部分のサイズや配置に関してです
覚えておくとご自身で作る際にもヒントになると思いますよ^^

作ったヘッダー

先に申し上げておきます
確かこちらのブログでも書いている通り文具好きなので
まず黄色い用紙のノート

ロルバーンは使用しております
大好きです

マスキングテープも机の引き出しが一つ埋まるほどですけども
↑ ありすぎ

だからといってこういった素敵な文房具女子ブロガー生活をしているかといえば
全くそうでもなく・・
そういえば文具のフリー素材の本持ってたな~
からはじまりーのの
なんていうか練習用でございます

ツイッターのヘッダーのイメージって大事よっていう話をしながら
これかよっていう感じですが
まずサイズに関しての説明をさせてください


f:id:enishisoul:20190416042702j:plain

サイズは1500×500ピクセルです

サイズは1500×500ピクセルですね
このサイズはかなり大きいです

500×125位でもほぼ同じ比率なのですが
そのサイズで作って1500×500サイズの場所に入れると
画像も文字も汚くなります

パソコンのヘッダーに入れると見えなくなる部分がある

上の画像で言うと上下のマスキングテープの部分
50ピクセルはパソコンに入れると全く見えなくなります
マスキングテープは一切見えないと思います

f:id:enishisoul:20190416042954j:plain

なので
写真に文字入れする場合でも
上下50ピクセルくらいはあけておくといいです

そちらまで文字が入っていて見えない方がすごく多いです

もったいない・・

素敵な言葉をヘッダーに入れていらっしゃる方もいるのですが
上下見えないんですよね・・(^-^;
すごくムズムズします・・

左下のアイコンが重なる部分には文字を入れない

上の画像と同じですが
全体的に右寄りのデザインにすることで自然に左下をあけています

この部分に文字が入ってしまっている方も多いです
見えないので読めなくて非常に歯がゆいです(^-^;

f:id:enishisoul:20190416042954j:plain

f:id:enishisoul:20190416044131j:plain

画像はまぁいいとしても
プロフィールがな・・(‥;)

そうなんですよね・・

最近少し変えたんですけどね・・

工夫してみたところ

せっかく50ピクセルとわかっているのだから
その部分にマスキングテープを入れたこと

また画像は同じですが
フォロワー・フォローの所で上下にバーを入れている画像はほとんどないので割と目立つような気がします

f:id:enishisoul:20190416044131j:plain

練習用で作らせてもらった塩トマトさんの画像

塩トマトさん

twitter
twitter.com

はてなブログにいらっしゃいますよ

shiotomato0101.hatenablog.com

【企画やってることもありますよ】


たまたま見かけていたツイート

実はですね
ヘッダーに関して「変えた方がいい」というようなツイートを見て
なるほど・・と思っていたころに
他のヘッダー募集に塩トマトさんが応募しているのをたまたま見かけていたのです

なのでご希望のイメージが先にわかっていたので
勝手に作りました

こんなにコンセプトがわかってるなんて練習用に(以下略
お勉強させていただきました

このツイートを見て
慌てて

もらってもらえませんか???

と必死に懇願しました

↑変な奴

快く受け取ってもらいました^^
その後もう1回差し替えてもらったんですけどね(^-^;
そういうところがねぇ・・
かっこよく一回で決められないんですよねぇ・・

素材

塩トマトさんのアイコン画像に似ていたので
著作権等をきちんと確認してこちらの素材をお借りしています
他の方に作る場合は自分の時以上に著作権等は確認します

www.irasutoya.com

素材をよく見てコンセプトに近いものは一旦パソコンに全部ダウンロードする

とにかく素材を見ます
どこにあったかな・・となるのが嫌なので
ひとつフォルダを作ってコンセプトに似た画像を全部ダウンロードしてしまいます
あとは素材を組み合わせていきます

今回虹の画像などもあったのですがデザイン的に入れられなかったです

出来上がったもの

【1回目】

上下あけることはわかっていたので単に空白を作っていたもの
文字も完成版よりも少し小さいんです

f:id:enishisoul:20190416050456j:plain

【2回目】

上の画像の上下にピンクのバー(棒)を入れたもの
塩トマトさんは男性ですし色々色を試したのですが

一番ピンクが目立っていました
もう1回言います
一番ピンクが目立っていました

なので色は変えられますよというメッセージとともに
一番おすすめのピンクでお渡ししました

f:id:enishisoul:20190416050859j:plain


【3回目】
ピンクのバー(棒)がどうも存在感がなかったので再度修正
文字ももう少し大きくできそうだったので
ツイッターの文字を小さくしてブログタイトルを大きくしました

そういえばヘッダー画像にブログのタイトルでいいのかも聞いてなかった~(笑

※多分製作した時点で50ピクセルという数字をまだ知らなかったままの
 練習画像でお渡ししちゃったんですね
 見分けがつかず申し訳なかったです
 文字も大きくしたので多分気にいっていただけたはず~

f:id:enishisoul:20190416051634j:plain

塩トマトさんをフォローした場合の画像

はぜひご自身でフォローして確かめてみてください
よく他のフォロワーさんを紹介されている
優しい方ですよ^^

twitter.com

最後に

光る要素があるのにもったいないなぁと思うところは
ちょっとした工夫だと思うのですよ

目立ちたいなら目立ちましょう!

そのうちに自分のコンセプトから完全にかけ離れてるヘッダーも変えよう・・
タイトルと逆さまの落ちがまっていたなぁ・・
困ったなぁ・・


まぁいいか・・


↑こういうやつです