・・・

閉鎖。

Sun, 08 Aug 2010 22:54:02 +0900

２年半ほどやってきたこのブログですが、この度一身上の都合で仮閉鎖致しました。
恐らく長期の仮閉鎖になると思いますので、いつ更新再開出来るか等は決まっていません。

もしまた帰ってこれたその時は、出来れば宜しくしてやってくれると嬉しいですｗ

2010年8月8日　南々扇

――――――――――――――――――――――――――――

追記。

復帰の目処が立たないことから、
残念ながら当ブログは完全に閉鎖する事に致しました。

今まで、足を運んでくださった方々に感謝を。
皆様、お世話になりました！

パパス・初心者編。

Thu, 03 Apr 2008 04:04:56 +0900

この記事では、フォトショップの『パス』機能について説明していきます。

※『パパス・入門編。』を読み、内容を十分に理解したのちにお読み下さいね？

パスは一見、メンドクサイ作業に見えますけれど・・・すっごい便利！
慣れれば苦もなく使えるようになりますし、格段にアナタのお絵描きライフを楽にしてくれる事でしょう☆

コレを読んで、アナタも

パパスを使えるようになろう♪

今回は、ちょっと進んだ事をモソモソ綴っていきますね。ザ・初心者編！

『パパス・入門編。』を読んでも・・・ぶっちゃけ、パスの良さが分からなかったと思います＾＾
だって、肝心な事を説明していませんでしたからｗ
パスで一番肝心な事。それは―――

滑らかな曲線が描けるという事。

更に、どんな複雑な曲線を描くものでも綺麗に塗り潰せたりします。
言葉だけで説明するのは分かりにくいので、画像も交えて説明していきますね！

すると、ポイントとポイントが線で繋がります。
この線の上に、カーソルを移動すると・・・

(※分かりやすいように大きく描いてますが、実際にここまでカーソルは大きくなりませんからね？ｗ)

このプラスは、『この線の上にポイントを作成する事が出来ますよ？』と意味です。
逆にこの部分がマイナスになっていた場合は、『このポイントを、削除する事が出来ますよ？』という意味になります。
では、この線の上にポイントを作成してみましょう。
方法は簡単。
↑のカーソルに変化している状態で、線の上をクリック！

そうする事により、↑のような感じで線の上に新たなポイントを作成出来るのです。
作成したポイントを削除したい場合は、ポイントの上にカーソルを移動させると、カーソル横の記号がマイナスに変わります。その状態でポイントをクリックすれば削除出来ます。

この新たに作成したポイントを移動させましょう。
移動させる方法は、ポイントを『Ctrl』キーを押しながら選択した状態で、マウスを移動させるだけ♪

この作業で、直線的だったパスに綺麗な曲線を持たせる事が出来ます。
コレが、『多角形選択ツール』や『なげなわツール』では出来ない事ですね＾＾

ポイントの左右からピロ～ンと伸びてる『棒』が何かと言いますと―――。
この棒の長さで、線のふくらみが。
傾きで、線の歪みが決まるのです。
(これは、あくまで南々扇の感覚的な説明なので・・・厳密には違うと思いますｗ)

でわでわ、この棒の操作法を。
ぶっちゃけ、コレも今までと同じですｗ
棒の先端にある丸い部分を『Ctrl』キーを押しながら、マウスでぐいーんと引っ張るだけ♪

引っ張った状態でマウスをグリグリ動かして、好みの曲線を描かせましょう☆

この作業、『Ctrl』キーと『Alt』キー。
二つのキーを使って二つの使い方をします。

『Ctrl』キーを押しながら棒を操作した場合、この棒はピンと真っ直ぐ伸びた一本の棒扱いになります。
選択していない方の棒の長さは変わりませんが、傾きは選択している方の棒の影響を受けるという事ですね。
・・・うぅ、説明しづらい＾＾；
ま、まぁ、やればわかります！！ｗ

『Alt』キーを押しながらこの作業をした場合、左右の棒は完全に独立した扱いになります。
選択していない方の棒に、長さも傾きも影響を与えず作業が出来るようになるのですｗ

二つの方法を、状況に応じて使い分けましょう♪

さてさて。
この左右に伸びる棒を操作した場合・・・パスの線が、自分が思っているのと違う曲線を描いてしまう事があります。

そんな場合は、

『Alt』キーを押しながらポイントをクリックすると↑のように左右の棒がなくなります。
その状態で、『Alt』キーを押しながらポイントをぐいーんと引っ張りましょう！

すると、ポイントの左右から歪みがない新たな棒がにょっきり生えてきますｗ　
ここから、また調整していきましょうｗ

はぁ・・・。
すっかり長くなりましたね＾＾；
最後に・・・上記で紹介した方法で、パスを使って作業をしてみます！

↑のようなハートの枠があったとします。
コレをパスを使って塗り潰す場合―――

四つのポイントを作成するだけで、範囲を囲めてしまいますｗ
後は『パスを描画色を使って塗り潰す』作業をするだけで、はみ出す事もなく綺麗に塗り潰せちゃうって訳ですね♪
慣れてしまえば、これ以上に複雑な形状の物もパッパッパ～ですよ☆

―――と、まあこんな感じですねｗ

とりあえず、初心者編はココまで！

ふ～、相変わらず説明ベタな南々扇の解説でしたが・・・少しは参考になりましたでしょうか＞＜
更に進んだ技術なんかは、次回の『パパス・中級者編』で♪

ちなみに、中級者編のＵＰ予定は――――――当然のごとく、未定デス★

パパス・入門編。

Sun, 23 Mar 2008 06:44:59 +0900

この記事では、フォトショップの『パス』機能について説明していきます。

※私のフォトショップは、『フォトショップ7.0』です。
それ以前のバージョンでは、同じように出来ないかも知れません。ご注意を。

この機能、慣れるまでに時間がかかったりしますが・・・すっごい便利！
使いこなせれば、格段にアナタのお絵描きライフを楽にしてくれる事でしょう☆

コレを読んで、アナタも

パパっとパス(以下、パパス)を使えるようになろう♪

さてさて。
今回は、パスの基本的な事をご紹介していきますね。ザ・入門編！

画面上を、ぽちぽち～っとクリックする事によってポイントを設定していき、そのポイントで囲んだ部分を選択範囲にしたり出来る・・・といったツールです。
まぁ、言葉で言ってもイマイチ分かりづらいですよね＾＾
これは、実際に作業画面をお見せして説明しますｗ

それでわ、作業に入っていきましょうか。
―――の前に、以下の６つの部分をチェックしましょう。

↑の部分を選択してたら、ＯＫ。
こうなってないと、今からお教えする作業に問題が発生しちゃうんです＾＾

んでわ、今度こそ実際に作業に入りましょう。
パスツールを選択した状態で、作業画面でクリックすると『ポイント』が設定されます。

ポイントを設定すると、ポイントとカーソルが『ラバーバンド』によって繋がります。
カーソルを動かしても、ポイントから伸びたラバーバンドが追跡してくるようになるって訳ですねｗ
(ちなみに、の部分で『ラバーバンド』のチェックを外すとラバーバンドは表示されなくなります)

設定したポイントを移動させたい場合は、『Ctrl』キーを押しながらポイントを選択。
そのまま動かしたい場所まで、ドラッグ(クリックしたまま移動)すればＯＫ。
設定したポイントを削除したい場合は、『Ctrl』キーを押しながらポイントを選択。
あとは、『Delete』キーや『Back space』キーを押せば削除出来ます。

んじゃ、ポイントをいくつか設定して、選択したい部分を囲んでいきましょう。
今回は適当に四角いモノを作ったので、それを囲ってみますね。

四角の四隅にポイントを設定していきました。
三つ目の角にポイントを設定した後、最初に設定したポイントをクリック。
そうする事によりポイントとポイントが繋がり、一つの囲いが出来ました。
この『一つの囲いを作る事』を『パスを閉じる』と言います。

パスを閉じるとポイントは表示されなくなり、↑のようにポイント同士を繋ぐ線だけが表示されるのです。
この線はラバーバンドの線ではないので、のチェックを外していても表示されます。ご安心をｗ
『Ctrl』キーを押しながらクリックする事で、ポイントを再表示する事も可能です。

それでわ、パスで出来る基本的な事を説明しちゃいます。

すると、↓の画面が表示されます。

各部分を、順に説明していきますね。

a.作業用パス
　画面にポイントを設定しているとコレが表示されます。
　この作業用パス、ダブルクリックして名前をつける事で保存する事が出来ます。
　保存する事により、複数の違った作業用パスが作成出来ちゃうんデス。ちょ～便利。

b.パスを描画色を使って塗り潰す
　ポイントを設置していくとポイント同士の内側に発生する選択範囲。
　それを、描画色で塗り潰せちゃいますｗ　まんまですね＾＾

c.ブラシでパスの境界線を描く
　コレも読んだまんまですねｗ　ブラシのサイズで境界線を描いちゃいます。
　色はモチロン描画色で、デス♪
　『はうとぅ～イラスト・弐の巻』の技術を使えば、かにゃり使えますよ☆

d.パスを選択範囲として読み込む
　ようは、パスで囲んだ部分を選択範囲に変更しちゃうって事です。

e.選択範囲から作業用パスの作成
　d．とは逆って事デス☆

f.新規パスを作成
　コレを使用すれば、複数の違った作業用パスを作れます。ガンガンいこうぜ！

g.現在のパスを削除
　きっと説明するまでも無い事さ♪

―――と、まあこんな所です。

とりあえず、入門編はココまで！

む～、説明ベタな南々扇の解説でしたが・・・少しは参考になりましたでしょうか＞＜
コレ以降のちょっと専門的な説明なんかは、次回の『パパス・初心者編』で♪

ちなみに、初心者編のＵＰ予定は――――――未定デス★

あっ、最後に一つ。

今回は分かりにくくなるから『ポイント』と表現していますが、正式名称は『アンカーポイント』と言います。気を付けて下さいね？ｗ

反省・・・そして完成イラスト。

Thu, 20 Mar 2008 19:35:49 +0900

仕事が終わって速攻で直帰してきましたｗ

『はうとぅ～』・・・時間がきたとはいえ、微妙な終わらせ方をしてしまいましたからね。。。
イラストは完成してたんですけど、記事を描く時間がありませんでした＾＾

てな訳で、とりあえず完成イラストを！

ウトウトしながら作業してたとわいえ、線画におかしな部分が多々ありました・・・。
寝落ちから復帰後、ようやくおかしな部分に気づきましたけど・・・直しませんでした♪

だって・・・めんどくさかったんだもん☆

ただ、ハイライトを塗る段階でどうしても見過ごせない歪みが発生した為、目の位置はちょっこっと弄りました。
あとは、普通に塗って完成・・・ってな感じです。

・・・今回の『はうとぅ～』は、反省点が多すぎます＞＜
手順の説明はつたないし、グダグダだし・・・。
ちゃんとした「How To」を書いてる人達って凄いにゃ～。尊敬ｗ

～ 今回の教訓 ～
こういう物は、なんとな～くで始めちゃいけないよ☆

はうとぅ～イラスト・伍の巻。

Thu, 20 Mar 2008 08:11:09 +0900

長かった『はうとぅ～イラスト』も、この巻が最後なのさ♪
でも、きっと微妙な終わり方だろうさ！　所詮は自己満足さ！！
ココまで見てくださった方、どうもありがとうなのさ！！！

※今度、質問コーナーを作成します。分からない事とか聞きたい事があったらソコにｗ

そろそろお仕事に行かなきゃいけない時間が近づいてきたので、『はうとぅ～イラスト』もこれで最後になります＾＾
服の影とかに特別な技術は使っていないので、参考になるかもしれない南々扇の『髪』の着彩方法を、最後にお見せしますねｗ

あ～ら、こんな～ところに

パスで影付けされたイラストが♪(・・・語呂わりぃ)
結構、テキトーにパパッとパスで囲んで塗ったものです。パパス。

ぶっちゃけ、このままでも良いんじゃないだろ～かと思う気持ちがあったりしますが・・・。
コレに、手をいくつか加えていきます！

まずは、影の尖った部分。
ここを、ぼやけた消しゴムの流量を『50％』まで落としたもので、ごりごり～っとぼかします。

↑こんな感じにね？

さらに

毛先なんかに同色のぼやけたブラシをかけます。

これで髪の一段目の影が完成です♪

続いては、二段目の影。
普通のイラストだったら、一段目の影のやや濃い色なんかを使うんですけど・・・。
今回はチビキャラなので、使いません。
代わりに、特殊効果っぽいものを入れます。
光の反射・・・というか、近くにある明るい色が反射してるような感じを出したいので―――
紫色の不透明度が『50％』くらいのブラシをかけます。(描画モードは通常のままです)

分かりにくいですが、襟足の部分や毛先に軽くかけてますｗ
これで、特殊効果も終了♪

いよいよ仕上げの段階です！
仕上げのハイライトを描く前に、ハイライトを入れたい部分に下地を作ります。

まずは、描画モードを『覆い焼きカラー』にしたレイヤーを作りましょう。
そうしたら、髪の色と似たような色で彩度が高い明るめの色を、頭の形の沿って塗ります。
今回は、青で

こんな風に塗りました。
でも、コレだと・・・ややウザイ感じがするので、レイヤーの不透明度を『30％』くらいに下げます。

はい、ハイライトの下地が完成しました！

ようやく最後の工程です。
この下地の上にハイライトを乗せましょう♪
描画モードを『オーバーレイ』にしたレイヤーを作り、ハイライトをパパ～っとパスで囲んで白色で塗り潰します。
あとは、ぼやけた消しゴムでちょちょっと手を加えれば―――

完成～～☆

これで、今回のイラストの『はうとぅ～』は終わりです♪
イラスト自体は完成していませんが、あとはもう普通に塗っていくだけですし、ね？ｗ

如何だったでしょうか？
自己満足から始まったこの企画。誰かの役に立ったのなら幸いです！
それでわ、よいお絵描きライフを～♪

・・・正直しんどかった☆

はうとぅ～イラスト・四の巻。

Thu, 20 Mar 2008 04:43:09 +0900

引き続き、着彩作業をお見せしちゃうのさ♪
でも、きっと使いにくい技術だろうさ！　所詮は自己満足さ！！
ココまできたら最後まで見たらいいさ！！！

え～っと、爆睡してました☆
ＰＣの前にいた筈なのに、いつのまにかベッドの中にいましたしｗ
とりあえず、充電もできましたから・・・今夜も徹夜だ！！

前回の状態から、各種部分の影なんかを塗っていきますね～。
顔の残りの影は、もうブラシでテキトーにささっと描いちゃいます。
白目の影は上半分にブラシをかけるだけ。ここら辺で、特別な事はしませんｗ

それでわ、重要な瞳の作業に入ります！

まずは、瞳の一段目の暗さを。
下準備として、『一段目の暗さ』は『瞳』とは別レイヤーにして『瞳』にグループ化しておきましょう。

二段目以降の暗さも同様に。

さて・・・基本、私は瞳の中に瞳孔を描いてます。
その瞳孔の下辺りにパスで

こんな形を囲みます。

囲めたら、『Ctrl』+『Enter』キーでパスで囲んだ部分を選択範囲に変更します。
『Ctrl』+『Shift』+『I』キーで選択範囲の反転をして、『Ctrl』+『Alt』+『D』キーで選択範囲の境界線を半径『1pixel』ぼかす。
その状態で『一段目の暗さ』を塗りつぶせば・・・

こうなります。
これで一段目の暗さは終了です♪

続いて、二段目の暗さ。これは・・・ちょ～簡単＾＾
『一段目の暗さ』のレイヤーをコピーして

このレイヤーの描画モードを『乗算』に変えます。
すると

こんな感じになるのです。
あとは、光彩が入りそうな部分なんかをぼかした消しゴムで消したり、ブラシでちょちょっと調整すると・・・

それっぽくなってきましたね♪

この調子で、瞳を仕上げて仕上げてしまいましょう！

四段目の暗さ？は、瞳孔の周りを同系色の灰色で囲むだけ！
五段目の暗さは、瞳孔の上あたりに同系色の黒に近い色を、ぼやけたブラシでささっと塗るだけ！！

はい、これで瞳は完成です☆　ハイライトは全ての作業が完成した後に付けます。

うぅ・・・長くなったので、髪の影とかは次の巻で＾＾

はうとぅ～イラスト・参の巻。

Wed, 19 Mar 2008 16:42:55 +0900

着彩作業をお見せしちゃうのさ♪
でも、きっと使いにくい技術だろうさ！　所詮は自己満足さ！！
それでも見るっていうなら・・・もう、見たらいいさ！！！

・・・ふふふっ、限界が近いのでサクサクいきますねｗ

基本、肌の色というのは同じ色です。・・・あくまでも『基本』ですよ？
南々扇の用意しているレイヤーセットの肌の色は、色んなサイズのイラストで使いまわせるようにキャンパス全体に塗られています。
これを、肌の部分限定にする為、パパっとパスで肌の部分を囲みます。

囲めたら、『Cter』+『Enter』キーでパスで囲んだ部分を選択範囲に変更します。
囲んでいる部分以外の肌色がいらないので、『Ctrl』+『Shift』+『I』キーで選択範囲の反転をして、削除。

はい、すっきり～♪

後は同じようにパスで囲んで、部分部分ごとに塗り分けていきます。
あっ、その前に、使わなさそうな暗い色で背景を塗りつぶしておきましょう。
塗り残しとかが見えやすくなりますからねｗ　私は青が好きですから紺色で♪

それでわ、ゴリゴリ塗り分けていきます。

・・・・・・・・・

・・・・・・

・・・

はい、基本色塗り終わり！
やっとそれっぽくなってきましたけど、ここからが本番。

まずは、肌の影から。
一段目の影を、流量が『20％』のブラシでゴリゴリ塗っていきます。
女の子キャラとかだったら『5％』くらいでもイイかも。

チビキャラなので、あんまりリアルな影は付けません。

一影なんてこんなもんですｗ
あっ、ちなみにレイヤーにある『ぷに』は女の子系のほっぺなんかに使うものなので、今回は使いません＾＾

次は、二段目の影ですね。
基本的に、二段目の影はシャープな落ち影として使います。
なので、パスでぱぱ～っと囲ってブラシでちょちょっと調整すれば

それっぽくなるのですよｗ

はい、次は三段目の影！
コレは特殊な影ですね。一番暗いところに使ったり・・・・・・色々使いますｗ
あんまり使いすぎると気持ち悪くなっちゃうので、顎下とおでこの辺りに少々。

あとは、全体的に細かい修正を加えれば肌は完成デス♪
えっ？　「ハイライトはどうするんだ！」ですか？
・・・そんなん、なんとなく塗ったらいいぢゃないですかｗ

はい、肌完成☆

結構長くなってきたので、『参の巻』はココまでにしておきます。
次の『四の巻』では、ちょ～重要な髪と瞳の描き方です！

一体何の巻まで続くんでしょうねｗ

はうとぅ～イラスト・弐点伍の巻。

Wed, 19 Mar 2008 13:39:41 +0900

イラストの着彩に入る前の下準備をこっそりお見せしちゃうのさ♪
でも、きっと見ても使わないだろうさ！　所詮は自己満足さ！！
それでも見るっていう勇者は見たらいいさ！！！

うぅぅ～、眠いよ。。。ねむねむ、ネムカユ・・・ウマ。
え～っと、イラストの着彩工程に入る前に、するべき事があったりなかったり。

実わ、南々扇・・・こんなモノを基本的に用意してたりします。

肌の色、肌の影、肌のハイライト、目の色、目の影、目のハイライト・・・えとせとらえとせとら。
部分部分の名称、影、ハイライトなんかをきちんとレイヤー分けして、セットの中にぶち込んでます♪

こういうファイルをあらかじめ作っておくと、いちいちレイヤーの作成やレイヤーに名前を付けたりしなくて済むのですよ＾＾
失敗しても、すぐに修正が効くようになりますし。
結構、コレで短縮できる時間ってデカかったりします♪

そうして作っておいたコレを、

(＆が左右逆なんて気にしちゃいけねぇ～ZE♪)
することによって

別のファイルにレイヤーセットを移動する事が出来るのです☆

これで、着彩前の下準備は終わり。
これ以降は、ごりごり色を塗っていくだけでＯＫ！

今度こそ、次は『参の巻』です☆

やっと終わりが見えてきた～ｗ

はうとぅ～イラスト・弐の巻。

Wed, 19 Mar 2008 11:44:15 +0900

ホントにかる～くですが、イラスト製作の作業工程をお見せしちゃいます♪
きっと見ても独特すぎて使えない技だろうさ！　所詮は自己満足さ！！
それでも見るっていう猛者は見たらいいさ！！！

え～、すっごい眠いです。。。
横になれば十秒も経たずに眠りに落ちると思います。てか、落ちます！(断言ｗ)
そんな訳なので、長々と詳しい手順とか書いてられないのです。今日中にイラスト仕上げるつもりですしね～。。。
ちゃちゃ～っといっちゃいます♪

さて、原画をフォトショップのパスツールを使って線画にしました。

私の場合は、最初は縦横の短い方の幅を『1500pixel』くらいにしたキャンバスで作業します。
原画の主線にパスを載せて、パスの境界線をだいたい『2pixel』くらいで描きます。

すると↑こんな感じになる訳です。

でも、これだと線に強弱が無くコシもないので・・・なんというか面白くないぢゃないですか。
『クローズパス』という作業をすれば強弱とコシのある線になりますけれど、時間がかかりますし・・・なによりめんどくさいのですｗ

そこで、南々扇が使うちょっとした裏ワザを教えちゃいます♪

1.原画の主線にパスを載せて、パスの境界線をだいたい『2pixel』くらいの『ブラシ』で描く。

2.ブラシのサイズを『2pixel』から『4pixel』に変える。

3.パス線が表示されている状態で

するといくつか項目が表示されるので、その中から『パスの境界線を描く』を選択する。

↑の事をしたら『ＯＫ』をクリック。

こうすることによって単調なパスの境界線に強弱をつける事が出来るようになります。
(同じフォトショップでも『強さのシミュレート』がない物もあるのでご注意♪)

さてさて、↑の裏ワザを試してみると・・・

こうなりました☆　全然違うでしょ？ｗ

でも、黒が濃いというか・・・ややクドイ感じがするので出来上がった線画の『不透明度』を、ちょこっとだけ下げます。
すると―――

『不透明度』が『70％』でこんな感じになります♪　
あとは、細かい修正を加えれば―――。

はい、やっと線画の完成です☆
や～、長かったｗ
いよいよ、次の『参の巻』ではやっと着彩作業に入ります＾＾　ヤッタネ♪

・・・果たして今日中に終わるのかな。

はうとぅ～イラスト・壱の巻。

Wed, 19 Mar 2008 02:51:50 +0900

今回は、ちょこっとイラスト製作の作業工程をお見せしちゃいます♪
きっと見ても独特すぎて使えない技だろうさ！　所詮は自己満足さ！！
それでも見るっていう猛者は見たらいいさ！！！

基本、私は原画を適当に描いちゃうんです。もう、パパッってｗ
チビキャラを描く時なんかは特にそうですね。↑なんか足の長さが違うくらいですし♪
ＰＣで線画に直すから、原画はアタリだけあれば良いんです＾＾

絵を描く友人からは、「ちゃんと原画を描け！」って言われますけどね・・・南々扇の線の汚さを甘く見ないで欲しいよ！！　
綺麗な線画を描くのにどれだけ時間がかかるやら。。。

さ、さて、この原画ですが。
これから、フォトショップのパスというツールを使って綺麗な線画にしていきます。
『クローズパス』という手法を使った方が、線にコシ(って、専門学校で言ってました)が出来て見栄えが良いんですけど・・・。
ぶっちゃけ、めんどくさい上に時間がモリモリかかるのでやりません！ｗ

私は普通にパスで線画を描いちゃいます。ま～、そこで裏ワザちっくな事もモチロンするんですけどｗ

今日はどうせお休みですし、徹夜で思う存分作業をしちゃおうと思います♪　イラスト描くのは楽しいよ☆

でわでわ！
次は、この原画を線画に直した頃にお会いしましょ～♪