PhotoshopもIllustratorもない、けれどブログは書かねばならない。文章は作れます！　まかせて！　……というインクループの方々ですが、毎回毎回アイキャッチの制作時間にめちゃめちゃ時間取られているの、気のせいです？

さくっと文字入れができてサイズ変更ができて、欲を言えば加工もしたい、そんなあれこれをさらっと叶えてくれるオンラインサービスがありますのでご紹介します。

画像クリックしてみていただくと大変解りやすく。

ただひたすらシンプルに使いたい！BANNER KOUBOU.com

スマホのアプリと同じ感覚で使えるのが魅力のBANNER KOUBOU.comは、文字入れや写真加工の他にもいろいろできるサイトさまです。

＞＞BANNER KOUBOU.com

1.ファイルを選択し、アップロード時の横幅を選択。（1000、800、600から選択可能）画像を加工をクリック

もちろん加工最中でトリミング可能です。最大値が1000pxとなりますので、そこだけご注意ください。

2.主要加工のパレットから「切り抜き」を選択、画面上をドラッグ

実行ボタンを押すと任意のサイズに切り取られます。画像数値を入れてもOK。

次に文字入れをクリックしましょう。

3.テキストを挿入する

フォントは様々に用意されています。「文字設定を変更」をクリックすると、画像にテキストが表れますのでドラッグして位置をコントロールします。文字の設定を再変更したいときは、まず設定を任意に変更したのち、「文字設定を変更」をクリックすれば反映されます。

その後、「現在の文字の場所を確定」をクリックします。

画像の加工が終わったら、画面右上にある「ダウンロード」をクリック

PCにダウンロードされます。別の画像を加工したいときはそのボタンを押しましょう。

やりこみ要素がスゴイ。本格的な写真編集なら！fotor

シンプルとは程遠いけれどPhotoshopより全然複雑ではなく、幅広いあれそれができてしまうfotor。有料部分もありますが、無料だけでものすごいバリエーション豊かな画像加工ができます。また、コラージュもでき、好きな画像、加工した画像をポスターやフェイスブックアイコン、ポストのイメージなどにもできる優れもの。

少々難アリとするならば、若干動作が重たいってことでしょうか……。

「別に絵を描くわけじゃない、文字が入って、ちょっとこだわれればいいの！」みたいな人は、Photoshop買うより断然コレがおすすめです。

＞＞fotor

編集をクリック

編集する画像を追加してカンバス上に画像を表示

基本調整から切り取りを選択し、ドラッグしてサイズを整え、文字を入れる。

フォントの設定をして保存をクリック、保存

これらのオンラインサービスさえあれば、キャプチャ取ってがつがつっと切り抜いて文字入れるだけで立派なアイキャッチが出来ちゃいます。

Fotorにはレイヤー機能もあるので、複数の画像を重ねることも可能。透過してあるpng画像を使えば思いのままのレイアウトもできるでしょう。

Photoshop買うほどじゃないのよ、って人はまずこちらを試してみるの、オススメですよ。

こんなことできちゃいますよ。

これ、fotorのみの加工です。元画像はコチラ

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

飲食店の方、必見のレタッチ術です。
メニューの写真がおいしそうに見えれば、注文率も上がります！
また、店頭の看板も同じで、魅力的な写真で訴求すれば衝動来店のお客様が増えます！

では、魅力的な写真とはどのような写真でしょうか？

暖かいラーメンやスープであればアツアツ感が伝わる写真が良いですね！
冷たいビールであれば水滴が付いたジョッキなんかも良いですね！

しかし、湯気を撮影するには撮影テクニックが必要で、ハードルが高いのも事実・・・

ということで、2ステップで簡単に合成してしまうレタッチ術をご紹介します。

レタッチ前の画像はこちら↓　わかめスープです

ステップ１　湯気を合成する

わかめスープの画像と湯気の画像をPhotoshopで開いておきます。
（湯気の画像はページ最下部のリンクからダウンロードできます。）
湯気の画像を表示します。

［選択］→［すべてを選択］をクリックします。

［編集］→［コピー］をクリックします。

わかめスープの画像を表示します。

［編集］→［ペースト］をクリックします。

湯気の画像が張り付きました。

レイヤーの描画モードを［スクリーン］に設定します。
わかめスープに湯気が合成されました！

ステップ２　湯気を整える

移動ツールで湯気を移動＆拡大縮小をしてスープに合わせて配置します。配置が終わったら「○」をクリックします。

「レイヤー 1」（湯気のレイヤー）が選択されていることを確認して
［ベクトルマスクを追加］をクリックします。

マスクが追加されます

ブラシツールをクリックします。

ブラシの大きさと硬さを設定します。

湯気の不要な部分をブラシで塗っていくと、湯気が消えていきます。

完成です！！

レタッチ前と比べると・・・

うん！おいしそうになりましたね！
アツアツ感が伝わって本当においしそうになりました♪

この作業、なれれば5分以内でできるようになりますよ！
飲食店の皆さん、ぜひお試しください。

湯気の素材ダウンロード

写真ACのサイトで「湯気」と検索すると、たくさん出てきます！
→ 写真AC 「湯気」の検索結果はこちら

今回は「Photoshopでアツアツ湯気を合成する簡単2ステップのレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

人物写真は色調を変えるだけでその雰囲気が一気に変わります。
こちらは私の白黒写真ですが、、、私でもカッコ良くなってしまうのです。

青みを強くしてクリアな印象にしたり、赤みを出してやわらかい印象にしたり、、、

今回は大人の深みが漂うセピア調にする方法です。

レタッチ前の写真はこちらです↓

人物をセピア調にレタッチする

［レイヤー］→［レイヤーを複製］をクリックします。

［OK］をクリックします。

［イメージ］→［色調補正］→［色相・彩度］をクリックします。

［色彩を統一］をチェックONにして、［色相］を「25」に設定し、［OK］をクリックします。
今回は、セピア調ですのでオレンジ系の色調にしております。

レイヤーの描画モードを「乗算」に設定します。

［レイヤー］→［新規調整レイヤー］→［レベル補正］をクリックします。

［OK］をクリックします。

画像の雰囲気を見ながら、レベル補正をします。
今回は黒を引き締めてコントラストを上げ雰囲気を出しました。

完成です！

レタッチ前↓と比べると・・・

印象的に・・・なった・・・と思います！！
セピア色にすることで深みが出て、奏でるバイオリンも深い音色を連想させますね。

今回は「Photoshopで人物をセピア調にして印象的に仕上げるレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

被写体を引き立たせるため、メインの被写体だけ明るくしたかったり、背景の空だけを鮮やかにしたかったりすることがあります。

• 画像の一部分だけコントラストを上げたい
• 画像の一部分だけ明るさを調整したい
• 画像の一部分だけ鮮やかにしたい

そのようなときはPhotoshopの調整レイヤーを使えば簡単に実現できます。

レタッチ前の写真がこちらです。

今回は被写体のトラだけコントラストを上げてみたいと思います。

画像の一部分だけ補正する

［レイヤー］→［新規調整レイヤー］→［トーンカーブ］をクリックします。

［OK］をクリックします。

下図の用にトーンカーブを設定してコントラストを上げます。

［レイヤーマスクサムネール］をクリックします。

［ブラシツール］をクリックします。

下図をクリックします。

［ブラシサイズ］を「100px」に
［硬さ］を「100%」に設定します。

画像の背景部分をドラッグして塗っていきます。

背景を塗り終えた後のレイヤーマスクサムネールは下図のようになります。

これで完成です！

レタッチ前と比べると・・・

違いが分かりやすいですね。
Photoshopでレタッチシリーズ、今回は「Photoshopで画像の一部分だけ補正するレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

「迫力」を辞書で引くと「見る人や聞く人の心に強く迫る力。」となります。
心に強く迫る！画像に仕立てるには印象に残す必要があります。

人間は周りと違うものに注目し、印象に残します。
以下の並びを見ると「★」に注目が行きませんか？

●●●★●●

印象に残すために彩度を強めに仕上げるのはアリですね。

レタッチ前の写真はこちらです。

トラの写真ですが、どうも色が浅い印象があります。
心に強く迫るために、黒を締めて強さを出しつつ、色を鮮やかにして印象に残るようにしていきます。
次の2つのステップでレタッチを進めます。

1. コントラストを上げる
2. 彩度を上げる

迫力ある画像に仕上げる

［イメージ］→［色調補正］→［レベル補正］をクリックします。

明部の△印と暗部の▲印を下図のようにドラッグし［OK］をクリックします。

コントラストを強くすることができました。

［イメージ］→［色調補正］→［色相・彩度］をクリックします。

彩度の△印を下図のようにドラッグして［OK］をクリックします。

これで完成です！

レタッチ前と比べると目を引くビジュアルに仕上がったと思います。
＜レタッチ前＞

Photoshopでレタッチシリーズ、今回は「Photoshopで迫力あるビビッドな画像にするレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

あるものに注目させたい場合
余分なものを省いたり、そこにだけスポットライトを当てたりするなど、目立たせる工夫が必要です。

今回は周辺の光量を落として中心被写体を注目させる方法をご紹介します。

レタッチ前の写真はこちらです。

周辺光量を落とす

［レイヤー］→［新規塗りつぶしレイヤー］→［グラデーション］をクリックします。

［OK］をクリックします。

［グラデーション］から［描画色から透明に］をクリックします。

［クリックでグラデーションを編集］をクリックします。

下図のように両方とも色を「黒」にし［OK］をクリックします。

下図のように［スタイル］を「円形」、［比率］を「130%」、［逆方向］をチェックONにします。
比率の値はグラデーションの円形の大きさになります。画像を見ながら調整をします。
レイヤーの描画モードを［ソフトライト］にします。

中央の被写体を目立たせることができました。

Photoshopでレタッチシリーズ、今回は「周辺光量を落として中央の被写体を目立たせるレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

力強い印象と聞いて、どのような言葉を連想しますか？

• 硬い
• 重い
• クッキリ
• 男性

硬さや重厚感を与える配色は明度が低く黒に近い色です。
男性の写真を力強い印象に仕上げたいなら、黒い影を強調するといいでしょう。
また、輪郭をクッキリ仕上げると好印象です。

以上の理由から、力強い印象を与えるフォトレタッチのポイントは2つ。

1. 重厚な影を表現する
2. 輪郭をシャープに仕上げる

それではPhotoshopで実践してみましょう。

今回は、以下の画像を力強い印象に仕上げてみたいと思います。

力強い印象に仕上げる

［レイヤー］→［レイヤーを複製］をクリックします。

［OK］をクリックします。

レイヤーパネルを表示し、レイヤーのコピーができていることを確認します。

［イメージ］→［色調補正］→［レベル補正］をクリックします。

下図のように設定をします。（出力レベルのハイライト（白）を「110」に設定）

［OK］をクリックします。

［フィルター］→［シャープ］→［アンシャープマスク］をクリックします。

下図のように設定をし［OK］をクリックします。

レイヤーの描画モードを［ソフトライト］にします。

力強い印象の写真になりました！

いかがでしたか？
Photoshopでレタッチシリーズ、今回は「力強い印象に仕上げるフォトレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

やわらかい印象と聞いて、どのような言葉を連想しますか？

• ふんわり
• 暖かい
• 陽だまり
• ソフト

これらを連想させるには赤や黄色などの暖色系の配色が似合います。
また、ピントがくっきりしているより、ぼかした方が柔らかさが出ます。

以上の理由から、やわらかい印象を与えるフォトレタッチのポイントは2つ。

1. 暖色系にする
2. ピントをソフトフォーカスのようにぼかす

さらにソフトな感じを表現するにはコントラストは下げると効果的です。
ハッキリくっきりコントラストが高い写真はソフトというよりはクールな印象に近くなってしまいます。
陽だまりのような太陽の暖かさを表現するために写真全体を明るめに補正してもいいですね。

それではPhotoshopで実践してみましょう。

今回は、以下の画像をやわらかい印象に仕上げてみたいと思います。

ステップ１　ピントをぼかしてソフトフォーカスにする

単純にぼかしてしまうとピントの芯が残りません。ピントの芯を残しつつ、ソフトな印象にするテクニックを身につけましょう。

［レイヤー］→［レイヤーを複製］をクリックします。

［OK］をクリックします。
レイヤーパネルを表示し、レイヤーのコピーができていることを確認します。

［フィルター］→［ぼかし］→［ぼかし（ガウス）］をクリックします。

適用量を調整して［OK］をクリックします。今回は半径を8.0pixelに設定しました。

レイヤーの描画モードを［オーバーレイ］にします。

写真にソフトフォーカスがかかったようになります。

ステップ２　写真を暖色系にする

［レイヤー］→［新規調整レイヤー］→［レンズフィルター］をクリックします。

カラーを［イエロー］にし、［OK］をクリックします。

適用量を設定します。今回は25%に設定しました。

やわらかい印象の写真になりました。

いかがでしたか？
Photoshopでレタッチシリーズ、今回は「やわらかい印象に仕上げるフォトレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

クリアな印象と聞いて、どのような言葉を連想しますか？

• クール
• スッキリ
• 透明感
• カッコイイ

これらを連想させるにはブルー系の配色が合いそうです。
さらに彩度を上げてビビッドに仕上げると、よりクール感が出てきます。

以上の理由から、クリアな印象を与えるフォトレタッチのポイントは2つ。

1. 写真の赤みを抑える
2. 彩度を上げる

それではPhotoshopで実践してみましょう。

今回は、以下の画像をクリアな印象に仕上げてみたいと思います。

ステップ１　彩度を上げる

［イメージ］→［色調補正］→［色相・彩度］をクリックします。

彩度のスライダーを右に動かし、［OK］をクリックします。
今回は「+24」に設定しました。

ステップ２　トーンカーブでコントラストと赤みの調整

明るい部分のみ明るく、シャドウ部分は暗さを保つことでシャープな印象を目指す

［イメージ］→［色調補正］→［トーンカーブ］をクリックします。

下図のように2回クリックをして、直線上に2点打ちます。

下図のようにドラッグをします。

以上の操作で明るい部分のみ明るくすることができます。
※ まだ［OK］はクリックしません。

赤みを抑える

［チャンネル］を［レッド］に変更します。

下図のようにドラッグします。

［OK］をクリックします。

以上で完成です！！

見比べてみると・・・
うん、クールな印象になりました。

レタッチ前

レタッチ後

いかがでしたか？
Photoshopでレタッチシリーズ、今回は「クリアな印象に仕上げるフォトレタッチ術」でした！

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。

写真を単にグレースケールにするだけでは締まりがない画像になってしまいますよね。

Photoshopでエッジの効いた白黒写真を作るフォトレタッチテクニックをご紹介します。

次の写真を白黒写真にレタッチしてみたいと思います。

グレースケール化しただけでは締まりがありません。。。

二階調化では白と黒だけでちょっと。。。

今回のテクニックを駆使すると・・・　うん！いい感じ！！

しっかりステップを踏めば必ずできますよ！

ステップ１　写真をグレースケール化する

［イメージ］→［モード］→［グレースケール］をクリックします。

写真がグレースケールになりました。

ステップ２　トーンカーブで写真のコントラストを上げる！

［イメージ］→［モード］→［RGBカラー］をクリックします。

［イメージ］→［色調補正］→［トーンカーブ］をクリックします。

図のようにドラッグをして写真のコントラストを上げます

写真のコントラストが上がり、白黒がはっきりしました。

ステップ３　黒を強調してさらにエッジを効かせる！

［レイヤー］パネルの「背景」を右クリック→［レイヤーの複製］をクリックします。

［OK］をクリックします。

［イメージ］→［色調補正］→［2階調化］をクリックします。

［OK］をクリックします。

［レイヤーの描画モード］の［通常］をクリックし、一覧から［乗算］をクリックします。

白黒写真の完成です！

ホント、白黒写真はカッコイイですよね。
ぜひ試してみてください。

この記事であなたの課題を解決することができましたか？

疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。