このページの手順へのクイック リンク
• |
• |
GIF ファイル形式は、Web 上で広く使用されています。 Corel Painter では、Web 対応の透明な GIF アニメーションを作成することができます。ファイル サイズを小さく、ダウンロード時間を短くするために、GIF ファイルの色数を減らすことができます。
正しくデザインすれば、透明な領域を含む GIF は、背景の色やタイル上に表示する際に非常に効果的です。
青い背景イメージ上に表示されている透過 GIF (飛行機)
Corel Painter では、GIF をエクスポート中に、選択したレイヤーのコンテンツに基づいて透明な領域が作成されます。レイヤー上のフローティング エレメントのエッジが、透明な領域の作成に使用されます。レイヤーについて詳しくは、レイヤーを参照してください。
GIF ファイル形式に保存する際に、色数を減らすこともできます。色数が少ない程、ファイルのサイズが小さくなります。色数を減らす方法について詳しくは、色数を減らすを参照してください。
GIF ファイルの保存に使用できるその他のオプションについて詳しくは、GIF 形式で保存するを参照してください。
1 枚のレイヤーまたはグループ化されたレイヤーから透過 GIF を作成するには |
1 |
[レイヤー] パネルで、レイヤーまたはレイヤー グループを選択します。 |
GIF イメージに透明な領域を作成するには、まず選択範囲を指定する必要があります。 |
2 |
[選択] [レイヤーコンテンツの選択] を選択します。 |
3 |
[ファイル] [別名で保存] を選択します。 |
4 |
[ファイルの種類] リスト ボックスから GIF を選択します。 |
5 |
保存する場所とファイル名を指定し、[保存] をクリックします。 |
6 |
[GIF ファイル保存オプション] ダイアログ ボックスで [透明を出力する] チェック ボックスをオンにし、キャンバスで選択されている領域のみが Web ページに表示されるようにします。 |
7 |
以下のいずれかのオプションをオンにします。 |
• |
[背景を WWW グレーにする] - 透明色を 75% グレーに設定します。 |
• |
[背景を背景色にする] - 透明色を [カラー] パネルで指定されているサブカラーに設定します。この設定は HTML ページの背景色には引用されない点に注意してください。 |
8 |
プレビュー ウィンドウで、選択されている領域が正しくマスクされているか、および透明の領域が正確に配置されているかを確認します。透明の領域はグリッドで表示されます。 |
必要であれば、プレビュー ウィンドウ内をドラッグしてイメージのすべての部分を表示することができます。 |
9 |
以下のいずれかのイメージ補正法を選択します。 |
• |
[近似色] オプション - Corel Painter は各ピクセルを検証し近似色を抽出します。保存するイメージの中で単一色である領域が広範囲である場合は、この方法が役に立ちます。 |
• |
[ディザリング] オプション - Corel Painter は選択された色に点画効果を適用し、より正確で色の帯が目立たないイメージを生成します。残念ながら、[ディザリング] を使用すると、GIF ファイル圧縮の効果が多少損なわれる恐れがあります。 |
RIFF 形式のイメージを GIF または JPEG で保存すると、イメージ データの一部が失われる点にご注意ください。RIFF ファイルを後で編集する場合は、RIFF 形式のコピーを保存してから GIF または JPEG ファイル形式で保存します。 |
Corel Painter では、QuickTime ムービーを開き、それに描画した後、アニメーション GIF として保存することができます。さらに、Corel Painterで新規ムービーやアニメーションを最初から作成し、アニメーション GIF や QuickTime、AVI ムービーとして保存できます。
ムービーの作成について詳しくは、ムービーを作成するを参照してください。アニメーション GIF の作成とエクスポートについて詳しくは、Web 用のアニメーションを作成する/書き出すを参照してください。
Web デザイナは、Web のグラフィックを作成するために、常にバランスを追求しています。アートワークやイメージを高度で力強いものに仕上げると同時に、できるだけ小さくダウンロードしやすいサイズにしなければなりません。
イメージ ファイルのサイズを小さくする方法の 1 つとして、グラフィック エレメントの作成に使用される色数を減らす方法が挙げられます。使用する色数を減らすと、ファイル サイズが縮小されるため、ダウンロードに要する時間も短縮されます。
Web デザイナの中には、同一のグラフィック エレメントを複数の形式で (使用する色数を変えて) 保存することを好む方もいるでしょう。その場合は、複数の形式で保存したイメージをページに読み込んで配置し、ページ上で確認した上でどの色数が適当であるかを決めることになります。ただ、この手順は複雑なうえ、実行には時間がかかります。
Corel Painter では、[GIF ファイル保存オプション] ダイアログ ボックスのプレビュー ウィンドウを使用することにより、イメージを GIF 形式で保存する段階で、適当な色数を決定することができます。
視覚的に確認しながら色数を減らすには |
1 |
[ファイル] [別名で保存] を選択し、イメージ ファイルに名前を付けます。 |
2 |
GIF ファイル形式を選択し、[保存] をクリックします。 |
3 |
警告メッセージが表示されたら、[OK] をクリックします。 |
4 |
[GIF ファイル保存オプション] ダイアログ ボックスの [色数] 領域で [256 色] をオンにします。 |
5 |
[128 色] をオンにします。 |
プレビュー ウィンドウに、イメージが 128 色で表示されます。 |
6 |
Web ページ上で表示するために十分な最小限の色数がわかるまで、グラフィックの色数を減らし続けます。 |
7 |
Corel Painter で各ピクセルを検証して近似色を抽出する場合は、[近似色] オプションをオンにします。選択した色にパターンを適用し、より正確で色の帯が目立たないイメージを生成するには、[ディザリング] をオンにします。 |
これでこのグラフィック エレメントを保存して Web ページ上に配置するか、Corel Painter に戻りデザインおよび色の調整作業を続けることができます。 |
RIFF 形式のイメージを GIF に変換すると、そのイメージ データの一部が失われる点にご注意ください。ファイルを後から編集する場合は、RIFF 形式のコピーを保存してから GIF バージョンを作成してください。 |
Copyright 2012 Corel Corporation. All rights reserved.