CG・映像デザイナー技術ブログ

【Photoshop】ワンクリックでシームレステクスチャを作成するプラグイン「FX BOX」

eyecatch_ photoshop

assistant すいみん

こちらのCGメソッドの記事では同じ画像を並べてつなぎ目がピタッとあるシームレステクスチャを簡単に作成できるプラグイン(無料)を紹介します!小さい模様でもこれを使えば大きい画像にも対応できるようになります!
この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。 書籍:Unity デザイナーズ・バイブル
プロフィール詳細はこちら

シームレステクスチャを簡単に作成できるプラグイン「FX BOX」

旧名称「FREE SEAMLESS TEXTURE GENERATOR」

  1. 下記のURLから「Downloadボタン」を押して「fx_box_vx.x.zip」をダウンロード&ZIPを解凍
    参考 the-orange-box.com | Free FX Boxthe-orange-box.com
  2. Photoshopを起動してファイル>スクリプト>参照を開きます。
    フォルダの中にある「fx_box-installer.jsx」を実行して「FX BOX」セットアップ完了です。

  3. 続いてシームレステクスチャを作るツールを下記のURLから「FOR PHOTOSHOP CC+」のボタンを押してデータをダウンロードします。
    参考 Free Seamless Texture Generatothe-orange-box.com
  4. Photoshopを起動して、ファイル>スクリプト>参照からダウンロードしたデータにある「X-Free-SeamlessTexture_installer.jsx」を起動しましょう。プラグインのインストールがはじまります。終わるとComplete!のダイアログが表示されます。

  5. インストール完了後、Photoshopを再起動すると、ウインドウ>拡張機能から「FX BOX」が表示されていていますのでこれを起動します。

「X-Free-SeamlessTexture」の使い方

  1. まずはシームレスにしたいテクスチャを用意をシーンで開きます。
    ※正方形の比率で用意しましょう。

  2. FX BOXのパネルから「X-Free-SeamlessTexture」を選択

  3. 起動した「FX BOX」から「Tiles」を選択。すると自動でシームレステクスチャが生成されます。

  4. 最後に生成した画像を並べてみましょう。綺麗につながるシームレステクスチャになっています。

ワンクリックでシームレステクスチャを作成するプラグイン「FX BOX」まとめ

タイリング(繰り返しならべることのできる)できるシームレステクスチャは手動で作成するとかなりの時間がかかってしまいます。

しかし「X-Free-SeamlessTexture」を使えばあっという間にできてしまうので。すごく便利なので是非導入することをおすすめします!

以上、すいみん(@cg_method)でした!

Photoshopに関する参考記事・ツール・書籍のまとめ

Photoshopに関する記事を下記にまとめました。



photoshop-summary-article


便利な機能紹介!Photoshopに関する作り方まとめ

フォトショップのソフトウェア購入


eyecatch-buy-adobe-creative-cloud
【Adobe Creative Cloud】最安!アドビ認定スクールから購入する方法(+講座付き)

フォトショップの参考書籍

assistant すいみん

独学で勉強できてしまうPhotoshopですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります