WEBデザイン

Affinity Designerのスポイトツールの使い方解説

Affinity Designerのスポイトツールの使い方が知りたいので詳しく説明して欲しい。

この記事ではそんな悩みを解決します。

本記事はこんな方におすすめ

  • Affnity Designer初心者向け
  • Affinity Desginerを使ってデザインしたいデザイナー向け
  • Affinity Designerのスポイトツールについて使い方を知りたい人向け

この記事を書いてるのはこんな人

2015年2月23日にmac版のAffinity Designerと出会ってからAffinityシリーズを使い続けているAffinity愛好家。

 

 

Affinity Designerのスポイトツールの使い方解説

動画での解説を見たい方はこちらをどうぞ。

 

ここからは動画で説明した内容を元に画像とテキスト形式でスポイトツールの使い方を紹介しますね。

affinity designer スポイトツール 使い方

サンプルとして4色の色をつけたオブジェクトを配置しました。

ここからカラーの中にあるスポイトをクリックした状態で、画像の中にある4色から必要な色を吸ってみますね。

 

affinity designer スポイトツール 使い方

画像右上の『カラー』からスポイトアイコンをクリックしながら移動していくと丸い円が出てきます。

この丸い円を移動させて吸いたい色の上に持っていくとスポイトアイコンの横にある小さな丸の中の色が変わります。

 

affinity designer スポイトツール 使い方

実際に色を使う所を再現したいので、4色の四角の上に長方形の四角を作りました。

 

affinity designer スポイトツール 使い方

長方形の四角を選択した状態でスポイトの横にある色のついた丸をクリックすると、さきほど手に入れた紫色が長方形の四角に適用されます。

 

affinity designer スポイトツール 使い方

やっぱり青にしたいなって時には、長方形の四角を選択した状態で、再びスポイトをクリックしながら大きな丸を青に合わせます。

 

affinity designer スポイトツール 使い方

スポイトの横の丸が青になったので、色のついた丸をクリックすると、長方形の四角も青になりました。

 

affinity designer スポイトツール 使い方

Affinity Designerの中以外からも色を使いたい時もあると思います。

例えば、ブラウザ検索して出てきた画像の中の色を使いたい時には

 

affinity designer スポイトツール 使い方

スポイトをそのままブラウザの方へ移動させます。

 

affinity designer スポイトツール 使い方

すると葉っぱの色を吸う事が出来ました。

 

Affinity DesignerのスポイトツールはAffinit Designerの中以外にもブラウザやデスクトップ背景や動画の中の色まで何でも吸う事が出来ます。

かなり便利な機能なので、Affinity Designerを愛用している方は活用してみてください。

 

 

初心者向けにバナー作り方を記事としてまとめましたので、バナー作りに困った時に活用してみてください。

初心者デザイナー必見!ネットショップで使えるバナー作成徹底解説まとめ

デザイン
ネットショップ用バナーの作り方!現役ネットショップオーナー直伝!

バナーを作らないといけないけどデザインセンスが無さすぎてバナーが作れない。どこから手を出せばいいの? バナー作成にデザインセンスは不要!作り方さえ知っていれば当てはめるだけで作る事が出来ます。 本記事 ...

続きを見る

  • この記事を書いた人
  • 最新記事

井川 裕輝

ネットショップ総合管理職3年の経験を経て独立、現在は法人代表。小規模低予算少人数でのネットショップ立ち上げ経験が最も多い。

-WEBデザイン
-

© 2021 ネットショップ運営情報ブログ『WellMaga』