Unity デザイナーズ・バイブル 6月6日発売!

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

0

photoshop-FREE SEAMLESS-TEXTURE-GENERATOR

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

シームレステクスチャを簡単に作成できるプラグイン「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. 最後に生成した画像を並べてみましょう。綺麗につながるシームレステクスチャになっています。



まとめ

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

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





photoshop-summary-article


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



photoshop-summary-article


作業効率化!Phoshopスクリプトに関する作り方まとめ

フォトショップのソフト


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

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

すいみん
独学で勉強できてしまうPhotoshopですが、他の人の手法を見ると全然使いこなせてなかったことに気がつくこともあります
すいみん
専門誌の定期購読をするなら月額980円の「Kindle Unlimited」がおすすめです!


eyecatch-amazon-kindle-unlimited
【Kindle Unlimited】CGデザイナーにおすすめ!専門書読み放題の電子書籍サービス

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

0