Affinity Designerは、グラフィックスを効率的に設計および調整するための多くの機能を提供します。面、輪郭、およびグラデーションの効率的な使用は、プロフェッショナルなデザインを作成するために重要です。このガイドでは、デザインを最適化するのに役立つ基本的な概念と技術を学びます。
重要なポイント
- 面、輪郭、グラデーションはAffinity Designerの基本要素です。
- 面の透明度と輪郭の太さは、デザインの視覚化に影響を与えます。
- カラーペーシングを使用すると、動的で魅力的な効果を得られます。
- 異なるグラフィックスタイルを得るために輪郭を調整できます。
ステップバイステップガイド
輪郭のない面を選択する
最初に、ドキュメント内の1つの正方形を選択します。左側の正方形をクリックして選択します。この正方形はレイヤーパレットで青くハイライトされます。コンテキストバーでは、割り当てられた塗りつぶし色を確認できます。ここで、選択した面に輪郭がないことを確認します。つまり、輪郭には現在厚みがなく、表示されないことを意味します。

塗りつぶし色を変更する
選択した正方形の塗りつぶし色を変更するには、コンテキストバーの「塗りつぶし」セクションに移動します。そこでは、カラーボックスをダブルクリックして別の色を選ぶことができます。代わりにカラーパレットを使用して別の色を選択することもできます。例えば、オレンジ色を選びたい場合、その色の透明度を設定するオプションもあります。
色の不透明度とレイヤーの違い
色の不透明度とレイヤーの不透明度の違いを理解することが重要です。色の不透明度を変更すると、その色自体の視認性のみが影響を受けます。一方、レイヤーの不透明度を変更すると、全体のレイヤーに影響を与えます。レイヤーパレットで全体のレイヤーの不透明度を設定し、背景が透けていく様子を観察できます。
面のない輪郭を選択する
次に、輪郭に移ります。真ん中の正方形をクリックして選択します。正方形の中心をクリックしないようにしてください。ここには面が存在しないためです。代わりに、個々のパスをクリックする必要があります。コンテキストバーでは、塗りつぶしが定義されていないことがわかります。つまり、この正方形には輪郭だけがあることを意味します。
輪郭の色を変更し、厚さを調整する
輪郭の色を変更するには、コンテキストバーの輪郭の色をクリックして新しい色を選択します。色の変更に加えて、輪郭の幅も調整できます。この部分では、スライダーをクリックして右または左に動かすことで輪郭の厚さを変更できます。輪郭の厚さを変更するのは非常にダイナミックです。

輪郭の配置を設定する
輪郭の厚さに加えて、配置も設定できます。ここには、輪郭をパスの内側、外側、または中央に配置するオプションがあります。これにより、オブジェクト上の輪郭の視覚的表現が大きく影響されます。例えば、幅を20ポイントに設定し、配置を外側に設定すると、パスの外側で輪郭が広がります。
輪郭の色と不透明度を調整する
塗りつぶしの色と同様に、輪郭の不透明度を設定できます。輪郭をクリックして、スライダーを使って不透明度を調整します。0%に設定すると、輪郭は見えなくなり、100%に設定すると完全に表示されます。
グラデーションを使用した塗りつぶしを追加する
次に、グラデーションについてです。右の正方形を選択し、塗りつぶしがグラデーションとして設定されていることを確認します。グラデーションをクリックすると、異なるカラーポイントを設定および調整できる編集フィールドが表示されます。グラデーション内のカラーポイントは移動可能で、異なる色のグラデーション表現を達成できます。

グラデーションの種類を変更する
この編集フィールドでは、グラデーションのタイプも変更できます。直線的または放射状か、どちらのバリエーションもグラフィックとその外観に異なる影響を与えます。放射状グラデーションでは、中心点からグラデーションが表示されるため、全く異なる視覚的効果が生まれます。
個々のグラデーションポイントを調整する
カラーポイントをクリックすることで、色を直接変更できます。ドラッグアンドドロップを使用してカラーポイントの位置を変更し、微調整を行うこともできます。このタイプの調整は、デザインに最適なカラープレゼンテーションを見つけるのに役立ちます。
輪郭にグラデーションを適用する
特に創造的なのは、輪郭にもグラデーションを適用することです。再度中央の正方形を選択し、輪郭に進み、グラデーションを有効にします。カラーポイントを通常通り調整して、ここでも魅力的な効果を得てください。

まとめ - Affinity Designer: 面、輪郭、グラデーションをマスターする
Affinity Designerで面、輪郭、グラデーションを操作することは、基本的な機能を理解すれば簡単に学べます。これらのスキルを駆使して、あなたのデザインを大幅に改善し、より多くの創造性を持ち込むことができます。
よくある質問
オブジェクトの塗りつぶし色を変更するには?オブジェクトをクリックし、コンテキストバーで塗りつぶしを選択し、色を変更します。
輪郭を透明にすることもできますか?はい、輪郭の不透明度を調整して透明にすることができます。
グラデーションを追加するにはどうすればよいですか?オブジェクトを選択し、塗りつぶしオプションをクリックしてグラデーションを選択します。
不透明度と透明度の違いは何ですか?不透明度は色の視認性に関係し、透明度は全体のレイヤーの視認性に影響を与えます。
輪郭にグラデーションを適用するにはどうすればいいですか?オブジェクトを選択し、輪郭に進み、塗りつぶしのようにグラデーションを有効にします。