ど~も~
私はちょいちょい下手ながらイラストを記事に乗せています。
でも、ブログを始めた当初、右も左もわからず・・。
自作のイラストを使いたいな、と思っても、
「Photoshopだっけ?買った方がいいの?」
レベルで、あんまりよくわかりませんでした。
私の低すぎるスキルと志でPhotoshop使ったら、Photoshopが泣くわっ!
「iPad買った方がいいの?」
そんな高いもん買えねーーー!
私のような超初心者の方は、サーバー代とワードプレスの場合テーマは、お金を投じた方がいいと思います。
ですが、他はできるだけお金をかけない方が、気楽にブログを楽しめると思います。
なんたって、最初はアクセス数もなく、心が折れそうになりますからね・・・。
(ポキポキ現在進行中)
超初心者向けの方法ですので、イラスト大好き、パソコン得意っていう人にはおすすめできませんので、悪しからず。
気軽にゴ~~~!
ブロガー憧れの的オブ的
![](https://www.bousaihitori.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
ブログにオリジナルのイラストを載せる準備
![紙とペンとスマホ](https://www.bousaihitori.com/wp-content/uploads/2023/09/pen-paper-phone.jpg)
- ペン
- 白い紙
- スマホ
- ibisPaint Xのアプリをインストール
買うものナシッ!
とりあえずペンは家に転がっているものでOKです。
慣れてきたら、好きなペン先のものを選ぶといいと思います。
手書きイラストをブログに載せる方法
大まかな流れは、手書きでイラストを描く→アプリで編集・色付けする→パソコンへ送る、です。
それでは、写真をたくさん使って説明していきます。
オリジナルのイラストを手書きで描く
![イラストを描く](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-2.jpg)
私はペンにこだわりはないです。
これは、トンボ鉛筆のサインペン プレイカラーで、セブンイレブンで買ったやつです。
これを部屋で紛失したら、そこら辺にある、やや先が太めのペンを使っています。
イラストをスマホのカメラで撮影・保存する
![イラストをカメラで撮る](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration.jpg)
くっら~~~!
でも大丈夫。これから加工していきます。
カメラは、スマホの純正カメラです。
ibisPain Xでイラストを編集する
イラストの読み込み・編集
ibisPaint X(無料)をダウンロードして、開いて下さい。
![ibisPaintを起動する](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-634x1024.jpg)
開くとこのような画面に。
赤丸のマイギャラリーをクリックします。
マイギャラリーが開きます。
![ibisPaintのマイギャラリーを開く](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-2-576x1024.jpg)
左下の赤い矢印の「+」をクリックします。
新規キャンパスが開きます。
![ibisPaintの新規キャンパスを開く](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-3-576x1024.jpg)
サイズを選びます。
私はいつも1:1ですが、お好きなサイズをお選び下さい。
ここでは、1:1で進んで行きます。
サイズを選ぶと、真っ白なキャンパスが開きます。
![ibisPaintの編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-4-624x1024.jpg)
赤丸をクリックします。
![ibisPaintの編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-5-576x1024.jpg)
続いてこのような画面になるので、赤丸のカメラマークをクリックします。
スマホの写真が開き、先ほど描いたオリジナルのイラストを選びます。
すると、このようなエラー場面が。
![ibisPaintの編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-6-576x1024.jpg)
というのも、私は(なんとなく)ibisPaintの写真へのアクセスを制限しているからです。
ここでは、赤丸の「選択した写真を編集」にします。ibisPaintの写真へのアクセスを許可している方は、出てこないと思います。
写真が出てくるので、アクセスしていい写真(今回はオリジナルイラスト)を選択します。
![ibisPaintの編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-7-576x1024.jpg)
またまたこの場面に戻りますので、再度赤丸のカメラマークをクリックします。
写真が出てくるので、オリジナルイラストを選びます。
すると、このようにイラストが出てきます。
![ibisPaintでイラストを呼び出す](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-8.jpg)
イラストのサイズが大きいので、指でびよんと小さく調整します。
![ibisPaintでイラストのサイズを調整する](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-9-576x1024.jpg)
サイズ調整が終わったら、赤丸の緑チェックマークをクリックします。
すると、線画摘出のポップアップが出てきます。
![ibisPaintで編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-10-616x1024.jpg)
赤丸の「OK」をクリックします。
![](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-11-634x1024.jpg)
これで、明るくしたり、紙のざらざら感を消していきます。
これが重要!
白側と中間値を調整すると・・・・
![ibisPaintで線の編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-12-632x1024.jpg)
明るくして紙の質感を消し、ペンの線をはっきりさせました。
タブレットで書いたかのような質感に!
調整が終わったら、赤丸の緑チェックマークをクリックします。
イラストの色付け
![ibisPaintで色を編集をする](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-13-576x1024.jpg)
色を付けていきます。
(色付けが不要な人は、飛ばして下さい。)
赤丸部分をクリックすると、上のような画面になります。
ブラシを選びます。
有料でしか使えないブラシもありますが、簡単なイラストは無料のもので十分かなと思います。
![ibisPaintで色を選ぶ](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-14-576x1024.jpg)
赤丸をクリックして、色を選び、透明度などを調整します。
![ibisPaintで色を塗る](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-15-624x1024.jpg)
指先でびゅいーんと拡大させて塗ると、塗りやすいです。
![ibisPaintで色を塗る](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-16-623x1024.jpg)
できました。
これはおおざっぱですが、繊細な色付けもできます。
完成です!
イラストの保存
![ibisPaintでイラストを編集する](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-17-624x1024.jpg)
イラストをスマホに保存します。
赤丸をクリックします。
![ibisPaintでイラストを保存する](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-18-624x1024.jpg)
PNG保存を選びます。
透過かどうかは好みでOK!私はいつも普通のPNG保存です。
これで、スマホの写真に保存されました。
![ibisPaintでイラストを保存、完了する。](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-20.jpg)
マイギャラリーに戻ると、保存されています。
![イラストの出来上がり。](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-19-1.jpg)
スマホの写真にも、保存されています。
踏まれそう・・
![](https://www.bousaihitori.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
イラストデータをパソコンに送る
- クラウドで保存・同期
- メールでGmailなどに送ってパソコンで開いて保存
など、やりやすい方法で行って下さい。
イラストに位置情報が含まれていないことを確認
画像をアップロードする前に、位置情報などの個人情報が含まれていないか、確認すると安心です。
画像を右クリック→プロパティ→詳細で確認してください。
もし含まれている場合、または不安な場合、よくわからない場合は、詳細の左下にある「プロパティや個人情報を削除」を押すと、プロパティの削除がポップアップしてくるので、OKを押すと、個人情報の消えたコピーが新たに作成されます。それをブログにご使用下さい。
プラグインで消す方法もあります。Wordpressの場合、テーマによっては非推奨のプラグインもありますので、インストールする前に確認した方がいいです。
ブログにオリジナルのイラストを載せる
完成よっ!
![女の子。](https://www.bousaihitori.com/wp-content/uploads/2023/09/illustration-ibispaint-19-2.jpg)
漠然と憧れる女子感
![](https://www.bousaihitori.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
さいごに
いかがでしたか?
簡単ですよね~
なによりタダっていうのがいい響き・・・
気軽にオリジナルのイラストをブログに乗せちゃいましょう!
共にがんばりましょう~!
こういうこと言ってくれたのは太郎だけ・・
![](https://www.bousaihitori.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://www.bousaihitori.com/wp-content/uploads/2023/06/ff05582cef8829c171f3d3f4cf8ffb0b-150x150.png)
ありがとうございました