PCフリーゲーム"たぐたぐ-TAG IN THE DUNGEON-"です。ダウンロード不要、ウェブブラウザだけで遊べます。

フリーゲーム/無料ゲーム - たぐたぐTAG IN THE DUNGEON

Development Diary

Photoshopで画像のシームレス化をする方法

投稿日:

今日はゲーム内のテクスチャについてのお話です。

壁や床など、たぐたぐのゲーム内でのテクスチャは自給自足と言いますか、
すべて私が素材を撮影をしてきて画像加工をしてゲームに使用しています。

ネットには写真素材や画像素材の販売サイトや配布サイトがありますが、
あえて自分で撮影して加工して使うことによって、自身のゲームに対する愛着も一層沸くのではないかと思っているからです。

画像加工はシームレスと言って、画像を繋げても繋ぎ目が分からないようにする加工をしています。

これが結構難しかったりしまして、写真の光の当たり具合や影が出来ていたりするとうまくシームレス化できません。

写真を撮る時点でも、影や濃淡が出来ないようにうまく撮影するように心掛けています。

簡単にですが、私がやってるPhotoshopで画像のシームレス化をする方法をご紹介したいと思います。

まずは、640px × 640pxの新規ファイルを作ります。

撮影してきた素材画像も別ファイルとして読み込みます。

撮影してきた素材画像を640px × 640pxの新規ファイルへドラッグして移します。
最初にあったレイヤーの上に新たにレイヤーが確認出来ると思います。
拡大縮小や位置の移動をして濃淡があまりない部分を選びます。

最初にあったレイヤーを選択してからCtrl+を押しながらレイヤーをクリックすると640px × 640pxのカンバスサイズで選択できるので、
選択した状態で【イメージ】→【切り抜き】を実行してください。
上に読み込んだレイヤーも640px×640pxの大きさで切り抜かれます。

上に出来たほうのレイヤーを再び選択して【フィルター】→【その他】→【スクロール】を行います。

このようなパラメーターで実行してください。
640pxの半分のサイズですね。

画像がスクロールされて四分割になったのが確認できると思います。

この4分割になった画像の中心の十字の部分をコピースタンプツール、修復ブラシツール、投げ縄ツールなどを使って繋ぎ目を無くしていきます。

繋ぎ目が無くなり、きれいになりました。

次に640px × 640pxの倍の1280px × 1280pxの新規ファイルを作ります。

修正した画像をドラッグで移して左上にぴったりくっつくようにしてください。
レイヤーの複製を3つして、それぞれ白い部分にも配置します。

繋ぎ目がない画像が出来上がりました。

最後に

最近では外出するたびにテクスチャに使えそうな素材はないかと探してしまう癖がついてしまいました(笑)

-Development Diary

Copyright© フリーゲーム/無料ゲーム - たぐたぐTAG IN THE DUNGEON , 2021 All Rights Reserved Powered by STINGER.