2014
6
26
[2014年6月版] facebookのつながったカバー+プロフィール画像のpsdテンプレート

以前、facebookのカバーとプロフィールの画像が一体化したデザインのテンプレートを作ってあったのですが、配置が変わっちゃったみたいなので作りなおしました。


新テンプレート

旧テンプレート

2012年8月に作ったテンプレート。このときはこのように表示されていたのですが、

140626-1

こんな感じになってしまいました(;´Д`)

画像の大きさは変わってないような感じなのですが、位置がズレたっぽいですね。プロフィール画像は、表示は160*160pxだけど実際は180px以上ないとアップロードできないという今までと同じ仕様…!

140626-2

というわけで前回と同じく、プロフィール画像が180*180pxで、それに対応した大きさのカバー画像が作れるpsdテンプレートを用意しましたー!

140626-3

こんな感じになります。スマホではつながったデザインにはならないのでご了承ください!

ダウンロード

psdファイルです。ご利用の際はクレジット表記もバックリンクも要りません!

使い方

プロフィール画像

140626-4

テンプレートは952px*386px、解像度72px/inchになっています。赤枠に収まるようにお好きに配置してみてください。

140626-5

[プロフィール画像]という名前のレイヤーをアクティブにして、[選択範囲]→[選択範囲を読み込む]と、180px*180pxの赤枠内が選択されますので、[イメージ]→[切り抜き]を行います。

プロフィール画像

枠を非表示にして保存すれば完成です。

カバー画像

140626-6

ヒストリーで切り抜き前まで戻って、今度は[カバー画像]という名前のレイヤーをアクティブにして、[選択範囲]→[選択範囲を読み込む]で範囲選択して、[イメージ]→[切り抜き]ます。

140626-7

枠を非表示にして保存します。前回はここで[解像度]→[画像解像度]で851px*315pxにする、という方法を紹介していたのですが、試してみたらこの大きさのままアップロードしてもぴったりフィットしたのでこのままでも良いと思います。

それぞれアップロードして確認

いかがでしょうか?そのうちまたズレる日が来るとは思いますがw、しばらくはコレでいってみようと思います!

  • このエントリーをはてなブックマークに追加
  • follow us in feedly 618
  • RSSを登録

公開日:2014/06/26


コメントを残す




*印は必須項目です。コメントは承認制ですので、反映までしばらくお待ち下さい。(稀にですがスパムの誤判定にて届かないこともあるようですので、必要な際はお問い合わせからお願い致します。)


back to top