Twitterやブログなどのアイコン、皆さんはどうしていますか?
個性を出したいけど自分の顔写真はハードル高いし、
かわいいイラストのアイコンに憧れるけど、どうやって作っていいかわからない…。
今回は、自分で紙に描いたオリジナルのイラストを、デジタル化してアイコンにするまでの方法を説明します。
はじめに
この記事は、こんな方に向いています。
- 今までお絵描きツールなど使ったことがない
- 初心者
- 無料で作りたい
- 新しく道具などを揃えたくない
はい、私です。
![ひさまぁ](https://hisahiko.com/wp-content/uploads/2021/10/CE6B0B11-FFE2-404C-B8EE-98D737DAF7E4-e1636201617253.png)
初めてでも、こんな感じのアイコンが出来たよ
![賢いトリ](https://hisahiko.com/wp-content/uploads/2021/11/B0C7F5C9-C64A-44D9-A3BC-F62D5FF1BC8B.jpeg)
Twitterのアイコンにしてるよ。
準備するもの
使用するものは
- スマホ
- 紙
- ペン
たったこの3つです!!
![](https://hisahiko.com/wp-content/themes/cocoon/images/man.png)
シンプル!!
『アイビスペイント』アプリをダウンロード
アイビスペイントとは、無料で使えるお絵描きアプリです。
![アイビスペイントX](https://is3-ssl.mzstatic.com/image/thumb/Purple126/v4/e9/3f/2a/e93f2ada-1262-c213-be56-d991c0e60ef5/source/512x512bb.jpg)
- 無料でダウンロードできる
- 初心者でも分かりやすい画面
- 素材、ブラシ、フォントなど種類豊富
- とにかく機能が豊富(アップデートの度に便利になる)
- 絵の描き方を学べるSNS機能付き
口コミなどでも好評のアプリです!
お絵描きアプリと言ってもギャラリーを見てみると本格的で、無料でこんなに機能が使えるの?と驚きます。
初心者でも分かりやすい画面というのはちょっと疑問でした…。
機能が充実しすぎて、覚えないといけない事が沢山あるようです。(レイヤーって何?透過度って?今、まだこの段階にいます)
その辺はおいおい学んでいくとして、まずはアナログ民の為の超初心者用の基本操作から説明します。
下書きの絵を準備する
ノートに落書きしていたこのトリを加工していきます。
![](https://hisahiko.com/wp-content/uploads/2021/10/B1E0BE00-40EA-46C1-9A59-E8FC71D7FF5B-1024x768.jpeg)
スマホのカメラでノートの写真を撮ります。
次のページに書いた文字も何やら透けています。
![ひさまぁ](https://hisahiko.com/wp-content/uploads/2021/10/CE6B0B11-FFE2-404C-B8EE-98D737DAF7E4-e1636201617253.png)
Heyってなに…?
最初から白い紙に描くと加工も楽だと思いますが、今回は罫線付きのノートに書いた落書きでも立派なアイコンになることを証明すべく、このままやってみます。
アイビスペイントアプリを立ち上げる
先程ダウンロードしたアイビスペイントアプリを立ち上げます。
①左側の「マイギャラリー」→②左下の小さい「+」をタップ。
![](https://hisahiko.com/wp-content/uploads/2021/11/FB3D5B37-F7EC-48B9-85F9-B90230B8B938-594x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/E2CE3B27-F10B-44D8-AB36-AD13B2B90506-593x1024.jpeg)
新規キャンバスの写真読み込みをタップし、最初に撮影しておいた手書きの写真を選びます。
キャンバスサイズは推奨を選びます。
![](https://hisahiko.com/wp-content/uploads/2021/11/027E41EE-BDA5-49C5-9A80-9D9F3F448EAE-596x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/ED6C0E40-8A28-4891-9F41-7F41E936CCB1-596x1024.jpeg)
線画抽出を行いますか?と聞かれるので、OKをタップ→「黒側」「白側」「中間値」というバーで調節して背景を消していきます→「白側」を動かすと背景が消えます。
行き過ぎると残したい絵も消えてしまうので、調整して下さい。
![](https://hisahiko.com/wp-content/uploads/2021/11/21BECA91-62EB-43D9-98E8-223B1332664A-626x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/32D3C49F-00BA-4399-AD02-316A876C40F3-637x1024.jpeg)
黒側が多いとホラーになりますが、適当に動かしていると罫線が消えていい感じになりました。
まだ文字は残っていますが、消しゴムで消していくのでひとまずこれでOK→右側の緑のチェックをクリック。
![](https://hisahiko.com/wp-content/uploads/2021/11/8F84A63F-E1E3-468A-8EFF-54061C4FC4E8-634x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/84D67149-6ECA-43CA-A142-56937C63FAC1-635x1024.jpeg)
下の左から二番目の筆のマーク【ツール選択ボタン】をタップすると画面上にアイコンが現れるので、【消しゴム】を選びます。
消したい部分を指でなぞっていきます。消しゴムの範囲を広くしたい場合はバーの上段の【+】⇔【-】で調整できます。
![](https://hisahiko.com/wp-content/uploads/2021/11/3DC2CCF0-9F95-4F91-9E9C-569A0AB18B67-635x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/0865718C-A4BF-4804-A2E6-F4B9E94F6335-631x1024.jpeg)
もし、消したくないところまで消してしまった時は左上のボタンをタップすると戻れます。
次は色を付けていきます。
先ほど使った【ツール選択】ボタンをタップし、【塗りつぶし】を選択。
![](https://hisahiko.com/wp-content/uploads/2021/11/65A030B9-502D-44BA-92F3-2849D00D81B6-632x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/7718E951-D0E8-470E-B569-C7020BC64D95-633x1024.jpeg)
カラー選択画面右の>マークをタップし、好きな色を選び<マークで戻ります。(次で細かく色の調整が出来るので、ここでは大まかな色の選択でOK)
![](https://hisahiko.com/wp-content/uploads/2021/11/E45E4111-0432-4467-9C20-2701C89EEEB9-627x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/88EC93A9-4BF0-4C99-87A1-6BDC1829E34F-631x1024.jpeg)
細かく色を選びたいときは、カラーウインドウの色相環の〇を指で動かすと好きな色に変えられます。
![](https://hisahiko.com/wp-content/uploads/2021/11/DADE8D00-A039-4BC4-839C-95B8393296F8-634x1024.jpeg)
トリのくちばしを黄色に塗りたいので黄色を選び、塗りたいところをタップすれば塗りつぶしてくれます。
次に背景色を決めます。
先ほどと同じ要領で色を選び、背景をタップすれば一気に塗りつぶし完了です。
![](https://hisahiko.com/wp-content/uploads/2021/11/0BCA82F9-35CE-4F33-B842-207C21A097B1-631x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/E7B967F8-C977-41CF-BEF7-9797B9F19860-638x1024.jpeg)
線に隙間があると全体を塗りつぶしてしまうので、【すき間認識】をONにして背景をタップすると上手く塗れました。
![](https://hisahiko.com/wp-content/uploads/2021/11/8C4C50D1-7795-457C-8F4F-0629DA4D286B-625x1024.jpeg)
![](https://hisahiko.com/wp-content/uploads/2021/11/08095B3B-1322-4E37-80C7-77D9343A0337-635x1024.jpeg)
まとめ
不細工ながらも自分のオリジナルアイコンが出来上がりました。
完成度は高くないですが、初心者にしてはまぁ形にはなったかな?
今ではかなり愛着が出てきましたよ!
アイビスペイントの機能の1%も使いこなせてないとは思いますが、久しぶりにイラストを描いて楽しかったのでこれからもっと機能を使っていきたいと思っています!
スマホでも出来ますが、細かく書きたい人はiPadがおすすめ。
コメント