Web ページの背景を作成する

Corel Painter には、Web ページの背景を作成するためのツールが用意されています。

Web ページの背景は、目立たず控えめなほうが効果的です。テキストの背景として使うパターンについては、特にこのことが重要です。[編集] [フェード] を選択すると、パターンを淡くしてテキストの背景に適したものにできます。

[フェード] コマンドを使用して、パターンを淡くします。

背景色を設定する

背景のイメージに似た背景色を指定すると、追加で何かを必要とせずに、ページの読み込み時の表示を美しくできます。たとえば、ページの背景にシームレスなダークグリーンのパターンを敷き詰めて使う場合、パターンの読み込みには、さほど時間がかかりません。読み込みが完了するまで、背景色として設定されている色 (適切に指定されていない場合、通常はグレーか白) がブラウザに表示されます。ただし、パターンが表示される前にこの色が表示されることは望ましくありません。表示に支障をきたす場合があります。文字色に指定された色によっては、背景パターンの読み込みが完了するまで、まったく文字が見えないことさえあります。

HTML の使用により、ページ、テーブルまたは CSS (Cascading Style Sheet、カスケード式スタイル シート) エレメントに無地の背景色を指定できます。Corel Painter では、実際の HTML コードに背景色を設定することはできませんが、HTML で使用される 16 進法形式で表した色コードを Corel Painter で確認することはできます。

敷き詰め背景パターンを使用する

背景イメージが、ページ、テーブルまたは CSS レイヤーの表示領域よりも小さい場合は、Web ブラウザによって自動的にイメージが反復され、全体に敷き詰められます。Corel Painter を使用すると、Web ページで使用する敷き詰め背景イメージが簡単に作成できます。

最近のブラウザでは CSS 機能がサポートされているため、以前より多くのエレメントに背景イメージを適用することができます。以前のバージョンでは、ページやテーブルにしか適用できませんでした。現バージョンでは CSS を使用して、レイヤーやブロックレベルのエレメントなど、従来の HTML レイアウトで表示可能なすべてのエレメントに背景イメージを設定することができます。敷き詰め背景パターンの使用がページ本体のみに制限されなくなったため、ボーダーやコールアウト ボックス、サイドバーなどのエレメントの背景にも、パターンを使用することが可能になりました。

パターンは、どのようなイメージや選択範囲からでも作成できます。背景に使用するイメージは、通常、敷き詰めたときに継ぎ目がないように作成します。つまり、目で見ても繰り返すイメージのエッジを見分けることができません。Corel Painter には、継ぎ目がないタイルを作成できる機能があります。このタイルを使って、面白い Web 背景にすることができます。パターンの作成および編集、保存、塗潰しの詳細は、パターン. を参照してください。

[ガラス越し] 効果や [スーパー ソフト] 効果 ([ラップ アラウンド] チェック ボックスをオンにする) および [色調処理] 効果の大半のものは、継ぎ目のないパターンに適用しても継ぎ目ができません。しかし、[表面テクスチャの適用] のように、設定によって目立つ継ぎ目ができてしまうものもあるので、実際に試して確認してください。

継ぎ目のないパターンと継ぎ目のあるパターンの例

[表面テクスチャの適用] などの効果の適用で生じる継ぎ目を多少とも回避するには、[表面テクスチャ効果] の設定を弱く ([量] スライダを動かす) します。パターンの中心をずらしながら (パターン化されているときは、Shift + スペースバーでパターンの中心がずらせます)、何度かにわけて適用します。この方法を使えば、継目が分散するので目立たなくなります。

敷き詰めパターンのサイズは、20x20 ピクセル程度を下限として、小さい方が推奨されます。タイルが極端に小さいと、ブラウザがそのタイルを使用して広い領域をレンダリングするのに逆に時間がかかってしまいます。

パターンが作成できたら、後でまた Corel Painter で編集するときのために、イメージを RIFF 形式で保存します。その後 Web 用に JPEG または GIF 形式で保存します。

Web 背景の場合は、できる限り少ない色数の GIF ファイルとして保存し、ファイル サイズを小さくします。JPEG を使用することもできますが、ほとんどの場合、JPEG の方がファイル サイズは大きくなります。背景パターンのファイルは、基本的に 20 KB くらいまでが望ましいとされています。GIF または JPEG 形式でイメージを保存する方法の詳細は、ファイルを保存/バックアップする. を参照してください。

フラクタルパターンでタイルを作成する

この他に、[フラクタル パターンの作成] コマンドを使っても、継ぎ目のないパターンが簡単に作れます。[フラクタル パターンの作成] は、有機的なパターンを生成するパターン作成コマンドです。生成されたパターンに色をつけたり、テクスチャをつけたりして、仕上げられます。詳細は、フラクタル パターンを作成する.を参照してください。

[色のオーバーレイ][水彩] ブラシ、[クローン] もパターンに適用できます。さらに [フラクタル パターンの作成] で作成したパターンに [ガラス越し] 効果を適用して、美しい複雑な効果を出すこともできます。


フィードバック
このページはお役に立ちましたか? フィードバックの送信。 (インターネット接続が必要です。)