イラストレーターなかまさゆみです。いつもパソコンで絵を描いたりデザインをしております。
仕事でしているとはいえ、こんなお悩みの方のご相談がよくあります。
![フォロワーさん](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-12-12.10.02-e1631416226624-150x150.png)
商品の画像加工みたいなものをしてみたいけど、合成はパソコンじゃないとできないんですか?
それから書いた文字や絵は大きいスキャナーを使わないと綺麗に読み込めないですよね?
フォトショップとか持ってないんですけどおすすめの画像加工アプリありますか?
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
最近は無料で「そんなことまでできるの!?」っていうアプリがたくさんあります!
お悩み解決できそうなアプリ紹介しますね〜!
![](https://assets.st-note.com/production/uploads/images/8958086/picture_pc_bcae1a25481ed1711d1a85db41da9184.jpg?width=800)
![](https://assets.st-note.com/production/uploads/images/8958083/picture_pc_c697530ff3ce00dd0bd1929806ffdd1f.jpg?width=800)
今回は『ジャグアタトゥー』や『タトゥーシール』を人体に実際に施術したような完成画像を作る!
という内容を想定した画像合成の方法をお伝えします。
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
これを覚えれば手書きの文字や印鑑をPDFの請求書や電子署名などに合成することもできます。
毎年入力が必要な書類を文字情報として残しておくのにも便利です。
●道具
・お手持ちの端末(スマホ、タブレット、PCなど※今回はiPhone画面での説明をします。)
◆あると便利なもの(無くても良し)
スマホペン・タブレットペン
●アプリ(事前にダウンロードしておいてください。)
・無料『MediBang Paint』(メディバンペイント) DLはこちら
・無料『CamScanner』(キャムスキャナー) iOSはこちら Androidこちら
![](https://assets.st-note.com/production/uploads/images/8956579/picture_pc_e0b1bc0ed738defe94a81feb600a2654.jpg?width=800)
あると便利なものに記載したスマホペンは100円ショップなどにあるタッチペンです。
無くても大丈夫です。透明の円盤が付いたものや、ペン先の太いものなど様々ですが、細かな絵を描きたい人は円盤のついたものがおすすめです。
高いものは感度が付いていて先に強弱をつけることができるものも存在し3,000円~10,000円くらいです。スマホやタブレットで絵を書きたい時、より細かい作業になってくると指でやるときよりも格段にミスが減ります。
![フォロワーさん](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/スクリーンショット-2021-09-12-12.10.02-e1631416226624.png)
スマホペンは必要ですか?
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
直接絵を書き込みたい時に使ったり細かい操作が苦手ならおすすめなくらいで、今回絶対いるというわけではないので無理に買う必要はないです!
このあと説明する<1>は使わず<2>で紹介するペイントソフトなどで直接絵や字をかき込みしたい時はおすすめです!
<1>描いた絵をスキャナーする
普通のカメラアプリで撮影した写真でももちろん大丈夫なのですが、今回は「人物にジャグアアートやタトゥイラストを合成する」ということなのでより白黒線がハッキリしたもののほうが格段に作業効率が楽になります。
![](https://assets.st-note.com/production/uploads/images/8956675/picture_pc_cbf14a121a4de606c5a764490dd33f8f.jpg)
①『CamScanner』を起動します。
画像更新当時クリスマスの時期が近いので可愛いアイコンになっていました。かわゆ。
![](https://assets.st-note.com/production/uploads/images/8956690/picture_pc_b0ee699a7c40ccfd6dcae59ba99416b1.jpg)
起動したら下部にあるカメラボタンを押してください。
![](https://assets.st-note.com/production/uploads/images/8956705/picture_pc_aa6b29641b22ebb8004a047c23d24a20.jpg)
②[シングル撮影]でスキャンしたい画像を撮影します。
対象はなるべく真っ直ぐに取ることがコツですが、このカメラスキャナーは角度も後から調整できるのでとりあえずシンプルに撮影してみてください。
![](https://assets.st-note.com/production/uploads/images/8956747/picture_pc_3e9f78acf35d0dd0c6f544e34631f60c.jpg)
撮影が終わると画像に八ヶ所白い○が出た画面に切り変わります。
③白い○を指で調整して画像の「角」と「辺」に当たる位置を調整してください。調整ができたら右下の✔[チェック]を押します。
![](https://assets.st-note.com/production/uploads/images/8956764/picture_pc_338dcd32abde6d82bf505467b307d4ef.jpg)
画像が読み込まれスキャナは完了します。
![](https://assets.st-note.com/production/uploads/images/8956774/picture_pc_ed7468af65b4a23a7116e34838bdb4d3.jpg)
④自動で[Magic]が選択されていると思いますが、これが基本スキャンなのでこのまま✔[チェック]を押します。
![](https://assets.st-note.com/production/uploads/images/8956784/picture_pc_0c66ec75a090f48c4b7f8f07f2cdd659.jpg)
⑤画面が切り替わったあとは、スマホにまだ画像が保存されていないので、[・・・](もっと)と書いてある部分をタップします。
![](https://assets.st-note.com/production/uploads/images/8956801/picture_pc_cb128611544102007d634764e62b05a6.jpg)
⑥[・・・](もっと)をタップすると[アルバムへ]というボタンがあるのでこちらを選択してください。
![](https://assets.st-note.com/production/uploads/images/8956817/picture_pc_719c864b1c73cd5c7f4ea7d3e0905af1.jpg)
これにて保存がされましたので端末の画像やアルバム一覧を確認してください。
![](https://assets.st-note.com/production/uploads/images/8956823/picture_pc_51532e8d7ca3165a728ce453f43b4482.jpg)
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
画像保存したら、画像アプリかアルバムから余分な所をトリミングしておくのがおすすめです。
<2>絵と写真を合成する
![](https://assets.st-note.com/production/uploads/images/8956855/picture_pc_de77a65cfb7c9f2b780b78f8e648d526.jpg)
①『MediBang Paint』を起動します。
![](https://assets.st-note.com/production/uploads/images/8956861/picture_pc_63418b7a18293463c4580828b88fe9c7.jpg)
無料ユーザーは起動画面に広告やらが出てきますので✖で閉じたりパスしてください。
②画像の画面になったら[マイギャラリー]を選択してください。
![](https://assets.st-note.com/production/uploads/images/8957166/picture_pc_5d20b3839349ae9b2616f1b72af56288.jpg)
![](https://assets.st-note.com/production/uploads/images/8957173/picture_pc_daf793d3f7e8dad55e717841dafed643.jpg)
③赤丸の部分を選択し、[選択してインポート]を選択します。
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
インポートとは読み込むこと
エクスポートは出力・保存することです。
最近のアプリや便利ツールはこの言葉がよく出てきます。
![](https://assets.st-note.com/production/uploads/images/8957213/picture_pc_4ad9279988f228c8de188beec6085466.jpg)
④自分のスマホの端末に保存されている画像が一覧で出ます。
合成したい画像を選択してください。
今回は「肌にタトゥーを入れたような合成画像」を作るので手の写真を用意しました。無料写真ACや他素材サイトよりDLしても良いですし自分の写真などでも大丈夫です。
![](https://assets.st-note.com/production/uploads/images/8957244/picture_pc_1aca68139318c0e845ad5fd5f8b57fba.jpg)
読み込んだ画像がキャンバス(絵を描くところ)に表示されます。
⑤線画抽出しないを選んで下さい。
線画抽出とは:
読み込んだ画像の線と背景を自動で認識し、線画(塗り絵の主線のようなもの)を自動で抽出してくれます。読み込んだあと明度などを調整が可能です。メディバンペイントの機能の一つです。
![](https://assets.st-note.com/production/uploads/images/8957266/picture_pc_23baced97ac6478e3441c378230d51a5.jpg)
⑥画面赤丸の[レイヤー]を選択。
レイヤーとは:
階層のことで絵のパーツを透明な紙に分けて描くようなものです。
レイヤー1に線を描き、色を分けて塗るためにレイヤー2、レイヤー3など重ねることのできる別紙に書くようなイメージになります。レイヤー分け、レイヤーごとに・・などよく言われる名前はこの部分です。
![](https://assets.st-note.com/production/uploads/images/8957437/picture_pc_09d929e33bebba7fe7983ca259856d1f.jpg)
このような画面が出てきます。
⑦赤丸で囲っている[+]を押して、[画像を選択して追加]を押して下さい。
![](https://assets.st-note.com/production/uploads/images/8957467/picture_pc_641ec5880a3d5599d274328fa599143b.jpg)
⑧先程<1>でスキャンした画像または合成をしたい画像を選択します。
![](https://assets.st-note.com/production/uploads/images/8957479/picture_pc_ad64746c5959c1924f562933341e1ef7.jpg)
⑨特に変更を加えず右上にある[完了]を押して下さい。
ここで次も[線画抽出をしない]を選択してください。
![](https://assets.st-note.com/production/uploads/images/8957487/picture_pc_8795ac862ce58b31e40f1c805b6ed98c.jpg)
レイヤー2に画像が追加されました。
今レイヤー1の画像の上にレイヤー2という画像が重なっている状態です。
![](https://assets.st-note.com/production/uploads/images/8957498/picture_pc_13986b4581052cbc1a5a1347de835792.jpg)
⑩レイヤー2をタップして画像のように青い選択になった状態で右上の②の部分を選択してください。
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
ここではレイヤー2(画像のきのこのイラスト)に対して加工を加える作業をする為にレイヤー2を選択しました。
![](https://assets.st-note.com/production/uploads/images/8957707/picture_pc_1de1d7a37ed66c5b0cc57f4413138560.jpg)
⑪通常から[乗算]へスクロールして[完了]を押します。
すると、白の部分だけなくなり黒い線が残ります。完了を押すと元の画面に戻ります。
これで「レイヤー2の画像は乗算という描画モードにしてある」状態になります。
![](https://assets.st-note.com/production/uploads/images/8957708/picture_pc_dc5acf75b397889d34c4e1192b3a0506.jpg)
![](https://assets.st-note.com/production/uploads/images/8957677/picture_pc_2d1136ee06268d57b132dd3d3011a593.jpg)
乗算とは:
加工方法の一種で色が明るいものほど透明になり、色が暗いものほど絵として残るという性質があります。「白色」はテレビやパソコンやスマホの画面で最も明るい色になるため乗算すると透明になります。
(なのでここに線を描いたりすると全部乗算になって下の絵に影響されます)
⑫次に[選択ツール]を選んび[全てを選択]を選びます。
![](https://assets.st-note.com/production/uploads/images/8957755/picture_pc_165583f5e0fdf6e70b0e7fc9e0ebe1b8.jpg)
![](https://assets.st-note.com/production/uploads/images/8957758/picture_pc_c327b5855b9f5da3f47f2e6185437daa.jpg)
![](https://assets.st-note.com/production/uploads/images/8957765/picture_pc_82191a37c64d1b84f9bd04410cc8032f.jpg)
⑬画像のように画面のフチが点々になったら[変形ツール]を選択。
![](https://assets.st-note.com/production/uploads/images/8957775/picture_pc_a42e4dd3ab70e24ac2b9a1db2b0fc908.jpg)
⑭画面が切り替わるので赤丸の[自由変形]を選択。
画像のフチにある□を指で押しながらスライドすると大きさが拡大縮小できます。
![](https://assets.st-note.com/production/uploads/images/8957793/picture_pc_7ad7b4c5b4a25ab9eb4ff9079f0ee5eb.jpg)
⑮小さくしてサイズが調整できたら、写真の外の灰色の部分を長押ししつつ、回転したい方向に回したりして調整してください。
![](https://assets.st-note.com/production/uploads/images/8957811/picture_pc_db08cc0120ad1b67bd112137a9f3b573.jpg)
⑯自分の希望する位置やサイズになったら右上の完了ボタンを押します。
![](https://assets.st-note.com/production/uploads/images/8957907/picture_pc_d3004a6428b65488133135f57525a2f7.jpg)
加工は以上で終了です。
⑰保存をするために左下三本線のメニューを開きます。
![](https://assets.st-note.com/production/uploads/images/8957920/picture_pc_b0abedc6d7f4819cebc02a234e67adbd.jpg)
⑱png/jpg形式でエクスポートを選択
PNG画像かJPG画像で保存するか選んで下さい。
![](https://assets.st-note.com/production/uploads/images/8957930/picture_pc_96f082c55d2918b5afb9019780c2ba42.jpg)
![](https://assets.st-note.com/production/uploads/images/8957933/picture_pc_03bc7c216d4f1014b9674a46005269a5.jpg)
⑲画像を保存を押すとiPhoneの場合アルバムに保存されます。
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
この画像をLINEに送ったり、TwitterやGmailに送ったりする場合は、選択肢の中にでてくるアプリのアイコンを押すと、それぞれの目的に沿ったアイコンを選ぶことでどこに送信するか実行できます。
![](https://assets.st-note.com/production/uploads/images/8957959/picture_pc_c25cd75fbcb70385bf60fd793cc8bc36.jpg)
⑳保存が完了すると画面にこのようなものがでます。これで完了です。
![](https://assets.st-note.com/production/uploads/images/8957978/picture_pc_5aadaf6a35661d49d27f2f67fc7eeeea.jpg)
また、途中保存をしたい場合は、先程の三本線メニューを開き[新規保存]を選んで[端末に新規保存]を選択するとアプリの中のデータにレイヤーまるごと保存されますのでいつでも再開できます。
![](https://assets.st-note.com/production/uploads/images/8957988/picture_pc_1003ce7c2bcd64584c52a53497d0cdcf.jpg)
![](https://assets.st-note.com/production/uploads/images/8957991/picture_pc_af01fee86338aecd53de3a7b68149751.jpg)
![](https://assets.st-note.com/production/uploads/images/8957993/picture_pc_f9e95261029614cc6983fb5cdc8f7b5f.jpg)
再開するときはアプリトップ画面の[マイギャラリー]から開くことができますよ!
![](https://assets.st-note.com/production/uploads/images/8958003/picture_pc_9a99063195d50e0ed8811187d651c681.jpg)
![なかまさゆみ](https://blog-idea.nakamasayumi.com/wp-content/uploads/2021/09/0nDkwPFe_400x400-2.jpeg)
もしもウッカリ保存をしていなくてアプリを閉じてしまった!そんな場合でも、メディバンペイントは定期的に自動保存を実行してくれているので、次回アプリを開いた際にこのような復帰確認画面が出てきます!優秀〜!
いかがでしょうか?使っていて困った部分やわからないことがあれば気軽に聞いてくださいね!
コメント