タイムラインを少しだけクリエイティブっぽく
カバー画像とプロフィール写真を組み合わせる
カバー画像…850×315px
プロフィール写真…160×160px
ちょっとカバー画像とプロフィール写真を組み合わせる方法を紹介します
①背景として使用する一枚の画像を用意します。
サイズは最低でも850×357pxのものを用意してください(できれば縦横ともに余裕があるものが望ましいです)
② Windowsの「ペイント」を使用します。
③プロフィール写真として使用したい範囲を図形で囲む
図形描画ツールなどを使って、プロフィール写真として使用する部分を囲います。
400×400pxの正方形にしました
小さすぎるとアップロードできないので、最低でも一辺が180px以上になるようにしてください
④カバー画像のサイズと起点の位置を求める
プロフィール写真のサイズが決定したら、次はカバー画像のサイズと起点の位置を求めます。
倍率を求める
カバー画像…850×315px
プロフィール写真…160×160px
(プロフィール写真の大きさ)÷160
カバー画像(幅):850×(倍率)
カバー画像(高さ):315×(倍率)
プロフィール写真は、400×400pxの正方形だったので…
倍率:400÷160=2.5
カバー画像(幅):850×2.5=2125
カバー画像(高さ):315×2.5=788(小数点以下は繰り上げ)
起点がずれれば、プロフィール写真とカバー画像がずれてしまうのですが、位置を求めること自体は簡単です。
それぞれに先ほどの倍率を掛ければ元画像における起点の位置を割り出すことができます(写真のような白いブロックを作ると考えてください)。
ブロックの幅:26×(倍率)
ブロックの高さ:42×(倍率)
ブロックの幅:26×2.5=65
ブロックの高さ:42×2.5=105
⑤起点を求めるブロックを作成
先ほど求めた幅と高さにあわせて、写真のような白いブロックを作成します。
作ったブロックの右下の角とプロフィール写真を囲む枠の左下の角が重なるようにブロックを配置してください。
ブロックを作成できたら、次はカバー画像に使う部分の枠を描画します。
描画の際には、ブロックの左上の角とカバー画像の左下の角が重なる位置を起点にしてください。
⑥カバー画像を切り抜いて「名前をつけて保存」
⑦ 「Ctrl+Z」などで作業をプロフィール写真の枠しか引いていない時点まで戻します。
作業を戻したら、枠線に沿ってプロフィール写真を切り抜きます。
切り抜いたら「名前を付けて保存」してください。
⑧最後に、それぞれの写真をアップロードし、カバー画像とプロフィール写真にそれぞれ設定すれば完了です。