女性のためのトータルビジネスデザインサービス F-Labo

ビジネス相談 / アメブロカスタマイズ / HP制作 F-Labo

アメブロのヘッダー画像を無料ソフトを使って簡単に作る方法

21853 views
約 6 分

こんにちは!
ママためのネット集客術 伊藤真穂です。

この記事では、アメブロを自分でカスタマイズしたい方向けに無料画像加工ソフト Pixler Editor(ピクセラー)を使用してオリジナルヘッダーを作る方法をご紹介します。

Pixler Editorは無料で利用できるオンラインソフトです。(そのため編集中に常に広告が表示されます)

Pixler Editorの起動

①まずは以下のリンクよりPixler Editorを起動してください。
https://pixlr.com/editor/
2018年から各ブラウザ(Chrome、Edge、IE、Safariなど)セキュリティ向上の観点から、初めてアクセスした時に「Hi there,」と表示される場合がありますので以下の手順で進めてください。(表示されず、起動画面が出た方はそのままお進みください)

here

1,「here」をクリック
2,ブラウザによって違いますが、以下のような許可を求める画面が表示されるので、「常に許可」をクリックします。(”一度のみ許可”を選ぶと毎回この画面が表示されます)

許可

↓以下はMicrosoft Edgeの画面です

Google Chromeをお使いの方へ

Chromeの場合は、この前に「このサイトを離れますか?」という画面が出ますので「このページを離れる」をクリックします。
新しい画像を作成

②起動したら「新しい画像を作成」をクリックします。
③アメブロのヘッダー画像サイズを指定して「OK」をクリックします。
幅980 高さ 300
又は
幅1120 高さ 400

サイズはアメブロカスタマイズの方法によって違いますので以下の記事を参考にしてください。
<ヘッダー画像のみ変更する簡単バージョン>

<文字入りのオリジナルヘッダーをつける本格バージョン>

新しい画像を開く
解説
選択してコピー

④ヘッダーに使いたい写真を開くので、左上の「ファイル」ー「画像を開く」をクリック。写真を指定します。
重なっていてわかりづらいかもしれませんが、この後、サイズを指定した新しい白紙の画像に、既存の写真を貼り付けるという作業をしていきます。
⑤写真をコピーして、白紙の画像に貼り付けます。
「編集」ー「すべて選択」し「編集」ー「コピー」

前に表示

⑥後ろにあった画像をクリックして前に表示させます。

貼り付け

⑦「編集」ー「貼り付け」すると、白紙の用紙の中に画像は入ります。この後、写真を調整していきます。

画像のサイズ変更

自由変形
移動とサイズ変更
変更の適用

①画像のサイズを調整するには「編集」ー「自由変形」をクリックします。
②キーボードのShftキーを押しながら四隅をドラッグすると、縦横比を崩さずにサイズを調整できます。
③サイズが収まったら、空いているところをクリックすると「変更を適用しますか?」と聞かれるので「はい」をクリック。
無事にサイズが収まりました。

グラデーションのかけ方

グラデーションツール

①ツールボックスから「グラデーションツール」を選びます。

白色透明

②上にある「グラデーション」をクリックし一覧から「白色透明」(左から4番目)を選択します。
③下の図を参考にグラデーションをかけたい方向にドラッグします。一度で薄いと感じたら、もう同じ場所をかけるとさらにきれいなグラデーションができます。

グラデーション

間違えたら

うまくいかない場合はキーボードの「Ctrl」(又は⌘)キーを押しながら「Z」キーを押すと、何度でもやり直しができます。

文字の入れ方

タイプツール

①ツールボックスの「タイプツール」をクリックします。

文字の入力

②画面上をクリックすると文章が入れられます。フォントやサイズ・色などもこちらから設定できます。

画像の保存

作成した画像をアメブロのヘッダー画像として使えるように保存します。

①「ファイル」ー「保存」

保存

②「名前」と「フォーマット」を指定します。
名前→半角英数字で入れます。
フォーマット→PNG
以上です!

ヒント

「PXD」で保存すると、ピクセラーを終了したあとも、画像の編集ができます。
ホームページ作成講座

ピクセラーを使いこなせるようになると、ホームページのヘッダーやバナーの作成もできるようになります。ダウンロードしないで無料で使えるソフトとしては、本当に優秀な機能がたくさんあります。こちらの講座でもピクセラーについては動画解説付きで説明しています↓

あなたのサービスを【もっと多くの人】に知ってもらうには?

いまさら人に聞けない【ネット集客の基本】をまとめたPDF資料が今すぐダウンロードできます!

  • 検索にひっかかるってどういうこと?
  • WordPressって何?
  • SNSってやったほうがいいの?
  • メルマガって何のためにやるの?
  • LINE@って必要?
    ・・・他

一般的なネット集客のノウハウをおうちサロン・女性個人事業主の方向けにアレンジしてまとめました。

資料の詳細を見てみる