どうぶつの森 簡単なマッピングの作り方です。村を整備しましょう♪

今更ながらはまっているどうぶつの森ですが、私の村はあまりにも無計画に作りすぎて

そこら中に花が無駄に咲いているだけのぜんぜん整備されてない村になっております;;

そこでマッピング! そうです

reika
あこがれのあの方みたいな村つくってみたい!
ポン子
あんたにできるん?
reika
やってやるよ!

JELLY村 忘備録さんを参考に作ってみました

photoshopという画像ソフトを使っていますが、代用で無料のGIMPなどを使っても出来ます。

スポンサーリンク
レスタングル大広告

マッピングのイメージはこれです(私の村)

とりあえず住民の家

1つ配置したところです><

建物のアイコンはレイヤーを分けているので書いたり消したり自在にできます。

なんとなく道路をカキカキ・・・

下手すぎて笑う;;

reika
では。。。さっそくマッピング作り方へどーぞ!(*‘ω‘ *)

公共事業撤廃のスクリーンショットを撮る

役場へ行って公共事業を撤廃するを選ぶと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で新規ファイルを作成します。

  1. ここで新規のレイヤーを作ります。
  2. 塗りつぶしツールを選択
  3. パターンにして先ほど作った10*10のパターンを選ぶ

バケツツールで塗りつぶします

  1. マス目の線画だけをとりだすので
  2. チャンネルのタブを選択
  3. 右下のチャンネルを選択範囲として読み込むをクリック
  4. 全部がちかちか選択される

  1. レイヤーのタブに戻り
  2. キーボードのdeleteキーで削除する
  3. 背景を隠すとマス目の線だけが表示

これで10*10のグリッド線がひけました。

次は160*160のグリッド線を重ねます。

レイヤーを1つ増やします

塗りつぶしのパターンを160*160を選びます。

塗りつぶすとこうなります

背景が透明ではないので透過させます

10*10の時と同じ作業です

  1. マスクタブ⇒チャンネルを選択範囲として読み込む
  2. 全部ちかちか
  3. レーヤータブに戻る
  4. キーボードのdeleteで削除
  5. 選択範囲の解除をするとこうなります

これでグリッド線の完成です

意外と簡単です!

ここに800*800pxに拡大していた自分の村のMAPを重ねます。

注意点として背景の上に新規レイヤーを作りそこへMAPを貼ります

移動ツールを使って合わせます

線路の下と太い横ラインを合わせるといいです

完成でーす(*‘ω‘ *)

後は余白の部分を使って 公共事業や住民の家のアイコンを作って

自由にレイアウトを考えればいいと思います。

私はこのように余白を作りましたが

余白がいらない場合は カンバスを切り取ってください(o*。_。)oペコッ

ラインの色も好みで変えて分かりやすくしてもいいですね

住民の家などの建物や道、樹木など配置を変更するものは別レイヤーに

描いておくと便利です💖

わかりにくいところがありましたら聞いてください><

マスクのところややこしいけど落ち着いてやれば大丈夫💖

私はこれから道路やタイルの貼る場所考えるのですが

うーむ センスがなくて;;;

どうぶつの森って奥が深いですよね 楽しくてしょうがないです

あ フレンドも募集したいなぁ(コッソリ)

いろいろ教えてくれる方も募集しております(o*。_。)oペコッ

動画にしてみました

photoshopで作る とびだせどうぶつの森マッピング

【関連記事】

超初心者でもできるマイデザインの作り方はこちらです♪

スポンサーリンク
レスタングル大広告

コメント

  1. そら より:

    難しいですねぇ…やってみたけど( ˙꒳​˙ )ワケワカメでした。動画があったらわかり易かったかもです|ω・`)

    • reika より:

      コメントありがとうございます。(o*。_。)oペコッ お返事遅れて申し訳ありませんでした><
      動画ですねー なるほど  (動画・・動画・・・むむむ
      頑張ってやってみます!

      しょうしょうおまちください (*´ω`)

  2. 風吹けば名無し より:

    いやもう全く簡単じゃないですよ!_:(´ཀ`」 ∠):
    私が馬鹿だから出来ないだけなのでしょうけど…
    私はGIMPを使ったのですが、GIMPは photshopと表示されている箇所の違いが多すぎて何が何だか分からなくなりました。説明をよく見ながらやったのですが使わなければならないものがどこにあるか分からず次に進めません。

    • reika より:

      コメントありがとうございます。 お返事遅くなってごめんなさい (o*。_。)oペコッ
      GINPはつかったことがないので 違う場所がわからないのですが
      GINPで一度やってみたいと思います。

      ソフトが違うとまったくわからないかもですよね><
      頑張ってみますので少しお時間を下さいませ 

      (*´∀`)/

    • reika より:

      GINPでのマッピング作成動画Youtubeにあげました。
      ブログも書くのですが一足先にお知らせしますね

      またわからないところがあれば遠慮なく聞いてくださいね
      作成動画は3回に分けています。

      https://youtu.be/RMketl6QHkA

      https://youtu.be/IQbxa-JN6Tg

      https://youtu.be/9doEVDQpXg4

      では reika

  3. reika より:

    こんばんは

    今日GIMPでのマッピング動画youtubeに投稿しました。

    そらさんはphotoshopのほうがわかりやすいのかな?

    フォトショでの動画も作るのであと少しお待ちください (*´∀`)/

    とりあえずGINP動画です

    https://youtu.be/RMketl6QHkA

    https://youtu.be/IQbxa-JN6Tg

    https://youtu.be/9doEVDQpXg4

  4. reika より:

    photoshopでのマッピング動画を
    youtubeにアップしました

    https://youtu.be/JwHPZ66_vKc

    わかりにくいところがあれば遠慮なくきいてくださいな

    (*´∀`)/  ではでは reika