SNS・ブログの顔アイコンイラストを自分で描いて作成する方法

絵を描く!

スポンサードリンク

★絵の力を活用したいあなたのための特選サービス★

【デジ絵ワークショップ】わずか4時間でデジタル絵の基本の描き方がわかる! 次回6/24開催、残りあと3席!

【キャラデザ】表情まで変えられる似顔絵キャラで、あなたを覚えて好きになってもらおう!

 

どうも、アートディレクターのハシケン(@conteanime)です。

 

ハシケン
最近は、TwitterなどのSNSやブログで自分の似顔絵イラストをアイコンに使う人が増えていますよね。

 

誰かに依頼するのもいいですが、もし多少なりとも絵心があるなら自分で絵を描いて完全オリジナルで作成してみるのも一つの手です。

 

今回は実際に似顔絵キャラクターを制作している一人として、SNSやブログに使える似顔絵アイコンイラストを自作するための手順やおススメの方法について詳しくまとめます。

 

ハシケン
個人のブランディングが重要視されている現代、身近なアイコンからもあなたらしさを発揮しましょう!

 

 

目次


スポンサードリンク

SNSやブログのアイコンをあなた自身で作るメリット

 

当然、商用フリー!

 

いうまでもなく、あなた自身で作れば使用に際して誰の了承もいりません。

 

ハシケン
もちろん、他の人の絵をパクるなどしていないことが前提となります!

プロフィール画像や名刺にだって好きに使える!

 

あなたが自分で絵素材を作れるようになれば、アイコン以外にも様々な用途にオリジナルイラストを使えるようになります。

 

名刺やブログのプロフィール画像にも効果的に活用することで、多方面からあなたのブランド価値を高めていくことが可能になります。

 

ハシケン
絵を活用したブランディングについては著書の「ブログ×絵×ブランディング」も参考にして下さい♪

 

オリジナルは人の目に留まってウケやすい!

 

とにかく現代においては、オリジナルの独自コンテンツ作成が非常に大きな価値を持っています。

 

アイコンがオリジナルであることは、ひいてはあなたの独自化にもつながります。オリジナリティの高さこそ、今後ファンを増やすための必須条件といえるでしょう。

 

かわいい、面白いデザインで好感度アップ!

 

ブログやSNSの情報発信においては、とにかくまず目立たないことには例えいい情報を発信していても見てもらえないという状況が往々にしてあります。

 

ハシケン
アイコンの活用でそのハードルを下げられたら、情報が拡散しやすくする効果も得られるかも・・・?

 

SNSやブログのアイコンをあなた自身で作るデメリット

よくわからない

 

頻繁にアイコンをコロコロ変えすぎるとブランディング的にマイナスに・・・?

 

アイコンを描いて作れるようになると陥りがちなのが、画像を新しいものにコロコロ変えてしまい見る人を混乱させてしまうことです。

 

ハシケン
決定したアイコンは根付くまである程度使い続けるのがコツです!

 

似顔絵制作サービスで依頼した方がいい場合も・・・?

 

全く絵が描けない場合は、さすがに自分でアイコンを作成するのは厳しい面があります。

 

どうやってもうまくいかない、けどオリジナルが欲しい・・・という場合はココナラのような格安のものから当サイトのような似顔絵作成サイトに依頼してみるのも一つの手です。

 

 

スポンサードリンク

オリジナルアイコンを作成する際のおすすめ道具

パソコンで絵を描く

 

ハシケン
例えばあなたの写真から似顔絵イラストをアプリで作成して使いたいなら、下記のページを参考にすればすぐ完了できます・・・が!

 

 

・・・ただ今回はあくまでも自作にこだわってもらえたらと思うので、アイコン作成に最適のデジタル絵を描く際に必要な機材を以下で詳しくまとめていきます。

 

 

デジタルで絵を描くには、デジ絵3種の神器というものが基本となります。

 

デジタルでアイコンを作成するための3種の神器①パソコン

 

アイコンのみを描く場合はそこまで高いスペックは必要ありません。手元のノートPCでもそこまで古いものでなければ十分です。

 

絵を描く際に現在快適に使えるスペックは概ね以下のようなものなので、購入を考えていたら参考にしてみてください。

 

快適にデジタルでイラストや漫画を描くための『デスクトップPC』スペック例

© 2018 THIRDWAVE CORP. All Rights Reserved.

raytrek debut! HB(レイトレックデビュー! HB)

基本価格 ¥87,980(+税)

値段は細かく変動するので必ず公式サイトを確認してください。
OS Windows 10 Home 64bit のインストール
CPU インテル Core i5-7500 (クアッドコア/定格3.20GHz/TB時最大3.80GHz/L3キャッシュ6MB)
グラフィック NVIDIA GeForce GT730 1GB
メモリ 8GB DDR4 SDRAM(PC4-19200/4GBx2/デュアルチャネル)
ハードディスク 【SATA3】 1TB HDD (SATA6Gb/s対応)
SSD 250GB SSD
光学ドライブ DVDスーパーマルチドライブ
マザーボード インテル B250 チップセット マイクロATXマザーボード
保証 持ち込み1年保証

 


 

快適にデジタルでイラストや漫画を描くための『ノートPC』スペック例

© 2018 THIRDWAVE CORP. All Rights Reserved.

raytrek debut! VF-HEK(レイトレックデビュー VF-HEK)

基本価格 ¥109,980(+税)

値段は細かく変動するので必ず公式サイトを確認してください。
OS Windows 10 Home 64bit のインストール
CPU インテル Core i7-7500U (デュアルコア/HT対応/定格2.70GHz/TB時最大3.50GHz/L3キャッシュ4MB)
グラフィック 15.6インチ非光沢液晶(1920×1080) / NVIDIA GeForce 940MX 2GB + インテル® HD グラフィックス620(Optimus™ 対応)
メモリ 8GB DDR3L SO-DIMM (PC3-12800/4GBx2/デュアルチャネル)
ハードディスク 【ハードディスク】 1TB (5400rpm)
SSD 250GB SSD (M.2スロット / AHCI接続)
光学ドライブ DVDスーパーマルチドライブ
マザーボード モバイル インテル 100シリーズ チップセット搭載マザーボード
保証 持ち込み1年保証

 


 

 

★絵を描くパソコンについてさらに詳しく知りたい場合は、絵やイラストを描くパソコンのスペックおすすめはこれ!【2018年版】イラスト制作や漫画を描くのに最適なBTOパソコンを選ぼう!も参考にしてください。

 

デジタルでアイコンを作成するための3種の神器②ペンタブ

 

デジタルで描く鉛筆とノートの役割を果たすのがペンタブです。

 

アナログの感覚そのままでやりたい場合は液晶タブレットでもいいですが、予算がかかる場合が多いので基本的には板状のタブレットで始めるといいでしょう。

 

 

初心者のうちは上のような1万円未満のものがおススメです。

 

★より詳しくペンタブについて知りたかったり設定についてもおさえたい時には、2018最新ペンタブレットのおすすめはこれだ!初心者完全対応版ペンタブでイラストを描くなら使い方と13のコツをおさえろ!ワコムペンタブでデジタルの絵やイラストを描く時の設定方法!などを参考にしてください。

 

デジタルでアイコンを作成するための3種の神器③ペイントソフト

 

描くための有名ソフトは、現在「CLIP STUDIO(通称クリスタ)」一択といってもいいでしょう。

 

他にSAIメディバンペイントアイビスペイントなど有料無料問わず様々ありますが、クリスタはプロも使っていてシェアも圧倒的なので使って困ったときも検索すれば大概の回答が探せます。

 

 

アイコンイラストなどの軽い絵のみがやりたい場合は、廉価版の「CLIP STUDIO PAINT PROがおすすめです。

 


 

 

もしこの先、しっかり絵を活用していきたかったりマンガもガッツリ描きたいなら高機能の上位版「CLIP STUDIO PAINT EXを買っておくと無駄がありません。

 


 

 

★クリスタにはアプリ版もあるので、気になるときはクリスタipad版アプリでイラストや漫画を描く環境は一変する!raytrektab DG-D08IWPをドスパラ公式依頼でレビューした!などの記事も併せて参考にしてください。

 

デジタルで絵を描いて自分でアイコンを作成する流れ

 

さてここからは、当サイトで実際に販売している似顔絵キャラクターイラスト【キャラデザ】を使いながら実際に似顔絵イラストを作成していく手順を見ていきましょう。

 

ペイントソフトは「CLIP STUDIO」を使用しています。

 

新規キャンバスを作成

 

クリスタを立ち上げたら、上ツールバーの「ファイル」‐「新規」で、絵を描くためのキャンバスを用意します。

 

「作品の用途」で「イラスト」を選択して幅1000、高さ2000、解像度72あたりにするとやりやすいでしょう。

 

印刷を前提とするなら、解像度は350以上で設定してください。

 

アイコンは最後に顔サイズに切り抜くので、基本的には全身サイズで描いておきましょう。

 

写真などの資料も参考にラフ絵作成

 

キャンバス上に収まるように、レイヤー上で似顔絵イラストの全身絵を描いていきましょう。

ラフのさらに前の段階のラフラフと呼ばれるものです

こちらはラフで、このあと線画へと進みます。

 

ハシケン
あなた自身の似顔絵イラストを作成するなら鏡よりも写真を複数枚使って、客観視しながら似せるように描いてみましょう。

 

★似顔絵をうまく似せるコツについては、似顔絵イラストをうまく描く13のコツを制作目線で詳細解説!を参考にしてください。

 

 

ラフで使うペンツールは鉛筆でも何でも構いません、色も太さもあなたの描きやすいものを使えば大丈夫です。

決まりはないので自由に描きましょう!

 

ラフの段階できれいに仕上げすぎる必要はないので、とにかくイメージを固めるつもりで描き進めてみてください。

 

【キャラデザ】より『フェイスムーブアイコン』画像

 

ラフのベースができたうえでもし当サイトの商品のように表情違いを作りたい場合は、本体と表情でレイヤーを分けて作成します。

 

表情ごとにレイヤーを分けて作成しておきます

 

ハシケン
顔が変わっても鼻を変えることは基本的にないので、本体の方に鼻を描いておき眉・目・口を表情ごとのレイヤーで作成するといいですよ♪

 

上からなぞれるくらいまでできれば完成です。

 

★ラフについてより詳しく知りたい場合はデジタルイラスト初心者必見!ラフの描き方5つのコツをおさえよう、レイヤーについての理解を進めたい時はイラストを描く時のレイヤーの機能と使い方をプロがわかりやすく解説!を参考にしてください。

 

上からなぞって線画作成

ラフを描いていたレイヤーの不透明度を20-30程度に下げて表示を薄くし、その上に新規レイヤーを作ってラフをなぞりながらきれいな線を描いていくのが線画作業です。

 

不透明度はレイヤーごとに設定でき、いつでも変更できます

 

このあとさらに丁寧に線を仕上げていきます

 

線画は慣れるまではどうしてもてこずる工程ですが、何度も描き直したりショートカット操作でキャンバスを回転させつつ描きやすい方向で線を描くことでじょじょに慣れていきます。

 

着色作業をスムーズに進めるためにも、線と線の間に隙間が出ないように仕上げます。

 

ハシケン
線画の最後にまとめてやっても構いません、線の仕上がりでアイコンの見映えはかなり変わるので気合い入れて進めましょう!

 

線画が完成した状態です

 

必要な線を全て拾い終えて隙間も潰せたら、次はいよいよ着色です。

 

★線画についてより詳しく知りたい場合は初心者必見!デジタルイラストの線画をきれいに描く8つの極意を参考にしてください。

 

着色で綺麗に仕上げよう

ハシケン
線画が終了したら、ラフのレイヤーは必要ないので非表示にします。

 

表示・非表示はいつでも変更できます

 

 

最下段に新規レイヤーを配置し、全面を黄緑など目立つ蛍光色で塗りつぶします。そうしておくと塗っていく中で塗り漏れがあっても黄緑で判別しやすくなります。

目立つ色なら何でも構いません

 

この後の流れとしては、

 

  1. 自動選択ツールで、線画レイヤー上で塗りたい範囲を選択(クリック)
  2. 選択した状態のまま線画レイヤーより下に色用のレイヤーを新規作成
  3. カラーパレットから色を選んで、色レイヤー上で塗りつぶしかバケツ

 

 

・・・と、この流れをひたすら色・パーツ ごとに繰り返していきます。この手法を一般的に「アニメ塗り」と言い、デジタルで絵を描く基本となります。

 

顔の肌の領域内を自動選択でクリックした状態です

色ごとにレイヤーを分けて塗っていきます

 

塗り漏れは最後にまとめてで構いません。漏れている色のレイヤー上で、任意のペンツールなどで直接描いて塗り潰しましょう。

 

影を加えたい場合は、ベース色の上に新規レイヤーを置き右クリックで「レイヤー設定」-「下のレイヤーでクリッピング」という操作を行います。

クリッピングはいつでも実行・解除できます

 

そうすることで、ベースで塗られている範囲以外がクリッピングした側でも非表示となるのではみ出しを気にせず影を塗っていけます。光を描きこむ手順も同様です。

 

まだあまり配色に関して詳しくないときは影色はベース色のまま合成モードを「乗算」に、光の色は「スクリーン」で処理すれば割とうまくいきます。

レイヤーの上にある「通常」をクリックで表示されます

 

塗り終えて漏れがなければ着色は完成です。

 

★色塗りやアニメ塗りについてはデジタルイラストの色塗りに悩む初心者さんはこの塗り方で即解決しよう!や、アニメ塗りを知れば誰でもデジタルイラストが描ける!メイキング付きに詳しくまとめてあります。

 

顔アイコン用サイズにトリミング、書き出して保存

 

色を塗って仕上がったら、使うために絵素材として「書き出し」を行います。

 

基本的にデータはクリスタの形式で保存をしておくようにし、必要に応じ「ファイル」‐「別名で保存」で『.jpg』『.png』を選ぶのがいわゆる「書き出し」です。

 

ハシケン
レイヤーを破棄しつつ、使える状態の一枚絵にデータを圧縮して保存すると考えてください。

 

 

アイコンサイズに合わせるには描いた絵のレイヤーを新規レイヤーフォルダーにすべてドラッグし、別に新規キャンバスを用意して幅・高さともに500解像度72のサイズで作成します。

最上段にフォルダーを作成し、その中にデータをすべて入れました

アイコンサイズの新規キャンバスを作成します

 

そのキャンバスにレイヤーフォルダをコピー&ペーストし、いいおさまりになるよう縮小などの操作をして合わせます。

拡縮や移動で調整します

 

このように不要部分を削除したり必要な範囲を選択することを「トリミング」と言います。

 

ハシケン
スマホの写真切り抜きでも見かけることが多いですよね

 

画像を別名で保存する際には、

 

  • キャラ以外の何も描いていない領域を白く表示したいなら『.jpg』
  • キャラ以外の何も描いていない領域を透明にしたいなら『.png』

 

・・・で保存します。後者の場合キャラ以外のレイヤーは非表示にして保存してください。

 

ハシケン
多くの場合『.jpg』の方が容量は小さくなりますが、アイコンサイズなら気になるほどの差は出ません。

 

 

ブログの会話に使う顔アイコンは基本的に背景がないものが多く、Twitterだと背景があるものも見かけると思います。

 

キャラの後ろに色や模様を入れたい場合は、キャラの下に画像をコピペして保存します。透明表示が絡むなら『.png』、それ以外は『.jpg』で保存しましょう。

 

表情パターンを作った場合は表情ごとにそれぞれ書き出して素材化です、一式まとめて保管しておけばSNSやブログで自由に使えます。

 

 

 

あなた自身でSNS・ブログアイコンを作成する際のコツや注意点

難しい

 

おしまいにアイコンを作成する際のポイントをまとめますので参考にしてください。

 

キャラクターは全身で描いておこう!

似顔絵イラストアプリ

上でも書きましたが、デジタルの絵素材のいいところは使う目的によって様々にトリミングや調整を行って使用できることです。

 

そのためには、キャラはあらかじめ全身で作成しておいたほうが便利です。

 

今後、他での使用が多少でもありそうなものに関してはどうとでも処理できるように全体で作成しておきましょう。

 

ブログがWordpressならテーマごとにサイズの仕様を確認しておこう

 

WordPressでは、テーマというブログのテンプレートがあります。使うテーマによって、必要な画像サイズも変わります。

 

要求されるサイズよりあなたの作成した画像が大きい場合は小さくすれば済みますが、あなたの手持ちの画像よりも大きなサイズを求められた場合は無理やり引き伸ばされて画質が荒れてしまうこともありえます。

 

デジタル絵の基本は、大きく描いておいて縮小して使う流れです。余裕を持ったサイズで作成するように心がけましょう。

 

似顔絵イラストは似せること以上に愛嬌を重視しよう!

 

あなた自身でも人の似顔絵でも、似せること以上に大事なのが愛嬌がある絵かどうかです。

 

ただ似せただけの写真トレースのような絵では写真を使う意味とあまり違いがありません。

 

イラストをあえて使う理由は、覚えられやすい、好かれやすいというイラストの特性を活かす意味が多くなります。であれば似せること以上に重要なのが愛嬌です。

 

ハシケン
似せつつ魅力あるキャラクターに、そんなつもりで描き進めるといいかもしれませんね♪

 

オリジナルアイコン作成のまとめ

5つ

 

デジタルで絵を描く作業は一見ハードル高く感じるかもしれませんが、手順さえ理解できればアナログで描くよりもよく見せられる可能性がおおいにあります。

 

ハシケン
ひとりひとりのオリジナリティが強く求められる時代です。

ぜひあなただけのアイコンで、個性を表現してくださいね♪

 

 

・・・もしデジタル機材を買ったものの独学で難しかったら、当サイト主催の【デジ絵ワークショップ】でたった4時間でデジタル絵の基本「アニメ塗り」を覚えちゃいましょう!

「一生モノの『表現力』を身につけよう!」

 

デジタル絵の超初心者向けワークショップ

 

プロの直接指導によるわずか4時間のワークショップで、

デジタルで絵を描く基本の「アニメ塗り」の手順が理解できます。

絵を自由に描いて、好きに使えるようになりませんか?


6/24開催、残り3席限り!

スポンサードリンク