スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. オリジナルバナー画像を作成する(Pixlrの簡単な使い方)

オリジナルバナー画像を作成する(Pixlrの簡単な使い方)

10月のアップデートで画像編集機能として外部サービス「Pixlr」が追加されました。

Pixlrは、あの有名な画像編集ソフトのフォトショップ並みに多機能なWEBサービスです。

無料のクラウドサービス(2013年10月現在)ですので、PCにソフトをインストールしなくてもすぐに使えます。

加工はもちろんのこと、筆ツールや長方形ツールなどを使って絵や図形を描くことだってできちゃいます。

文字入れも簡単にできますよ!

 

今回はこのPixlrを使ったバナーの作成手順をご説明いたします。

 

写真素材:足成

 

最初に

リウムスマイル管理画面ログイン後、管理画面上部「ホームページ」タブ-「アップロードファイル管理」の順にクリック

 

バナーにしたい画像をアップロードします。

 

アップロードした画像の下にある「P(絵筆の黒いアイコン)」をクリック

 

 

画像のサイズを調整

上部ツールバーの「画像」-「画像サイズ」の順にクリック

 

任意の数字を入れて、「OK」をクリック

(例として、ここではサイドに出すバナーを作成していきます。推奨サイズ:180px×50px)

 

上部ツールバーの「画像」-「キャンバスサイズ」の順にクリック

 

任意の数字を入れて、「OK」をクリック

 

 

画像の上に文字を乗せる

  1. 左のツールバーの「A」をクリック
  2. 画像の文字を乗せたい箇所をクリック
    (※左のツールバーの一番上のカーソルアイコンで、後程文字の位置を調整できます)
  3. 入力欄に文字を記入して、OKをクリック
    (※見辛い場合は、下のサイズや色をクリックして調整できます)

 

 

加工する

1.文字にシャドウをつける

右にあるレイヤーの「A」-下の左から3番目「レイヤースタイル」の順にクリック

 

  1. 「ドロップシャドウ」をクリック
  2. 「ドロップシャドウ」にチェックを入れます
  3. 距離に任意の数字を記入します(推奨:0〜3)
  4. サイズに任意の数字を記入します(推奨:2〜5)
  5. 「OK」をクリック

 

2.画像に枠をつける

右にあるレイヤーの「背景」-下の左から3番目「レイヤースタイル」の順にクリック

 

  1. 「インナーグロー」をクリック
  2. 「インナーグロー」にチェックを入れます
  3. 硬さに『10』を記入します
  4. サイズ(線の太さ)に任意の数字を記入します(推奨:2〜6)
  5. 色をクリックして、任意の色を指定します
  6. 「OK」をクリック

 

 

保存する

画像の調整ができたら、保存をします

 

上部ツールバーの「ファイル」-「保存」の順にクリック

 

「OK」をクリック

 

アップロードした画像に上書きされます。

 


※pixlrはリウムスマイル外のサービスとなりますので、サポートの範疇外となります。悪しからずご了承ください。