今更ながらはまっているどうぶつの森ですが、私の村はあまりにも無計画に作りすぎて
そこら中に花が無駄に咲いているだけのぜんぜん整備されてない村になっております;;
そこでマッピング! そうです
JELLY村 忘備録さんを参考に作ってみました
photoshopという画像ソフトを使っていますが、代用で無料のGIMPなどを使っても出来ます。
マッピングのイメージはこれです(私の村)
とりあえず住民の家
1つ配置したところです><
建物のアイコンはレイヤーを分けているので書いたり消したり自在にできます。
なんとなく道路をカキカキ・・・
下手すぎて笑う;;
公共事業撤廃のスクリーンショットを撮る
役場へ行って公共事業を撤廃するを選ぶとMAPが出るのでそれをスクリーンショットします。
photshopで開きます。
画像を選択し切り抜きます。
切り取ったものです
MAPをリサイズします
180px×180pxの新規ファイルを作ります。
こんな感じでちっちゃいです。
ここに先ほど切り取った画像をコピー&ペーストします。
移動ツールを使ってカンバスサイズにぴったりと合わせます。
合わせやすいように拡大しています。
ぴったり合いました。
このまま画像を拡大します。800pxにしておきます。
イメージ⇒画像の解像度の変更です。
ここまででMAPの下準備は終わりです。
MAPにグリッドを付けます。
今回は1マスの大きさが10pxなので、10px(1マス)と160px(1区画)を準備します。
区画のグリッドは10px*16になります。
10pxの線は1px、160pxの線は2pxにしてみました。
では10pxのマスを作ります。10×10pxで新規ファイルを作成します。
10X10のカンバスを適当に拡大して全部選択した状態で
編集⇒境界線を描くをクリックします。
このようなダイアログが出るので幅は1px カラーはお好みでつくります。
出来たものをパターンとして登録します。
編集⇒パターンを定義です
自分がわかるパターン名をつけて保存しておきます。
これで10×10のマスの
パターンができました。
同じように160×160pxのマスのパターンを作ります。
手順は同じです。
160px×160pxで新規ファイルを作成します。
全部選択して、境界線を描きます。160pxのマスの場合は幅を2pxにします
カラーはお好みで(*‘ω‘ *)
境界線がかけたらパターンとして登録します。
編集⇒パターンに定義です。
わかる名前を付けて保存します。
以上で10*10と160*160の2つのマス目をパターンとして登録できました。
この2つのパターンでグリッド線をつくります。
1000pxX1000pxで新規ファイルを作成します。
- ここで新規のレイヤーを作ります。
- 塗りつぶしツールを選択
- パターンにして先ほど作った10*10のパターンを選ぶ
バケツツールで塗りつぶします
- マス目の線画だけをとりだすので
- チャンネルのタブを選択
- 右下のチャンネルを選択範囲として読み込むをクリック
- 全部がちかちか選択される
- レイヤーのタブに戻り
- キーボードのdeleteキーで削除する
- 背景を隠すとマス目の線だけが表示
これで10*10のグリッド線がひけました。
次は160*160のグリッド線を重ねます。
レイヤーを1つ増やします
塗りつぶしのパターンを160*160を選びます。
塗りつぶすとこうなります
背景が透明ではないので透過させます
10*10の時と同じ作業です
- マスクタブ⇒チャンネルを選択範囲として読み込む
- 全部ちかちか
- レーヤータブに戻る
- キーボードのdeleteで削除
- 選択範囲の解除をするとこうなります
これでグリッド線の完成です
意外と簡単です!
ここに800*800pxに拡大していた自分の村のMAPを重ねます。
が
注意点として背景の上に新規レイヤーを作りそこへMAPを貼ります
移動ツールを使って合わせます
線路の下と太い横ラインを合わせるといいです
完成でーす(*‘ω‘ *)
後は余白の部分を使って 公共事業や住民の家のアイコンを作って
自由にレイアウトを考えればいいと思います。
私はこのように余白を作りましたが
余白がいらない場合は カンバスを切り取ってください(o*。_。)oペコッ
ラインの色も好みで変えて分かりやすくしてもいいですね
住民の家などの建物や道、樹木など配置を変更するものは別レイヤーに
描いておくと便利です💖
わかりにくいところがありましたら聞いてください><
マスクのところややこしいけど落ち着いてやれば大丈夫💖
私はこれから道路やタイルの貼る場所考えるのですが
うーむ センスがなくて;;;
どうぶつの森って奥が深いですよね 楽しくてしょうがないです
あ フレンドも募集したいなぁ(コッソリ)
いろいろ教えてくれる方も募集しております(o*。_。)oペコッ
動画にしてみました
【関連記事】
コメント
難しいですねぇ…やってみたけど( ˙꒳˙ )ワケワカメでした。動画があったらわかり易かったかもです|ω・`)
コメントありがとうございます。(o*。_。)oペコッ お返事遅れて申し訳ありませんでした><
動画ですねー なるほど (動画・・動画・・・むむむ
頑張ってやってみます!
しょうしょうおまちください (*´ω`)
いやもう全く簡単じゃないですよ!_:(´ཀ`」 ∠):
私が馬鹿だから出来ないだけなのでしょうけど…
私はGIMPを使ったのですが、GIMPは photshopと表示されている箇所の違いが多すぎて何が何だか分からなくなりました。説明をよく見ながらやったのですが使わなければならないものがどこにあるか分からず次に進めません。
コメントありがとうございます。 お返事遅くなってごめんなさい (o*。_。)oペコッ
GINPはつかったことがないので 違う場所がわからないのですが
GINPで一度やってみたいと思います。
ソフトが違うとまったくわからないかもですよね><
頑張ってみますので少しお時間を下さいませ
(*´∀`)/
GINPでのマッピング作成動画Youtubeにあげました。
ブログも書くのですが一足先にお知らせしますね
またわからないところがあれば遠慮なく聞いてくださいね
作成動画は3回に分けています。
https://youtu.be/RMketl6QHkA
https://youtu.be/IQbxa-JN6Tg
https://youtu.be/9doEVDQpXg4
では reika
こんばんは
今日GIMPでのマッピング動画youtubeに投稿しました。
そらさんはphotoshopのほうがわかりやすいのかな?
フォトショでの動画も作るのであと少しお待ちください (*´∀`)/
とりあえずGINP動画です
https://youtu.be/RMketl6QHkA
https://youtu.be/IQbxa-JN6Tg
https://youtu.be/9doEVDQpXg4
photoshopでのマッピング動画を
youtubeにアップしました
https://youtu.be/JwHPZ66_vKc
わかりにくいところがあれば遠慮なくきいてくださいな
(*´∀`)/ ではでは reika