くろの間

パーツの合成

2010-10-21T18:04:20+09:00

＊注意点＊
このソフトは２つの画像を同時に読み込ませることが出来ないので何かを読み込んだ状態でまたファイルから開くを押すと今作業してるのを消して読み込ませようとします。
もちろんいきなり消えるのではなく保存しますか、と出るのでもし必要ならそこで　はい　を押して好きな場所に保存して残しておきましょう。

ではパーツの合成に入ります。
ここで大切なのは上の注意点でかいたことです。このソフトでは開いてる画像に対してさらに追加で読み込ませる、という機能があります。

まずはレイヤのｳｨﾝﾄﾞｳをみてください、レイヤ０というところにキャラが表示されてますね。
レイヤーっていうのは簡単にいうなら透明のフィルムを想像してもらえればいいともいます。ＣＧではその透明のフィルムに絵を描いてそれを重ねていきます。

説明は後でしますがまずは左下にある追加というボタンを押してください。

するとレイヤ１というレイヤが作られました。これはキャラクターの描いてあるフィルムの上に透明のフィルムが一枚乗った、ということですね。なので絵的には何の変化もありません。

レイヤーのｳｨﾝﾄﾞｳでレイヤ１が赤くなってるのを確認してください、なっていなければレイヤ１をクリックするとなり、それが現在選択されているレイヤです。

そうしたら選択範囲→他から貼り付け→ファイルを押します。

最初に先ほど読み込んだﾌｫﾙﾀﾞが表示されていますがパーツを保存した場所に移動させます。

ここ用に撮ったスクリーンショットが山のようにありますが気にしないｗ
パーツﾌｫﾙﾀﾞに移動です。

今回は一番ごちゃごちゃしててやりづらそうなkemonoakuma.pngというファイルを読み込みます

するとこんな感じでポンっと全部乗っかります。

ここで大事なのはレイヤが増えていないということです。先ほどつくったレイヤにこのパーツは入ったってことですね。ちょっと覚えてねｗ

このパーツ達から自分が使いたいパーツを選びたいですがどうするか

ツールのｳｨﾝﾄﾞｳの中の右下、マウスを乗せると選択範囲と出る点線の四角を選んでください

マウスで左ボタンを押しながら動かせば範囲を選択できます。
これでとりあえず耳を囲んでみます

囲み終わったらマウスをその四角の中に移動させて左ボタンを押しながらマウスを移動させれば囲んだ部分が移動します。

こうやって片方の耳を囲んで動かせば離すこともできます。こんな感じでバランスいいかな？？

他にも使いたいと思いますがそれ以外がいらないですよね、というわけでいらないものを囲みます。

いらない部分が囲めたら選択範囲→消去を押します。
その右側に出てるようにキーボードのdelキーを押しても消すことが出来ます。

こんな感じで消すことが出来ました。
あと天使の輪も消して羽をつけてみたいと思います。

さっきの要領で上に持ってきたのはいいですが羽くっつきすぎですねｗ
このままだと使えないので片方の羽を囲んで移動させて位置を調整します。

とまぁーこんなものかな。なんとなく羽の位置です。

さて、これからもろもろ作業するんですがとりあえずあとで混乱しないためにレイヤには名前をつけておくことをオススメします。ぱっと見でなにが描かれているレイヤかわかりますからね。

レイヤの名前の部分をダブルクリックすると名前を変更することが出来ます。

名前はもちろん何でもいいですが今回はこんな感じです。

さてここでレイヤのおさらいですが今の状態は透明のフィルムに絵が描かれているものが２枚重なっているのでこれの上下を反対にしたらどうなるか・・・

マウスの左ボタンを押しながら下に移動させれば動きます。

するとこんな感じにキャラがパーツの前に来ます。羽が無事にキャラの後ろに行きましたね。
・・ただ～、耳まで一緒に後ろに行ってしまいました。耳はキャラの前がよかったですよね、

なのでまずはレイヤの順番をもとに戻してレイヤをさらに一枚追加します。
そしてパーツ１のレイヤを選びます、選択範囲を使い、耳だけを選択したら右クリック→切り取り、新しく作ったレイヤを選び、右クリック→貼り付け

すると耳が貼り付けられます。ただ位置が変な位置に来てしまうので選択範囲で囲み、移動させて頭にもってきます。

うむ、こんな感じでいいでしょうか。

そうしたらまたレイヤーの名前を変えてみました。そしてそれぞれキャラの前にあってほしいか、後ろにあってほしいかを考えてレイヤーの順番を入れ替えます。
今回の場合では羽をキャラの後ろに、ミミをキャラの前に移動させました。

これで無事ミミと羽を装着させることが出来ましたっ！ぱちぱちー。
でも格好がさすがにどうかと思うので服も着せてあげましょう。

わすれちゃいけませんよ？レイヤをひとつ作ってそのレイヤが選ばれているのを確認してからパーツの読み込みです。

読み込んだ瞬間終わったｗｗ画像が位置ピッタリに出来てるようで読み込んだらちょうど着た感じになると思います。

これにてキャラ完成ですっ。お疲れ様でしたー！☆ミ

あとはこれを保存します。

ファイル→別名で保存を選びます。　上書きしてベースになる画像を変えてしまわないように注意してくださいね。上書きしちゃったらまた漫画チャットからもらってきましょう～

保存場所はお好きなところを。注意するのは保存する形式です。下の部分で変更が出来るんですが漫画チャットでは透過された画像を使いたいので透明の情報をもてる形式にしないといけません。

ここではＰＮＧを選びましょう。

名前もテキトにつけてこれで保存です、下の数字とかチェックマーク入れれるところは特にいじらなくていいと思います。

そして保存しようとするとこんなウィドウが出てきます。
ＰＮＧの設定ですね。
上の部分はアルファ付３２ＢＩＴカラーを選んでください。圧縮率は画像の荒さに影響しますが６くらいで特に違和感はありませんでした。そのままでいいともいます。

これでＯＫを押したら画像の完成です。

結構大きい画像だったんですねｗちょっと私が使ってる画像より重いですが漫画チャットでは特に引っかからないサイズです。

お疲れ様でした！！あとはこの作業を全表情やればＯＫです。

キャラの登録時のサイズとフォーカス位置、サイズはこんな感じでいいと思います。微調整はお願いしますー。

無事テストもできました～

今時間がなくて試せないんですが同じパーツの配置で表情だけ変えたい場合は
キャラクターが描かれているレイヤを選んでパーツを読み込むようにして別の表情のキャラを読み込んでみてください。おそらく位置もずれずに表情のみ変えられるはずです。

あと、後からまた変えたいとかあるかもーとか思う人は保存のときに一番上に出てるAzPainterの形式で保存すれば今度読み込んだときレイヤも全て残った状態ではじめられます。

ではまだいろいろやりたいことはありますがこれで説明は終わりにしますね。

ハロウィンイベントを少しでも楽しんでもらえて、さらにＣＧもちょっと楽しいかも、なんて思ってくれたらすごくうれしいです。

まずは準備

2010-10-21T16:51:42+09:00

さて、素材が揃ったらとうとう合成ですね。
思ってるよりも難しくないと思うので一緒にがんばりましょうっ

まずはソフトをやりやすいように調整します

とりあえず画像を読み込んでみましょう。
ファイル→開く　を押します。どこの場所が一番最初に表示されてるかはわかりませんが

自分がキャラの素体を保存した場所までたどり着いてくださいな。
そしてどの表情の素体をベースにするかを選びます。
とりあえずはデフォルトの表情でいいですね。そのキャラを選んだら開くを押します。

読み込んだ画像撮るの忘れちゃったｗキャラが表示されると思います、でも背景の部分が白いですよね？
これだと本当に白いのか、それとも透過されてるのかわかりません。
なので上のところにあるこのボタンを押してください。

何か色が変わったでしょうか？ちょーーとズームっ

透明の部分はこの柄になります、とってもわかりやすいですね。

いろんな小さなｳｨﾝﾄﾞｳが出てると思うんですが特に使わないものもあります。
今回についてはレイヤ（右下）とツール（右上）だけあれば大丈夫ですね。
一応このときはこの３つを出して作業していました。いろんなところにｳｨﾝﾄﾞｳがあると遠くて使いにくいので好きな場所にまとめておくといいですよ。

ではソフトの準備もこれで完了。
次からはパーツの合成でパーツをくっつけてみましょう。

パーツのダウンロードから整理

2010-10-21T16:27:59+09:00

ソフトもダウンロードしたら今度はキャラクターの素体とパーツを取ってきましょうか

みなさん漫画チャットにはよく行くのでダウンロードをする場所までは大丈夫ですよね、
お知らせからこのページにいきましょう

とりあえず今回の説明では女の子のほうを選択です。
右側の緑色のアドレスを押すとその画像のページへ移動します。

するとこのようにキャラクターだけが表示されるページに行くので

マウスで画像を右クリック→名前をつけて画像を保存　を押します
名前はローマ字で書いてあって見づらいと思ったら好きな名前に変えてしまいましょう。
一目でわかるように　キャラ（デフォ）とかそんなのがいいかな？
場所も好きな場所でいいですが今回はデスクトップに保存しました。

上でやったように一つ一つ選んで自分が好きなパーツだけを保存してもいいですし
実はこのアドレスを右クリックして対象をファイルに保存っていうのを押すとキャラのページを表示させずに保存ｳｨﾝﾄﾞｳが出ます。これでささっと全部保存してもいいですね。

キャラの素体とパーツで画像がこんなに増えてしまいました。デスクトップは皆さん綺麗かな？ｗ
物が増えるとごちゃごちゃして見づらいので今のうちにﾌｫﾙﾀﾞ分けするとあとで楽ですよん
もちろんしなくても全然ＯＫですー。

デスクトップの空いてるところで右クリック→新規作成→ﾌｫﾙﾀﾞを押します。これをとりあえずキャラの素体用とパーツ用の２つ。

ﾌｫﾙﾀﾞ名も好きに決めてください、今回はキャラの素体を入れるﾌｫﾙﾀﾞをベース　パーツを入れるﾌｫﾙﾀﾞをパーツ　と名前をつけています。中はこんな感じですね。

これで素材も準備完了です。

ではここからいよいよ合成にはいります。でもその前にまずは準備でソフトを使いやすい状態にします。

1.パーツを合成するソフトのダウンロード

2010-10-21T16:02:49+09:00

久々の更新となります。
漫画チャットもリニューアルして今回ハロウィンイベントということでキャラクターの素体とパーツが配布されました。リニューアル後絵を描く人も増えたといってもまだ少数。合成とかは透過みたいボタンひとつ、というわけにもいかないとおもいますので簡単にですが出来るだけ作業を細かく解説していきたいと思います。

ここはＣＧ、パソコンで絵なんて全然やってない、そんな人視点でお送りしますのでわかる部分はどんどん読み進めていってくださいね。

ではまずソフトのダウンロードからです。

今回フリーソフト（無料で配布され使えるソフト）を探すにあたってはレイヤー機能、ＰＮＧ出力、ソフト自体が軽い、インストールしない、という部分を重視してみました。

パソコンへの負荷は出来るだけちいさくしたいものですからね。

そんなこんなで選んだソフトは「AzPainter2」というソフトです。

レッツ検索っ。
私の環境はウィンドウズビスタで今回ブラウザはInternet Explorer 8を使用しています。ブラウザの種類やバージョンによって微妙に操作が変わると思いますが同じ機能はあると思うので探してみてください。

検索して一番上に来ると思います、それをクリックするとこのページに飛びます。
ソフトの説明と、下までスクロールするとダウンロードもありますね。それを押します。

この軽さｗ画像一枚レベルですｗ
保存してもいいですし、このまま開いてもいいですね、デスクトップに開かれると思います。

中にはこの６つのファイルがはいってます。左上のソフトの名前がついてるのがソフトの起動アイコンです。
これはインストールしないタイプのソフトなのでいらなくなったらこのﾌｫﾙﾀﾞごと捨ててください。
さて、ぽちっとな

するといきなり全画面でこんな感じになると思います。真ん中にある小さい四角がキャバスですが特に気にしなくていいです。

しかし全画面でやったら他に何も出来ないなぁー、ってｳｨﾝﾄﾞｳを中くらいにしてみると・・・

ツールとかいろいろ出てるウィンドウとメインのウィンドウが別々になってしまうんですね。
ちょっと見づらいのでメインのｳｨﾝﾄﾞｳは全画面でやるのをオススメします。

ではダウンロード、起動まではこれで終わります。

次にパーツのダウンロードで漫画チャットから素材をもらってくる説明にはいります。

透過処理（ペイント）３

2009-02-20T04:57:32+09:00

さて、もう透過の方法については説明しましたが色を塗った素材でも一応透過確認を。
キャラを描く（ペイント）より2.色を塗る（影をつける）　2.色を塗る（ベタ）で出力したＰＮＧ画像を「JTrim」に読み込みます。

っと、上の方に並んでいるものの中からスポイトの形をしているものを選んでカーソルがスポイトになっているのを確認。
背景の部分をクリックします。
するとその色の部分だけが透過されます。
これで透過処理完了です。

この後名前をつけて保存でＰＮＧを出力をすれば完成となります。

では漫画チャットでテストをしてましょう。

はい、大丈夫なようですね。
このようにしっかり透過ができました。

では３回でペイントからの透過処理を終わります、ありがとうございました。

2.色を塗る（影をつける）

2009-02-20T04:24:43+09:00

ではベタを塗った絵に影をつけてみましょう。
私自身ペインタをほとんど触ったことがないため、この方法は効率と出来的にいいのか分かりませんが参考程度にご覧ください。

まず、ペインタで影を描くときにするのは影の塗られる部分を区切らなければなりません。
コレは前回の記事などで説明しています。

なのでその作業から始めたいと思います。

分かりにくいですが左の画像に灰色の線が引かれているのは見えるでしょうか？
ツールは今回鉛筆ツール細かい部分にも線を引くことになりそうなのでこれを選びました。
そして色が塗られる部分を他と区切っていきます。
隙間が出来ないように注意しましょう～。
そしてバケツツールを使って線と同じ色で塗っていきます。
こうやって線と同じ色で塗ると境界線が出ないのできれいに見えると思います。
影の濃さは決まりごとはないと思いますが、地となる色が明るければ影も薄く、濃ければ影も濃く、が一般的かと思います。

上の画像にさらに服の影をつけました。
っとｗここで気づきましたが足の影の入り方が逆でしたねｗ影の部分に地と同じ色を塗りつぶしていったん元に戻し、また鉛筆で線を引いて区切り改めて上を塗ります。

そして髪の後ろ髪が見えている部分、ここを暗く塗ります。
コレをするだけで奥行きが出るので是非お試しを。

髪の影のつけ方については本当に人によって違ってコレがいいとかコレが間違っているとかはいえませんね。
ただ今回はミニキャラなのであまり細かく影を入れるのは避けました。
リアルな絵だったらより細かくなっていくんじゃないでしょうか。

これで影つけ終了です。
完成した絵をみてなんとなく左上から光が当たっているように見えるでしょうか？
何故かこの光のあたり方が絵を描くとき多いようです。私も何も考えていないときは大体こうなりますｗ

・左上に光があれば右下に影が出る。
・上に物があれば下にその影が出る、
・奥は暗い

このくらいを気をつければ大丈夫かな？
大体の説明が終わったらちゃんとした影つけの記事も書きたいと思います。
もしくはハルさんがやってくれたらそちらまで誘導しますー

では透過処理（ペイント）３でベタ塗りのキャラと影までつけたキャラを「JTrim」へ持っていって透過をしましょう。

2.色を塗る（ベタ）

2009-02-20T03:28:39+09:00

＊重要ポイント＊
・必ず肌や髪など線をつなぎきちんと区切ること。
・背景（透明にしたいところ）はキャラに使っていない色で塗りつぶす
・ペインターを再起動したら色の追加をした色も消えてしまうので必要な色の数字はメモが必要。

前回ではペイントを使って線画を描いてみました。
そのまま漫画チャットで使うと線のみのキャラクター、もしくは中が白のキャラクターになってしまいます。
だからといって透過用に使った「JTrim」ではそのような加工は得意ではなさそうなのです。

やはり塗るなら塗るためのソフトを使うべきでしょうね。

ではペイントを使った塗りを少しやってみましょうか。

コレが前回描いた線画ですね。
ただ前回JTrimで塗ったときにあったように線画がしっかり閉じられていないとそこから色が流れてしまって他のところまで塗られてしまいます。
なのでまずは見て閉じられていないところを修正

今回髪の部分だけかな、その部分をブラシで書き加えてつなげました。

ソフトの下に色の選択をするところがありますがその色をダブルクリックするとその他の色が決められるウィンドウがでます。
ただそのダブルクリックした色に上書きされてしまうのでとりあえずつかわなそうな色をダブルクリックするようにしましょう。
そして出たウィンドウが下の２個目の画像です。

「作成した色」というところにある白いところを１回クリックして選択して「色の作成」ボタンを押します。
すると右に色を選べるところが出てきます。
左のカラフルなところで色の「色あい」「鮮やかさ」右のバーで「明るさ」を決定します。
＊よく色が白から変わりません、というのがありますが右のバーが一番上の白になっていないか確認しましょう。

そして「色の追加」を選ぶと左の先ほど選んだところに色が追加していると思います。
「ＯＫ」を押すと最初にダブルクリックした色が今決めた色に上書きされていると思います。

ここで注意したいのはここで追加した色はペイントを一度閉じてしまうと消えてしまうということです。

また違う絵でも同じ色を使いたい人はこのウィンドウの下にある数字の左の縦列か右の縦列をメモしておくといいと思います。

では実際に塗っていきましょう。

ツールはバケツツールこれを選択するとマウスカーソルが変化するのが分かると思います。
バケツは選択した部分と繋がっている部分全てを塗りつぶします。
どこが塗られるか分かりにくいですがアイコンのバケツから塗料が流れてる？部分の先のとがっている部分が今指しているポイントです。

先ほどの色の変え方を使って好きな部分を好きな順番で塗っていきます。

ベタ塗りはコレで完成です。
特に影をつける必要がなければこれでもう使ってもいいでしょう。

でもこのときこのまま持っていって向こうで背景を塗ってもいいですがせっかくここで塗っているので背景も塗ってしまいましょう。

このように目に痛くてもｗ
使っていない色で塗りましょう。このようにする理由は透過処理（例１）で分かるかと思います。

ではこのままＰＮＧ出力して「JTrim」へ持っていき透過作業に入りましょう。
次の記事で出力したものも含めて透過処理（ペイント）３で透過についての説明をしています。

絵には影もつけてみたい・・
そう思う人もいるでしょう。
ではこちらのカテゴリーでは次に2.色を塗る（影をつける）でペイントを使った影つけをしてみたいと思います。

透過処理（ペイント）２

2009-02-17T04:33:42+09:00

さて、前回では白を全て透過してしまったために線だけの画像となってしまいました。
それを解決するには透過したい部分だけを別の色にする必要があります。

ツールをいろいろ見てみると・・・

バケツツール発見！
これで背景塗りつぶしちゃえばいいじゃない～

左とか右とかよく分かりませんが左の色が今選ばれている色なようです。
色をダブルクリックすると色のウィンドウが出てきます。
この中で好きな色を選びましょう。
線だけなのでなんでもいいですね、ここでは緑を選びました。

こんな感じです。
きちんと線が閉じられていれば周りのみ色が塗られると思います。
絵の中でここは背景っていうところもポチポチクリックです。

上のスポイトのアイコンを押してカーソルがスポイトの形になったら今色を塗った部分をクリックしてみます。
すると右のように緑の部分が透過されました。
白い部分がちゃんと残っていうのが確認できるでしょうか。

というわけでまたまた漫画チャットで確認してみましょう。
名前をつけて保存を押しＰＮＧで出力しましょう。

こんな感じでしっかり透過されていますね。
人によってはここまででもいいでしょう。

でも白黒だってせっかくならきちんと中を塗りたい・・・・
そうですね、やってみましょう。

透過が終わったものに先ほどのバケツを使って色をつけていきましょう。
結局白黒になってしまうのでこの時点で白黒で描いてもいいと思いますー。

ポチポチ押して好きな色に塗っていきます。
ポチ・・・・ポチ・・・・

うぁ・・・

顔までいきました。

コレ気をつけなきゃいけないポイントです。
前髪の部分目の上の辺りが隙間空いているのが分かるでしょうか？
髪を塗ろうとしたときに色がソコから外に出てしまったんですね。

修正・・修正っと・・・
ない・・

うーんあまりよく探していませんがこのソフトはあくまで出来た画像を加工するものでコレで絵を描いたりなどはできないのでしょう。

というわけで絵を描くなら絵を描くためのソフトで！
キャラの色塗りは素材を持ってきた１．線画を描くの次の2.色を塗る（ベタ）で書いています。

透過処理（ペイント）

2009-02-16T02:42:46+09:00

漫画チャットでも紹介されています、”JTrim”まずはこのソフトを使った透過処理を説明していきます。
私自身この記事を書くために初めて触ったので詳しい方がいたら間違い等よろしくお願いします。

まずはダウンロードです。
これは漫画チャットの”よくある質問”→”オリジナルキャラクターの作成＆登録について”→”キャラクターの背景ってどうやって透過するの？”よりリンクがあります。また検索で”JTrim”と入れれば一番上に来ると思います。

そこで製作者のＨＰが表示されましたら
ページ真ん中あたりのDOWNLOADより候補２つの中から選びダウンロードを開始します。
”セットアップ版”を選んでいただければいいかと思います。

ダウンロードが終わるとインストールを始めます。
実行ではなく保存を選んだ方は保存した場所にあるｊｔ○○○.exe（○の中は現在バージョン）を実行してください。
インストールについては特に気をつけるところはないかな、自分の好きな場所にインストールしましょう。

今回は「キャラを描く（ペイント）→線画を描く」で描いた絵をＰＮＧで出力してそれを使ってみたいと思います。
上の画像はペイントの”名前を付けて保存”でＰＮＧを選んでいるものです。

アイコンがデスクトップに作られますのでそれをダブルクリックでソフトが起動します。

これは左上の方だけですがこのような画面が出ると思います。
ソフトが起動したら透過したい絵を読み込みます。
上の画像のように開くを選んで画像を選んでください。

このように読み込めます。

ではさっそく漫画チャットで紹介されていた透過方法を試したいと思います。

上のメニューから”イメージ”→”透過色設定”を選び下のスポイトを押している状態にしてカーソルがスポイトになっているのを確認。
そして透過したい部分をクリックします。

するとこのように画像の中でスポイトでクリックした部分の色が全て透明になり模様が見えるようになりました。
でも・・・これは、あぁ～ってことになっているのは分かるでしょうか？

とりあえず漫画チャットに持っていってみましょう。

これも”ファイル”→”名前を付けて保存”からＰＮＧを選んで出力します。

そして漫画チャットでキャラクター登録。
その作業の説明は省略させていただきます。

中まで透過されてしまって背景が見えてしまっています。
こうなりたくない人はもう一手間かける必要があります。

それについては透過処理（例１）２へどうぞ

１．線画を描く

2009-02-16T02:12:33+09:00

最初はとりあえずパソコンに入っているだろう「ペイント」というソフトを使った画像の作り方の説明をします。

そこから！？
となる方もいるかと思いますがそこからです！
まったく分からない方のために頑張らせていただきます。
知っていても当たり前でも怒らず見てくれたら嬉しいです。

○起動
”スタートメニュー”を開き”すべてのプログラム”→アクセサリー→ペイントの順番で探してください。

クリックすれば起動します。

起動するとこんな画面が出ます。
左側のいろいろなツールの中から”ブラシ”や”鉛筆”など絵を描くものを選び描き始めますー
この絵は”ブラシ”を使っています。
選ぶとツールの下にブラシサイズや形の一覧が出ます。
自分の使いたいものを選んでください。

とりあえずこんな感じでいきますｗ

終わった方は2.色を塗る（ベタ）へいってください