アクセストリガー

暮らしのエンタメブログ

soft‐appli

お手軽に誰にでもできるブログで画像編集・合成加工などをする方法総まとめ!

お手軽に誰にでもできるブログで画像編集・合成加工などをする方法総まとめ!

画像の加工や編集をする際にはどのような方法があるでしょうか!?

今回は私のようにブログなどのWebサイトに投稿しているという方の目線で考えてみます。

ブログに画像編集が必要な訳

まず、画像の編集が必要になるときとは以下の時でしょう。

  1. スナップショットにタイトルなど文字入れしたい
  2. 画像のサイズや縦横比を変更または切り取りしたい
  3. 明るさやトーンなど画質や画像の補正に関わる部分の編集
  4. 複数の画像やイラストの合成

大まかに挙げてみたら上記のように分類できました!

さて、当サイトでも以前よりいくつかの画像編集加工できる、ソフトやプラグインの紹介をしてきましたが、それぞれのケースに適しているなと思うツールの使い分け紹介をしていきたいと思います。

1.スナップショットにタイトルなど文字入れしたい

ブログへ画像を投稿する場合、出先の風景をスマホやデジカメなどで撮影してサクッと投稿したりする使い方があると思います。

様々なシーンで考えられるケースですが、食レポや旅ログなどで撮影した画像に文章を入れたらそのままアップすればスピーディー投稿が可能ですね!

このように画像の編集なしで投稿すれば、すぐにでも伝えたい時はそれでいいのですが、「タイトル入れ」などあとからでもアレンジしてみたい場合に少し画像を加工編集してみましょう。

最もお勧めしたいのが、スマホでサクッと画像編集可能なソフトSkitchです。

Androidスマホで画像に楽々書き込み編集できるアプリSkitch

画像編集ができるスマホアプリSkitcあのEvernoteで有名なEvernote corporationがリリースするアンドロイドアプリSkitchがあれば、夢のような環境が手に入りそうです!Skitchがあれば、WordPressの投稿がスマホ単…

テキストを画像に入れるのはもちろん、矢印などの注釈やその他にもサクサクっとスマホで簡単な画像編集が可能です!

一方、パソコンからの使用が可能ならChromeブラウザの拡張機能の Awesome Screenshot: キャプチャーと注釈 があります。

キャプチャーに矢印・注釈を追加Chrome拡張機能で画像編集はおまかせ!

Webサイトの投稿の際、現在開いているブラウザー上のページに説明文や簡単な矢印などを使って細く説明したい時はありませんか?スクリーンショットを取り込む私は今まで、ページのキャプチャーはWindowsの標準ア…

この拡張機能の利点はWebページを画像としてまるごと保存が可能なだけでなく、部分的に切り出し(切り抜き)が出来るところです。

テキストの追加のみならず、矢印等の注釈の追加など加工が可能です。

私が画像にテキストを追加する可能の際に最も活用しているのが、あのEvernoteのChromeブラウザ拡張機能のWebクリッパーです。

記憶するよりEvernoteのWebクリッパーで保存する方が良いよ

Chrome拡張機能としても使えるEVERNOTE のクリップ機能Webページの保存が非常に快適かつ編集機能まで備えたEVERNOTEのWeb Clipperを使ってみました!EVERNOTEは以前からメモとして非常に便利に使用してきたツール…

Evernoteと言えば、オンラインと同期して日常のアイデアなどをノートにメモする使い方をイメージしがちですが、他にも素晴らしい機能がありました。

それは、Webページの保存機能です。Evernoteのクリップ機能を使って、今回はスクリーンキャプチャーのテキストツールを使用します。

ただし、この方法だと、使いたい範囲以外も大きく画像に保存されてしまいますので、「2.画像のサイズや縦横比を変更または切り取りしたい」のテクニックが必要となります。

2.画像のサイズや縦横比を変更または切り取りしたい

画像の切り抜きを単純に行うのであれば先に紹介した、Chrome拡張機能「Awesome Screenshot: キャプチャーと注釈」を使えば、この画像切り抜きはそのまま可能なので完結してしまいますが、加工元の画像が別にある場合は別の方法をとることでしょう!

そこでオススメな方法があります。

「SnippingTool」をツールを使用すれば、画像の切り抜き処理であればほとんどのシーンで事足りるでしょう!

「SnippingTool」はWindows Vista/7/8/8.1/10 に標準で搭載されているスクリーンショットをそのまま切り取り加工できるお手軽でおすすめなツールです。

それでは、画像のサイズの変更を行いたい場合はどうすればいいでしょうか!

この方法は、画像編集ソフトであればほとんど搭載されていると思います。

Windowsに標準搭載されているペイントでももちろん可能です。

サイズ変更

ペイントで編集する

 

「縦横比を維持する」のチェックを外せば縦横比の変更も可能

縦横比の変更も可能

 

3.明るさやトーンなど画質に関わる部分の編集

3の「明るさやトーンなど画質や画像の補正に関わる部分の編集」をするという作業は、私の場合ほとんど利用しない機能です。

しかしながら、自分でカメラ撮影したものやその他であってもある程度補正をしてみたい方もいることでしょう。

この点については無知なこともありまして詳しくはご紹介できませんが、無料ソフトの中でも定評のあるGIMPをオススメします。

GIMPは無料ソフトでありながら、非常に多機能です。その反面機能が多すぎて複雑に思えますが、使いこなせれば有料ソフトがいらなくなると思えるかもしれません。私はGIMPに関してはまだまだ勉強中なので、わかりやすく解説できることがありましたら別の機会にご紹介したいと思います。

以前にGIMPの機能を使用して背景の透過処理をした際の問題を編集で解決した方法を投稿したことがありますので、参考までに紹介させていただきます。

GIMPで透過処理に失敗したらファジー選択と塗りつぶしで解決!

画像編集ソフトで透過処理をしたら「こんなんなっちゃった!」っていう時ありませんか?   その「こんなんなっちゃった!」という画像がコレ! うーん、残念・・・。 こういうパターンってなんでなるのでしょうか…

4.複数の画像やイラストの合成

GAMP

2つ以上の画像やイラストを一つに合成したいといった要望に対しては、いよいよGIMPが本領発揮です!

といっても私にとっての鉄板アイテムと言っていいほどこのケースではGIMPが活躍してきました。

GIMPはWindowsで動作するフリーソフトです。非常に多機能ですが、初心者の私にはレイヤーという概念を掴むまで少し苦労したものです。
そのあたりも含めて解説しているのでこちらの投稿を参考になさって下さい。

GIMPを使って複数の画像を一つにまとめる方法

Windowsの無料ソフトGIMPを使って複数の画像やイラストを一つにまとめる方法のご紹介です。Windowsの無料ソフトGIMPまずはGIMPを立ち上げましょう。画面上部のメニューから、「ファイル」➡「新しい画像」を選択し…

SketchBook Express

SketchBook Expressは、スマホで使えるレイヤー機能が魅力なAndroidアプリです!

画像の合成は割と複雑な処理が要求されるため、スマホでは不可能かとも思いましたがこのアプリを使ってみてその固定概念は覆されました!

スマホでレイヤー(画像を重ねる)可能SketchBook Expressアプリ

今回は画像編集アプリのお話です。SketchBook ExpressSketchBook Expressは、Autodesku社のAndroidで画像の編集・作成が可能なアプリです。その機能の特徴の注目するところは、なんとAndroidスマホでレイヤーが使…

番外編

番外編としてとっても楽しい画像編集加工ができるWebサービス photofunia(フォトフニア)のご紹介です。

http://photofunia.com/

フォトフニアはWeb上で作成できる画像の編集機能が特徴ですが、その機能が素晴らしく楽しいんです!

平成27年2月時点で400を超えるエフェクト効果が選択できます。

このエフェクト機能を使って元画像を楽しくコラージュさせてみましょう♪

もうほんとにありとあらゆる画像が用意されているのですが、好きなものから手元の画像を組み合わせてコラージュ加工可能です。

フォトフニア

驚くことにフォトフニアはスマホからも利用可能です!

それでは、実際に当サイトで公開してきた画像の一例をご紹介します!

こんなのや

PhotoFunia-2216a2e

当サイトのマスコットキャラクタークマピー君です。

こんなもの

PhotoFunia-1bbd823

猫ちゃんが読んでいるのはなんだろな?おおっとこれは当サイトの誕生秘話が描かれた本を!!

こんなものまでも!

PhotoFunia-1720553

この画像はTシャツに見事にマッチしたキャラがお気に入りです!レイチェル君はイメージじゃないと言っているかもしれませんが、Tシャツなんて意外なイラストやフレーズがプリントされていることが多々ありますから・・・。

最後に

今回、ブロガーが画像を編集したりして投稿に使用する際に役立つのではないかと思う内容をケース別にまとめてみました!

以上、「とっても楽しい!ブログで画像合成加工などをして投稿する方法まとめ!」でした!今回の投稿がお役に立てれば幸いです☆彡


コメントをどうぞ

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

アクセストリガーは暮らしの総合エンタメブログです!

こんな人がこのブログを書いています

このブログ「アクセストリガー」の管理人のおかえりなさい @okaerinasainet です。 妻と子ども1人の3人暮らし現役看護師➕ライター兼業のアラフォーパパ。

詳細なプロフィールを見る 

取材・寄稿・ネット対談などの依頼は お問い合わせページ からお願いしますm(__)mまた雑談や相談が出来る友達も募集しています。よろしかったらポチっとだけお願いします。

友だち追加

アクセストリガーの購読はこちらから

SNSをフォローする

follow us in feedly
  • ピックアップ