ブラウザ実行モード: データはブラウザ内で処理され、サーバーにはアップロードされません。
速度と安定性: 処理速度はデバイスとブラウザに依存します。大量のバッチ作業では、デスクトップ版の方が安定する場合があります。
ツールを読み込み中です。お待ちください...
ツールを読み込み中です。お待ちください...
オンラインツールを読み込めない、または実行できない場合は、デスクトップツールをお試しください。 https://tools.yikeaigc.com/
ツール使用状況
旧バージョンに戻す
先にパラメータを設定し、生成またはエクスポート
「スタイル選択、パラメータ調整、ファイル出力」の順に進めると、単体の SVG/PNG 生成や一括ダウンロードができます。
ローカル生成
SVG
PNG
一括ZIP
スタイル選択
配色例から始め、次にパラメータ画面で波の階層を微調整します。
プリセット例
クリックで適用
キャンバスサイズ
次のステップで変更できます
パラメータ調整
波の密度、起伏、ランダム変化、レイヤー透明度を調整します。
キャンバスと背景
出力はこのサイズで生成されます
波形
先に周波数と振幅を調整
波レイヤー
ファイルを書き出し
プレビュー確認後に単一ファイルをダウンロード、または複数のバリエーションを生成してZIP化。
単一書き出し
SVGはWeb向け、PNGは固定サイズ向け
一括生成
画面には最初の20枚のみ表示、ZIPには全て含まれます
先にスタイルを選択し、設定を調整してからダウンロードまたは一括生成してください。
手順
ソフトウェア使用方法
- スタイルを選択:まず「スタイルを選択」ステップで、オーシャンブルーの層状ウェーブ、ウォームサンの波紋、フォレストグリーンの流線、ブルーグレーのテックなどのサンプルプリセットを選択します。ランダムスタイルをクリックして、異なる配色をすばやく生成することもできます。
- キャンバスを設定:Webバナー、フルHD、4K、ソーシャルカバー、縦型ポスターなどの一般的なサイズを選択するか、パラメータページで幅と高さを手動入力します。
- 波のパラメータを調整:
- 頻度:波の数と密度を制御します。
- 振幅:波の上下の起伏幅を制御します。
- ランダム性:波の曲線に自然な変化を加えます。
- レイヤー間隔:複数の波レイヤー間の距離を調整します。
- ぼかしと粒子:背景の質感を高めるために使用します。
- レイヤーを管理:波レイヤーの追加・削除ができ、各レイヤーの開始色、終了色、透明度、垂直オフセットを個別に設定できます。
- ファイルを書き出し:「ファイルを書き出し」ステップでSVGまたはPNG形式を選択し、「背景をダウンロード」をクリックして単体の背景を保存します。また、「SVGコードをコピー」をクリックしてWebページのコードに利用することもできます。
- 一括生成:数量、形式、変化幅を設定してから「一括プレビューを生成」をクリックすると、画面には最初の20枚が表示されます。ZIPをダウンロードすると、生成されたすべての結果が含まれます。
- 設定を保存:「設定を保存」をクリックすると現在のパラメータを保持でき、次回使用時に「保存した設定を読み込み」をクリックして復元できます。
よくある質問
A:SVGはWeb背景、レスポンシブUI、拡大縮小が必要な場面に適しています。PNGは固定サイズの画像、カバー画像、プレゼン資料、SVGを埋め込みにくい場面に適しています。
A:3〜5個のレイヤーを使用し、頻度は4〜8、振幅は60〜120px、ランダム性は15%〜35%に設定し、各レイヤーの透明度は近いものの同一ではない値にすることをおすすめします。
A:ページ操作をスムーズに保つため、プレビューエリアには最初の20枚のみ表示されます。実際のパッケージ化時には設定した全数量が処理され、ZIPファイルには生成結果がすべて含まれます。
A:Webバナー、ログインページの背景、製品紹介エリア、キャンペーンカバー、ソーシャルメディア画像、プレゼンテーション背景、UI装飾エリアなどのシーンで使用できます。
A:レイヤーの透明度を下げ、ランダム性や粒子の強度を減らし、より柔らかい背景色を選び、波を上部または下部に集中させることで、文字エリアにすっきりしたスペースを確保できます。
A:現在のキャンバスサイズ、背景色、波のパラメータ、レイヤー色、透明度、エクスポート形式、バッチ処理パラメータなどが保存され、後から同じスタイルを引き続き調整しやすくなります。