Simutrans 建物アドオン 描き方入門

建物アドオンを作るきっかけになればいいね
7
M.Kousaka @honoka_HE303

#Simutrans 建物アドオン 短期講座】 説明用に作ったアドオンを公開します、参考にするもよし実際に使うもよし。 きっと役に立つかもしれません。 http://t.co/7I1okInm40 http://t.co/kHgyupDeLR

2014-01-21 20:52:29
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 昼過ぎに聞いて好評だったので「建物アドオンの簡単な描き方」を勉強して行きましょう

2014-01-21 20:12:43
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 今回はこの画像に出てくるシンプルな駅舎を持つ小さな駅を作って行きましょうか http://t.co/vTCqIn59fX

2014-01-21 20:13:17
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 まずはベースファイルが必要ですね、pak64規格で作るので自然に画像は四方64pxです。 http://t.co/45k9ojuTig

2014-01-21 20:14:10
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 この画像は適当に用意したので下地にどうぞ、早速作業に入りましょう。 建物の基礎をまとめます http://t.co/wzCLwzUn7K

2014-01-21 20:15:08
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 目立つ色でおおよその大きさを掴みましょう、ドットの目安としては 「2px(右か左に)進んだら1px(右か左)斜め上に動く」のがポイントです。

2014-01-21 20:16:10
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 東方向の壁を描きます、この段階絵は明るさとかは完全に無視していいでしょう、あとからいくらでもいじり倒します http://t.co/csVZOMtnwj

2014-01-21 20:16:50
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 南方向の壁も描きます、同じく色は適当に ただし目立ちやすく。 http://t.co/GcxvzULwjg

2014-01-21 20:17:19
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 おおよその枠線を描きます、屋根を書くための目安ですね。 http://t.co/irN1A8Dd4l

2014-01-21 20:18:15
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 屋根を塗ります、ここも目立つ色でざっくりと http://t.co/udn76tEYuA

2014-01-21 20:18:38
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 東方向と南方向の壁の色を調整します、今回はクリーム系の色をチョイス。 ここでもうある程度は色の明るさを調整したほうがよさげです。 http://t.co/NWu5R2K0Lo

2014-01-21 20:19:22
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座(補足)】 南方向が明るめ、東方向がやや暗めと覚えておけば大丈夫です。 このへんはもう完全に勘で

2014-01-21 20:19:52
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 屋根の枠線と屋根の色も調整します、明るすぎず暗すぎずです。 目安としては「南方向と東方向の明るさの中間」が理想になります。 http://t.co/HMz65dTOdC

2014-01-21 20:20:42
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 窓を塗りましょう、窓の色は以前投稿したアドオンから流用しています。 ある程度は雰囲気ですね。 http://t.co/oDVXrYJvmS

2014-01-21 20:21:30
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 ベース地になっている緑の部分を塗り替えます。 駅舎入り口からはアスファルトをイメージした色にした上で、周りは明るく白よりな茶色をセレクト。 このへんは趣味の問題です。 http://t.co/tw46QHLDNM

2014-01-21 20:22:53
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 そして、できた画像を水平に反転させるとそのまま東のイメージになりますが「色があっていない」ので調整してください。 東と南の色があっていないだけです。 http://t.co/JOEPKCB37T

2014-01-21 20:24:01
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座 (補足2)】 最初に書いた枠線は色範囲選択でとっておくことをお勧めします、そうしないと残り2面書けません。 サイズ見ながら自力で調整もできますが

2014-01-21 20:25:05
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座 (続: 補足2)】 今回はすでに塗り替えた枠線を色範囲選択でコピーして2方向で使ってます。

2014-01-21 20:25:42
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 そして、壁面を塗るわけですがすでに色はできているのでその色を流用しましょう。 結構気楽です。

2014-01-21 20:26:27
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 残り2方向はホームを向くパターンです、雰囲気は適当に探ってください。

2014-01-21 20:27:04
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 言い忘れましたが、GIMPの操作例で説明すると「64px x 64px」のベース画像を4枚用意するのもいいですがキャンバスの拡張で横に256px分延長するほうが楽です。 色見やすいですし

2014-01-21 20:28:24
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】どっかから強奪してきたツールバーアイコン用画像に適当に今回は「プレハブ」と入れて(画像)完成です。

2014-01-21 20:28:59
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 datは適当なところから流用しましょう、今回は以前投稿したアドオンから流用してます http://t.co/el1AtD9Pnd

2014-01-21 20:31:42
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 pak化して、動作確認をしてみましょう。 Ctrlキーを押しながら作った駅舎を選択したらこういう画面が出るはずです http://t.co/YklMF9CHt4

2014-01-21 20:33:20
拡大
M.Kousaka @honoka_HE303

【Simutrans 建物アドオン 短期講座】 これでアドオンとして完成です、お疲れ様でした。 他のアドオンも参考にして自作アドオンの道を極めてくださいっ!

2014-01-21 20:34:12