【お役立ちメモ】画像にロゴをいれる方法【無料版】

品格をあげる

ギフトラッピングコンサルタント

monoWrapです

画像に文字ではなく

ロゴなどの画像をいれる方法

実はよくご質問をいただきます

上の画像の右下のようなヤツですね

PhotoshopやIllustlatorなどの

画像編集ソフトを使える方は

まったく問題ないと思いますが

そういったソフトをお持ちでない方に

オンライン上で使える

便利なツールをご紹介しようと思います

今日お伝えする内容は

ロゴ画像の「データ」をお持ちの方向けです

何もないところから「文字を入れる」方法ではありませんので

ご注意くださいね

便利ツールはこちら

SUMOPAINT

http://www.sumopaint.com/home/

会員登録などが不要で

かなり高度な画像編集ができるソフトです

日本語表示にできないのが難点ではありますが

ロゴを重ねるだけなら

難しい機能は必要ないので

以下、使い方をご紹介していきますね

まずは　http://www.sumopaint.com/home/

にアクセスをします

「Try Online」をクリック

ダウンロードもできるようですが

こちらは会員登録が必要なようなので

やめました（笑）

さあ、では実際に使っていきましょう

パソコン上にある画像データを開く

「Try Online」をクリックすると

上のようなキャンバスが出てくるので

左上（赤枠）の「File」をクリックします

「File(ファイル)」内のメニューがずらっと出てきます

上から２番目「Open to My computer...」をクリック

画像があるフォルダを指定して

開きたい画像を選んでください

カメラ側の設定などで

画像のサイズが大きい時は

左から３番目

「Image（イメージ）」→「Image Size...（サイズ）」をクリック

なんか出てきましたね

ここで画像のサイズを指定してあげます

Widthが幅、Heightが高さです

「Constrain Proportions(元の比率維持）」にチェックをいれておくと

例えば幅だけ数値を変更したら

元の画像の比率を保ったまま

高さを自動で変更してくれるので便利です

好みのサイズに変更できたら「OK」で閉じます

続けて同じ要領で

「File（ファイル）」

→「Open to My Computer（PC上のファイルを開く）」から

今度はロゴ画像を開きます

２枚の画像を合成しよう

ロゴ画像のデータを

撮影画像にコピーします

まずはロゴ画像の上、

グレーの部分あたりをクリックします

右側の小さいサムネイル画像が

ロゴになっていることを確認したら

左から４つ目

「Select（選択）」→「All（全部）」をクリック

続けて左から２番目

「Edit（編集）」→「Copy（複写）」をクリックすると

ロゴ画像がコピーできています

次はこれを貼り付ける作業をします

先ほどと同じ要領で

今度は撮影画像の方の上あたりをクリックして

右下のサムネイルが

撮影画像になったのを確認

先ほどと同じ左から２番目

「Edit（編集）」→「Paste（貼り付け）」を選ぶと

撮影画像の上にロゴ画像が重なりました

ここからはちょっと拡大して作業をしましょう

撮影画像の右上あたりに

「-」「+」「ｘ」というのが並んでいるので

真ん中の「＋」をクリック

ロゴ画像、重なってくれたけれど

位置がイマイチな場合は

左端の「Tool（ツール）」の右上「▲（選択）」を選んでから

（これ忘れると変な線とかでるので注意）

ロゴ画像を

ドラッグして好きな位置に動かします

私はいつも右下にロゴをいれますが

位置はお好みでどうぞ

ロゴ画像の背景を透明にする

ロゴの後ろが白くなっていて

なんだか変ですよね

文字だけ残しましょう

右側の操作パネルの「Layers（レイヤー）」というところに

「Normal（通常）」となっている部分

ここをいろいろ触ると

画像の効果が変わりますので

時間があれば試してください

背景を透明にしたい場合は

「Darken」または

「Multipul」を選べばOK

文字だけが残ったのがわかりますか？

ロゴを元々のカラーのままや

真っ黒などのままでOKな場合はこれで終了ですが

同じ右側の「Layers（レイヤー）」の中の

「Opasity(不透明度）」というところ

通常ここは100％になっていますが

50％にすると色が薄くなりますので

ロゴの存在感を多少消したい場合は

ここで調節してくださいね

保存する

ここまできたらあと１歩

できあがった画像を保存しましょう

左上、「File（ファイル）」

→「Save to My Computer（パソコンに保存）」で

保存形式を質問してきますので

「PNG」または「JPEG」を

選んでそのまま「OK」をクリック

後はご自身のPC上の

お好きな場所を選んで保存すればOKです

さて

今日は少しPC操作が必要な内容でしたが

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

初めての時やこの記事を読んでいるだけでは

ちょっと頭の上に

「？？？」がとぶかもしれませんが

私も初めてこういったソフトを使った時は

そうでした（笑）

でもね、慣れればなんてことないんです

ブログやSNS

お写真がかっこいいと

記事を読んでみたくなるもの

ぜひマスターして

かっこいい画像、作成してくださいね