【Adobe illustratorだけで】背景透過した水彩風のイラストを作成する方法
Adobe illustrator まだまだ勉強中の筆者ですが、
使えるとイラストの表現の幅が広がる、「水彩タッチ」
のイラストの作り方をまとめてみました,。
0.こんな画像つくりたい人向けの記事です
・水彩風のあたたかみのあるイラストをillustratorでつくりたい
・しかも、背景を透過させたデータにしたい
1.はじめに
illustratorで作った画像は特に加工しない場合
左下のような平面的な表現のイラストになりがちですよね。
ここでは右下のように水彩のような濃淡のある色合いに加工し
趣きある雰囲気のイラストを作成します。
また画像を水彩風にするだけでなく
背景を透過させ、なおかつイラスト一つ一つの配置が変更可能なデータに
加工するところまでの手順をまとめたいと思います。
2.手順
(1) 画像を用意する
①水彩の背景画像
商用利用可能なフリー素材などで水彩画像を準備します。
ここでは筆者が作成した画像を使います。
②水彩タッチにしたいベクター画像
(2) レイヤーを追加する
[レイヤー]パネルから新規レイヤーを2枚追加し、
イラストのあるレイヤーの前と後ろに配置します。
(3) レイヤーに画像を配置する
追加したレイヤーに下図のように水彩画像、イラスト画像を配置します。
一番下のレイヤーには長方形ツールで白色の四角を配置します。
(4) 水彩画像を微調整する
水彩画像に色がついている水彩画像の場合は以下の手順で
モノトーンに変更します。
水彩画像をレイヤーに配置し、選択した状態で[埋め込み]をクリックします。
画像を選択した状態で、メニューの[編集]>[カラーを編集]>[グレースケールに変換]
モノトーンになりました。
色が淡すぎるため、微調整したいと思います。
[編集]>[カラーを編集]>[カラーバランス調整]
ブラックを0%から40%にしてみました。ここはお好みで調整してください。
こんな感じになりました。水彩画像はもう少し濃淡の差が強い画像を使った方がきれいに
仕上がると思います。今回の私の水彩画像はあんまりきれいではありません(すみません)
(5) 「オーバーレイ」機能を使う
メニュー[ウィンドウ]>[透明]で[透明]パネルを表示させます。
水彩画像を選択した状態で[透明]パネルを[オーバーレイ]に変更します。
最下層のレイヤーに白い長方形を配置すると水彩風の画像になります。
背景が白でもOKな方は、このまま画像を書き出せば完成です。
この記事では、続いて
水彩風の画像の背景の白をillustratorを使って消し
背景が透過した画像にする方法を書いていきます。
(6) jpgデータ(またはpng)として書き出す
この記事ではイラストが動かせるベクターデータ(eps)も作成したいため
データを書き出す前にイラストを重ならないように配置しなおしてから
書き出します。
[ファイル]>[書き出し]>[Web用に保存]
プリセットの項目で「JPEG」、
画質が落ちないように「最高画質」を選択して保存します。
(7) jpgデータ(またはpng)化した画像をトレースする
新規にアートボードを作成し、(4)で書き出したjpg画像を配置します。
画像を選択した状態で[埋め込み]をクリックします。
[画像トレース]>[写真(高精度)]をクリックします。
トレース結果が表示されます。「拡張」をクリックすると背景とイラストの
画像が分かれます。
拡張した結果、色ごとにオブジェクトが分かれます。
※補足
トレースすると画像が少し荒くなります。
画像をなるべく荒くしたくない方は、
一番はじめからアートボードのサイズを大きめにすることをお勧めします。
筆者はいつも縦横4500pxくらいのアートボードで作成しています。
この記事の画像では縦横500pxにしているため画像が荒いです。
(8) 背景の白色部分を削除する
拡張させた画像の背景の白い部分だけ選択し、削除しましょう。
投げ輪ツールでイラストごとに選択し、グループ化します。
イラストを配置しなおします。
(9) pngデータとepsデータで保存する
[ファイル]>[書き出し]>[Web用に保存]でpngデータ
[ファイル]>[別名で保存]でepsデータで保存して完成です。
ストックイラスト初めて約3ヶ月の活動状況まとめ
(c)chaaaim - イラスト素材 PIXTA -
0. 前提条件
デザインちょっとかじったことあるだけのノーマル人間(絵を描くのは好き)
1. 2020年5月~7月の活動状況
登録点数(DL数)
サイト名 | それ以前 | 5月 | 6月 | 7月 | 合計 |
---|---|---|---|---|---|
PIXTA | 29(5) | 34(3) | 98(1) | 78(11) | 239(20) |
Adobe Stock | 0(0) | 2(0) | 61(0) | 83(3) | 146(3) |
amana images | 0(0) | 0(0) | 63(0) | 85(0) | 148(0) |
123RF | 0(0) | 0(0) | 0(0) | 29(0) | 29(0) |
PIXTAの作品数が200点を超えました!!
人によっては「え、それだけ?」って思うかもしれませんが。
今の目標は登録数を800点にすることです。
売上は今は目標にしていません。
売上を目標にしちゃうと楽しくイラストが描けないし
落ち込んで辞めたくなっちゃうからです。
だから売上は今は無視!
登録数が800点になってからじっくり考えればいいと思っています。
目標まであと600点!達成できる気がしてなりません!
2.売れた素材
まだまだ売れ行きはよくないですが、6月に登録した夏用の素材が7月に売れました。
季節のイラストは1、2ヶ月前に準備しておくのが大切なんだなと実感します。
例えば、エアコンやハイビスカス、など
(c)chaaaim - イラスト素材 PIXTA -
(c)chaaaim - イラスト素材 PIXTA -
逆に売れないなーというのは人物イラストでした。
おそらく、ライバルが多い激戦区であり、
ある程度、まとまった点数が必要だったり、
テイストの合う合わない、などの理由かなぁと感じます。
売っていくにはもっと工夫が必要ですね。
それでもめげずに人物イラストも描き続けようと思っています。
(c)chaaaim - イラスト素材 PIXTA -
☝きわどすぎて売れないw
(c)chaaaim - イラスト素材 PIXTA -
☝コロナ渦なのに密集しすぎて売れないw
3.つまづいたところと解決策
6月、7月はPIXTA以外の他の登録サイトにも登録をはじめたので
データを作る上で、つまづいたところが結構ありました。
ざっくりいうとこのへん。
(1)PIXTAのEPSデータ「販売NG」出すぎる
(2)AdobeStockにアップロードできず、エラー出まくる
(3)123RFのアップロード方法よくわからなくてスタート切るのに時間かかる
データをつくる上でわかったこと、これやったらうまくいったなどの
話は、また改めてまとめた記事を書きたいと思います。
4.今後の方針
◆ストックイラストの方針
(1)「人物」については一分野に絞って100点まで描く
(2)「フレーム」「背景」なども描く
(3)「動物」、「モノ」、「食べ物」、「季節物」のイラストも描く
つまり、まんべんなく色々描くことにします。(参考にならなくてすみません)
人によっては一分野に絞って100個描くといいというアドバイスも
あるのですが、自分のイラストで売れているものの傾向から考えると
ある程度まんべんなく色々描いた方がよさそうな気がしました。
私の場合、人物以外のイラストが売れています。
売れない人物イラストについては分野を絞って描こうと思います。
◆ストックイラスト以外
ストックイラストはお金を稼ぐには時間がかかる分野なので
楽しみながらつづけつつ、他のお仕事もできるように準備した方が
いいかなぁと考えています。
そこで、
(1)ポートフォリオ用のイラストをストックイラストと別で100点描く
(2)ポートフォリオ用サイトをつくっていく
も追加の行動目標にします。
ブログの方もまた更新したいと思います。
では!
Adobe illustratorを安く購入する方法
(c)chaaaim - イラスト素材 PIXTA -
Adobe Illustrator CC の価格
全くの初心者(デザイン学校行ってたわけでも、仕事にしているわけでもない方)で
これからストックイラスト描くぞって人のために
初めの関門って「Adobe illustrator CCを買う、買わない」なのかなぁ?
と思ったので、少しでもお得に手に入れる方法を私なりに探してみました。
だって1年のライセンスだって3万円近くしますものね…
Adobe illustrator 単体プラン 月額払い 2,480円(税別) だと
普通に購入すると3万円くらいかかりますね(汗)
そこで少しでもお得に購入する方法をまとめてみました。
Adobe illustratorを安く購入する方法とは?
①セールのタイミングを狙う
月額で利用していたときは知らなかったんですが、
illustratorCC単体購入の場合、
年間ライセンスが最大37%OFFで購入できるタイミングがあるみたいなんです。
割引率はタイミングによって違うのですが
例えば、28,776 円 → 20,160円(約30%OFF) となるわけです。
②amatenでAmazonギフト券を購入すればさらに安くなる
Adobe公式サイト以外でも
AmazonでAdobe Illustratorの年間ライセンスを購入することができます。
個人的にはAmazonでの購入をお勧めします。
その理由は、
amatenというAmazonギフト券が少し安く購入できるサイトがあるからです。
↓リンク
割引率はその時々によって違うのですが、
例えば、20,000円分のギフト券が18,360円で購入できたりするわけです。
つまり
28,776 円のライセンスが18,500円くらいで買えちゃうよってことです。(約37%OFF)
amatenは普段のお買い物でも使えるので、普通にお勧めです。
まとめ
・Adobeのセールのタイミングを狙う
・amatenでギフト券を安く購入してAmazonで買う
この合わせ技で、1年間の月払いより14,000円近くお得に購入できますよ★
というわけです。
参考になればうれしいです。
自己紹介
こんにちはchaaimです。
イラストを描いています。
私の経歴を少し…
子供のころから絵を描くのが好きでしたが
学生時代は勉強を一番頑張っていました。
なので大学は国立大学理系卒業です。
卒業後は企業で社内IT担当的な仕事をして働いていました。
ですが、絵を描く…夢を捨てきれず
働きながら通信制の大学でデザインを学んでいた時期もありました。
(途中で資金切れで卒業できませんでしたが…T_T)
紆余曲折しつつ
30代半ばで今までの仕事を辞め
実家に出戻ってイラストを描き始めています。
なんだかなぁ~
な人生ですが
きっといいことあるさ
と、開き直ってぽちぽち頑張っていきます。
よろしくお願いします💛