【アイビスペイントX】スマホアプリでブログ用イラスト描いてみた

節約術

ブログを始めてまだ間もない私ですが、

せっかくの自分のブログにオリジナルアイコンがないのはちょっと寂しい…

 

 

というわけで 今回は、スマホソフトの「アイビスペイントX」を使って

こんな感じの オリジナルのブログアイコンを作ってみました!

こんなイラストが、スマホと指一本で作れちゃいます。

では早速 作り方をどうぞ!

 

 

スポンサーリンク

まずは下絵を描こう!

 

これは、普通の紙と鉛筆で描いていきます。

出来上がったら、そのイラストをスマホで写真に撮ります。

 

 

「アイビスペイントX」をダウンロード

 

次にこのアプリを スマホへダウンロードします。

アイビスペイントX

アイビスペイントX
開発元:ibis inc.
posted withアプリーチ

 

 

「マイギャラリー」で新規作成

 

ダウンロードしたアプリを起動したら「マイギャラリー」を選択し、

この画像の下にある+ボタンを押します。

 

 

作るイラストのサイズを決めよう!

 

ブログ用でしたら、この一番上にある「SDサイズ」で十分です。

この他にも、Twitterヘッダー用サイズ、LINEスタンプ用サイズ、comico用サイズなど

いろんなサイズがあるので、用途に合わせて選んでみてくださいね!

 

 

下絵写真を貼り付けよう!

 

サイズを選ぶと、次はこんな画面に変わります。

 

下のアイコン、左から

  • ペンと消しゴムの切り替え
  • 塗りつぶしやスポイト機能など
  • ペン/消しゴムの太さと種類
  • 色の選択と調節
  • 画面から余計なアイコンを収納する
  • レイヤーの選択
  • 終了ボタン

といった感じになっています。

詳しくは、こちらのホームページをご覧ください↓

「アイビスペイントX お絵かき講座」

 

 

その中の 右から2番目の「レイヤー選択」ボタンを押すと

こんな画面になります。

 

ここで 左側にある+のアイコンを押し、先にレイヤーを何枚か用意します。

 

そしてそのうちの1枚のレイヤーに、先ほど撮った下絵写真を貼り付けます。

貼り付け方は、貼り付けたいレイヤーを選択し、左側にあるカメラのアイコンを押すだけです。

 

先ほどの下絵写真を選んで、ちょうど良い大きさに切り取ったら貼り付け完了!

貼り付けると、こんな感じ!

 

 

輪郭線を描こう!

 

まず、先ほど写真を貼り付けたレイヤーを 少し薄くしておきます。

 

黄色の線で囲んだところが、絵の薄さを調節できるバーです。

どのくらい薄くすればいいとかはないので、自分のわかる範囲で薄くしてくださいね。

これと同じように、輪郭線を描く用のレイヤーも少し薄くしておきます。

(下絵よりは濃い方が良いですよ)

 

これで、下絵の上をなぞるだけで 輪郭線を描けるようになりました!

 

 

ペンの種類は基本好みですが、私はこのGペン(ハード)を使いました。

 

下絵をもとに輪郭線を描くと…

こんな感じで、綺麗に輪郭線が描けましたね!

 

 

完成イメージ図を作ろう!

 

先ほど輪郭線を描いたレイヤーをもう1枚複製します。

(私はめっちゃ複製してますが、ただのミスです。1枚で十分でした…)

 

複製(コピー)は、複製したいレイヤーを選択し、左側にある四角の+ボタンを押すだけです。

 

複製したら そのコピーしたレイヤーを選択し、絵の配色を決めます。

下にあるアイコンの中の 左から2番目にあるブラシのアイコンを押し、

その中から「塗りつぶし」を選択します。

 

これでざっくりと色を塗ることが出来ます。

色をいろいろ変えてみて、絵の完成イメージを作りましょう。

ちなみに、これが私の完成イメージ。

ここで終わってもいいのですが、私はもうちょっと微調整したかったので

これはあくまで完成イメージ。

 

輪郭線の色を変えると絵の雰囲気がまたガラッと変わるので、いろいろ試してみるのもアリです。

 

 

色を塗っていこう!

 

先ほどのイメージに合わせて色を塗っていきます。

 

完成イメージ図のレイヤーを薄くしておくと、

どこに何色を塗ればいいか一目でわかるので オススメです。

 

こんな感じ↓

 

あと レイヤーは、眼のアイコンを押せば非表示にもできるので、

余分なものは見えないようにしておくといいでしょう。

色を塗るときは、色ごとにレイヤーを分けておきましょう。

間違ったときに 修正しやすいですよ。

 

 

輪郭線を描いたレイヤーを一番上にもってこよう!

 

色を全部塗り終わったら、最初に描いた輪郭線のレイヤーを レイヤーの一番上に持ってきます。

 

輪郭線のレイヤーを選択し、下画像の「切り取り」を押します。

 

レイヤー選択画面にもどり、順に並んでいるレイヤーの 一番上に新しいレイヤーを追加し、

そこへ切り取った輪郭線を貼り付けます。

 

貼り付けは、新しく作ったレイヤーを選択し

下画像の「貼り付け」を押せば 簡単に貼り付けられます。

 

 

 

レイヤーを合体しよう!

 

ここまでくれば、あと一息です!

レイヤー画面の一番下にあるレイヤーから 順に合体していきます。

 

合体させたいレイヤーを選択し、下画像の光ってるアイコンを押せば合体できます。

レイヤーの上にレイヤーを重ねていく感じ。

 

 

完成!!

 

全ての統合が終われば、「終了」の矢印アイコンを押して完成です!

 

いやぁ、お疲れさまでした!

 

私はこのイラストを完成させるのに4、5時間かかりましたよ((白目

もうね、なんたって手探りですから。

ただでさえ要領が悪い人間が、慣れないことをすると そりゃこうなりますよ…コスパ最悪。

 

でも、時間かけただけあって 結構いい感じにできました。個人的には満足です(笑)

 

ちなみに、「名前がアッシュのくせに、めちゃめちゃカラフルじゃねーかよ」

といったご意見は受け付けないので 悪しからず。ほら、よーく見てよ。ちゃんとアッシュ色も入ってるよ?一応。

 

 

いやぁ、実はこのイラスト。

自己紹介ページ用に作ったんですが 予想以上に可愛くできたので、そのままブログのアイコンにしてやります。

 

 

 

では、また別の記事で会いましょう!

アッシュ(@assyu_blogger)

コメント