Fotorを使ったブログ用画像の編集の方法

  • このエントリーをはてなブックマークに追加
  • LINEで送る

From:守部 和孝

 

前回ブログ用の画像を拾ってくる
サイトを紹介しました。

僕が使っているブログ用、無料、画像素材サイト

今回はその画像を少し加工して
プロっぽいタイトルの入った画像に
編集する方法を教えたいと思います。

今回はここで拾ってきた写真に
1,文字入れ
2,半透明の四角

をいれる方法を書きたいと思います。

ちなみに僕はちょっと本格的な
Fireworksというソフトを使っています。

ただあなたがもしそういったソフトがない場合でもできる
プロっぽい加工の方法を教えたいと思います。

はじめる前に前回の記事を参考にして
あらかじめ写真を準備しておいて下さい。

まずはソフトの紹介:Fotor

登録不要のオンラインで扱えるソフトです。

ネットが繋がる環境ならばどこでもつかえます
Fotor

 

では早速使っていきましょう

第1ステップ:編集画像を画面に表示させる

 

fotor1

Fotor のリンクをクリックしてページを開いたら
「無料でお試し」でスタートしましょう。

 

 

 

fotor2

最初は「コラージュ」が選択されているのですが
画像編集をするために
「編集」をクリックしてください。

 

 

fotor3

 

「開く」をクリックします。

 

 

 

fotor4

 

「コンピュータ」をクリック

 

 

 

fotor5

 

編集したい画像をえらんだら
「開く」をクリックしてください。

 

 

 

 

fotor6

 

編集したい画像が画面に表示されれば
第1ステップは完了です。

 

 

第2ステップ:文字をうつ

fotor7

 

画像の部分をクリックすると
文字入力画面へ。

 

 

fotor8

 

実際に文字をうってみて下さい。

 

 

 

fotor9

 

文字を改行したり、画像の◯部分の点を
引っ張ったり伸ばしたりすることで文字の大きさや
場所を調整しましょう。

 

fotor10

 

文字のフォントや、色を変えたいときは
画像の様に
まず変えたい文字を選択して下さい。

 

fotor11

 

画像の場所で色やフォントを変えられます。
自分の好みの調節して下さい。

 

 

fotor12

 

これでステップ2の完了です。

 

 

 

第3ステップ:文字の後ろに半透明の背景を作る

fotor13

 

四角の画像を作るために
「クリップアート」をクリックします。

 

 

fotor14

 

クリップアートの選択ができるようになります。
下へとスクロールします。

 

 

fotor15

 

「基本パターン」をクリックし
塗りつぶした四角の画像をクリックしてください。

 

 

fotor16

 

もしこの時に登録を促されても
登録せず「×」をクリックして消して大丈夫です。

 

 

fotor17

文字を書いた時のように色の変更ができます。

四角形の大きさも調節しましょう。

あとは少しだけでもいいので
必ず透けさせるようにしましょう。

これでステップ3は完了です。

 

第4ステップ:重ねて微調整

fotor18

 

最後は文字と四角形の2つを重ねましょう。

文字と四角形の重なる順番がおかしい時は
レイヤーで調節します。

 

fotor19

 

これでついに完成ですね。

あとはパソコンに保存すれば完了です。

お疲れ様でした。

 

 

いかがだったでしょうか?

最初は戸惑うかとは思いますが
ブログを書くのと同じですぐになれます。

ちょっとしたことで
精読率があがるので
めんどくさがらずに画像を作って下さいね^^

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*