Illustratorでの、前回は先生の手の描き方でしたが、
今回は、Mr.stickman先生の全身の描き方を教えてください。
おぉ、すばらしいそれはとても有意義な授業になりそうだ。
それでは始めましょう。
と思ったけど、文章を書くのが面倒くさいので、動画で紹介だ。
先生すごいよ、最近流行の動画なんて。
さすが先生、神のような速さ。
長い動画は、容量的に無理でした。きゃは。
んじゃ、今度は上半身だけの動画で
・・・神のような速さだ。
| HOME |
久しぶりに対話講座です。
どうも、久しぶり田中太郎です。
久々に田中太郎の絵を見てみよう。
校長が更新サボってる間に、絵の腕が上がりましたよ。
昔はひどかったからねぇ。
↑昔
あぁ昔は下手だった。
という事で最近の絵をスキャンしました。
↑現在
スキャンしたときに周りにラクガキが入ってしまった！
周りのラクガキの方が上手くないか？
こんな下手な絵を見せるなんて、恥ずかしい。
消し方を教えてください。先生！
ハイ。
1.ラクガキを、消しゴムで消して、スキャンし直す。
2.ラクガキを、ハサミで切り取って、スキャンし直す。
3.ラクガキを、破り取って、スキャンし直す。
4.ラクガキを、修正テープで隠して、スキャンし直す。
5.ラクガキを、避けて、部分ごとにスキャンし、組み立てる。
6.ラクガキが消えるようにと、神に祈る。
以上です。
メンドクサイ！
CG的に解決しろやッ！
じゃあ、Photoshopを使って消しましょう。
1.消しゴムツールで消す。
2.ブラシツールで白く塗りつぶす。
3.鉛筆ツールで白く塗りつぶす。
4.修復ブラシツールで消す。
5.スポット修復ブラシツールで消す。
6.パッチツールで消す。
7.コピースタンプツールで消す。
8.シェイプで消す。
9.選択範囲で消す。
10.消えるようにと、CG神に祈る。
CG神って誰だよ！
消しゴムツールで消すのが、一番シンプルですが、テクスチャも一緒に消えてしまうので、
今回は「パッチツール」でやりましょう。
では、パッチツールの使い方です。
囲む。動かす。OK。
肝心の説明が少ない！
消しました、と。
パッチツールに関しては、そのうち詳しく紹介します。
Illustratorでの、Mr.stickman先生の手の描き方を教えてください。
おぉ、すばらしいそれはとても有意義な授業になりそうだ。
それでは始めましょう。
では、適当に長方形を描きます。
W:250 H:28
さすが！先生、四角が描けるなんて。
次に先端を尖らせます。
左側にあるアンカーポイントを一度に選択します。
さすが！先生、複数選択が出来るなんて。
そして、垂直方向中央に整列！
先生、凄すぎるよ。
先生のオーラに耐え切れなくて顔が取れちゃったよ。
余分なアンカーポイントを消しましょう。
そして、ブラシを作成。
ブラシウィンドウにパスをドラッグするとブラシを作れます。
なんか散布ブラシとかアートブラシとか書いてあるウィンドウが出てきました。
とりあえずアートブラシを選んでください。
ブラシ種類の説明はまたいつか。
↑設定は図の通りに
そして、円を描いて、さっきのブラシを選択。
おぉ、神聖なる手。
余分なところはdeleteで消して。
あれ？天才先生の言われたとおりにやったはずなのに、変になりました。
アンカーポイントの削除ではなくdeleteキーで消さないとおかしくなります。
へぇ〜。
ちなみに円弧ツールを使えば、簡単に出来ます。
ショックで手が取れたよ。
で、ついに完成！
Mr.stickman先生、
教えてほしいことがあるんです！
え、校長が教えて欲しい事あるの〜！？
Photoshopでの色の反転の仕方が、
分からないんです！
…
ネガが見つからないんです！
色の反転が出来ないんです！
…へぼ〜、校長へぼ〜
Photoshop以外なら分かるんですよ！
Photoshopの場合「ネガ」ではなく、
「階調の反転」というのを使います。
「イメージ（I）->色調補正（A）->階調の反転（I）」
ショートカットキーは「Ctrl+I」です。
そうだったのか！そんな名前は卑怯です！（？）
では、実際に使ってみましょう！
わ、私の色が反転しました！
「イメージ（I）->色調補正（A）->トーンカーブ（V）」でもできます。
ショートカットキーは「Ctrl+M」です。
↑のようにすると、色を反転できます。
では、実際に使ってみましょう。
さらに反転して戻った！
今度はペイントでやってみましょう！
ペイントの場合、「変形（I）->色の反転（I）」、
もしくは、選択・自由選択ツールで右クリック、色の反転（I）を選択すると出来ます。
ショートカットキーは、「Ctrl+I」です。
わ、私の色が反転しました！
次はHyper-Paintです。
「フィルタ->一般フィルタ->ネガフィルタ」で出来ます。
さらに反転して戻った！
次はAzPainterでやろう！
やり方は、「フィルタ->カラー->ネガポジ反転」！
わ、私の色が反―（略）
Painterだ。
「効果->色調処理->ネガ変換」だ。
ショートカットキーは、「Ctrl+I」だ。
さ―（略）
PictBearSE。
「フィルタ（T）->3: カラー->0: 階調の反転」。
（略）
ま、これでいっか。
色が反転したま―（略）
校長が色の反転、分からなかったのは実話です。
割とPainter講座が少ないので、やってくれたら嬉しいです。よろしくお願いします。
ヤダ。 お願いします。 ハイ。じゃあ、適当にやりまーす。
これはリキッドメタルというやつです。ハイ、終了。
適当ですね。 そんな事より、僕たちってうすぼけてるよね。 話をずらさないでください。 そんな事より、君の名前『人』って適当だよね。 それは悲しいですね。 それでは終了。 代わりに私が紹介しましょう。 え、出来るのですか？ 「レイヤー＞ダイナミックプラグイン＞リキッドメタル」または、レイヤーウィンドウにあるプラグマークをクリックしてください。
そ、そうなんだ。 アイコンについての説明。
円が描ける
描いたメタルを選択・移動
フリーハンド
移動するとグニョグニョして面白いよ！ハイ、それが言いたかっただけなので、今回はこれで終了。
・・・おまけ・・・
リキッドメタルをクローンソースにするとこうなる。
・・・キモっ！
この前、Photoshopで綺麗なサークル作りましたよね。
はい。これですね。
いや、違う！なんか違う！ じゃあ、これですね。
違います。 じゃあ、これ！？
ちげーよ！！ じゃあ、これですね。
そ、それです。 じゃあ、よかったですね。今回はこれで終わ――
終わるなよ！で、その絵はPhotoshopで描きましたよね。
俺はそんな高いもの持ってません。
無料ソフトでは出来ませんか？
それ、そっくりに出来るかわかりませんが、やってみましょう。AzPainterとHyper-Paintを使って描きます。
まずは1500ｘ1500pxのサイズで、グラデーション！AzPainterでもHyper-Paintでもどっちでもいい！
AzPainterの方が楽ですよねー。
で、Hyper-Paintで「ｳｪｰﾌﾞﾌｨﾙﾀ」！
これが、若干難しいですねー。 今度はAｚPainterで「極座標」！
で、もう一回。
Hyper-Paintで「レンｽﾞ変形&凸凹変換」を2回ぐらい！
AzPainterでもHyper-Paintでもどっちでもいいから色を反転！AzPainterでは「ネガポジ反転」、Hyper-Paintでは「ネガ」
おぉ、割と綺麗にできましたね。 次は色をつけます。方法はいろいろありますが、今回は一番簡単だと思われる方法でやりましょう。
AzPainterで新規レイヤーを作り、好きな色に塗りつぶしてレイヤ合成モードを「ｵｰﾊﾞｰﾚｲ」にします。
で、レイヤーを結合、複製、上のレイヤーの合成モードをｽｸﾘｰﾝにして、反転したりして、完成。
おぉ、フリーソフトでも十分綺麗にできましたね。
今回はかなり手が込んでいますよ。重たいけど・・・。・・・なんか画像がボケたな〜。
最後に完成作品を載せて・・・
終わりチュー！
では、前回の続きです。
←前回描いた絵
で、この後どうするんチュか？ 選択ツールや自由変形ツールでヒゲを伸ばします。
伸ばしすぎじゃないでチュか？
テキストツールで文字を入れます。フォントは「小塚ゴシック Pro R」にしました。
しかし、これだけでは、つまらないので「アウトラインを作成」して変形します。
アウトラインを作成？ 書式メニューのアウトラインを作成は、テキストを通常のパスにする事ができます。
しかし、これを行うと、テキストとしての編集が出来なくなるので、チューイ
分かったチュー。で、変形ってどうするんでチュか？
遠近感を出します。 遠近感の出し方が分からないチュー。 遠近感を出すには、1.オブジェクトを選択する
2.自由変形ツールを選択
3.バウンティングボックスの角をドラッグ
4. 「Shift+Alt+Ctrl」 を押しながらドラッグ
という感じにやります。
↑で、こういう感じ
「Shift+Alt+Ctrl」で遠近感が出せるんチュね！ で、文字を回転して・・・
色を変えて、こんな感じ↓
いつの間にやら「ekakou」って書いてあるチュー。で、完成でチュか？
これでは、ちょっと寂しいので「2008」と言う文字を加えましょう。それは、また次回と言う事で・・・
えっ、また次回へ続くんでチュか！
このページを あけましておめでとうございまチュー ということで、年賀状を作ろう！ 年賀状の作り方1.年賀状サイズ（1181ｘ1748px,300dpi）に絵を描く
2.印刷
3.完成！
それだけでチューか！ 今回は私の作った年賀状の作り過程でも紹介しますか〜 それでは、Illustratorで描きましょう。（Photoshopでも出来なくもない）
完成作品：
まず、ネズミの耳を、「楕円形ツール」で円を描きます。Shiftキーを押しながらやると円になります。
次にAlt+Shiftキーを押しながら複製します。 ふむふむAltキーで複製でチュか。
で、さっきと同じように、目や鼻を描きます。
今度は、ヒゲを楕円形ツールで にょいーん と書きます。 にょ、にょいーん
ヒゲを「変形->回転」で-15°回転コピーします。ツールウィンドウの回転ツールを、ダブルクリックしても出来ます。
これで、ヒゲのクローンが出来ました
ク、クローンヒゲ！？
↑さっきのクローンヒゲを上に動かすとこんな感じ 今度は、クローンヒゲを「変形->リフレクト」します。ツールウィンドウのリフレクトツールを、ダブルクリックしても出来ます。
↑さっきのヒゲを下にずらすとこうなる。 今度は全部のヒゲを選択して 横に反転コピーします。 横に反転という事は、リフレクトするんでチュね
これで、ネズミは完成でチュ ネズミ完成。 そして、次回へ続く。
では、前回の続きです。
↑前回描いた絵
で、はみ出しを削るのですか？でもめんどくさいです。 じゃあ、これで終わりにしよう。 えぇ！ では、削りなさい。
まあ、適当に削りました。 そして最後に、一番重要な事を教えましょう。それは、縮小する事です。
適当に描いた絵も縮小すれば、それなりに適当に描いた絵になります。AzPainterの場合は、サイズ変更（拡大縮小）で縮小できます。
結局適当じゃないですか！
↑縮小前
↓縮小後
↑縮小後（15％）
もっと縮小すればドット絵っぽくなる。
↑縮小して輪郭をつけました。
ということで、今回の完成品はこれです。
↑これ
ちっさ！ ということで、ドット絵講座終了〜。 これってドット絵講座だったんだ・・・
先生！無料ソフトのAzPainterでの、絵の塗り方を教えてください！
ほーいじゃあ、いつものように下絵を描いてくださ〜い。
コピー用紙にシャーペンで描いて、解像度600dpiでスキャンしてくださ〜い。
描きました！
↑実物の10分の1サイズ
初めてまともな絵を見たよ！よし！なんとなく今までのまともじゃない絵を紹介しよう！
あぁ〜まともじゃない。 ひ、ひどい絵ですね まず、無料ソフトのHyper-Paintで、線画をきれいにしよう！1.消しゴムで目立つゴミを消す
面倒くさいです。 適当で良いと思うよ〜。2.Hyper-Paintなどで彩度をなくす
3.Hyper-Paintで線画フィルタ
4.Hyper-Paintで細線化実行フィルタ（明るい所を太らせる）
という感じ〜。で、それをAzPainterで開いて、2分の一に縮小して、セピアフィルタをかけて、
線画完成！
出来ました。
↑実物の5分の1サイズ
で、線画レイヤーを乗算にします。 そして、新規レイヤーを下に作り、AzPainter水彩筆で適当に塗ります。
あ！かなり はみ出てしまいました。 はみ出しは気にしないで、太い筆で適当に塗りたくって、そのあと、はみ出たところ消しゴムって消したほうが良いと思うよ。
水彩筆で、適当に光と陰をつける。 適当ばっかりですね。
部位ごとにレイヤーを変えて同じように塗る。 そんな感じに全体を適当に塗りました。かなり、漏れてます。
完成！ すごい漏れてますよ〜。 しかし、はみ出たところを消すやる気がでないので・・・〜次回へ続く〜
Illustratorの機能なんか教えてくれませんかー？ じゃあ、Wikipediaのおまかせ表示で「新エングラー体系」が出たんで、頭文字に「しん」のつくシンボルにしましょう！
まず、元の絵を描きましょう。
新エングラー体系ってなんですかー？ wikipediaで調べてください。絵には関係ないですよー
じゃ、元の絵を描きましょう。
↑多角形ツール 辺の数 3 で描いた
で、これをどうするんですかー？ で、それを選択してシンボルのウィンドウにドラックしま〜す。
なんか出てきましたー ま、名前以外の設定は無視しても良いと思うよ。FLASH用の設定だからね。
FLASH用なんですかー で、今度はシンボルスプレーを使います。
どんどん出てくる〜〜〜 次！シンボルシフトを使います。
動く〜〜 シンボルシフトツールは、シンボルをドラッグして移動させる事ができます。
どんどん次〜今度はシンボルスクランチを使います。
お腹が空くランチ？
集まる〜 シンボルスクランチツールは、シンボルを集めたり離したりする事ができます。
次はシンボルリサイズを使います。
でかくなる〜〜 シンボルリサイズツールは、シンボルをでかくしたりちいさくできます。
次！シンボルスピン。
くるくる〜〜 シンボルスピンツールは、シンボルをマウスでドラックした方向に回転することできます。
次はシンボルステインだ。
色チェンジ〜 シンボルステインツールは、クリックすると塗りの色が変わる。
次はシンボルスクリーンです。
薄くなる〜 シンボルステインツールは、クリックすると透明になってくる。
ラストはシンボルスタイル！
影付いた〜 シンボルスタイルツールは、クリックするとシンボルが選択したスタイルになってくる。
終わった長かったーとりあえずシンボルのツールを一通り紹介。
シンボルスプレーとかの筆のサイズってどうやって変えるんですかー？ ツールウィンドウのシンボルスプレーツールなどがあるところを、ダブルクリックすると設定できます。
これでシンボルツールの設定は一通り行えます
ちなみにこれをクリックすると、シンボルを個別のオブジェクトして扱えます。
これで私はシンボルをマスターしましたねーで、このシンボルって何に使うんですかー？
さぁ・・・？
なんか教えろ
なんかと言われても何を教えればいいのか分からないんですけど なんでもいい じゃあ、Wikipediaのおまかせ表示で「能瀬駅」が出たので頭文字が「の」のノイズにしましょうか
わ、私にザー、の、ノイズがかかった！ザー ノイズ（↑）はAzPainterとPhotoshopにあります
う、ザーわ！、ザー カラーノイズ（↑）というのもありますカラーノイズはHyper-PaintとAzPainterとPhotoshopにあります
シャー ノイズを軽減する（↑）機能もあります今回は上手くいかなかったようですね。
ノイズを軽減する機能はHyper-PaintとPhotoshopにあります
た、ザーす・・けザ・ザザー
ザザザー・ザー Photoshopでシアーをしたあと黒線を描きました
ザザザザザザザザ
終ザわザーりザザーーー
前回より絵の上手い生徒を見つけてきたました。
前回より絵の上手い生徒だぜじゃ、とりあえず絵を描いてくださ〜いPainter 鉛筆2B
ただの丸じゃねぇかよ！違う、ハゲだ！田中太郎君も人の事言えないんじゃないの？君の絵を見せてください
これです。こいつもハゲだ！そんな事はどうでもいいんで、さっさと次行きましょう
Painterはブラシが多いので、どのブラシでハゲを塗ればいいんだ？ハゲブラシを使うのか？
そんなのねぇよ！私的には「シンプル水彩改」がオススメです。塗りました！
Painter 新規レイヤーを作りシンプル水彩改
では、光と陰をつけましょう光と陰のつけ方わかんねぇよ！ハゲればいいのか？
意味わかんねぇよ！こんな感じだと思います
そんなことより手が気になる！私の手です。えぇっ！？
ん、これってナンですか？それは、床に反射した光ですね。そういう反射光はそれほど気にしないでいいと思います。
じゃあ、塗るぜ！
シンプル水彩改で明るい色で塗る
新規レイヤーを作り シンプル水彩改で暗い色で塗る
新規レイヤーを下に作り シンプル水彩改で暗い色で塗る
塗るのに励みました！じゃ、今回はこれで完成でいいんじゃないもっとハゲな光が欲しいです！じゃ、逆光やクロスフィルタ、フレアツールでもつけてみますか？
Illustrator フレアツール 不透明度100％ 他は初期設定
なんかやりすぎてませんか？ハッハハゲ、完成したぜ！(無視）
どうでもいい隠し操作をどうでもいいどうでもよく対話しよ〜なんか適当ですね。Adobeのソフトにはどうでもいい隠し操作があるぞイースターエッグというらしい
じゃあ適当に紹介1.PhotoshopでCtrlキーを押しながら「ヘルプ(H)->Adobe Photoshop について(A)」を選択すると
表示されるものはバージョンにより異なります
おぉ、なんか出ましたね。で、どうするんですが？
出るんだよ出るだけだよしばらく待つとスタッフロールが始まって最後にはなんかあるらしいぞはい、次〜2.PhotoshopでAltキーを押しながらレイヤーウィンドウのメニューの「パレットオプション...」を選択すると！
花に目が！ん？ま、マーリンってなんですか？
マーリンは生きている！ ？次！3.IllustratorでAltキーを押しながら「ヘルプ(H)->Illustrator について(A)...」を選択すると
一部
こ、これは？.....はい！おわり〜適当に終わり〜
対話第２回目です。前回は、こちら
で、前回どこまで行ったんだっけ？これです。
あぁ、いつ見ても下手だ。で、でも「誰でも絵が簡単にうまくなる」って書いてありますよ。上の方にで、次はどうするんですか？う〜ん・・・そして５時間後――
無理だね！えぇ〜！！ で、でも「誰でも絵が簡単にうまくなる」って書いてありますよ。上の方に
じゃあ、適当に終わらせちゃおー（無視）
まず、線画が描いてあるレイヤーを乗算にします。次に、新規レイヤーを下に作り色を塗ります。
レイヤーを結合して粉砕します。
波形をこんな感じにします
完成♪お、俺の絵が・・・今回は元の絵が下手過ぎで上手く出来なかったので、
次回はもっと絵の上手い生徒を探そう。
そして、田中太郎君はもっと練習しましょう！
なんとなく 対話式 です。
先生役のMr.スティックマンです。
生徒役の田中太郎です。（なんて 適当な名前なんだ！
まずは線画を描いてください。
描きました！
↑コピー用紙にシャーペン 解像度300dpiでスキャン
・・・・・・これはなんですか？
先生です。
・・・・・・がーん
誰でも絵が簡単に上手くなる書いててあるじゃないですか。
上のほうに
・・・まぁこれで続けようか（ひ、ひどい見本だ）
でも れ、練習したほうが良いと思うよ
とりあえず まずは線画を抽出しよう！
今回はPhotoshopでやろう
まず、トーンカーブで紙のムラを消そう
トーンカーブ
先生！使い方がまったく分かりません！
トーンカーブとは横軸が元の明るさで縦軸が変更後の明るさだ
それでも、いまいち分かりません！
私も良く分かりません！
トーンカーブが良く分からない場合は
コントラスト調整でも一応出来ます。
とりあえず今回はこんな感じ
このあと消しゴムでゴミやはみ出た場所を消します。
元が下手なのでよく分かりませんが
俺の絵は下手なのか・・・がーん
-- そして、次回へ続く― --
・・・ってか この絵、綺麗に出来るのか？
先生役のMr.スティックマンです。生徒役の田中太郎です。（なんて 適当な名前なんだ！まずは線画を描いてください。描きました！↑コピー用紙にシャーペン 解像度300dpiでスキャン
・・・・・・これはなんですか？先生です。・・・・・・がーん誰でも絵が簡単に上手くなる書いててあるじゃないですか。上のほうに
・・・まぁこれで続けようか（ひ、ひどい見本だ）でも れ、練習したほうが良いと思うよ
とりあえず まずは線画を抽出しよう！今回はPhotoshopでやろう
まず、トーンカーブで紙のムラを消そう
トーンカーブ
先生！使い方がまったく分かりません！トーンカーブとは横軸が元の明るさで縦軸が変更後の明るさだそれでも、いまいち分かりません！私も良く分かりません！トーンカーブが良く分からない場合はコントラスト調整でも一応出来ます。
とりあえず今回はこんな感じ
このあと消しゴムでゴミやはみ出た場所を消します。元が下手なのでよく分かりませんが俺の絵は下手なのか・・・がーん-- そして、次回へ続く― --
・・・ってか この絵、綺麗に出来るのか？
| HOME |
