アプリを開く

🖼️ 画像を使う

VJam の画像は、写真やロゴをただ貼るだけじゃなく、音に反応する映像レイヤーとして扱えます。写真、ロゴ、フライヤー、QR コード、背景素材を読み込み、Deck のプリセットと同じように重ねて、ブレンドして、ロックして使えます 🎛️

実写真を読み込んだ IMAGE レイヤーと画像スタイルの操作チップが見える Cockpit 画面
実写真を IMAGE レイヤーとして読み込んだ状態。Deck のレイヤーリストに画像スタイル、random、ロック、削除がまとまって出る。
Deck A の IMAGE レイヤー部分を拡大したスクショ。画像スタイル、random、ロック、削除、BLEND、FILTER、AUTO が見える
Deck 部分の拡大。IMAGE レイヤーは、加工スタイル、random、自動ロック、削除、Deck の BLEND / FILTER / AUTO と組み合わせて操作する。

🎯 何に使える?

用途 使い方
ロゴ常設 透過 PNG を読み込み、🔒 で守って出しっぱなしにする
写真演出 ライブ写真や街の写真を glitch / kaleido / mosaic で映像素材化する
告知画像 イベント名、QR、フライヤーを曲間や配信中に出す
背景素材 プリセットの下地として写真やテクスチャを重ねる
スライド 複数枚を読み込んで cycle / slide で切り替える

📥 画像を読み込む

  1. Space / [VJ] で Cockpit を開く
  2. IMPORT を押す
  3. PNG / JPG / GIF を選ぶ。複数枚も選べる
  4. Deck に IMAGE (...) レイヤーが追加される

スマホではドラッグ&ドロップではなく、IMPORT からファイルを選ぶのが基本です。PC では画像ファイルを画面へドロップしても読み込めます。

✨ 画像スタイル

画像は 1つの固定機能ではなく、下のスタイルを切り替えて遊びます。スタイルは Deck の画像レイヤー下にあるチップで変更できます。

スタイル 何が起きる 向いている素材
cycle 複数画像を順番に切り替える ロゴ、スライド、告知画像
glitch 画像をノイズやズレで崩す 写真、街の画像、人物写真
cyber ネオン系の線や色で加工する ロゴ、フライヤー、人工物
mosaic 画像をブロック状に分解する 写真、背景素材
kaleidoscope 万華鏡のように反復・対称化する 写真、模様、街のテクスチャ
slide 画像をスライド的に流す 複数写真、告知画像
zoom 画像を拡大・押し出す ロゴ、象徴的な写真
split 画像を分割して動かす 写真、建物、文字入り画像

👀 スタイル別サンプル

同じ画像でも、スタイルを変えるだけでかなり印象が変わります。まずはこの8種類をざっくり触って、気に入った方向を見つけるのがおすすめです。

cycle スタイルで写真をそのまま表示しているサンプル
cycle複数画像を順番に切り替える。ロゴや告知を素直に見せたい時に。
glitch スタイルで写真にRGBずれとノイズが入っているサンプル
glitchRGBズレ、横ノイズ、ブロック崩れで荒らす。写真を一気に VJ 素材っぽくする。
cyber スタイルで写真にネオン系の色ズレと発光が入っているサンプル
cyberネオン、発光、スキャンライン系。ロゴや人工物に合わせやすい。
mosaic スタイルで写真が大きなブロック状に分解されているサンプル
mosaic画像をブロックに分解。拍で粗くなって、だんだん元画像に戻る。
kaleidoscope スタイルで写真が反復・対称化されているサンプル
kaleidoscope写真を反復・対称化。模様や街のテクスチャが一気に映像っぽくなる。
slide スタイルで写真が帯状にスライドしているサンプル
slide画像を帯やスライスで流す。複数写真や告知画像の動きづけに便利。
zoom スタイルで写真が拡大されているサンプル
zoomゆっくり押し出す。1枚の象徴的な写真やロゴを強く見せたい時に。
split スタイルで写真が複数パネルに分割されているサンプル
split画像をパネル分割して動かす。建物、顔、文字入り素材に変化を出しやすい。
IMAGE レイヤーで mosaic や glitch などの画像スタイル、ロック、削除ボタンが見える画面
画像スタイルはレイヤー内のチップで切り替える。画像素材はプリセットと同じように Deck の中で扱える。
IMAGE レイヤーの加工スタイルと詳細設定を開いた拡大スクショ。glitch の Auto、TrbSplit、BeatSplit、ScanA などが見える
加工スタイルと詳細設定の拡大。スタイルを選んだあと、`IMAGE-...` の詳細を開くと、そのスタイル専用のパラメータまで触れる。

🎚️ スタイルごとの詳細設定

各スタイルは、選んで終わりではありません。レイヤーの -/= を開くと、そのスタイル専用の細かい設定も触れます。音に反応する強さ、切り替わる速さ、分割数、ズーム量などを詰められます。

スタイル さらに触れるところ
cycle ⏱️ 切替間隔、フェード時間、低音でのズーム、明るさ反応
glitch ⚡ RGBズレ、ブロック崩れの量、スキャンライン、ビート時の暴れ方
cyber 🧪 発光の強さ、色ズレ、スキャン速度、低音での光り方
mosaic 🧱 ブロックの粗さ、戻る速さ、元画像を見せる時間
kaleidoscope 🌀 分割数、回転速度、ビート時のジャンプ、ズームの揺れ
slide ➡️ 流れる速さ、スライス数、横/縦方向、回転の混ぜ方
zoom 🔍 最小/最大ズーム、ズーム時間、パンの広がり
split 🧩 分割グリッド、隙間の広さ、パネルごとのズーム、戻り方

まずはスタイルを選んで、次に random を切る/入れる、最後に詳細設定を少し触る、という順番がわかりやすいです。ロゴや QR みたいに読ませたい素材は控えめに、写真演出は強めに振ると楽しいです。

🎛️ Deck 上でできる設定

画像レイヤーで直接触る場所はここです。

場所 できること
IMAGE (...) 読み込んだ画像レイヤー。括弧内は現在の画像セットや状態の表示
-/= パラメータ表示の開閉。画像スタイルのチップを出し入れする
🔒 Lock。ON なら Kill しても画像が残る
× 画像レイヤーを削除
cyclesplit 画像加工スタイルを選択
random 画像加工スタイルを自動切替
IMAGE-... 表示 現在動いている画像スタイル名
BLEND 画像と他レイヤーの重なり方
FILTER Deck 全体の色加工
AUTO Deck の自動切替。画像を固定したい時は画像を Lock する

🎲 random

random を ON にすると、画像スタイルが自動で切り替わります。画像を読み込んだあと、手で cycle / glitch / mosaic を選び続けなくても、曲の展開に合わせて見た目を変えられます。

IMAGE レイヤーの random チップを拡大したスクショ
random は画像スタイルの自動切替。写真を複数読み込んでおくと、画像そのものと加工の両方で変化が作れる。

✅ random が向いている時

⚠️ random を切った方がいい時

🖼️ 複数画像

複数枚を読み込むと、画像レイヤーはそのセットを持ちます。cycleslide では画像自体が切り替わり、glitch / mosaic / kaleidoscope では読み込んだ写真が加工素材になります。

使いやすい組み合わせ:

🔒 Lock と削除

画像レイヤーは追加時に 自動で 🔒 が付きます。これは重要です。Kill を押しても、ロゴや告知画像まで消えないようにするためです。

操作 結果
🔒 ON Kill しても画像レイヤーが残る
🔒 OFF Kill や × 削除の対象になる
× 画像レイヤーを削除する
スタイルチップ 画像は残したまま加工だけ変える

ロゴや QR は 🔒 ON のまま、写真演出は必要に応じて 🔒 を外す、という使い分けが安定します。

🧯 重くしないコツ

🧩 コラージュとの違い

画像スタイルは、読み込んだ画像セットを 1つの映像レイヤーとして加工します。複数の画像を画面上に別々に置きたい時は 「コラージュ」 を使います。

次はこちら: 🛠️ コラージュ →