Tips - Draw Map Image 2 の編集 - VASSAL Japan web site

「Tips - Draw Map Image 2」の編集

表示オプション

メニュー表示：

プレビュー表示：

「Tips - Draw Map Image 2」にアップロードされたファイル一覧

	ファイル名	更新日時
	Sample_Forest01Aq.png	2007/11/24 (土) 01:39:49
	Sample_Forest01Bq.png	2007/11/24 (土) 01:40:17
	Sample_Forest01Cq.png	2007/11/24 (土) 01:40:47
	Sample_Forest02q.png	2007/11/24 (土) 01:43:36
	Sample_Forest03q.png	2007/11/24 (土) 01:49:41
	Sample_Forest04q.png	2007/11/24 (土) 01:51:49
	Sample_Forest05q.png	2007/11/24 (土) 01:52:07
	Sample_Forest06q.png	2007/11/24 (土) 01:53:23
	Sample_Forest07aq.png	2007/11/24 (土) 01:55:41
	Sample_Forest07bq.png	2007/11/24 (土) 01:56:16
	Sample_Forest08aq.png	2007/11/24 (土) 02:00:26
	Sample_Forest08bq.png	2007/11/24 (土) 02:02:40
	Sample_Forest09a.png	2007/11/24 (土) 02:03:04
	Sample_Forest09bq.png	2007/11/24 (土) 02:03:37
	Sample_Forest09cq.png	2007/11/24 (土) 02:04:04
	Sample_RealTree_Broadleaf01q.png	2007/11/29 (木) 21:55:55
	Sample_RealTree_Broadleaf02aq.png	2007/11/29 (木) 21:56:27
	Sample_RealTree_Broadleaf02bq.png	2007/11/29 (木) 21:56:49
	Sample_RealTree_Broadleaf03aq.png	2007/11/29 (木) 21:57:18
	Sample_RealTree_Broadleaf03bq.png	2007/11/29 (木) 21:57:44
	Sample_RealTree_Broadleaf03cq.png	2007/11/29 (木) 21:58:13
	Sample_RealTree_Broadleaf03dq.png	2007/11/29 (木) 21:58:37
	Sample_RealTree_Broadleaf03eq.png	2007/11/29 (木) 21:58:59
	Sample_RealTree_Broadleaf04q.png	2007/11/29 (木) 21:59:33
	Sample_RealTree_Broadleaf05aq.png	2007/12/01 (土) 22:05:53
	Sample_RealTree_Broadleaf05bq.png	2007/12/01 (土) 22:06:18
	Sample_RealTree_Broadleaf05cq.png	2007/12/01 (土) 22:06:39
	Sample_RealTree_Broadleaf05dq.png	2007/12/01 (土) 22:07:15
	Sample_RealTree_Broadleaf06aq.png	2007/12/01 (土) 22:07:37
	Sample_RealTree_Broadleaf06bq.png	2007/12/01 (土) 22:08:01
	Sample_RealTree_Broadleaf07aq.png	2007/12/01 (土) 22:08:43
	Sample_RealTree_Broadleaf07bq.png	2007/12/01 (土) 22:09:11
	Sample_RealTree_Broadleaf07cq.png	2007/12/01 (土) 22:09:32
	Sample_RealTree_Common04a.png	2007/11/29 (木) 22:01:00
	Sample_RealTree_Common04aq.png	2007/11/29 (木) 22:00:08
	Sample_RealTree_Common04bq.png	2007/11/29 (木) 22:01:43
	Sample_RealTree_Common05aq.png	2007/12/01 (土) 21:56:52
	Sample_RealTree_Common05bq.png	2007/12/01 (土) 21:58:32
	Sample_RealTree_Common05cq.png	2007/12/01 (土) 21:59:33
	Sample_RealTree_Conifer01q.png	2007/11/29 (木) 21:50:59
	Sample_RealTree_Conifer02aq.png	2007/11/29 (木) 21:52:02
	Sample_RealTree_Conifer02bq.png	2007/11/29 (木) 21:52:32
	Sample_RealTree_Conifer03aq.png	2007/11/29 (木) 21:53:10
	Sample_RealTree_Conifer03bq.png	2007/11/29 (木) 21:53:33
	Sample_RealTree_Conifer03cq.png	2007/11/29 (木) 21:54:03
	Sample_RealTree_Conifer03dq.png	2007/11/29 (木) 21:54:24
	Sample_RealTree_Conifer03eq.png	2007/11/29 (木) 21:54:43
	Sample_RealTree_Conifer04q.png	2007/11/29 (木) 21:55:07
	Sample_RealTree_Conifer05aq.png	2007/12/01 (土) 22:00:34
	Sample_RealTree_Conifer05bq.png	2007/12/01 (土) 22:01:07
	Sample_RealTree_Conifer05cq.png	2007/12/01 (土) 22:01:36
	Sample_RealTree_Conifer05dq.png	2007/12/01 (土) 22:02:09
	Sample_RealTree_Conifer06aq.png	2007/12/01 (土) 22:02:35
	Sample_RealTree_Conifer06bq.png	2007/12/01 (土) 22:03:11
	Sample_RealTree_Conifer07aq.png	2007/12/01 (土) 22:04:00
	Sample_RealTree_Conifer07bq.png	2007/12/01 (土) 22:04:32
	Sample_RealTree_Conifer07cq.png	2007/12/01 (土) 22:04:58
	Sample_Tree_Broadleaf01aq.png	2007/11/25 (日) 02:42:07
	Sample_Tree_Broadleaf01bq.png	2007/11/25 (日) 02:42:26
	Sample_Tree_Broadleaf01cq.png	2007/11/25 (日) 02:42:47
	Sample_Tree_Broadleaf02aq.png	2007/11/25 (日) 02:43:13
	Sample_Tree_Broadleaf02bq.png	2007/11/25 (日) 02:43:31
	Sample_Tree_Broadleaf03q.png	2007/11/25 (日) 02:43:56
	Sample_Tree_Broadleaf04aq.png	2007/11/25 (日) 02:44:25
	Sample_Tree_Broadleaf04bq.png	2007/11/25 (日) 02:44:50
	Sample_Tree_Broadleaf04cq.png	2007/11/25 (日) 02:45:14
	Sample_Tree_Broadleaf04dq.png	2007/11/25 (日) 02:45:36
	Sample_Tree_Broadleaf04eq.png	2007/11/25 (日) 02:45:56
	Sample_Tree_Broadleaf05q.png	2007/11/25 (日) 02:46:16
	Sample_Tree_Common03q.png	2007/11/25 (日) 02:46:54
	Sample_Tree_Common05aq.png	2007/11/25 (日) 02:47:14
	Sample_Tree_Common05bq.png	2007/11/25 (日) 02:47:34
	Sample_Tree_Common06aq.png	2007/11/25 (日) 18:06:22
	Sample_Tree_Common06bq.png	2007/11/25 (日) 18:06:48
	Sample_Tree_Common07aq.png	2007/11/25 (日) 18:07:18
	Sample_Tree_Common07bq.png	2007/11/25 (日) 18:07:36
	Sample_Tree_Common07cq.png	2007/11/25 (日) 18:07:54
	Sample_Tree_Common07dq.png	2007/11/25 (日) 18:08:14
	Sample_Tree_Common07eq.png	2007/11/25 (日) 18:30:11
	Sample_Tree_Common07fq.png	2007/11/25 (日) 18:30:29
	Sample_Tree_Common08aq.png	2007/11/25 (日) 18:08:35
	Sample_Tree_Common08bq.png	2007/11/25 (日) 18:08:56
	Sample_Tree_Conifer01aq.png	2007/11/25 (日) 02:39:12
	Sample_Tree_Conifer01bq.png	2007/11/25 (日) 02:39:44
	Sample_Tree_Conifer02aq.png	2007/11/25 (日) 02:40:04
	Sample_Tree_Conifer02bq.png	2007/11/25 (日) 02:40:27
	Sample_Tree_Conifer03q.png	2007/11/25 (日) 02:40:54
	Sample_Tree_Conifer04aq.png	2007/11/25 (日) 02:41:12
	Sample_Tree_Conifer05q.png	2007/11/25 (日) 02:41:31

小見出し(h4)
中見出し(h3)
大見出し(h2)

画像をアップロードして挿入
アップロード済みの画像を挿入
画像の記法を挿入

マップを自作する際の、ちょっとしたコツです。

#contents

**樹木を描く(1)
　漫画チックな樹木を描く方法です。

描き方の基本は、葉っぱが茂っている部分のおおよその形状を描き、葉っぱらしい陰影を付け、幹を描くだけです。

|CENTER:&ref(Sample_Tree_Conifer01aq.png,,width=128,height=80)|CENTER:&ref(Sample_Tree_Broadleaf01aq.png,,width=128,height=80)|　まずは葉っぱが茂っている部分の、おおよその形状を描きます。&nbsp(br,3)三角形を縦に並べると針葉樹風に、不規則な大きさの楕円を円形に配置すると（ここでは6個しか使っていませんが、もっとたくさん使って構いません）広葉樹風になります。広葉樹の場合、扇状や五角形に近い形状にしても構いません。|
|CENTER:&ref(Sample_Tree_Conifer01bq.png,,width=128,height=80)|CENTER:&ref(Sample_Tree_Broadleaf01bq.png,,width=128,height=80)|~|
|>|CENTER:&ref(Sample_Tree_Broadleaf01cq.png,,width=128,height=80)|~|
|CENTER:&ref(Sample_Tree_Conifer02aq.png)|CENTER:&ref(Sample_Tree_Broadleaf02aq.png)|　縁取りが整っているのが気になるようであれば、特殊効果で少し乱してやると葉っぱらしくなります。針葉樹の場合はある程度一定方向に、広葉樹の場合は不規則な方向にすると、より葉っぱらしくなるでしょう。|
|CENTER:&ref(Sample_Tree_Conifer02bq.png)|CENTER:&ref(Sample_Tree_Broadleaf02bq.png)|~|
|>|CENTER:&ref(Sample_Tree_Common03q.png)|　続いて、葉っぱの色を作ります。&nbsp(br,3)手軽に済ませたければ、[[砂地模様を作る方法>Tips - Draw Map Image#id_8acc8a32]]で色を散らしてください。より葉っぱらしさを出したい場合は、針葉樹の場合一定方向に、広葉樹の場合は塊状に描画する特殊効果をかけてやります。|
|CENTER:&ref(Sample_Tree_Conifer03q.png)|CENTER:&ref(Sample_Tree_Broadleaf03q.png)|~|
|CENTER:&ref(Sample_Tree_Conifer04aq.png)|CENTER:&ref(Sample_Tree_Broadleaf04aq.png)|　葉っぱの形状と色を合成します。|
|CENTER:&ref(Sample_Tree_Broadleaf04dq.png)|CENTER:&ref(Sample_Tree_Broadleaf04eq.png)|　広葉樹の色を桃色にベースすると桜に、橙色ベースにすると紅葉になります。|
|CENTER:&ref(Sample_Tree_Conifer05q.png)|CENTER:&ref(Sample_Tree_Broadleaf05q.png)|　光の反射や影がないと立体感が出ないので、立体感を出します。&nbsp(br,3)手軽に済ませたければ、[[地形の段差を付ける方法>Tips - Draw Map Image#id_88bd8e0c]]で縁を立体化してください。&nbsp(br,3)もっと綺麗に立体感を出したければ、手書きで立体化します。新規レイヤーを灰色（128,128,128）で塗った後、「オーバーレイ」モードにし、光の反射を白で、影を黒で描いてください。光や影の明るさは「オーバーレイ」レイヤーの透明度で調節します。&nbsp(br,br,3)これで茂みの部分は完成です。|
|CENTER:&ref(Sample_Tree_Common05aq.png)|CENTER:&ref(Sample_Tree_Common05bq.png)|~|
|CENTER:&ref(Sample_Tree_Common06aq.png)|CENTER:&ref(Sample_Tree_Common06bq.png)|　いよいよ幹を描きます。&nbsp(br,3)まず茶色の長方形を描きます。幅は茂みの幅に合わせて「このくらいの太さならちょうど良い」と思う程度に、高さは適当で構いませんが、描きたい高さの1.5～2倍くらいのつもりで描くと良いでしょう。ベタ塗りでは味気なく感じる場合、ノイズ＋ぼかし（移動）で、縦長のまだら模様を入れてみてください。|
|CENTER:&ref(Sample_Tree_Common07aq.png)|CENTER:&ref(Sample_Tree_Common07bq.png)|　続いて幹の立体感を出します。&nbsp(br,3)新規レイヤーを灰色（128,128,128）で塗った後、「オーバーレイ」モードにし、茂みの光と影の向きに合わせて左右の縁を白と黒で、上側は1/2～1/3ほどを黒く塗ります。左右の縁は必ず、幹の中心部より目立つほど細くしてください。&nbsp(br,3)左右の縁の内側（幹の中心側）をぼかしてやると、丸みが出て幹らしくなるでしょう。また上側の境界線（幹の中心側）も、茂みの縁取りと同じ乱し方にすると、それらしい影になります。&nbsp(br,br,3)これで幹は完成です。|
|CENTER:&ref(Sample_Tree_Common07cq.png)|CENTER:&ref(Sample_Tree_Common07dq.png)|~|
|CENTER:&ref(Sample_Tree_Common07eq.png)|CENTER:&ref(Sample_Tree_Common07fq.png)|~|
|CENTER:&ref(Sample_Tree_Common08aq.png)|CENTER:&ref(Sample_Tree_Common08bq.png)|　幹と茂みと重ね合わせます。幹の上側の影を目安に位置を調整し、位置が決まったら、幹の下側の余分な長さを消去してください。&nbsp(br,br,3)これで樹木の完成です。|

**樹木を描く(2)
　ややリアルな樹木を描く方法です。

描き方の基本は、木の幹と枝を描き、葉っぱに見立てた点を打っていくだけです。ここで描く樹木は「本物っぽく見える架空の樹木」ですが、実在の樹木のイラストを頭に入れておくと、よりリアルな樹木を描けるでしょう。
-[[広葉樹の図鑑>http://moritetsu.net/zukan/kouyouju.html]]
-[[針葉樹の図鑑>http://moritetsu.net/zukan/shinyouju.html]]
-[[サイバー木図鑑>http://www.wood.co.jp/mz/index.html]]&br()「イラストによる樹木」のリンクを御覧ください。

|CENTER:&ref(Sample_RealTree_Conifer01q.png)|CENTER:&ref(Sample_RealTree_Broadleaf01q.png)|　描きたい樹木の基本形状を決めます。&nbsp(br,3)針葉樹の場合は矢印型、広葉樹の場合は団扇（うちわ）型になります。これらの形状は頭の中に入れておけば、特に描かなくて構いません。目安なしで上手く描ける自信がなければ、目安用のレイヤーを作成しておおよその形状を描いておくと良いでしょう。|
|CENTER:&ref(Sample_RealTree_Conifer02aq.png)|CENTER:&ref(Sample_RealTree_Broadleaf02aq.png)|　幹の形を描きます。&nbsp(br,3)針葉樹の場合は根元から先端までを貫く縦長い三角形を、広葉樹の場合は根元から茂み程度までの適当な高さの平行四辺形を描きます。&nbsp(br,3)広葉樹の幹はこんなに短くないと思われるでしょうが、広葉樹の場合は幹と枝を同時に描くので、この時点での幹は短くて構いません。|
|CENTER:&ref(Sample_RealTree_Conifer02bq.png)|CENTER:&ref(Sample_RealTree_Broadleaf02bq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer03aq.png)|CENTER:&ref(Sample_RealTree_Broadleaf03aq.png)|　幹に枝を生やし、樹木らしい形状にします。&nbsp(br,3)針葉樹の場合は、幹を中心に左右に適当に線引きするだけです。水平にするよりも、上向きまたは下向きにした方が、よりリアルになります。また、綺麗に揃った直線よりも、不揃いでよれた手書きの線の方が、より枝らしくなります。広葉樹の要領で、先を枝分かれさせても良いでしょう。&nbsp(br,3)広葉樹の場合、基礎の幹を裂くようなイメージで、文字通り「枝分かれ」させながら先端へと伸ばしていきます。描くときは、できるだけ均一な網目になるよう（ただし、ある程度は不揃いで構いません）枝分かれさせます。分岐点から分岐点の間は短かめにするよう心がけ、分岐点で枝に角度をつけるようにすると、よりリアルになります。また、幹や枝の太さは均一にするより、根に近い方を太く先端側を細くした台形にすると、より枝らしくなるでしょう。|
|CENTER:&ref(Sample_RealTree_Conifer03bq.png)|CENTER:&ref(Sample_RealTree_Broadleaf03bq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer03cq.png)|CENTER:&ref(Sample_RealTree_Broadleaf03cq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer03dq.png)|CENTER:&ref(Sample_RealTree_Broadleaf03dq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer03eq.png)|CENTER:&ref(Sample_RealTree_Broadleaf03eq.png)|　目安レイヤーを非表示にしてみました。|
|CENTER:&ref(Sample_RealTree_Common04a.png)|CENTER:&ref(Sample_RealTree_Common04bq.png)|　幹と枝を色づけします。&nbsp(br,3)別レイヤーを作成して茶色一色で塗りつぶし、ノイズ＋ぼかし（移動）で木目っぽい模様を作ります。|
|CENTER:&ref(Sample_RealTree_Conifer04q.png)|CENTER:&ref(Sample_RealTree_Broadleaf04q.png)|　作った木目レイヤーにマスクをかけ、幹の形にします。木目は幹や枝の方向に沿っているほうがリアルになりますが、目立たない程度の太さであれば気にしなくて構いません。|
|>|CENTER:&ref(Sample_RealTree_Common05aq.png)|　いよいよ葉っぱを描きます。一番手間がかかり、リアルに見えるかどうかの鍵を握る作業なので、心して作業してください。&nbsp(br,3)まずは葉っぱ色のレイヤーを作成し、一色で塗りつぶします。これを微妙に色の異なる葉っぱ色で、2～3色ほど作成します。このとき暗い色レイヤーを奥側へ、明るい色レイヤーを手前側へ配置すると、立体感が出やすくなります。|
|CENTER:&ref(Sample_RealTree_Common05bq.png)|CENTER:&ref(Sample_RealTree_Common05cq.png)|　葉っぱ色レイヤーにマスクをかけ、マスクに点を打っていきます。レイヤーに直接描かずマスクを使うのは、色の調整や変更を簡単にするためです。&nbsp(br,3)点を打つ際は、密度の低い筆先を使って、（葉っぱの茂り方にもよりますが）不均一に点描します。消しゴムツールも（筆先と同じくらいの密度にして）併用し、濃くなりすぎた箇所を消したり、消しすぎた箇所を再び点描したり、を繰り返し、茂り方の密度を調整してください。後で他の葉っぱ色レイヤーと重ねるので、密度は心持ち低めにすると良いでしょう。|
|CENTER:&ref(Sample_RealTree_Conifer05aq.png)|CENTER:&ref(Sample_RealTree_Broadleaf05aq.png)|　CGツールによっては、筆先が硬くドットの縁がシャープなので、気になる場合はぼかしてください。|
|CENTER:&ref(Sample_RealTree_Conifer05bq.png)|CENTER:&ref(Sample_RealTree_Broadleaf05bq.png)|　他の葉っぱ色レイヤーも同様に、他の色との兼ね合いを加減しながら点描します。&nbsp(br,3)全ての葉っぱ色レイヤーを重ねて表示したとき、枝先が隠れるように心がけてください。|
|CENTER:&ref(Sample_RealTree_Conifer05cq.png)|CENTER:&ref(Sample_RealTree_Broadleaf05cq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer05dq.png)|CENTER:&ref(Sample_RealTree_Broadleaf05dq.png)|　全ての葉っぱ色レイヤーを表示すると、こんな感じになります。|
|CENTER:&ref(Sample_RealTree_Conifer06aq.png)|CENTER:&ref(Sample_RealTree_Broadleaf06aq.png)|　葉っぱを全体に散らさずに、楕円形の塊状に描くと、よりリアルな茂り方になります。|
|CENTER:&ref(Sample_RealTree_Conifer06bq.png)|CENTER:&ref(Sample_RealTree_Broadleaf06bq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer07aq.png)|CENTER:&ref(Sample_RealTree_Broadleaf07aq.png)|　最後に立体感を出します。&nbsp(br,3)新規レイヤーを灰色（128,128,128）で塗った後、「オーバーレイ」モードにし、茂みと幹の「光が当たっている方角」の縁取りを白で、「陰になっている方角」の縁取りや茂みと幹の境目を黒で塗ります。ぼかしツールや葉っぱを描いたとき同様の点描で、色の境界を曖昧にしたり凸凹をつけたりすると、よりリアルになります。&nbsp(br,br,3)これで樹木の完成です。|
|CENTER:&ref(Sample_RealTree_Conifer07bq.png)|CENTER:&ref(Sample_RealTree_Broadleaf07bq.png)|~|
|CENTER:&ref(Sample_RealTree_Conifer07cq.png)|CENTER:&ref(Sample_RealTree_Broadleaf07cq.png)|~|

**森林を描く
　奥行きのある森林を描く方法です。

描き方の基本は、1本だけの樹木を準備し、スタンプのように樹木を重ねてコピーします。

|>|>|CENTER:&ref(Sample_Tree_Conifer05q.png)|　最初に、1本だけの樹木を準備します。実際に使う大きさより、やや大きめに作っておくと良いでしょう。|
|CENTER:&ref(Sample_Forest01Aq.png)&br()50%|CENTER:&ref(Sample_Forest01Bq.png)&br()35%|CENTER:&ref(Sample_Forest01Cq.png)&br()25%|　準備した樹木をコピーして縮小し、3種類以上の大きさを準備します。森林を描くキャンバスの大きさにもよりますが、基本的に3種類の大きさがあれば充分です。&nbsp(br,3)縮小率を決めるポイントは、例えばA>B>C>D>Eの5種類を準備する場合&br()● (A-B)>(B-C)>(C-D)>(D-E)であること&br()● 一段階差（AとB、BとC、……）の大きさの比率は、およそ3:2～10:7程度&nbsp(br,3)（縮小率のキリの良い数値で構わない。例えば35%:25%=7:5=約0.714）|
|>|>|CENTER:&ref(Sample_Forest02q.png,,width=128,height=128)|　キャンバスを水平方向に、準備した樹木の大きさと同じ数に、仮想分割します。樹木の大きさが5種類の場合は、分割数も5になります。この分割した1つの領域に、1種類の大きさの樹木を描きます。&nbsp(br,3)ただし、実際には「だいたいこの領域に、この大きさの樹木を描く」と決めるだけで、特に色分けや線引きなどは必要ありません。目安なしで上手く配置する自信がなければ、目安用のレイヤーを作成して領域分けすると良いでしょう。&nbsp(br,3)分割の大きさを決めるポイントは&br()● 分割は均一にせず、上の領域は狭く、下の領域は広くする|
|>|>|CENTER:&ref(Sample_Forest03q.png,,width=128,height=128)|　まずは、1つの領域に1種類の樹木を配置します。&nbsp(br,3)1本の樹木をコピーし、ある程度は水平に、ある程度は不規則に並べます。樹木1本につきレイヤー1枚にしておくと、位置や重なりの微調整がしやすくなります。&nbsp(br,3)並べるときのポイントは&br()● 上側の樹木は奥へ、下側の樹木は手前に&br()● この段階では、あまり詰めずに並べる&br()● （後でコピーするので）樹木の一部が欠けないようにする&nbsp(br,br,3)並べ終えたら、1本だけの樹木を1つ残し（後で再利用します）、残りは結合して一つのレイヤーにします。|
|>|>|CENTER:&ref(Sample_Forest04q.png,,width=128,height=128)|　結合レイヤーをコピーし、少し隙間を空けて斜めにズラして配置します。ズラす向きは右下でも左下でも構いません。また、樹木の一部が欠けても構いません。&nbsp(br,3)コピーレイヤー1個だけでは領域が埋まらない場合は、結合レイヤーを何度かコピーしてズラし配置します。|
|>|>|CENTER:&ref(Sample_Forest05q.png,,width=128,height=128)|　結合レイヤーとコピーレイヤーの間に、先ほど残した1本だけの樹木をコピーして配置し、隙間を埋めます。結合レイヤーを2回以上コピーしたときは、各レイヤーの間ごとに樹木を配置し隙間を埋めます。このときも、&br()● 上側の樹木は奥へ、下側の樹木は手前に&br()● 樹木の一部が欠けても構わない&br()● 少々の隙間は残っても構わない|
|>|>|CENTER:&ref(Sample_Forest06q.png,,width=128,height=128)|　1本だけの樹木を、最奥側にもコピーして配置し、同様に隙間を埋めます。手前側には配置してもしなくても構いません。&nbsp(br,br,3)これらの配置が終わったら、全ての樹木レイヤーを結合します。これで1種類の樹木の配置は完成です。|
|>|>|CENTER:&ref(Sample_Forest07aq.png,,width=128,height=128)|　同様の手順で、他の大きさの樹木レイヤーを作成します。ただし、大きさの異なる樹木同士は結合しないようにしてください。|
|>|>|CENTER:&ref(Sample_Forest07bq.png,,width=128,height=128)|~|
|>|>|CENTER:&ref(Sample_Forest08aq.png,,width=128,height=128)&br()ぼかし無|　全ての樹木レイヤーが完成したら、それを重ね合わせるだけでも遠近感を出せますが、ぼかしを入れると更に遠近感が出ます。樹木の大きさが小さいほど、ぼかしを強くします。一番大きな（一番手前の）樹木レイヤーは、ぼかさなくて構いません。|
|>|>|CENTER:&ref(Sample_Forest08bq.png,,width=128,height=128)&br()ぼかし有|~|
|>|>|CENTER:&ref(Sample_Forest09a.png,,width=128,height=128)|　樹木の隙間を埋めるため、背景を濃い同系色（樹木の陰になっている、地面の草や落ち葉の色だと思ってください）で塗れば、完成です。|
|>|>|CENTER:&ref(Sample_Forest09bq.png,,width=128,height=128)|~|
|>|>|CENTER:&ref(Sample_Forest09cq.png,,width=128,height=128)|　同じ手順で作成した、広葉樹の森です。|

タグ（enter、カンマ記号で複数入力）

このWIKIのタグ一覧

このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。

テキスト整形ルール

編集モード: アットウィキモード

プレビュー

プレビュー設定

自動スクロール：

横幅を固定する：

プレビュー中

PC表示スマホ表示

「Tips - Draw Map Image 2」にアップロードされたファイル一覧

	ファイル名	更新日時
	Sample_Forest01Aq.png	2007/11/24 (土) 01:39:49
	Sample_Forest01Bq.png	2007/11/24 (土) 01:40:17
	Sample_Forest01Cq.png	2007/11/24 (土) 01:40:47
	Sample_Forest02q.png	2007/11/24 (土) 01:43:36
	Sample_Forest03q.png	2007/11/24 (土) 01:49:41
	Sample_Forest04q.png	2007/11/24 (土) 01:51:49
	Sample_Forest05q.png	2007/11/24 (土) 01:52:07
	Sample_Forest06q.png	2007/11/24 (土) 01:53:23
	Sample_Forest07aq.png	2007/11/24 (土) 01:55:41
	Sample_Forest07bq.png	2007/11/24 (土) 01:56:16
	Sample_Forest08aq.png	2007/11/24 (土) 02:00:26
	Sample_Forest08bq.png	2007/11/24 (土) 02:02:40
	Sample_Forest09a.png	2007/11/24 (土) 02:03:04
	Sample_Forest09bq.png	2007/11/24 (土) 02:03:37
	Sample_Forest09cq.png	2007/11/24 (土) 02:04:04
	Sample_RealTree_Broadleaf01q.png	2007/11/29 (木) 21:55:55
	Sample_RealTree_Broadleaf02aq.png	2007/11/29 (木) 21:56:27
	Sample_RealTree_Broadleaf02bq.png	2007/11/29 (木) 21:56:49
	Sample_RealTree_Broadleaf03aq.png	2007/11/29 (木) 21:57:18
	Sample_RealTree_Broadleaf03bq.png	2007/11/29 (木) 21:57:44
	Sample_RealTree_Broadleaf03cq.png	2007/11/29 (木) 21:58:13
	Sample_RealTree_Broadleaf03dq.png	2007/11/29 (木) 21:58:37
	Sample_RealTree_Broadleaf03eq.png	2007/11/29 (木) 21:58:59
	Sample_RealTree_Broadleaf04q.png	2007/11/29 (木) 21:59:33
	Sample_RealTree_Broadleaf05aq.png	2007/12/01 (土) 22:05:53
	Sample_RealTree_Broadleaf05bq.png	2007/12/01 (土) 22:06:18
	Sample_RealTree_Broadleaf05cq.png	2007/12/01 (土) 22:06:39
	Sample_RealTree_Broadleaf05dq.png	2007/12/01 (土) 22:07:15
	Sample_RealTree_Broadleaf06aq.png	2007/12/01 (土) 22:07:37
	Sample_RealTree_Broadleaf06bq.png	2007/12/01 (土) 22:08:01
	Sample_RealTree_Broadleaf07aq.png	2007/12/01 (土) 22:08:43
	Sample_RealTree_Broadleaf07bq.png	2007/12/01 (土) 22:09:11
	Sample_RealTree_Broadleaf07cq.png	2007/12/01 (土) 22:09:32
	Sample_RealTree_Common04a.png	2007/11/29 (木) 22:01:00
	Sample_RealTree_Common04aq.png	2007/11/29 (木) 22:00:08
	Sample_RealTree_Common04bq.png	2007/11/29 (木) 22:01:43
	Sample_RealTree_Common05aq.png	2007/12/01 (土) 21:56:52
	Sample_RealTree_Common05bq.png	2007/12/01 (土) 21:58:32
	Sample_RealTree_Common05cq.png	2007/12/01 (土) 21:59:33
	Sample_RealTree_Conifer01q.png	2007/11/29 (木) 21:50:59
	Sample_RealTree_Conifer02aq.png	2007/11/29 (木) 21:52:02
	Sample_RealTree_Conifer02bq.png	2007/11/29 (木) 21:52:32
	Sample_RealTree_Conifer03aq.png	2007/11/29 (木) 21:53:10
	Sample_RealTree_Conifer03bq.png	2007/11/29 (木) 21:53:33
	Sample_RealTree_Conifer03cq.png	2007/11/29 (木) 21:54:03
	Sample_RealTree_Conifer03dq.png	2007/11/29 (木) 21:54:24
	Sample_RealTree_Conifer03eq.png	2007/11/29 (木) 21:54:43
	Sample_RealTree_Conifer04q.png	2007/11/29 (木) 21:55:07
	Sample_RealTree_Conifer05aq.png	2007/12/01 (土) 22:00:34
	Sample_RealTree_Conifer05bq.png	2007/12/01 (土) 22:01:07
	Sample_RealTree_Conifer05cq.png	2007/12/01 (土) 22:01:36
	Sample_RealTree_Conifer05dq.png	2007/12/01 (土) 22:02:09
	Sample_RealTree_Conifer06aq.png	2007/12/01 (土) 22:02:35
	Sample_RealTree_Conifer06bq.png	2007/12/01 (土) 22:03:11
	Sample_RealTree_Conifer07aq.png	2007/12/01 (土) 22:04:00
	Sample_RealTree_Conifer07bq.png	2007/12/01 (土) 22:04:32
	Sample_RealTree_Conifer07cq.png	2007/12/01 (土) 22:04:58
	Sample_Tree_Broadleaf01aq.png	2007/11/25 (日) 02:42:07
	Sample_Tree_Broadleaf01bq.png	2007/11/25 (日) 02:42:26
	Sample_Tree_Broadleaf01cq.png	2007/11/25 (日) 02:42:47
	Sample_Tree_Broadleaf02aq.png	2007/11/25 (日) 02:43:13
	Sample_Tree_Broadleaf02bq.png	2007/11/25 (日) 02:43:31
	Sample_Tree_Broadleaf03q.png	2007/11/25 (日) 02:43:56
	Sample_Tree_Broadleaf04aq.png	2007/11/25 (日) 02:44:25
	Sample_Tree_Broadleaf04bq.png	2007/11/25 (日) 02:44:50
	Sample_Tree_Broadleaf04cq.png	2007/11/25 (日) 02:45:14
	Sample_Tree_Broadleaf04dq.png	2007/11/25 (日) 02:45:36
	Sample_Tree_Broadleaf04eq.png	2007/11/25 (日) 02:45:56
	Sample_Tree_Broadleaf05q.png	2007/11/25 (日) 02:46:16
	Sample_Tree_Common03q.png	2007/11/25 (日) 02:46:54
	Sample_Tree_Common05aq.png	2007/11/25 (日) 02:47:14
	Sample_Tree_Common05bq.png	2007/11/25 (日) 02:47:34
	Sample_Tree_Common06aq.png	2007/11/25 (日) 18:06:22
	Sample_Tree_Common06bq.png	2007/11/25 (日) 18:06:48
	Sample_Tree_Common07aq.png	2007/11/25 (日) 18:07:18
	Sample_Tree_Common07bq.png	2007/11/25 (日) 18:07:36
	Sample_Tree_Common07cq.png	2007/11/25 (日) 18:07:54
	Sample_Tree_Common07dq.png	2007/11/25 (日) 18:08:14
	Sample_Tree_Common07eq.png	2007/11/25 (日) 18:30:11
	Sample_Tree_Common07fq.png	2007/11/25 (日) 18:30:29
	Sample_Tree_Common08aq.png	2007/11/25 (日) 18:08:35
	Sample_Tree_Common08bq.png	2007/11/25 (日) 18:08:56
	Sample_Tree_Conifer01aq.png	2007/11/25 (日) 02:39:12
	Sample_Tree_Conifer01bq.png	2007/11/25 (日) 02:39:44
	Sample_Tree_Conifer02aq.png	2007/11/25 (日) 02:40:04
	Sample_Tree_Conifer02bq.png	2007/11/25 (日) 02:40:27
	Sample_Tree_Conifer03q.png	2007/11/25 (日) 02:40:54
	Sample_Tree_Conifer04aq.png	2007/11/25 (日) 02:41:12
	Sample_Tree_Conifer05q.png	2007/11/25 (日) 02:41:31

お知らせ

お知らせ一覧

通常は入力した文章がそのまま出力されます。

改行すると改行されます。

引用文

> 引用文のテストです。

行頭で > を指定すると、引用文になります。

番号無しリスト

- リスト１
- リスト２
- リスト３
- リスト４
- リスト５

行頭で - または・を指定すると、番号なしリストになります。

番号リスト

+ 番号リスト１
+ 番号リスト１
+ 番号リスト１

定義語

: 定義語 | 説明文

行頭を : で始め、| 記号で区切ると、定義リストになります。

整形済みテキスト

行頭が半角空白で始まる行は整形済みテキストとなります。行の自動折り返しは行なわれません。

表組み

| インライン要素 | インライン要素 |

行頭から | でインライン要素を区切ることで表組みになります。

インライン要素のはじめに以下の記述をすることで、表組みのセルの表示を変えることができます。

BGCOLOR(色指定):
COLOR(色指定):
SIZE(サイズ指定):
LEFT:
CENTER:
RIGHT:

記述例：

|SIZE(30):あああ[[いいい]]|COLOR(red):ううう|BGCOLOR(blue):えええ|おおお|

見出し

* 見出し

行頭で * または＊を記述すると、見出しになります。

水平線

----

行頭で4つの - を書くと水平線になります。

行間開け

改行することで行間をあけることができます。

画像の貼り付け

#ref(添付ファイル名)
#ref(ファイルのURL)

&ref(添付ファイル名)
&ref(ファイルのURL)

行頭で #ref を記述すると、添付ファイルまたは指定されたURLにあるファイルへのリンクを貼り付けることができます。ファイルが画像ファイルの場合は、その画像を表示します。

行の途中の場合は&ref()を使います。

コメントフォーム1

#comment

行頭で #comment を記述すると、コメントを挿入するためのフォームが埋め込まれます。

設置したページにログが残ります。

コメントフォーム2

#comment_num

行頭で #comment_num を記述すると、コメントを挿入するためのフォームが埋め込まれます。

1つのコメントごとにページが作成されます。

コメントフォームを表示させます. commentプラグインの拡張版です。comment_num2プラグインとの違いはログが複数のページに保存されるところです。

引数

 size=数字
 nsize=数字
 num=数字
 logpage=ログページ名
 above|below
 nodate

コメントフォーム3

#comment_num2

行頭で #comment_num2 を記述すると、コメントを挿入するためのフォームが埋め込まれます。

1つのログページにコメントが記録されます。

コメントフォーム2とは違い、1つのコメントごとにページが作成されません。

引数

 size=数字                   - コメント入力欄の横の長さ
 nsize=数字                  - 名前入力欄の横の長さ
 vsize=数字                  - コメント入力欄の縦の長さ
 num=数字                    - 一度に表示するコメント数
 logpage=ログページ名        - ログページの指定
 above|below                 - 上向き|下向き
 nodate                      - 日付を表示しない

使用例

 #comment_num2
 #comment_num2(size=30,vsize=3,num=20,logpage=コメントログ)

投票

#vote(選択肢1,選択肢2,...)

行頭で #vote を記述すると、簡易投票フォームが埋め込まれます。

改行

&br()

行中に &br() を書くと、そこで改行されます。

カウンタ表示

&counter()
&counter(オプション)

行中で &counter() を記述するとそのページにアクセスした人の数を表示することができます。

&counter() には次のオプションを指定できます。

today: 今日のアクセス数を表示します。

yesterday: 昨日のアクセス数を表示します。

リンク

[[＠うぃき]]

行中で [[ と ]] で囲まれた文字列はページへのリンクになります。ページがない場合も自動的にリンクになります。

[[リンク名>URL]]

http://から始まるURLを>の右側に入力することで外部ページへのリンクになります。

別名内部リンク

[[別名>ページ名]]

行中のページ名形式の文字列の中で、> で2つの文字列を区切ると別名リンクになります。 > の前には別名を、> の後ろにはページ名を記述します。

コメント行

// コメント

行頭で // を指定すると、コメント行になります。コメント行は出力されない行です。

ツールボックス

下から選んでください:

新しいページを作成する

ヘルプ / FAQ もご覧ください。

メニュー

更新履歴

取得中です。

rss ＆コンタクト & タグ

VASSAL Japan web site