文章書きの ゲーム用お絵かき講座 ど素人編 ぱーと16 |
| 28 PictBearで画像をカットしてみる(荒業2) |
| ビルダーを持っていない人が、いかにPictBearだけで、ゲームに使える立ち絵にしていくか。いろいろ考えまして、このような方法を考えました。 ややこしいところもありますが、頑張ってみましょう。 今回、余白をきちんと表示しないとわけがわからなく見えるので、PNG画像です。 ブラウザが対応していない人、ごめんなさい。ファイルも重くてごめんなさい。 |
| 1 もとの画像です。 スキャナーかけた主線に彩色した状態。 この状態になっています。 ファイルの重さの都合でここでは縮小してますが。 余白がこういう感じになっている、ということです。 余白をカットする代わりに、PictBearでキャンパスサイズの変更をして、カットしたのと同じようにできるわけです。 これはですね、ビルダーでカットする方式と全然違うので、今まで使いこなせなかったんですが。 試行錯誤しながら、徐々に削っていきましょう。 |
![]() |
| 2 カットしたい画像を、PictBearで呼び出します。 「イメージ」の中の「キャンバスのサイズ変更」を選択。ウインドウが出ます。 まず左右を削ってみましょう。 アンカーといういっぱいあるボタン。それの中央を選択して、ボタンをへこませます。 縦横比固定のチェックをはずして、横幅を640の数値(ゲームの横幅といっしょ)にして、OKをクリック。 両はじがカットされます。右図。 この段階で、原画がもっと大きい場合は、先に縮小の作業をやったほうがいいです。編集の「元にもどす」でやり直してください。 見本の画像は、ウェブ公開のために、ファイルを軽くするウイザードを使ったら、勝手に頭の上の余白をカットされてしまいました。実際の画像では頭の上に余白残っています。 いっぺんに640×480とかにカットできないのか、とお思いでしょうが。 できません(笑)。つまりこの方式だと、もうちょっと右でカットしたいとか、もうちょっと下でカットしたいとか、そういう命令ができないんです。 どこかの端(または角、紙の中央など)を基準にして、いらないところを少しずつ削っていかないと失敗します。 |
![]() |
| 3 とりあえず下だけカットします。縦を(仮に)640にして、アンカーは中央の上を選択。OK。 次に頭の上の余白をカット。縦を550にして、アンカーは中央の下を選択。OK。 ええと、人によって原画のサイズが違うので、数値は自分で考えて変えましょう。 一度カットしてみて、切りすぎた場合は、編集の「元にもどす」で直前の画像に戻せますので、数値を入れなおしてもう一度やってみましょう。 この絵の場合はカットするのはこれくらいが限界。 |
![]() |
| 4 でもこのままだと縦がゲーム画面に入りません。縦は480以内にしないといけないので。 でもこれ以上カットすると、肩のない首から上だけの絵になるとか、頭が切れてしまうとか、問題です。 なので、画像を縮小します。 実はプラグインで「高品位縮小」というのをみつけて、ごく最近これを入れました。 普通に「イメージのサイズ変更」をするよりも、ものすごくきれいに縮小してくれます。 インストールするときに、なんかランタイムというのも入れないといけなくて、ちょっと面倒ですが、やる気のある人は頑張ってください。 で、「高品位縮小」。普通の縮小すると、人物線が、ファクシミリかけたみたいに飛ぶんですが、こっちをやると、それがないんです。 写真なんかもこれで縮小した方がきれいみたいです。 で。プラグインが入っていると、フィルタ、特殊効果の中に「高品位縮小」があるので、それを選択。 ウインドウが出ます。 右側に模様みたいなのが入った四角いボタンがありますので、それが押し込まれた状態なのを確認してください。 で、縦をゲームサイズに入れたいので、縦の長さ「Output Hight」に480という数字を入れます。頭の上に余白をとりたいときは、もう少し小さめの数字を入れましょう。 横幅は勝手に数字を変えてくれますので、いじりません。 下の「Output Function」は今回は「線形補完法」を選択してみます。 いくつか方式があるみたいですが、どこがどう違うのかよくわからない(笑)。いろいろ試してみてください。場合によってはこの高品位縮小でも線が汚く見えることもあるので。いくつか試して、画像がきれいに見える方式にしましょう。 で、OKにすると、画像が小さくなります。 でもこの方法だとキャンバスまでは小さくしてくれないので、できてしまった余白をカットします。 またキャンバスの変更のウインドウを出します。 アンカーは左上を選択。縦横比を固定にチェックを入れて、縦を480にします。それでOKに。 |
| 5 というわけでできあがり。左右の余白は640よりも小さければ、いくつになっていても、Yuuki! novelの表示には支障ないです。 というよりも余白が少ないほうが、ファイルサイズが小さくなるみたいですね。 |
![]() |
| 6 この高品位縮小は、特にものすごく小さく縮小したときに、差が出ます。 標準のやりかたで縮小した場合は、こんな感じになってます。 人物線の違いを見てね。変な風に途切れてぎざぎざしていますよね。 この「高品位縮小」のやり方、もっと前にわかってたら、わたし自分のゲームに使ったんですけど。次にはちゃんとやります。 でもまあ、プラグイン入れるのがめんどうな人は、普通に縮小してください。 |
![]() |
| 7 これが実際の画像。 原寸大です。 こんな大きい顔アップでは、ゲーム作りませんでしたけど、わたしは。 こういうのも次にはやってみてもいいかな、と思った……。 身体描かないと楽だし(爆)。 |
![]() |
| 次へ | |
| 戻る | |
| トップ |