【簡単】ブログにオリジナルのイラストを載せる方法|アプリはこれ!

ブログに自作のイラストをのせる方法

*当ページのリンクには広告が含まれています。


ど~も~

私はちょいちょい下手ながらイラストを記事に乗せています。
でも、ブログを始めた当初、右も左もわからず・・。
自作のイラストを使いたいな、と思っても、


「Photoshopだっけ?買った方がいいの?」
レベルで、あんまりよくわかりませんでした。
私の低すぎるスキルと志でPhotoshop使ったら、Photoshopが泣くわっ!

「iPad買った方がいいの?」
そんな高いもん買えねーーー!


私のような超初心者の方は、サーバー代とワードプレスの場合テーマは、お金を投じた方がいいと思います。
ですが、他はできるだけお金をかけない方が、気楽にブログを楽しめると思います。

なんたって、最初はアクセス数もなく、心が折れそうになりますからね・・・。
(ポキポキ現在進行中)

超初心者向けの方法ですので、イラスト大好き、パソコン得意っていう人にはおすすめできませんので、悪しからず。

気軽にゴ~~~!

ブロガー憧れの的オブ的

目次

ブログにオリジナルのイラストを載せる準備

紙とペンとスマホ
これだけ!
  • ペン
  • 白い紙
  • スマホ
  • ibisPaint Xのアプリをインストール

買うものナシッ!
とりあえずペンは家に転がっているものでOKです。
慣れてきたら、好きなペン先のものを選ぶといいと思います。

手書きイラストをブログに載せる方法

大まかな流れは、手書きでイラストを描く→アプリで編集・色付けする→パソコンへ送る、です。

それでは、写真をたくさん使って説明していきます。

オリジナルのイラストを手書きで描く

イラストを描く

私はペンにこだわりはないです。
これは、トンボ鉛筆のサインペン プレイカラーで、セブンイレブンで買ったやつです。
これを部屋で紛失したら、そこら辺にある、やや先が太めのペンを使っています。

イラストをスマホのカメラで撮影・保存する

イラストをカメラで撮る

くっら~~~!
でも大丈夫。これから加工していきます。
カメラは、スマホの純正カメラです。

ibisPain Xでイラストを編集する

イラストの読み込み・編集

ibisPaint X(無料)をダウンロードして、開いて下さい。

ibisPaintを起動する

開くとこのような画面に。
赤丸のマイギャラリーをクリックします。

マイギャラリーが開きます。

ibisPaintのマイギャラリーを開く

左下の赤い矢印の「+」をクリックします。

新規キャンパスが開きます。

ibisPaintの新規キャンパスを開く

サイズを選びます。
私はいつも1:1ですが、お好きなサイズをお選び下さい。
ここでは、1:1で進んで行きます。

サイズを選ぶと、真っ白なキャンパスが開きます。

ibisPaintの編集をする

赤丸をクリックします。

ibisPaintの編集をする

続いてこのような画面になるので、赤丸のカメラマークをクリックします。
スマホの写真が開き、先ほど描いたオリジナルのイラストを選びます。

すると、このようなエラー場面が。

ibisPaintの編集をする


というのも、私は(なんとなく)ibisPaintの写真へのアクセスを制限しているからです。
ここでは、赤丸の「選択した写真を編集」にします。ibisPaintの写真へのアクセスを許可している方は、出てこないと思います。

写真が出てくるので、アクセスしていい写真(今回はオリジナルイラスト)を選択します。

ibisPaintの編集をする

またまたこの場面に戻りますので、再度赤丸のカメラマークをクリックします。
写真が出てくるので、オリジナルイラストを選びます。

すると、このようにイラストが出てきます。

ibisPaintでイラストを呼び出す


イラストのサイズが大きいので、指でびよんと小さく調整します。

ibisPaintでイラストのサイズを調整する

サイズ調整が終わったら、赤丸の緑チェックマークをクリックします。

すると、線画摘出のポップアップが出てきます。

ibisPaintで編集をする

赤丸の「OK」をクリックします。

これで、明るくしたり、紙のざらざら感を消していきます。
これが重要
白側と中間値を調整すると・・・・

ibisPaintで線の編集をする

明るくして紙の質感を消し、ペンの線をはっきりさせました。
タブレットで書いたかのような質感に!

調整が終わったら、赤丸の緑チェックマークをクリックします。

イラストの色付け

ibisPaintで色を編集をする

色を付けていきます。
(色付けが不要な人は、飛ばして下さい。)

赤丸部分をクリックすると、上のような画面になります。
ブラシを選びます。
有料でしか使えないブラシもありますが、簡単なイラストは無料のもので十分かなと思います。

ibisPaintで色を選ぶ

赤丸をクリックして、色を選び、透明度などを調整します。

ibisPaintで色を塗る

指先でびゅいーんと拡大させて塗ると、塗りやすいです。

ibisPaintで色を塗る

できました。
これはおおざっぱですが、繊細な色付けもできます。

完成です!

イラストの保存

ibisPaintでイラストを編集する

イラストをスマホに保存します。
赤丸をクリックします。

ibisPaintでイラストを保存する

PNG保存を選びます。
透過かどうかは好みでOK!私はいつも普通のPNG保存です。
これで、スマホの写真に保存されました。

ibisPaintでイラストを保存、完了する。

マイギャラリーに戻ると、保存されています。

イラストの出来上がり。

スマホの写真にも、保存されています。

踏まれそう・・

イラストデータをパソコンに送る

  • クラウドで保存・同期
  • メールでGmailなどに送ってパソコンで開いて保存

など、やりやすい方法で行って下さい。

イラストに位置情報が含まれていないことを確認

画像をアップロードする前に、位置情報などの個人情報が含まれていないか、確認すると安心です。
画像を右クリック→プロパティ→詳細で確認してください。
もし含まれている場合、または不安な場合、よくわからない場合は、詳細の左下にある「プロパティや個人情報を削除」を押すと、プロパティの削除がポップアップしてくるので、OKを押すと、個人情報の消えたコピーが新たに作成されます。それをブログにご使用下さい。

プラグインで消す方法もあります。Wordpressの場合、テーマによっては非推奨のプラグインもありますので、インストールする前に確認した方がいいです。

ブログにオリジナルのイラストを載せる

完成よっ!

女の子。

慣れると、イラストを描き終わった後、10分くらいでここまでできますよ。

漠然と憧れる女子感

さいごに

いかがでしたか?
簡単ですよね~
なによりタダっていうのがいい響き・・・

気軽にオリジナルのイラストをブログに乗せちゃいましょう!
共にがんばりましょう~!

こういうこと言ってくれたのは太郎だけ・・

ズボラ

ありがとうございました

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次