メッシュグラデーション画像メーカーの使い方
複数のカラーポイントを自由に配置し、色が滑らかに混ざり合うグラデーション画像を作成できます。
1. テンプレートを選ぶ
「テンプレートを選択」からお好みのデザインを選べます。配色やカラーポイントの位置を一から決めたい場合は、テンプレートを選ばずに各項目を自分で調整することも可能です。
「ランダム生成」を使うと、背景色と4つのカラーポイントの色・位置・広がりが自動的に変更されます。
2. 背景色とカラーポイントを調整する
「背景色」で画像全体のベースになる色を変更できます。
「カラーポイント」の一覧から編集したいポイントをクリックすると、その下にある「選択中のポイントを編集」欄へ、選択したポイントの設定が表示されます。カラーピッカーを使って、そのポイントの色や不透明度を変更できます。
カラーポイントは最大12個まで追加でき、各ポイントの右側にある削除ボタンから不要なポイントを削除できます。
3. ポイントの位置と広がりを調整する
位置を変更したいカラーポイントを一覧からクリックし、その下の「選択中のポイントを編集」欄にある「X位置」「Y位置」を調整します。どちらも0〜100%の範囲で指定でき、ポイントの位置を細かく設定できます。
同じ設定欄にある「広がり」では、その色が周囲へ影響する範囲を0〜200%で調整できます。値を大きくするほど、色が広い範囲へなじみます。
プレビュー上の番号付きポイントをドラッグして、位置を直感的に変更することもできます。色が重なる場合は番号の大きいポイントほど前面に描画されます。
4. プレビューを確認する
変更内容はリアルタイムでプレビューに反映されます。「ガイド表示」をOFFにすると、番号付きポイントを非表示にして完成イメージを確認できます。
5. 画像サイズを指定してPNGで保存する
「画像書き出し設定」で幅と高さを指定し、「PNGダウンロード」を押すと画像を保存できます。プレビューの表示サイズではなく、指定した幅と高さでPNG画像が生成されます。
カスタマイズ内容を初期状態へ戻す場合は「リセット」ボタンを押してください。
メッシュグラデーションとは？
メッシュグラデーションとは、複数の色を平面上のさまざまな位置に配置し、それぞれの色をなめらかに混ぜ合わせて作るグラデーション表現です。
一般的な線形グラデーションでは一方向に、放射状グラデーションでは中心から外側に向かって色が変化します。一方、メッシュグラデーションでは複数のカラーポイントを自由な位置に配置できるため、より複雑で立体感のある色の変化を作れます。
鮮やかな配色だけでなく、淡いパステルカラーや落ち着いた色を組み合わせることで、柔らかな背景や高級感のあるデザインにも利用できます。
