JINMUSOFTWARE

Affinityでシームレスな画像を作成する方法(ピクセルの場合)

affinity

目的

横スクロール用の背景画像の作成。

画像を横に並べたときに繋ぎ目が目立たないようにしたい。

画像シームレス化とは?

画像を並べたときに繋ぎ目が目立たないようにすること。

環境

  • Windws11
  • Affinity 3.2.1

条件

ピクセルレイヤーの場合

結論:アフィンを使用する

アフィン(Affine)を使用して画像を反対側に回り込ませる。

手順

  • ピクセルスタジオに切り替える
  • 対象レイヤーが「ピクセル」であること
  • 対象レイヤーを選択しておく
  • メニュー -> ピクセル -> フィルター-> ゆがみ -> アフィン
  • アフィンの設定、拡張モード:「回り込み」
  • オフセットXで画像の端を反対側に回り込ませる
  • 画像のつなぎ目をわからに様に修正する

画像を並べると、つなぎ目が目立ちますね。

アフィンで画像を回り込ませます。すると、切れ目が中央付近に移動してきます。

適当に修正しましょう。

切れ目が目立たなくなりましたね。

補足

シームレスパターンというタイルを作成する場合は、「シンボル」という機能を利用するのが便利そうです。

こちらはベクターレイヤーで作業可能です。

おわり