更新情報
2007/10/30 戦闘背景追加
2007/11/02 アニメーション追加
2007/11/03 ウインドウスキン追加
2007/11/04 ウインドウスキン追加
2007/11/04 サイトのレイアウト変更
2007/11/07 ウインドウスキン追加
2007/12/31 ウインドウスキン追加
今回は左上のマークと分割線の描き方です。
まず左上のマークからいきましょう。
新規作成で画面を作ってください。
サイズは好みですが、とりあえず今回は92×92で。
ペン幅は1で、画面の縦横中心を見つけて
十字線を引きます。(図:赤色)色はなんでもいいです。
目立つ色がいいかな。
背景を白に塗ると拡大したときドットが見えるので
一区画16ドットなので計算すればすぐわかるでしょう。
十字に引いたら、ツールバーの長方形の描画を使って
十字に使った色とは違う色で
その線に隣接する位置に適当な大きさの
長方形(図:緑色)を描きます。
下の図を見たほうが早いかも。
なんばー11

描けたら次に、新規レイヤーを作ります。
レイヤーの作り方はパート2参照。
また色をかえてそのレイヤーに描きます。
ツールバーの直線の描画を使い
頂点と緑の線の交わってる点を結んで・・・。(図:青色)
っていうか図見たほうがわかりやすいです笑
なんばー09

結んでいって下の図の状態にします。(図:青色)
なんばー12

描けましたでしょうか。
描けましたら下のレイヤー。
赤と緑で引いたやつですね。
そのレイヤーを削除します。
なんばー010

これで地図の左上にあるマークの形が出来ました。
では色を塗ります。同色範囲の塗りつぶしを使って
塗っていきます。
明るい色:赤160緑125青0
暗い色 :赤130緑95青0
線の色(図の青で引いたやつ) :赤120緑85青0
の色を作ってください。
明るい色と暗い色を交互に塗って
線の色は塗るというか線に使った色のパレットを
上で表記した数字にかえるだけで線の色がかわります。
なんばー13

こんな感じに出来たかな?
出来たら、このマークを地図へ貼り付けます。
注意!!
このとき先に地図のほうのカラーパレットに、マークで使った色を
作っておきましょう!作らないと色が置き換わってしまいます!

マークの画面 編集→コピー→編集レイヤーからコピー
地図の画面 編集→貼り付け→新しいレイヤに貼り付け
貼り付けたらツールバーの短形領域の選択をクリックして
マークの位置を決めます。お好きな位置に。
今回はとりあえず左上にしました。
なんばー14

では最後に分割線の描き方です。
新規画面を作ります。サイズは
分割枠ひとつのサイズになります。
お好きなサイズでいいですが、今回は42×42で
作ってます。背景は黒にしてください。
画面を作ったらなんでもいいので好きな色で
ツールバーの長方形の描画を選択し
画面いっぱいに□を描きます。
なんばー15

描いたら透明色を選択し(カラーパレットの一番左上)
上と左の線を消します。
なんばー011

そしたら□を描いた画面はそのままで
地図の画面に戻りましょう。
ツールバーの同色範囲の塗りつぶしを選択し
そのすぐ下にテクスチャってのがありますよね?
このテクスチャに、さっき描いた□の画面を指定します。
なんばー16

そしたら地図のほうで新規レイヤを作り
そのレイヤに塗ります!あら不思議!
分割線が出来ました笑(出来ました?^^;)
出来たらテクスチャを無しにして
分割線を三番目に作った色(赤125緑85青0)
で塗ってレイヤを全て結合すれば完成です!
おつかれさまでした〜
地図

パート2で波の色を別のパレットで作ってる場合、
数字かえるだけで色の変更が出来ます。
地図2

各パートでわかりにくい部分があったら
掲示板に書くか拍手でコメントくれれば付けたします〜

|06-07|お絵かき講座||TOP↑

カテゴリー

リンク

最近の記事

最近のコメント

プロフィール

Author:管理人:ゆーりん
まったり更新中

カウンター

広告