Ｊの1000絵

[330] 206

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/22 (Sat.) 02:58:12
PSP１台売って白PSPに買い換えようと思ってたけど
その金でDSL買っちゃおうかなぁ…（・3・）

Re:206
yu-hon 2006/4/22 (Sat.) 10:24:55
PSPを私にプレゼントしてＤＳＬを買うって手もありますよ♪(ﾟ∀ﾟ)
ぱにぽに絵はＪさんに合ってる。原作よりウマイので二度美味しい感じ。
つか、下のアニメＧＩＦの意味がやっと分かった。虚無僧も結構好きで……広告デケェヨ！(；ﾟДﾟ)

Re:206
百 [Home Page] 2006/4/22 (Sat.) 14:36:27
広告でかいっすよね（笑）
いいネタだー。

無性に何か自分の持ってない漫画が読みたくなって、「ぱにぽに」にしようか、「鉄子の旅」にしようか迷って、鉄子の旅を買いました…

Re:206
Ｊ 2006/4/23 (Sun.) 15:01:43
＞悠さん
PSPもDSも自分で買って下さい！（`・ω・´）
やっぱり自分にはアニメ絵が向いてるのかなぁ…
普通に落書きする分にはリアル系というか
厚塗りの方が楽なんだけど…（・3・）

＞百さん
ぱにぽにも買って下さい！（`・ω・´）

広告はまだまだデカくなりますよ！（`・ω・´）

[331] 207

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/23 (Sun.) 20:01:02
うｐするネタがなくなってきたので、今日からしばらくは
自分がイラレ絵を描く際の手順をまとめていこうかと思います（・3・）

まずは下絵を準備

Re:207
yu-hon 2006/4/24 (Mon.) 07:29:07
広告が(ry
「漢」と言われたら何もいえねーぜ。

下絵いいねえ。手順楽しみにしてます。
めちゃくちゃ詳しくヨロシク！(・∀・)

Re:207
Ｊ 2006/4/24 (Mon.) 19:03:01
そうそう、漢なら何しても許されますもんね(´∀｀)
めちゃくちゃ詳しくと言うと、どのくらいなんだかよく分かりませんが
自分が忘れたときの覚え書きも兼ねてるので頑張ってみます！（`・ω・´）

[332] 下絵の取り込み

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/24 (Mon.) 18:58:03
今回使用するイラレのバージョンは、Illustrator CS2ですので、他バージョンとは異なる部分があるということを踏まえてお読み下さい。

まず、上部にあるメニューの「ファイル」→「新規」を選び、新規ドキュメントを作成します。
アートボードの設定やカラー設定は各自の好きなように。
ちなみに今回は、幅200mm、高さ200mm、カラーモードはCMYKで作成しました。

次に下絵の取り込みです。
取り込むには、「ファイル」→「配置」を選択し、取り込みたい画像を選択します。
その際、「リンク」及び「テンプレート」にチェックを入れるのを忘れずに…①

「リンク」にチェックを入れると、aiファイルに画像を埋め込まず、選択した画像自体を参照するようになるのでデータが軽くなります。

また「テンプレート」にチェックを入れると、オブジェクトをアウトライン化しても下絵の画像は表示されるようになるので、アウトライン画面で線画を作成する際に楽になります。…②

Re:下絵の取り込み
百 [Home Page] 2006/4/24 (Mon.) 19:57:48
でけーよ！（笑）＜広告

Re:下絵の取り込み
yu-hon 2006/4/24 (Mon.) 22:42:51
松崎…(；・∀・)

なんか描く過程を読むのワクワクしてきたぜ！
ﾘﾝｸとか気にしたことなかったわ…（・3・）ﾌﾑﾌﾑ

Re:下絵の取り込み
Ｊ 2006/4/25 (Tue.) 16:51:43
＞百さん
やっぱりやり過ぎかなぁと反省して、直してしまいました…（・3・）

＞悠さん
既に何を書いていいのやら分からなくなってきました…（・3・）
なんか絵を描く工程というより、ただのイラレ使い方講座になりそうな予感…

Re:下絵の取り込み
teku 2006/4/25 (Tue.) 20:55:46
うん、
絶対にシゲルはネタだ…
こう最近Jさんの絵が頻繁に見れるので
幸せであります。
どんどん広告が大きくなる…（ある意味で会社で覗ける範囲を超えたｗ）
気になる、気になる…ムムゥ、宣伝の仕方が上手い。
毎度のようにJさんの術中にハマるtekuであった。
続きのイラレ講座楽しみにしております。
Jさんの事なので、タダとは言わせないとか言われそうですが。

Re:下絵の取り込み
Ｊ 2006/4/26 (Wed.) 01:55:00
＞tekuさん
松崎しげるは見てるだけで幸せになりますからね…(´∀｀)
イラレ講座というか、自分の覚え書き程度の物なので期待しないでくださいね！（`・ω・´）

[333] 線画の作成(１)

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/25 (Tue.) 16:48:40
次に線画の作成です。

まずは基本的な線の引き方から。

とりえあずペンツール…①を選択します。
直線の場合は線の始点と終点をクリックすれば簡単に引けるのですが、曲線となるとちょっとやっかいです。

まず②のように、始点をクリック＆ドラッグすると方向線と呼ばれるどのくらい曲線にするのかを決定するバーのような物が現れます。
そのまま次の点をクリックすると③のように曲線が描かれます。

また、別の方法として、まず始点をクリック、続いて次の点をクリック＆ドラッグして方向線を出す方法…④があります。
こちらの方が実際にどのような曲線になるかを見ながら調節できるのでオススメです。

さらに次の点へ線を繋げていく場合は、次の点をクリックすればいいのですが、そのままだと髪の先端が丸まってしまい、鋭角になりません。
この場合、先ほど作成したばかりの点までカーソルをもっていき、カーソルをペンアイコンの横に「∧」記号の付いた物に変えます。…⑤
そして、そのままクリックすると、外側まで出ていた方向線が消え、点がコーナーポイント(線と線の繋がりの角度が各自別のものになる点)になります。…⑥
そうしたら、次の点でクリック＆ドラッグで調整、点をコーナーポイントに…と、これを繰り返して線を引いていきます。

Re:線画の作成(１)
teku 2006/4/25 (Tue.) 22:13:43
あれ？
広告チぃさ！？
説明丁寧です。
おいらもやりてぇけども
イラレ高いよ。

Ｊさん！
このまま本出しちゃいなよ！
「べＪのイラエロ講座」
18禁版で。

Re:線画の作成(１)
teku 2006/4/26 (Wed.) 00:16:29
追伸
広告のゲームって18禁なのね…行ってみて初めて知った。

Re:線画の作成(１)
Ｊ 2006/4/26 (Wed.) 01:57:52
お絵かきソフトってホント高いですよね…
ゲームソフト見習えってんだ！ヽ(`Д´)ﾉ

最近18禁だとか全年齢対象だとか
まったく気にしなくなりました…（・3・）

[334] 線画の作成(２)

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/27 (Thurs.) 02:47:27
そんなこんなで、線画の完成です…①。
目と眉は髪の毛の線と重なる部分が多いため、後で違うレイヤーに描きます。

あまり細かいことは気にせず、どんどん線を引いていくと必ず修正したい部分が出てくるのですが、その場合はアンカーポイントの切り替えツール…②で方向線を修正したり、白矢印ツールでポイントをクリック＆ドラッグで移動させたりして、自分が納得できるまで修正しましょう。
パスやポイントが多くなってきた場合は、上部メニューの「表示」から「アウトライン」を選ぶと、線同士が重なって選択したいものが選択出来ないといった状況を避けられるので便利です。

イラレ絵を描く上で、出来るだけアンカーポイントの数を減らすことは、修正のしやすさや容量軽減のためにも非常に重要なことです。

例えば眉毛などの三日月状のパスは、２つの点のみで描くことが出来ます。
まず、線画の作成(１)の後の方で紹介した線の引き方のように、始点をクリック→次点をクリック＆ドロップで方向線を出す→方向線を作成したポイントをクリックして方向線が始点側だけに出ているパスを作成します…③。

次に始点にカーソルを合わせるとペンアイコンの横に○マークが付きます…④。
そのままクリックするとパスをクローズパス(全体が線で囲まれた切れ目のないパス)にすることが出来ますが、クリックしたままドラッグすると、ここでも方向線を出すことができるので…⑤、パスの外側にカーソルを持って行くと三日月状や猫目状にすることが出来ます…⑥。

このように、出来るだけパスやアンカーポイントの数を減らしていくようにしましょう。
後の作業がとても楽になります。

Re:線画の作成(２)
yu-hon 2006/4/27 (Thurs.) 08:59:02
しかしめちゃくちゃ丁寧だな、やっぱり（・3・）

Re:線画の作成(２)
Ｊ 2006/4/28 (Fri.) 00:11:28
だって悠さんが詳しくって言ったじゃないか！（`；ω；´）

[335] 線画の作成(３)

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/28 (Fri.) 00:10:57
目を描く場合はちょっと特殊です。
まず、まつげの部分や白目となる部分などは先に描いてしまいます。
次に、楕円ツールで楕円をひとつ作成し、それを瞳の大きさに合わせます。
そして、白目を上部メニューの編集からコピーし前面にペーストします。その後、黒矢印ツールを使って、ctrlキーを押しながらその楕円とコピーした白目の部分を同時に選択し、パスファインダの「交差」を実行します…①。
すると、瞳の楕円が白目の部分でくり抜かれたようになります…②。

「交差」を実行したときに、瞳の楕円とコピーした白目は自動的にグループ化され「複合シェイプ」という名前が付いたと思いますが、それを使って瞳に色を付けます。
まず、先ほど作成されたグループを選択し、それの背面に２つコピー＆ペーストします。
次に、そのコピーしたパスの下にある方の塗りを暗い色、上にある方の塗りを明るい色にし、明るい方のパスをハサミツールを使って真ん中あたりで切り取り、上部はdeleteキーなどで消してしまいます…③。
その後、ペンツールを選択し、切り取ったパスの端点にカーソルを合わせるとペンアイコンの横に「／」マークが付いてパスを繋げてかけるようになるので、目の明るい部分に見えるようにカーブさせながら、もう一方の端点と繋げてしまいます…④。

そして、楕円ツールでハイライトなどを入れると目の完成です…⑤。

なぜ下絵の通りにパスを引いて瞳を描いた方が楽なのに、上記のようにしたかというと、こうすると瞳の位置を変えたくなったときに便利だからです。
レイヤーウインドウなどで瞳の線、瞳の色(明、暗２つ)のパスを同時選択し移動させると、移動後もきちんと白目のパスに合わせてくり抜かれるので、パス自体を修正せずに済むので、かなり便利です…⑥。

Re:線画の作成(３)
yu-hon 2006/4/28 (Fri.) 19:54:15
下で丁寧って言ったのは
描き方自体の話だよー（・3・）
目だけ見ると綾波みたいだわー。
瞳の描き方すげぇな。目全体の大きさを変えるときとかも使えそう。

Re:線画の作成(３)
Ｊ 2006/4/29 (Sat.) 15:13:46
瞳が青いとみんな綾波に見えるよね…（・3・）
書き方は丁寧なのかな…？
結構自分としては適当にやってるんだけど

[336] 塗り

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/29 (Sat.) 02:48:24
線画が完成したら次は塗りです。

塗りの最初の準備として、線の隙間(この絵の場合は下部など)を無くします…①。

次にCS2で追加された便利ツール「ライブペイント」の登場です。
今までのバージョンでは線の合成やら何やらをしなくてはならなかったのですが、これを使えば一発です。ライブペイント、やばいです。

まず、線画レイヤーをコピーし、そのコピーしたレイヤー以外を不可視にするか、ロックした上で、ctrl Aを押して、全てのパスを選択した状態にします。
次に、バケツの左上に太陽のようなマークの付いたツールを選びます…②。
そして、塗り用の色を変えてから、カーソルを色の塗りたい場所に合わせてクリックします。
すると、各パスが繋がってようが繋がっていまいが、線で囲まれた部分は一気に色を塗ることが出来ます…③。
ライブペイント、やばいです。

いままでは一度に色を塗れるように、線を塗りたい部分を囲ませるよう、ハサミツールで切っては連結を繰り返したりしてたのですが、このツールのおかげで線画の完成から④の状態まで５分です。
ライブペイント、やばいです。

[337] 陰影

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/4/30 (Sun.) 03:24:00
次に塗りに陰影を付けます。

まず、レイヤーを新規作成し、そのレイヤーに「陰影」と名前を付けます。そして、そのレイヤーに、塗りと重なる部分は丁寧に、はみ出す部分は適当に線を引いて、暗くしたい部分を囲っていきます。
それが終わったら、パスの塗りの色を灰色に変え、上部メニューからウィンドウ→透明を選び、透明設定ウィンドウを出し、描画モードから「乗算」を選択します。すると、そのパスと塗りとが重なった部分が暗くなります…①。

次に、前々回の目の描き方でやったように、余分にはみ出した部分を自動的に隠すようにしたいのですが、このままだと塗りがライブペイントグループになっているので「交差」を行えません。

そこで、ライブペイントグループを選択し、上部メニューの「オブジェクト」から「ライブペイント」→「拡張」を選択します…②。

すると、ライブペイントだったものが通常の塗りのみのパスになり、自由に移動や変形などを行えるようになります…③。

次に、陰影を付けたい塗りの部分をコピーして、先ほど作成した陰影用の灰色のパスの背面にペースト。コピーと陰影用パスの両方を選択した状態にし、パスファインダの「交差」を行います…④。
すると、見事はみ出した部分が消えます…⑤。

他の部分も、これを繰り返して陰影を付けていきます。

[338] キャラ絵の完成

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/5/1 (Mon.) 20:26:38
陰影まで終われば、キャラ絵は一応完成です。
あとはこれの塗りや線、パターン、ブラシなどを調整し、イメージに合わせます。

イメージとは合わなくても、色々と変えてるだけで結構楽しかったりします。

Re:キャラ絵の完成
teku 2006/5/2 (Tue.) 05:10:52
やっぱJさん凄いよ。
いつかオイラもイラレCS2手に入れる日が来たら…でも先にフォトショだよなぁ…
でもこうやって一つの絵で色々と楽しめるという点でもイラレは良いですね～。
おすすめのライブペイントとやらが凄く気になる今日この頃です。

Re:キャラ絵の完成
Ｊ 2006/5/3 (Wed.) 01:48:02
tekuさんに凄いなんて言われたら、ホントに凄いような気になっちゃうじゃないですか！(ﾟ∀ﾟ)
ライブペイントは、前からイラレ使ってた人にはスゲェ！って機能ですが
他のお絵かきソフトを使ってる人にとっては、あって当たり前の機能ですので
今までイラレ使ったことのない人は、実際使っても感動が薄いかもしれません…(´∀｀)

Re:キャラ絵の完成
yu-hon 2006/5/3 (Wed.) 04:31:44
完成乙！金髪はイカレ具合が出てて合うな…
ライブペイントは確かにヤバソウだｗ

ハルヒと来たか。長門がベタだけど好きです。

Re:キャラ絵の完成
Ｊ 2006/5/4 (Thurs.) 00:26:44
芹沢はイカレてないよ！ちょっと頭が足りてないだけだッ！（`；ω；´）

ハルヒは小説を読みながらアニメを見るのが楽しかったり(´∀｀)

[339] 背景の作成

所要時間: ??:??:?? / アンドゥ: ? / リドゥ: ? / 全消し: ?

Ｊ 2006/5/4 (Thurs.) 00:07:59
イラストとして完成させるために、背景を作成します。

今回は適当に碁盤模様のツートンカラーにしてみます。

まず、長方形ツールを使い、shiftを押しながらドラッグし適当な大きさの正方形を作ります…①。

次に白選択ツールを選び、正方形の右上の頂点にカーソルを合わせaltを押しながら右下の頂点までドラッグさせます。すると、カーソルが白矢印が２つ重なった形のアイコンに変形するので、そこでドラッグしていたボタンを放します。
これでコピー元の正方形の下の頂点と、コピーした正方形の上の頂点が重なった状態でコピーされます…②。
さらに、この状態からctrl+Dを押すと、押した回数分、下に正方形がコピーされます…③。

適当な数をコピーできたら、それをツートンカラーにします。この時、各色の正方形をグループ分けしておくと、あとで色を変更したくなったときに便利です。
次に、白選択ツールを選び全ての正方形を選択状態にして、今度はaltを押しながら右上の頂点から左上の頂点までドラッグします。
すると、正方形の一列がそのまま隣にコピーされます…④。

このままだと、隣同士の色が同じでカッコワルイので、色を互い違いにしたいと思います。
グループごとに塗りの色を選択し直して変更してもいいのですが、コピーした正方形の一列を選択状態にして右クリック→変形→リフレクト→リフレクトの軸から水平を選び実行します…⑤。
すると、上下が反転され、一発で色が互い違いになります…⑥。

その後、白選択ツールを選び、正方形の列を２列とも選択状態にし、右上の頂点から今度は２つ隣の頂点までドラッグさせると、２列ともコピーされます。後はctrl Dを押し、適当な数になるまでコピーすれば碁盤目状の背景が完成します。

最後に、これに文字などの装飾を施せばイラストの完成です。