みなさまこんにちは。
絵と手描き文字で「伝わる」デザイン
aitsu factoryのみかりんです。
さてさて、今日はひっさびさにノウハウ系やっちゃいますー。
今日の記事がオススメの方は
◉手描きが好き。紙に描くのが好き。
◉もちろんアップルペンシルみたいな、タブレット、スマホ用のペンも持ってない！
◉でも、写真に自分の手描き文字を乗せたい！！
◉しかもスマホアプリにお金をかけたくない…
という方です！（ピンポイントー）
スマホのような小さい端末に、指で文字や絵を描こうとすると…
こうなっちゃいますよね。。。
（これもねー指でもキレイに描くコツもあるんですけど・・・あんまり指で描いてると、指が捻れて手が痛くなるんで・・・）
今日は、手描き派の方のステキな文字を、デジタル写真にのっけられちゃう裏ワザ大公開です！
これは実際私がiPadを購入するまで、スマホやっていた手段です♫
慣れてきたり応用が効いてくると、高度なこともできるようになりますよ！
ではまず準備するものー！
◉スマートフォン（iphoneでもAndroidでも可。アプリ1個いれる容量は確保お願いします）
◉白い紙
◉ペン（少し太めにしっかり線が出るものがおすすめです）
そして、スマートフォンに
お絵かきアプリ「ibispaint」をインストールお願いします。
今日は、この鯛焼きの写真に文字をいれてみましょう♫
では！①白い紙に手書き文字を描きます。
この時、ペンは濃くしっかりとでるものを使用してくださいね、
そして②手書き文字の写真をとります。
この時、画面が暗ーくなってしまわないように気をつけてください。
文字の黒と、背景の白のコントラストがはっきりしていることが綺麗に仕上がるコツです。
後、もう一つ重要なことは
文字を撮った写真はトリミングして、文字だけにしておいてください！
では、ここからが本番！
Ibispaintを起動させます～。
起動させたら、「マイギャラリー」へ
マイギャラリーから、左下にある「＋」ボタン（＝新規作成）をタップします。
新規作成から、キャンバスサイズが選べますので、
今回は、「写真の上に文字を載せる」が目的なので
1番上の「写真読み込み」を選びましょ～。
そうしたら、ご自身のアルバムにいけますので、好きな写真をタップします。
タップすると、「キャンバスサイズどーする？」と聞かれますので
ここはお好みの設定にします。
（使用用途に合わせて設定します。オリジナルサイズは、画像が大きいのでスマホのストレージを圧迫していきます。SNS投稿などに使用する場合は、下の「推奨」でいいと思います＾＾）
そうしたら、「線画抽出する？」と聞かれますので、
ここは「キャンセル」を選択してくださいね。
（線画抽出については後で説明します）
そうしたら、写真がキャンバス上に現れました！
では、ここからが本番です！
（ここまでで気持ち萎えてないですか？もうちょっと！ついてきてよ～！）
下のツールバーの右から2番目の、四角が2枚重なっているアイコンが「レイヤー」のアイコンです。
こちらをタップすると
こんな感じの画面になります。
これの機能は、アニメのセル画のように、フィルムをいっぱい重ねることができて、それぞれのフィルムの上で作業ができるんだけど、最終的に上からみたら、それが一枚の絵のように見えるようになっています。
では、ここに、新しいレイヤーを一枚増やします！
（上に増えます）
そして、カメラマークを押して、ご自身の書かれた手書き文字を呼び出します。
ワクワク。
呼び出しましたら、画面にアップで登場するので、
親指と人差し指で、配置したい場所にサイズを調整してあげてください。
納得いく場所に配置できたら、チェックマークをタップ。
そうすると「線画抽出しますか？」という注意が現れます！！（また～！！）
さっきの写真の時は、線画抽出はキャンセルしましたが
ここでは「OK」を選択します。
そうしましたら、3つのスライダーが登場します。
ここでは上2つのスライダーを使います。
まずは、上の「黒側」のスライダーを真ん中あたりまで持って行ってみてください。
文字の色が黒くなったことが分かりますか？
次は、2つ目の「白側」のスライダーを、様子を見ながら真ん中の方に移動してみてください。
背景の黒くなっている部分が飛んで、文字だけになったことが分かりますでしょうか？
この「線画抽出」とは、
文字通り、線を抽出する機能です。
元々の画像が、白い背景がありましたが、これをすることで、
まさに透明のセル画の上に、黒い線が残るという状態になります。
これをすることで、下においた写真が透けて、あたかも写真の上に文字を書いたかのように見えます！！
これにて、写真の上に、紙に書いた手書き文字を載せるということが実現しました！
この画像を保存するときは、
右下の矢印をタップ。
そして、「png保存」をタップすると、
スマートフォンの「写真」の中に、画像が保存されていますよ。
（アンドロイドはアルバムだったかなぁ・・・アンドロイドはいろんなところに保存先があるみたいなので、いろんなところを開いてみてくださいね！）
この技術を使うと、
文字だけじゃなく、イラストを載せることも可能になります。
なぜ、今回、この記事を書いたかというと、
私の大好きな、お財布ショルダー専門店ラベンダーサシェのイシロヨウコさんに
昨年、女性起業塾に登壇される際お会いして、色々お話をしている中で
「みかりんさんは、デジタル画は何で描いていますか？」と聞かれたのです。
その当時は、私はipadも持っておらず、
今回紹介した手法でデジタル画はほとんど作っていました。
それをお伝えしたら、
イシロさんが「そんな方法があったのか！」とびっくりされてて！！
で、少し前に
「みかりんさんに、
以前手描きの文字をデジタル化する技術を教えてもらったことを思い出して、
予約カレンダーを手描きの文字使ってみたんです！」と言ってくれました。
イシロさんのブログの最後の方に、イシロさんお手製のカレンダーの画像あります♪
そして、
「手作り仲間の中には、
手描きの技術は長けていて、
デジタルをやりたいけど、ipad買うまでは・・・と
躊躇している人もたくさんいます。
そんな方にもこんな技術があるよ！と知ってもらえたら・・・」
と言ってくださったのを聞いて、
ちょっとノウハウをお伝えできたらなと思い、今回やってみました。
一気にいっぱいお伝えしたら、頭がカオスになっちゃうから、
とりあえず今日は、「写真に文字を載せる！」
それだけをお伝えしました。
次回、「じゃあこの写真の文字、色を変えるのはどうするの？」
「線画抽出した後、配置を移動させたいんだけどどうしたらいいの？」
というお話ができたらな～と思います。
最後まで読んでくださり、ありがとうございました♪
