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

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

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


追記

2016年の中旬頃? また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、しばらくはコレでいってみようと思います!

公開日:2014/06/26

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

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

YouTubeでQ&Aコンテンツを企画しています

運営しているYouTubeチャンネルで、ご相談やご質問を募集しています。動画のコメントやお問い合わせページからお気軽にご相談をお寄せください。