Fandom


ヘルプ
このヘルプには更新、または翻訳されていないコンテンツがあります。どなたでも翻訳にご協力いただくことができます。
原文 : w:Help:Theme Designer/gradients
Linear-gradient

線形グラデーション

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

グラデーションとは 編集

Background gradient step 1

使用する背景

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

グラデーションの適用 編集

Background gradient step 2

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

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

ステップ1 編集

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

ステップ2 編集

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

ステップ3 編集

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

ステップ4 編集

Background gradient step 3

(ステップ4)画像の左中央。 クリックすると拡大できます

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

ステップ5 編集

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

ステップ6 編集

Background gradient step 4

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

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

関連情報 編集

その他のヘルプとフィードバック 編集

特に記載のない限り、コミュニティのコンテンツはCC-BY-SA ライセンスの下で利用可能です。