ヘルプ:テーマデザイナー/グラディエント

このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。

Fandomにはたくさんのユーザーが訪れますが、各ユーザーが使用する画面解像度はそれぞれ異なります。自分には完璧な背景に見えても、解像度が高い画面を持つユーザーにとってはあまり見映えが良くないこともあります。そのため、誰が見ても見映えの良い背景にするため、画像をテーマデザイナーでアップロードする前に、画像にグラデーションを追加して、背景に溶け込むようにすることが大切です。

グラデーションとは[]

グラデーションとは、ある色から別の色への滑らかな移り変わりのことです。グラデーションには2つの種類があります。1つは線形グラデーションといい、2つのポイントと各ポイントに1色ずつを指定します。もう1つは放射状グラデーションといい、円の色と円の中心の別の色を指定します。ここでは、線形グラデーションを使って説明します。

グラデーションの適用[]

（ステップ1）境界線がはっきり出てしまっています

ここでは、よく知られているWlindowsの背景画像である右の画像を使用します。また、グラデーションに対応しているプログラムも必要になります。今回は無料のGIMPプログラムを使用します。

ステップ1[]

右の画像を見てみましょう。青色の背景と画像の背景が少しも調和しておらず、2つの背景に滑らかな移り変わりがまったくありません。この問題を修正するには、まずコミュニティの背景色を検出する必要があります。現在表示中のページのスクリーンショットを撮り、画像をGIMPに貼り付けます（Ctrl+V）。

ステップ2[]

GIMPで、左側のツールボックスから「スポイト」（）を選択します。次に、そのコミュニティで使用する背景色をクリックします。（背景画像の色ではなく、テーマデザイナーで設定する背景色の色と同じ色を選択します。）これでグラデーションに適用する色を取得できます。

ステップ3[]

GIMPで元の背景（Windowsの画像）を開きます。ブレンドツール（）を選択します。次に、左側のツールボックス・メニューで、「グラデーション」の横のアイコン（）をクリックして表示されるドロップダウンから「描画色から透明」を選択します。これでグラデーションを適用できるようになります。

ステップ4[]

Background gradient step 3 — （ステップ4）画像の左中央。クリックすると拡大できます

画像の左端中央にカーソルを合わせます（画像を参照）。マウスボタンを押したまま、画像の中央までドラッグしてボタンを離します。画像にグラデーションができます。下端と右端でも同じ操作を繰り返します。

ステップ5[]

画像を.jpg形式で保存します（「ファイル」→「名前を付けて保存」）。表示されるダイアログ・メニューで「エクスポート」を選択します。新しいダイアログが表示されます。「画像ウィンドウでプレビュー」のボックスをオンにします。画像のファイルサイズが表示されます。背景を保存するには300KB未満にしてください。

ステップ6[]

はっきりとした境界線がなくなりました

ご自分のコミュニティのテーマデザイナーを開いて画像をアップロードします。これで背景色とブレンドされた魅力的な背景になりました。

その他のヘルプとフィードバック[]

ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
このヘルプはコミュニティセントラル内にて管理されています。