Photoshopを使用してFacebookタイムラインカバーを作成する

すばらしいFacebookのタイムラインで友達に感動を与えたいですか?どうやって作るのかわからない?もう探す必要はありません-あなたは正しい場所に来ました。

あなたはおそらくすでにたくさんの創造を見てきましたFacebookカバー。そして、信じられないかもしれませんが、それらのほとんどはPhotoshopで作られています。非常に難しいように見えるかもしれませんが、いくつかの測定といくつかの調整は、あなた自身のカバーを作るのに必要なすべてです。

測定+無料のテンプレート

Facebookのプロフィール写真は160倍になりますカバー写真のサイズは851 x 315ですが、160ピクセルです。下の画像をクリックして、このチュートリアルで使用する無料のテンプレートを直接ダウンロードできます。

psdテンプレートタイムラインfacebook fb photoshop寸法無料ダウンロード

Facebookタイムラインを始めましょう

ウェブ上には、多くのインスピレーションがありますカバー写真のアイデアを見つけるのに役立ちます。ほとんどのカバーは、「ピクチャーインピクチャー」効果を利用した遠近感と背景で再生します。あなたの内なるデザイナーを見つけ、あなたのアイデアを形作り、Photoshopに行く前に必要なすべての写真を撮ってください。

FacebookのタイムラインのアイデアGoogle画像検索タイムラインfb photoshop

Photoshopの時間

テンプレートをダウンロードした後、最初にやりたいこと—お気に入りのすべてのファイルを含むフォルダーに配置した後 Photoshopで開くことです。これは次のようになります。

Facebookテンプレートタイムラインpsd photoshop

すぐに、ほとんどの操作が行われるレイヤーパネルに注意を向けます。テンプレートは5つのレイヤーで構成されています。これらのうち2つは触れないでください (だから彼らはロックされている) あと3つ使用します。

テンプレートレイヤーFacebookのタイムラインpsd photoshop

タイムラインでの作業中に、レイヤーを配置します の間に その プロフィールフォトフレーム レイヤーと プロフィール写真 層。この背後にある理由は、記事の下部にあるスクリーンキャストで見ることができます。

レイヤー配置photoshop facebookタイムラインpsd

タイムラインは任意の方法で作成できます。 あなたが持っているすべてのものでできる、そうすべきです。創造性を感じているが、Photoshopで特定のタスクを実行する方法がわからない場合は、GroovyAnswersでお気軽にお問い合わせください!または、他のPhotoshopチュートリアルをご覧ください。私のものです:

最終外観FacebookタイムラインPSDフォトショップドキュメントの仕上げ

そして、これが私の レイヤー パネルは次のようになります。

レイヤーパネルフォトショップ最終psd facebookタイムラインプロジェクト

エクスポート

Facebookのタイムラインをエクスポートすると、少し面倒になります。タイムラインが正しく整列されないようにするには、ここの手順に厳密に従ってください。移動することから始めます プロフィール写真 そして タイムライン テンプレートの最上部にあるレイヤー。

レイヤー移動移動レイヤーパネルphotoshop facebookタイムラインpsd

そして、それらを無効にします。

レイヤーの可視性を無効にするphotoshop facebook timeline psd document final

以下のすべてのレイヤーを選択してください プロフィールフォトフレーム Ctrl +クリック。

レイヤーの選択photoshop psdテンプレートfacebookタイムライン

それから 右クリック>レイヤーの結合.

レイヤーを統合レイヤーパネルフォトショップテンプレートpsdタイムラインFacebook

必要に応じて、結合レイヤーの名前を変更します。私を「ファイナル」と呼びます。

最終的な名前変更レイヤーphotoshop facebookタイムラインプロジェクトpsd

詳細は2ページをご覧ください

これで、2つの別々の画像のエクスポートに進むことができます。プロフィール写真をエクスポートするには、長押しします Ctrl そして クリック プロフィール写真のレイヤーサムネイル。

レイヤーサムネイルctrlクリック選択作成photoshop psdテンプレートfacebookタイムライン

それから クリック 最後の レイヤーを選択します。

レイヤーフォトショップpsdテンプレートFacebookのタイムラインを選択します

押す Ctrl + C コピーする 続いてCtrl + N 新しいドキュメントを開きます。

新しいドキュメントフォトショップウィンドウpsdテンプレートFacebookのタイムライン

表示されるプロフィール画像のサイズは160 x 160ですが、 フェイスブック 本当に大げさで望んでいる プロフィール写真180 x 180の最小サイズ。一緒に遊んで、この新しいドキュメントにニーズの変化を加えましょう。

寸法新しいドキュメント修正photoshopテンプレートpsdドキュメントfacebookタイムライン

ずっといい。今、私は押します OK、すぐに私の指を叩きます Ctrl + V その後、プロフィール写真を貼り付けます。

貼り付けられた画像の適合問題photoshop facebook timeline psd template

最初は、180 x 180フレームに完全には適合しませんが、ちょっと-それがスケーリングの目的です。押す Ctrl + T 新しく貼り付けられた画像を変換し、アンカーポイントを使用して画像の寸法に完全に合うようにします。

自由に変換

押す Ctrl + Shift + S プロフィール写真を保存します。私は最高の品質でJPEGとして保存しました (Facebookは圧縮しますが、できることはあまりありません).

JPEG品質12 Photoshop品質設定圧縮設定Facebookタイムラインpsd

保存した後、ドキュメントを閉じてテンプレートPSDに戻ることができます。ここから、タイムラインに対して同じプロセスを繰り返します。 Ctrl +クリック タイムライン レイヤーのサムネイル。

レイヤーサムネイル選択photoshop facebookタイムラインテンプレートpsd
選択してください 最後の。

レイヤーフォトショップpsdテンプレートFacebookのタイムラインを選択します

Ctrl + C コピーして Ctrl + N [新しいドキュメント]ウィンドウを開きます。

プロのヒント: プロファイルフォトフレームレイヤーをオフ(非表示)にして、新しいドキュメントにコピーして取り込む前に、クリーンなタイムラインの外観を確認できます。</ p>

プロフィール写真画像フレームレイヤーを無効にするfacebookタイムラインpsd photoshop

ctrl n新しいドキュメントフォトショップウィンドウfacebookタイムラインテンプレートpsd

必要な解像度は851 x 315なので、これら2つのピクセルを高さに追加し、クリックして先に進みます OK.

寸法新しいドキュメント修正photoshopテンプレートpsdドキュメントfacebookタイムライン

貼り付け Ctrl + V そして使用する 自由変形 再度、上部と下部の単一行のギャップを埋めます。

自由に変換

最後に、使い慣れたキーボードショートカットをタップします Ctrl + Shift + S タイムラインを高品質のJPEGとして保存します。

JPEG品質12 Photoshop品質設定圧縮設定Facebookタイムラインpsd

これで、2つのファイルをアップロードできます。それぞれ、プロフィール写真とタイムライン。すべてを正しく行った場合、プロファイルの外観はPSDテンプレートの外観と完全に一致します。

Facebookタイムラインカバーの作成方法の具体的な詳細については、以下のスクリーンキャストをご覧ください。

0

類似の記事

コメントを残す