ソースに絡まるエスカルゴ

貧弱プログラマの外部記憶装置です。

【gimp】シームレステクスチャを作る方法

 シームレステクスチャとは所謂「継ぎ目のないテクスチャ」のことです。

 アニメーションなので背景がずっと模様や流れるような線が継ぎ目なくループしているようなやつです。

 今回はそのシームレステクスチャをgimpで作成する方法の備忘録です(本当はClipStudioPaintでやりたかったのですが、調べてもやり方がぱっと出てこなかったのでgimpです)。

 では始めます。


1:gimpを起動させてひとまず描く
 起動させてとりあえず普通に適当な模様を描いていきます。

 今回は以下のように雷っぽいエフェクトのようなものを描いてみました。
f:id:rikoubou:20191008144348p:plain

 投げ縄ツールで適当にザクザクと線を囲って塗りつぶしてから、ペンなどで適当に細部を書き加えていくやり方が一番楽かもしれないです。


2:オフセット機能を使ってシームレステクスチャにする
 とりあえずの模様ができたら模様を描いたレイヤーを選択した状態でメニューの「レイヤー」→「変形」→「Offset」を選択します。

 するとオフセットの画面が表示されます。
f:id:rikoubou:20191008145047p:plain

 この状態でキャンバスをクリックしたままドラッグすると、以下のようにレイヤーの端と端がループしているような感じになります。
f:id:rikoubou:20191008145328g:plain

 オフセット機能で画像の継ぎ目部分を表示させ、その継ぎ目が自然になるよう加筆修正します。
f:id:rikoubou:20191008145622p:plain
f:id:rikoubou:20191008145903p:plain

 これでシームレステクスチャは完成です。背景を透過させてpngファイルとして出力させると以下のようになります。
f:id:rikoubou:20191008150158p:plain


 以上がgimpでシームレステクスチャを作る方法です。

 ループさせたい素材などを作る場合には便利ですね。

 ClipStudioPaintでも似たようなことをやれたら色々便利なので、やり方を知ってる方は教えていただきたいです。


・参考資料