スマホアプリやデザインが中心のWEBサイト

nakamahalog

Fotor 写真・デザイン

Facebookのカバー画像を「Fotor」で簡単に作成する

投稿日:

今回は画像加工アプリ「Fotor」のデザイン機能を使ってFacebookのカバー画像を作成します。

基本的にはテンプレートに写真や画像をはめ込むだけで作成できるので、デザインが苦手な人でも簡単におしゃれなFacebookカバーを作成することができます

1. Facebookカバーに使用する写真を決める

自身のオリジナル写真を使用することもできますが、今回は無料写真サイトのUnsplashで素材を探してみました。Unsplashは見てるだけでワクワクするような高いクオリティの作品が無料で使えて、本当に神サイトの一つです。

素晴らしい写真ばかりですが、左の黄色い背景の写真を選びました。カバーとしては少し写真が強すぎる気もしますが、気に入ってしまったのでOKとします。

2. 「Fotor」でFacebookカバーを作成する

1. Fotorを開く

それではここからFotorでFacebookのカバーを作っていきます。

Fotorのサイトを開き、右の[デザイン]を選択しましょう

Fotorはこちらをクリック

2. テンプレートを選択

デザインを開いたらFacebookのテンプレートを開きます

サイズに関しては、こちらの公式サイトに掲載されています

Facebookページのプロフィール写真やカバー写真のサイズはどのくらいですか。|Facebook

コンピューターでは幅820ピクセルx高さ312ピクセル、スマートフォンでは幅640ピクセルx高さ360ピクセルの大きさでページに表示されます。

デザインページには「Facebookカバー」が2種類ありますが、ここでは公式サイズと同じ「851 × 315」の方を使っていきます。大きなサイズ差があるわけでは無いので、もう一方に気に入ったデザインがある方はそちらを選んでも大丈夫です。

3. デザインを選ぶ

ベースとなるデザインを選びましょう。色やテキスト、配置などは簡単に変更可能です

デザインを選ぶと中央に表示されて編集が可能となります

4. 写真や画像を読み込む

カバーの背景などに使いたい写真や画像を読み込みます。

画面右上の[インポート]を選択し写真を選びます

このように写真を読み込むことができ、これを使ってカバー画像を作っていきます

5. 写真を背景に設定する

「4.写真や画像を読み込む」で読み込んだ画像をカバーの背景までドラッグします 

すると背景画像が入れ替わります

上記のままでは画像が見切れてしまっているので位置を調整します。

背景画像をダブルクリック、もしくはクリックして左上の「サイズ」を選択すると画像の位置とサイズを変更できるので、明るい部分に表示したい箇所を移動させてください。拡大や縮小は左上のスライダーで調整できます

写真の位置を調整したら、左上の[変更する]を選択します

これで位置の調整は完了です。

位置は調整したものの、下部のオレンジの横線画像は必要ないのでこれを削除します。

画像をクリックして選択し、キーボードの[Delate]を押すか、右クリックから削除を選択します

これで削除は完了です。

写真を加工する

写真を選択し、左上の[効果]を選択すると、フィルターをかけて簡単に雰囲気を変更することもできます。更に調整や変更をしたければ[その他のエフェクト]を選択してみてください

6. テキスト(文字)を変更する

編集したい文字を選択します。ここで文字を削除して、入れたい文字を入力します

選択すると左上にテキスト編集メニューが表示されます。

左から「色」「フォント」「サイズ」「中央ぞろえ」「太字」「斜め」「小文字・大文字」「下線」「文字間・行間」「背景」

「色」と「フォント」を変更してみました

あとは、完成した文字をドラッグして位置を調整してみましょう

とりあえずこれでデザインは完成です

7. ファイル名を決める

この後の「保存」の際でも変更できますが、画面下の黒いボックス内の文字を変更します

8. 同期する

アカウントを作成している方は同期ができます。同期をしておくことで、いつでもどの端末からでも作品を読み込むことができます。自分の作品は画面右上のアカウントから「自分の作品」で見ることができます

3. 保存する

pngで保存しましょう。jpgだとにじんでしまう可能性があります。

4. Facebookのカバーを変更する

Facebookを開いて画像を変更しましょう。画像の左上をのカメラアイコンから[カバー写真を変更]を選択します

[写真・動画をアップロード]を選択します

変更した画像を選択して、右下の[保存]をクリックすれば完了です

ちなみに

画像を幅いっぱいで作成すると、上記のようにスマホの表示で端が若干見切れてしまいます。画像や文字はやや中央寄せで作成するのをおすすめします。

もしくは、元からパソコン版では無くてスマホ版を優先したサイズで作成してください。

少し真ん中寄りにして調整しました

5. まとめ

完成までの作業時間は5分くらいで本当に簡単に作成できました。

おしゃれなテンプレートも多く用意されているので、オリジナルのおしゃれなFacebookのカバー写真を作成してみてください。

-Fotor, 写真・デザイン
-, ,

Copyright© nakamahalog , 2018 All Rights Reserved.