illustratorの画像トレース「ラインアート」

illustratorを使い始めた頃は、スキャンした手描きの下絵を曲線ツールでトレースしていました。

次に、画像トレースという便利機能を知り、使い始めたのですが、デフォルトを使ってまして。デフォルトだと、トレース結果が「塗り」になってしまうんですよね。それで、「線」にチェックしなおして、線を50pxにして…と手間がかかってました。

ついこないだ、画像トレースに「ラインアート」というのがあるのを知り、「これは?」と試してみたら、なんと!始めっから50pxの線でトレースされるんです!

こんな便利な機能があるなんて!素人が手探りでやってると、遠回りしますよねー。

ラインアートでトレースした絵

ラインアートでトレースした後、線を木炭・細にしたもの。色は一番濃い茶色です。

松ぼっくりをボール代わりにバレーボールをしている猫ちゃんです(どういうモチーフww)。

ちなみにスキャンした下絵

まとめと感想

まあ、冒頭にも書きましたが、素人が手探りでやってると迂遠ですね(;^_^A

このラインアートでのトレースを使うようになって、すごくサクサクと絵が描けるようになりました。

ラインアートとともに、もう一つ機能を知ったので、それはまた次に書いてみます← (引っ張るとかではなく、画像がたくさんになるので…)

pdfとjpg

基本アナログ人間なので、鉛筆で下書き→コピックで清書→消しゴムかけ→スキャン→illustratorの画像トレース、という手順で絵を描いています。

で、この画像トレースの元になるファイルってjpgじゃないと駄目だと思っていて、スキャンするときに必ずjpgにしていたんです。「写真」設定でスキャンすると余計な部分も取り込まれるので、「文書」設定にするのですが、デフォルトでpdfになるんですよね。それで、いちいちスキャナの設定を変えてjpgで取り込んでいたんです。

今日、うっかりpdfで取り込んでしまって、「そうだ!pdfでも元絵に使えるかやってみよう!」と思い立ちまして。一つには、pdfとjpgでは、スキャンした画像の色合いがすごく違っていたからなのですが。

結論を言えば、画像トレースの元絵にはpdfも使えることが分かりました(∩´∀`)∩

pdfを元絵にした場合

pdfとしてスキャンしたファイルをjpgに変換したもの

元の絵は、色鉛筆で塗ってあります。重ね塗りをしたところが、結構はっきりと反映されています。

pdfを画像トレース

色を塗っていなかった空は、夕焼け風にオレンジ色にしました。色を塗ってある場所の印象に合わせるため、「ぼかし」と「粗いパステル」「ぼかし(ガウス)」を順番にかけました。

jpgを元絵にした場合

取り込んだままのjpg

同じ絵を取り込んだのに、全然色味が違ってしまいました。pdfだと色鉛筆っぽさが出ていますが、こちらは何というか、ペンで塗ったみたいに見えますね。面白いです。

jpgを画像トレース

背景は、pdfのものをコピーしました。元絵の地面は緑で塗ってありますが、元絵の塗りむらが「ホワイト」として認識されたようで、地面にもオレンジが透けてしまいました。

そこで、ナイフツールを使って背景の長方形を空と地面に分け、地面部分は緑系の色に変更しました。

まとめと感想

illustratorの画像トレースには、jpgだけでなくpdfでも使えることが分かりました。

また、スキャン時にpdfとして取り込むのと、jpgとして取り込むのとでは、同じ絵なのに色味が全く異なることも分かりました。それぞれに趣があるので、優劣はつけがたいなという感じです。

ただ、色を着けたものをカラーでスキャンしてjpgにすれば、そのままブログにはアップできますよね(;´∀`)でも、画像トレースすると、また印象が変わりますし、一つの絵についていろいろ試して、一番気に入るものを残すというのもいいのかもしれません。

フクロウ?描いてみた

お題がないと、いつも猫ばかり描いてしまうので、クラウドソーシングのサイトでキャラクターのコンペを見つけて、これをお題に描きました(応募する気はない)。

フクロウにしたのは、教材に使うらしかったから。後、人にしなかったのは、男の子女の子ができてしまうのが嫌だったから。動物をいろいろ考えて、とりあえずフクロウに。

またそのうち、別の動物も描いてみようかな。

1つ目のフクロウさん

カラフルなキャラクターというお題だったので、羽根を虹色にしましたが、ナイフツールで羽の部分を切っていったので、まっすぐ切れていないし、幅もまちまちになり、失敗。

2つ目のフクロウさん

頭がフクロウというより、イワトビペンギンになってしまいました。

羽の虹色は、長方形を並べて、羽根の形と重ねて分割する方法で描きました。幅も揃って、線もまっすぐです。

ただ、非常に時間がかかりました。というのも、長方形を書くときに、どうも線を消すのを忘れたようで、分割すると、非常に小さな区画ができてしまったのです。これが残ると羽に隙間ができてしまい…。

1個1個きちんと合成するのに、大変大変時間がかかりました(;^_^A

ここ、反省点ですね。次回、同じようなことをする時には、線を消すようにしてみます。

一番猫っぽいのは?

アンモニャイトのための下書きを、全部デジタルにしました。デジタルだけで描いたアンモニャイトも一枚に収めて、「どれが一番猫っぽい?」と見比べてみました。

基本線

右の二つがデジタルです。単純比較するために、基本線で。

イラストの線は、黒より茶色がおしゃれというのを読んで、茶色にしてますが、黒ではダメなんでしょうかね?黒だと野暮ったいのかな?

せっかくなので、ブラシをいろいろ変えてみました。

カリグラフィ2

カリグラフィ2は、もう少し濃い色にした方がよかったですね。illustratorの画面で見ていると、ここまで薄いと思いませんでした(;´Д`)

水彩画6
万年筆

万年筆は、万年筆に合わせて、群青っぽい色に変更。なんとなく、万年筆で描いたみたいになった気が…。

見比べた結果、左上が一番、マシかなと思いました。どうでしょう?

ねこねこいっぱい(2)

ねこねこいっぱい(1)では、illustratorのツールだけで描いたアンモニャイトが気に入らなくて、今日、仕事を終えてから、ちまちまと描き直してました。

アンモナイトいろいろ(ツールやり直し編)

アンモニャイトいろいろ(やり直し編)

いろいろ頭と体の比や角度を変えてみたのですが、何度やり直してみても、香箱座りっぽくなったので、とうとうしっぽをつけました(;^_^A

しっぽがはみ出した形ではありますが、なんとなくアンモナイトっぽくなった気がします。

手描きに合わせて、30匹。同じ毛柄で塗りました。

アンモニャイト手描き再掲

どっちが猫っぽいですかね?

ねこねこいっぱい(1)

犬猫以外で…と思ってたんですが、ふとこういうのが浮かんだので。

アンモニャイトいろいろ(手描き編)

アンモニャイトいろいろ

アンモニャイトって、猫好きさんにはお馴染みですが、猫が丸くなって寝ている姿のことです。アンモナイトっぽいってことでインスタグラムでは、たくさんのアンモニャイトが発掘・展示されています( ´艸`)

で、アンモニャイトを描いて、いろんな毛柄で塗ろうと思い立ったんですね。

手描きで下絵を描いて、illustratorの画像トレースを使いました。ダダーっとコピーしたら、A4のアートボードに30匹ww

白、黒から始めて、キジトラ、茶トラ、サバトラ、ハチワレ、タキシード、三毛、パステル三毛、縞三毛(風)、サビ、シャム、ミルクティー、グレー、ブルー(ロシアンブルーをイメージ)などなど。

思いつくままに柄を描いていきまして。基本的なところは、だいたい押さえてると思うんですが、どうでしょう。

アンモニャイトいろいろ(ツール編)

illustratorのツールで描いたアンモニャイトいろいろ

手描きをトレースすると、やっぱりいびつなので、試しに図形ツールと曲線ツールを使って、描いてみました。まだ塗りが途中ですが、とりあえず比較のために。

手描きの元絵を見ながら描きましたが、再現性が低いというか、猫っぽくないというか…。

パスをいじってみましたが、あまりいじると結局いびつになるので、この形に。しかし、見比べると、やっぱり自分的には手描きの方がいいように思えます。

体と頭の比の問題かなぁ…。頭がも少し大きい方がいいのかも。

月とウサギ(1)

昨日、「ああ、今日は重陽の節句だなあ」と思いまして。でも、当日に菊をかくとか無理なので、「9月のモチーフってなにかな?」と思っていたんです。

で、何とはなしにネットでイラストを閲覧していたら、お月見のイラストがいくつか出てきまして。

で、月とウサギとススキと団子というべたな絵を描きました。

月とウサギとススキと団子

ベースの絵

丸窓に桟っぽいのが入っている和の窓があるじゃないですか。

あそこから月が見えて、ウサギが覗いてたらちょっとかわいいかな?と思いまして。

っていうか、餅つきするウサギとか月の中にウサギの影を入れるとか、高等なことができないだけなんですが(;´∀`)

ウサギの目をどうしようかなー?と思ったのですが、ただ丸い目はなんかイメージではなかったので、ちょっとコワいかな?と思いつつ、こういう目にしました。いつも猫をかくときと同じ目です。ウサギなのに…。

線画にしてみる

線を「フラット」にした線画

最初、基本線で描いてべた塗りをしたので、線画にしてみました。

基本線のままだと面白味?がなかったので、線は「フラット」にして、サイズはパーツで色々変えてます。

さすがに目を線だけにすると怖すぎたので、塗りつぶしました。

フラットの絵に色を着けなおす

フラット・べた塗り

ベースの絵と基本同じ色を使いましたが、目は茶色のままにしました。赤でもよかったかも。

今回、手描きの下絵は描きませんでした。丸窓がいびつになるのが目に見えていたので、最初からillustratorのツールだけで描いてます。

スイーツ(3)モンブラン

手描きのスイーツの中から、モンブランをillustratorのツールだけで描きました。

本当はショートケーキを先に描いたんですが、なんとなく気に入らないので、また新しく描こうと思います。

illustratorのツールだけでモンブランを描いてみた

モンブランの線画

また、線をいろいろ試しました。いつも覚えられないので、どんな線を使ったかを書き込みました。

っていうか、モンブランっぽくない。これもやり直した方がいいかも。同じものを何度も描くのが大事なんでしょうけど、ついつい新しいものを描いてしまうあたり、ビギナーですね(;´Д`)

基本的に、楕円が好きですね。フラットも面白いけど、描いたものによっては、合わないこともあるから。楕円はたいていのものに合うので、必ず使ってしまう。

1段目は、線種は「基本」ってやつで、線の形(?)を、両端が細くて中央が太くなるやつと、最初が太くて先が細くなるやつにしてます。

今回使って面白い仕上がりになったのは、万年筆でした。わたしは左利きなので万年筆が使えないのですが(先端のカットの向きのせいで、紙に引っかかるんですよね)、実際に万年筆で描いたとしたら、こんな感じではないだろうと思うのですが…。

モンブランに色を着けてみた

色を着けたモンブラン

塗りもいろいろ試したので、メモしておきました。

ワンパターンですが、やっぱりずらすのはやってしまいますね。というか、シュークリームでやったようにパスのオフセットを試したら、気に入らなかったんです(;´∀`)

ふと思い立って、塗りを回転してみたものは、思ったよりは変じゃなかったので面白かったです。

今回、いろいろいつもの効果を使ってみたけど、気に入るものが少なくて、1段目の右端には使える効果がなかったので、塗りをずらすのを試しました。楕円形を描いて、ラフを使ってから、さらにアンカーポイントなどを動かして変形しています。色も薄くしました。

前に、スイカでもやったんですけど、センスがないとやっぱりイマイチになりますね。何度もやり直したけど、これが精一杯でした。

手描きの雰囲気を出したいけど

デジタルで描いているのに、あれなんですけど、好み的に手描きの雰囲気を出したいんですが、なかなか難しいですね。

水彩のテクスチャを作って取り込んだりしたらいいんでしょうかね。ネットでも入手できるようですが…。

スイーツ(2)シュークリーム

前回のポストでアップした手描きの絵から、今回はシュークリームをillustratorのツールだけで描いてみました。

illustratorのツールだけでシュークリームを描いてみた

線画

シュークリームって、特に下に敷いたものが無いものが多い気もしますが、手描きの時になんとなく下に何か敷いた感じで描いたので、今回も敷いたもの付きで。

手描きの時は雑に描いたため、色着けの仕方によっては柏餅とか桜餅に見えそうだと思ったので、今回は線を加えて、銀紙(古!)っぽくしました。少しはシュークリームっぽくなったでしょうか?

あの敷いてあるのって、正式にはなんて言うんでしょうか?アルミ箔でいいのかな?(どうでもいい)

個人的にはどれも面白いとは思うのですが、好きなのは、1段目の右端と、2段目の1個目、3段目の1個目ですね。シュークリームの絵としてなら、たぶん1段目の1個目と2段目の1個目がいいんでしょうね。

シュークリームに色を着けてみた

色つき

銀紙と思って描いたものの、色が地味になるので、赤紫っぽくしてみました。以前に無料写真サイトで見たモンブランにこういう紙が敷かれていて、とても奇麗だったのが印象に残っていたので。

とりあえず、本体部分を茶色にしたらシュークリームっぽさが出たように思います。

色を付けてみると、好きなのが少し変わりました。1段目の1個目(塗りのパスをオフセットにしたもの)、2個目(粗いパステル)、2段目の1個目(落書き)です。

1段目の1個目はオーソドックスな感じなので、素材サイトなんかにも向く感じでしょうか?(通用するわけはないけど)

スイーツ(1)パイ

手描きでスイーツ類を描いてみた

なんとなく、スイーツなどを描いてみました。猫ばかり描いているのでww

スイーツ

スイーツ類は、何を描いているか分かっていただけなさそうなのもありますね(;´Д`) お手本見ずに、イメージで描いたので…。

どんぐりと松ぼっくりは、季節柄、秋のイメージでついでに描きました。鍋とフライパンは、まあ、キッチンつながりですかね?

いろいろ描いたもののうち、まあまあのできかな?と思ったものをスキャンして、illustratorの画像トレース機能を使ってaiファイルにしました。なんとなく、色を着けて仕上げて。

手描きのものをそのままデジタル化しているので、かなりいびつな部分があります。

イラレのツールだけでパイを描いてみた

パイいろいろ

手描きのパイを見ながら(順序がおかしいww)、長方形ツール、楕円形ツール、曲線ツールだけで描いてみました。

線の種類を色々変えてみて、塗りもいろいろ試しました。自分で気に入ったのは、左側2個目と右側3個目です。前者は塗りを「粗いパステル」に、後者は塗りを「落書き」にしています。

でも、もし素材サイトやイラストのストックサイトみたいなところにアップするなら、たぶん左側の1個目とか3個目がシンプルでいいんでしょうね。

本来、用途で線や塗りを決めるんだと思いますが、今は練習中の身なので、いろいろ試していくしかないですねー。