| 3.5. グラデーションダイアログ | ||
|---|---|---|
|
3. 画像内容に関連するダイアログ |  |
| 3.5. グラデーションダイアログ | ||
|---|---|---|
|
|
3. 画像内容に関連するダイアログ | |
The 「Gradients」 dialog offers a gradient palette which is used to select a gradient — a set of colors arranged in a linear scale — for use with the Gradient tool and numerous other operations. It also gives you access to several functions for manipulating gradients. You can select a gradient by clicking on it in the list: it will then be shown in the Brush/Pattern/Gradient area of the Toolbox. A few dozen nice gradients come pre-installed with GIMP. You can create more using the Gradient Editor. General information about gradients and how they are used in GIMP can be found in the Gradients section.
一覧表の最初の 5 つのグラデーションは特別です。 ツールボックスに表示される描画色と背景色を基にそれぞれ異なる方法で作成され、 再構成されています。
描画色から背景色 (HSV 時計回り/反時計回り): 色相環の色をすべて使い、 描画色と背景色の間を時計回りと反時計回りにそれぞれ切り出しました。
FG to BG (HSV clock-wise/counter-clockwise Hue): all hues in the color wheel between the Foreground and the background color, clockwise or counter-clockwise.
描画色から背景色 (ハードエッジ): 描画色と背景色だけで描かれたくっきりとした仕上りになります。
描画色から透明: 1 色だけ (描画色) 使用し、 完全不透明から完全透過まで徐々に変化がついています。 このグラデーションは穏やかに混じりあうコラージュ作品や霧の効果に非常に役立ちます。
「バッファー」ダイアログはドッキング可能です。 その扱い方については 「ダイアログとその合体」 の節をご覧ください。
呼び出し方はつぎのとおりです。
from the main menu: → → ;
from the Tab menu in any dockable dialog by clicking on
and selecting
→ ,
from the Toolbox, by clicking on the current gradient in the Brush/Pattern/Gradient area (if you have checked the 「Show active brush, pattern and gradient」 option in the toolbox preferences).
キーボードショートカット Ctrl+G
In the menu, there is a list of detached windows which exists only if at least one dialog remains open. In this case, you can raise the 「Gradients」 dialog from the main menu: → .
このダイアログで基本中の基本といえるありふれた操作といえば、 単純ですがこの縦に長いグラデーションの一覧表を繰って GIMP の現行のグラデーションにしたいものを探し出しクリックする使い方でしょう。 選ばれたグラデーションはグラデーションを利用するあらゆる操作で使われます。
グラデーション一覧表のどれかを ダブルクリック するとその名前を変えられるグラデーションエディターが開かれます。 ただし変更できるのは自前でインストールしたものに限られ、 GIMP と一緒に提供されたグラデーションファイルは対象外です。 仮に変更の権限の及ばないものの名前を編集しても、 これを確定しようとして Enter キーを押したりどこか他のところを触るとたちまち名前は元に戻されます。
グラデーションダイアログのタブメニューで と を切り替えられます。 「並べて表示」を選ぶとグラデーションは升目状に並べられます。 この表示は結構壮観ですが、 隣同士が視覚的に干渉してしまうので欲しいものを探すのはあまり楽ではありません。 初期設定のままの「一覧で表示」の方がもっと便利で、 グラデーションは各行ごとに名前つきで表示されています。
タブメニューの サブメニューでダイアログに表示されるグラデーション見本をお好みの大きさに調節できます。
The button bar at the bottom offers the following functionality:
グラデーションの編集
このアイコンボタンは (後述する) グラデーションエディター を呼び出します。
新しいグラデーションを作成
This creates a new gradient, initialized as a simple grayscale, and activates the Gradient Editor so that you can alter it.
Gradients that you create are automatically saved in the
gradients folder of your personal
GIMP directory. Any gradient files (ending with
the extension .ggr) found in one of these
folders, will automatically be loaded when you start
GIMP. You can add more directories to the
gradient search path, if you want to, in the Gradients tab of the
Data Folders
section of the Preferences dialog.
グラデーションの複製
This creates a copy of the currently selected gradient. You will be able to edit the copy as editing the original is not supported.
グラデーションの削除
現在選ばれているグラデーションを削除できる権限をお持ちでしたら、 このボタンをクリックすればダイアログ上のみならず保存されていたグラデーションファイルまで跡形もなく消し去れます。 実行に移すまえに確認が求められます。
グラデーションを再度読み込み
グラデーションエディターを使わない何らかの方法で新たにグラデーションファイルを個人用 gradients フォルダーなどに追加したときは、 このボタンをクリックすればダイアログの一覧表が読み込み直されて、 新しいグラデーションも使えるようになります。
The functions performed by these buttons can also be accessed from the dialog pop-up menu, activated by right-clicking anywhere in the gradient list, or via in the Tab menu.
グラデーションダイアログのメニューには他にも項目があります。
グラデーションを POV-Ray (Persistence of Vision Raytracer) 3 次元レイトレーシングプログラムのファイル形式で保存できます。
この指令はグラデーションファイルの場所 (パスとファイル名) をクリップボードに取り込みます。 テキストエディターなどで利用してください。
Show in File Manager opens the location of the gradient in the default File Manager on your system.
この指令は現在選択されているグラデーションで塗りつぶされた資料用画像を作成するスクリプトを起用します。 ダイアログウィンドウが現れますのでグラデーションの向きや画像の幅と高さを指定してください。
The CSS (Cascading Style Sheets) language is used to format the display of HTML and XML files, for instance background color, background gradient, or font size. The "CSS Save" plug-in is a CSS3 linear gradient generator that allows you to save a CSS3 code snippet, containing the gradient data for a given GIMP gradient. This code snippet is a text file: you can copy-paste it to the stylesheet related to your HTML file, to get a gradient background on opening the HTML file in Firefox, Chrome or Safari web navigators. This CSS3 code snippet can also be used as a gradient in SVG files.
Here is an example of a CSS3 code snippet, using the Blue Green gradient:
「Save as CSS...」で作成した CSS 断片.
background-image: linear-gradient(top, rgb(0,123,255) 0%, rgb(72,226,255) 56%,
rgb(0,255,161) 100%);
タグはグラデーションの一覧表示を再構成するのに使えます。 「タグづけ」 をご覧ください。
グラデーションエディターでグラデーションの配色が編集できます。 ご自身で作られたグラデーションファイル (あるいはシステムが提供するものの複製) を対象としており、 GIMP と一緒にインストールされたシステム付属のグラデーションファイルは編集できません。 このエディターは凝ったつくりの精巧なツールなので習得するまでにちょっと骨が折れます。 そのコツはグラデーションをいくつかの セグメント (分節) の連なりととらえ、 それぞれの分節は左端の色から右端の色へ徐々に変化がついていると考えることです。 グラデーションエディターではセグメントをいくつでも連ねられ、 各分節の左右の端の色にはどんな色も使えますし、 左から右への色変化の形状にもさまざまな選択肢があります。
グラデーションエディターダイアログを起用する方法はつぎのいずれかです。
グラデーションダイアログの一覧表で加工対象のグラデーションの見本をダブルクリック
一覧表で加工対象のグラデーションを クリックして出てきた脈絡メニューの を選択
by clicking on the
button in the Gradient Dialog,
from the Gradient Menu you get by clicking on
in the Gradient Dialog.
This is where you can change under what name the gradient shows up in the list of gradients.
Below the name, you see the current result of your work. If you move the mouse pointer on this display, it works somewhat like a color-picker. Information about the pixel under the mouse is shown below the preview and slider area.
Position is a number between 0.000 on the left and 1.000 on the right side of the gradient. Below that the color values in RGB and HSV mode are shown, followed by the Luminance and Opacity values.
図面上をクリックしてドラッグすると 位置 と RGB のみの表示になります。 この操作ではマウスポインターの位置の色がツールボックスにも示される描画色になり、 グラデーションダイアログの一覧表の最初の 4 つのグラデーションはこの色を基に再構成されます。 (Ctrl キーを押しながらだと背景色が換わります。)
グラデーションの図面のすぐ下の帯には小さな白と黒の三角形があって、 これらを移動してグラデーションの終端と中間点が指定できます。 セグメント とは連続する 2 つの 黒 い三角形で区切られた分節のことです。 どのセグメントにもその中に白い三角形があり、 その移動がセグメントの色の変化位置を「逸らせる」のに使えるところは「レベル」ツールのダイアログで中間スライダーポイントの果たす役目に近いものがあります。 セグメントを選びとるにはその区切りとなる黒い三角形の間をクリックしてください。 するとその区間が強調表示されます。 複数のセグメントを連ねて選択するには Shift キーを押しながらクリックしてください。 同時に選択できるセグメントは 連続 していなければならないため、 Shift キーを押しながら隣り合わないセグメントを選ぶと両者の間のセグメントも自動的に選択されます。
You can move sliders, segments and selections. If you simply click-n-drag a slider, you only move the corresponding transition. By click-n-drag on a segment you can move this segment up to the next triangle. By Shift+click-n-drag on a segment/selection, you can move this segment/selection and compress/dilate next segments.
スライダーが並ぶ帯の下にはスクロールバーがあります。 ダイアログ下部にある拡大ズーム表示ボタンを使ったときには繰り寄せが必要になるでしょう。
Below, a color swatch shows the color pointed by the mouse cursor. Information about this color and helpful hints or feedback messages may appear here.
The button bar at the bottom offers the following functionality:
グラデーションエディターの脈絡メニューを呼び出すにはこのダイアログの図面上を でクリックするか、 タブメニューの最初の項目を進んでください。 このメニューでは終端の色の編集 (各セグメントの左端と右端の色の設定) や混色の編集ができ、 色モデルの選択とセグメントの編集ができます。 このエディターが対象とするグラデーションファイルは自作や自前のものと、 システム提供ファイルからの複製に限られます。
つぎにメニューに並ぶ各項目を見てゆきましょう。
終端の色を編集
このサブメニューで終端の色はツールボックスの色標識に表示される描画色と背景色を用いるように変えられます。 こののち描画色と背景色が変化するたびこの終端の色も同時に変化しつづけます。 その反対に色をこのままにしておくには を選びます。
つぎにメニューに並ぶ各項目を見てゆきましょう。
Fixed
Foreground Color
Foreground Color (Transparent)
Background Color
Background Color (Transparent)
これらのオプションは色の変更ダイアログを開きますのでその終端の色を指定します。
![[注記]](images/note.png)
|
注記 |
|---|---|
|
このコマンドは前掲のメニューに連動しており、 その終端の色のタイプに 以外を選んでいるときは、 終端色を選ぶこのメニューが灰色無効になります。 |
これらのオプションを使うと他にもいろいろな方法で終端の色を指定できます。 このサブメニューで選べる読み込み元はつぎのとおりです。 (左終端色について扱っているものとします。)
ここを選ぶと現在選択している範囲の左終端の色に左隣の分節の右終端の色が使われます。 セグメントの境界が滑らかにつながります。
ここを選ぶと現在選択している範囲の左終端の色が右終端の色と同じになります。
ここを選ぶとツールボックスにも示される GIMP の描画色や背景色がこの終端の色に使えます。 ちなみにこの後で描画色や背景色を変更してもここの終端色が変化するわけではありません。
このサブメニューの残りは 10 個の「保存庫」です。 後述する サブメニューで個々に色を割り当てられます。 ここで選んだ枠の色が終端色に使われます。
この 2 つのサブメニューは現在その端点に使われている色を、 サブメニュー内で指定した「保存庫」にとりこみます。
「パレットダイアログ」や「描画色/背景色」ダイアログ、 あるいはツールボックスから色標識をクリックしてドラッグで
終端点 (黒三角形) 上に曳き込めばそこに接する左右の終端色が変更でき、
グラデーション表示領域に曳き込めば新たに終端点が追加され、 できた端点の両面の終端色がその色に設定されます。
セグメント内での混色と色づけの機能
このオプションは選択範囲 (ひとつもしくは複数が連続するセグメント) の一方の終端からもう一方の終端までの色の変化の様態を設定するためのものであり、 終端と中間点にいずれかの関数が適用されます。
既定ではこの関数が選ばれています。 終端から終端までの色変化は直線的です。
漸進的な色変化は選択範囲の中程よりも両終端に近いところほど色変わりの度合いが大きくなります。
カーブの関数とは対照的に漸進的な色変化は選択範囲の両終端よりも中間点に近いところほど色変わりの度合いが大きくなります。
選択範囲の左側が右側よりも急激に色変わりします。
選択範囲の右側が左側よりも急激に色変わりします。
Gradient changes from left value to right value in one step without intermediate colors.
このオプションでは選択範囲の中での色変化を 、 、 の 3 つの 色モデル から指定できます。
つぎにメニューに並ぶ各項目を見てゆきましょう。
RGB
HSV (counter-clockwise hue)
HSV (clockwise hue)
セグメントを加工
このオプションは選択範囲 (ひとつもしくは複数が連続するセグメント) のすべての色と終端の位置を左右反転して配置します。
このオプションは選択範囲 (ひとつもしくは複数が連続するセグメント) を 2 等分し、 元の範囲の内容の完全な複製を半分の幅に圧縮して 2 つ並べます。
このオプションは選択範囲のセグメントをそれぞれ 2 つずつに切り分け、 元のセグメントの白い三角形の位置が両分節の境界となるように配置します。
このオプションは前項と似ていますが 2 つずつに切り分けられたセグメントの境界は中間点の白三角形の位置ではなく範囲を 2 等分する中点に置かれます。
このオプションは選択範囲 (ひとつもしくは複数が連続するセグメント) 内のすべてのセグメントを消去し、 その代わりにこの範囲の中央に黒い三角形をひとつだけ置き、 選択範囲の両隣のセグメントを拡大して空隙を埋めます。
このオプションは選択範囲内のすべてのセグメントの白い三角形を各セグメントの幅を 2 等分する中点の位置に移動します。
このオプションは選択範囲内のセグメントの幅を均一にし、 各セグメントの白三角形をその中点に移動します。 選択範囲内の黒と白の三角形の互いの幅は等しくなります。
終端の色の調和
この 2 つのオプションは複数の連続するセグメントを選択したときだけ利用できます。
このオプションは隣り合う終端の色の平均をとって各終端の色を等しくさせ、 セグメントの境界が滑らかにつながるようにします。
このオプションは前項と同じことを色ではなく透明度について実施します。
When enabled, the gradient editor will automatically load the currently active gradient. If it is disabled, the gradient editor will not change when the active gradient changes.
![[注意]](images/caution.png)
|
注意 |
|---|---|
|
グラデーションエディターでの作業は「取り消し」が効きません。 十分お気をつけください。 |
オプションの説明ばかりで少々うんざりされたかと思います。 ここはひとつ使用例を見てすっきりさせましょう。
Open the Gradient Dialog. Click the
.
The Gradient Editor is opened
and shows a gradient from black to white.
新しいグラデーションを でクリックして脈絡メニューを呼び出し、 を選んでください。 出てきたダイアログに適当な数を入れましょう。
図15.35 セグメントが 3 つあるグラデーション
各セグメントは黒の三角形スライダーで区切られている。 三角形の間をクリックしてセグメントを活性化しよう。 Shift キーを押しながらなら連続して複数選べる。
グラデーションを クリックして脈絡メニューを呼び出し、 選んでおいたセグメントもしくはセグメント群の と をそれぞれ指定します。
他のセグメントにも同じ手順を踏んでください。 そのあとは「セグメントの色を調和させる機能」を使っていろいろな効果を引きだしましょう。
