Facebookページをタイムライン化してみた。プロフ写真とカバー画像を作る

メイン画像

ヤマシタこんにちは。

金曜ですね。今日を乗り越えれば待ちに待った土日がやってくる!

先日、Facebookページ(ファンページ)でタイムラインの使用が可能になりました。
それだけだと思っていたら、なんと!3月30日より、
Facebookページが強制的にタイムライン化されます!

今月中にFacebookページを持っている方は対応しないと;
タイムライン化で一番大きく変わる所はWelcomeページの設定が
出来なくなってしまう所です;
これは企業にとてはかなり痛いでしょう…

人ごとの様に言ってますが、モチアゲ自体もWelcomeページを使っているので
Facebookさんにはやられました\(^o^)/

という事で。早速タイムライン化したいと思います。

Facebookページをタイムライン化したらどうなる?

Facebookページとは企業や名人、アーティストやブランドなどがユーザーとの交流のために作成・公開するもの。

今までのFacebookページ
1

最初に説明した通りFacebookページをタイムライン化する事により
Welcomeページの設定が出来なくなってしまう…
2
さらば、Welcomeページ…

Welcomeページと言えば、診断アプリなどいいね!を押してもらうタメに
使っていた方が多いだろう…
これからはそれが出来なくなるのでどのようにいいね!を押してもらうか
今まで以上に工夫しないと行けない。

でも、ユーザー的にはいいね!を押さないと見れないコンテンツとか
うざかったからタイムライン化はいいね!

3

Facebookページの管理人がページを開くと上記の様に

”Facebookページは2012年3月30日をもってすべて新しいデザインに切り替わります。プレビュー機能を使って、レイアウトや新機能をご確認ください。”

と表示されている。

プレビューボタンを押すと…
4

あっという間にタイムライン化!
”今すぐ公開”を押すと皆に公開されます。
全部終わってから押しましょー 笑

まだまだやる事は山積み;;;


Photoshopを使って画像を作る!

Ausgetrock.netデザインチームが提供している
Photoshopのテンプレート&アクションのセットを使って簡単!?作成!!

テンプレート&アクションのセットをDL

5

リンク先の”Photoshop Facebook Timeline Template v1.1”をクリックすると
ダウンロード出来ます。

解凍したフォルダ内のfb_timeline_template v1.1.psdを開きます。

6

それぞれの画像サイズ
プロフィール写真 180×180ピクセル
カバー画像 1225×452ピクセル

このPSDデータを使うと簡単にプロフィール写真とカバー画像が作れますが、、
後で大変な事になります、、、

7

プロフィール写真とカバー画像に使う画像を配置します。




Photoshop、アクション講座

アクションの存在が謎だ!と言うミヤシタミヤシタの為に
ちょっと初歩的な事を書きます。

Photoshopのアクションの使い方

8

1,ウィンドウメニューからアクションを選択します。

9

2,アクションパレットが開くので上記の様に”アクションを読み込み…”をクリック!

10

3, “facebook-timeline-template_v1-11″フォルダを開きます。
するとFacebookファイルが現れ、中には
create facebook timeline pictures アクションが入っています。

4,create facebook timeline pictures アクションを選択し、
アクション再生ボタンをクリック!

すると…

11

プロフィール写真の書き出しが始まります。
プロフィール写真の保存完了後、自動でカバー画像の書き出しが始まります。

これでプロフィール写真とカバー画像が出来ました!!


Facebookページに画像をアップロード

Facebookページに戻り”カバーを変更”→”写真をアップロード…”をクリック!

12

読み込みが完了後、カバーをドラッグして位置の調節が出来ます。
Photoshopでしっかり作ればいじる必要なし。

調節できるので誰でもお気に入りの写真をカバー画像に設定できますね ♪

13

変更を保存!

次はプロフィール写真を変更。

“プロフィール写真”→”写真をアップロード…”をクリック!

14

アップロード完了!

15

思いっきりずれとる;;;;;

原因は、ダウンロードしてきたテンプレート&アクションのセットが
Facebookページ用ではなくプロフィールページのタイムラインのようだ…

いくら何でもFacebookページをタイムラインの
テンプレート&アクションのセットがもうあるのは早いと思った…

まぁガッツリ使ってたんだけどね

てへぺろ(・ω<)


Facebookページとプロフィールページのタイムラインの違い。

fb_timeline_template v1.1.psd内のサイズ

16

Facebookページはプロフィールページの写真より25px下に下がっていた。

※Facebookの画面上だとプロフィールページとFacebookページの
プロフィールアイコンの位置は17px違う。

なんとか、プロフィール写真は力技で書き出した;
もうアクションとか関係ない

17


問題なくアップ出来たので18をクリックして公開!




他にどんな設定が出来るだろう??

4つのタブを表示出来る。
残念ながら1つ目は写真が固定されている様なので3つしか
自分でカスタマイズ出来ないようだ。

変更方法はアイコン右上の鉛筆マークを押して入れ替えたい
タブを選択するだけ。
19


タイムライン上に1つだけトップに固定して表示する事が出来る。
固定されている投稿はリボンが!!
20


まとめ


今後のFacebookページはタイムライン上に様々な情報をあげ
その内容でいいね!を押させるのがいいのかな。

とりあえず、ずっと放置していたWelcomeページが消えてよかった!!
すっきりーーーー\(^o^)/


モチベーション70%

山奥で生まれ大自然に囲まれノビノビと育った問題児、富士山のターザンとは俺の事だ!デザイナーになるため山を捨て、社会の荒波にもまれながらもWebデザイナーに行きついた。妄想で世界を変えれる様な超人なるのが夢。座右の銘は、時間は買う物

このエントリーをはてなブックマークに追加
はてなブックマーク - Facebookページをタイムライン化してみた。プロフ写真とカバー画像を作る
Post to Google Buzz
Bookmark this on Yahoo Bookmark
Bookmark this on Livedoor Clip
Facebookページをタイムライン化してみた。プロフ写真とカバー画像を作るモチアゲ
Bookmark this on FC2 Bookmark
Share on FriendFeed

Leave a Reply