Screen上のパネル背景の「Image Panel」設定方法

CastCraft Screen上でのチャットボックス・ピックアップ内のパネル部分を編集する際、背景パネルを「Image Panel」に指定すれば、PCにダウンロードしている画像や、オンラインの画像URLをパネルの背景に指定できます

画像素材参考サイト

ご自身で画像を作成する以外にも、画像素材サイトから適切に画像を取得し活用するのもおすすめです。
Vtuberさんやゲーム配信者さんに、配信の素材や背景としてよく利用されている画像素材のサイトをいくつかご紹介します。

OKUMONO

Vtuber・YouTuber向けに特化した配信画面やサムネイルで使う背景画像をフリー素材として提供しているサイトです。

OKUMONOのURLはこちら

Booth

様々なクリエイターが有償・無償で多様な配信用素材の出品を行っています。出品物により注意事項が異なります。

BoothのURLはこちら   

BEIZ images

個性的なテクスチャ素材が見つけられるフリー素材サイトです。

BEIZ ImagesのURLはこちら

素材Good

素朴でかわいい印象のイラスト素材を数多く配布しているフリー素材サイトです。

素材GoodのURLはこちら

イラストAC

フリー素材のダウンロード&アップロードサイトです。加工(切り抜きや色変更)も自由に行えるとのことです。

イラストACのURLはこちら

PAKUTASO

見ているだけで楽しくなる様々な写真素材を配布しているフリー素材サイトです。

PAKUTASOのURLはこちら

※画像素材の利用に関しては、ご自身の責任のもとに各サイト・各画像の利用ポリシーに正しく従ってください。

画像の配置方法

画像の配置方法として、カバー、フィット、スライスの3種類があります。

  • カバー
    • 縦横比を維持しつつ、指定範囲を埋め尽くすように画像が拡大・縮小します。
    • 指定範囲からはみ出した部分はトリミングされて表示されます。
  • フィット
    • 縦横比を維持しつつ、指定範囲からはみ出さないようにぴったりフィットするようにします。
    • 余白の部分は縦横どちらの場合も中央に配置します。
  • スライス
    • 縦横比を無視して画像を指定範囲に適合するように拡大・縮小させます。縦横比無視なので画像は歪む場合があります。
    • 画像にオシャレな囲い枠があるなどしてその部分を歪ませたくない場合、画像を分割する4つのボーダー(9スライスボーダー)の位置を調整することで、画像の四隅(四角形の4つの頂点周辺)の部分を縮尺・拡大の影響を受けないように設定できます。
    • 「9スライスボーダー」の欄にある「上」「下」「左」「右」の数字を調整して、4つのボーダーの位置を調整できます。
    • 画面に出てくる青い線を参考に、縦横比を崩したくない部分を四隅の枠に収まるようにしましょう。
    • ちなみに、「9スライス」とは、4つの線により画像を分割した場合9つの部分に分けられることからそう呼ばれています。(イメージしやすい例として、よく子供の間で遊ばれる「まるばつゲーム(三目並べ)」でも、9マスを作るために4本の線が引かれます。)角にある4つのマスの縦横比が固定される一方で、9マスのうち真ん中のマスは縦横比を無視して縮小・拡大されて指定範囲に適合します。