WordPress吹き出しアイコン用のお絵かきをしてみた！

WordPressをはじめてデザインを可愛い仕様にしたくていろいろ調べていると吹き出しアイコンの設定が出来ることを知りました。

フリー素材から画像を登録するのでも良かったのですが、オリジナル感を出したかったのでアイコンの作成に挑戦することにしました。

アイコンの作成することによって出来ることが増えましたのでシェアしたいと思います。

使ったもの

私がイラストを作成するものに利用したものを紹介します。

スマホ（iPhone）

出来上がったイラストを加工するときに使います。

画像編集アプリのダウンロードをしておくのをおススメします。

タブレット（iPad）、デジタルペン（applepencil）

イラストを描くときに使います。

iPadはデジタルペイントを利用するときには使いやすくておすすめですが、持っていなければスマホ・タッチペンでも描くことは出来ますので。持っている端末からチャレンジしてみてください！

アイコンを書いてみよう！

アイコンを増やしたいなと思ったのでHiroが実際に描いてみました。

ibis Paint Xでの作成例

①セッティング

アプリを起動し、マイギャラリーをタップします。

マイギャラリー横の＋ボタンをタップするとサイズ選択が出来るので好みのサイズをタップしましょう！

②ブラシの種類およびレイヤーの設定

まず下書きはレイヤー１を使いましょう！

下書き⇒ペン入れ⇒色付け（色が変わるごとにレイヤーを追加）⇒背景

のように何枚もレイヤーを足していくことで後々編集がしやすくなるので積極的にレイヤーを使い分けていきましょう！

③下書き

ブラシタブで鉛筆を選択しサクッと下書きを書いていきましょう！

下書きが出来たらレイヤーを追加しましょう！

④ペン入れ

レイヤー２をにブラシの種類を変えてペン入れしていきましょう！

ペン入れが完了したら下書きしたレイヤー１を表示させないように👁のマークをタップしておきましょう。

⑤色付け

新しいレイヤーを追加しておき塗る部分を決めていきます。

しっかりと線と線が重なり合っている場合は、左タブの自動選択をタップし囲みたい部分をタップすると範囲選択をすることが出来ます。

範囲選択が完了したら、薄い色から塗っていきます。初めの薄い色は塗りつぶしを選択し範囲内をタップすると一気に色を塗ることが出来ます。

レイヤーを追加していきながら濃い色を部分的に塗りながら色の凹凸が目立ちにくいようにぼかしていくと綺麗に色が付いていきます。

顔、頭、顔パーツ、服を塗るタイミングで選択解除や再選択、レイヤーの使い分けをしていくとスムーズに色付けが出来ます。

⑥背景選択

全てキャラクターの色を塗ることができたら、自動選択を背景の白い部分にタップし右上にある背景アイコンをタップし素材を選択します。

選択解除をするとイラストは完成です！

アイコン作業動画

Hiro

Mei

画像を加工してみよう！

イラストが完成したらイラストをマイギャラリーに保存し、写真に保存しましょう！

保存が出来たら加工用アプリを開きます。

加工の仕方はあなた次第！

おすすめのサイズは１：１サイズ！

LINECameraでは枠加工が〇の種類が豊富にあるのでおすすめです。

まとめ

WordPressで使うアイコンを作ってみました。

背景も豊富で無料で作れるイラストアプリ！

レイヤーを攻略してデジタルペイントを楽しんでいきましょう！

今後ペイントアプリを使ってLINEスタンプの作り方等も紹介出来たらと思います。

ぜひチャレンジしてみてください！

※本ページはプロモーションが含まれています。