描画色・背景色のカラーを選ぶ

2017年08月07日
いいね!いいね ! 0     
Loading...
 
3 views♪

 


 

 

 

描画色・背景色のカラーを選ぶ方法をご紹介したいと思いますicon-108

 
 

以前、スポイト・カラーサンプラーツールで画像から色をひろう方法をご紹介したんですがicon-50icon-51

 

今回はカラーパネル・カラーピッカー・スウォッチパネルを使って色を選択しますicon-57

 

オリジナルのカラーを作って、スウォッチに保存もできますよicon-110

 

 

 

ではご説明していきますねicon-56

 

描画色・背景色
カラーを選ぶ

 

 

 

 

 
 

  

 

 

 

 

 

 

 使い方

 

 

 

 

 

まず、描画色背景色の確認をしてみたいと思いますicon-171

 

 

 

8.07pic-1

 

 

 

いろいろな作業をするうえで

 

基本的に描画色に設定した色をよく使いますicon-202

 

背景色は、フィルター等の時に一緒に使ったりもしますicon-4

 

さを押しても描画色と背景色の入れ替えができますよicon-204

 

 

 

 

 

 

 

7.30banner①

 

 

 

カラーパネルは、ウィンドウ>カラーと進むとパネルが表示されますicon-184

 

 

8.07pic-2

 

 

 

 そして、パネルはこのようになっていますicon-120

 

 

8.07pic-3

 

 

 

 
描画色か背景色を選択し、右側のスライダーで色相を選び真ん中で指定する色を選択しますicon-56
 
スポイトで色をドキュメントウインドウから拾うこともできますicon-32 icon-5 

 

印刷に対応していないカラーは警告がでますicon-7

 

 

また、カラーパネル右上の8.07pic-4をクリックすると以下のようなパネルがさらにひらきますicon-10

 

 

 

 

8.07pic-5

 

 

 

 

カラーモードを変更できるんですicon-49

 

さらに、カラーをHTMLコードとしてコピーを選択するとicon-43

 

選択したカラーのHTMLコードをクリップボードにコピーされるんですicon-33icon-54

 

8.07pic-6 icon-207こういうのですねicon-32

 

作業をしていくうえで、カラー指定をする時によく使うカラーの番号ですicon-4

 

メモ帳等にコピーペーストしてご確認くださいねicon-50

 

 

 

 

 

 

 

7.30banner①

 

 

 

 

つぎにスウォッチパネルicon-24

 

カラーパネルの上部にタブがあるのでそこをひらくか、swatch-iconをクリックしますicon-56

 

 

 

8.07pic-8

 

 

 

すると、以下のようなパネルがひらくので色をクリックしますicon-206

 

描画色に適用されますicon-148

 

 

 

 

8.07pic-10

 

 

 

 

こちらも、右上の8.07pic-4でスウォッチライブラリからカラーセットを選ぶこともできますよicon-197

 

 

 

 

8.07pic-11

 

 

 

 

 

 

 

 

 

7.30banner①

 

 

 

最後にカラーピッカーですicon-136

 

こちらは、ツールボックスの描画色のところをクリックするとパネルがひらきますicon-20icon-6

 

 

 

 

8.07pic-13

 

 

 

こちらもカラーパネルと同じように、右側のスライダーで色相を選び真ん中で指定する色を選択しますicon-56

 

右側のHSBやRGBをそれぞれ選択して、彩度や明るさ・レッド等を細かく指定していくこともできますicon-45icon-17

 

add-swatchは、今作成したカラーをスウォッチに登録できますicon-49

 

色を指定したら、add-swatchをクリックしてicon-5

 

 

 

8.07pic-14

 

 

 

名前を記入し、OKするだけですicon-5

 

 

 

 

8.07pic-15

 

 

 

 

今作成したカラーがちゃんとスウォッチに登録されていますねicon-32icon-21

 

 

 

 8.07pic-16

 

 

 

 

 

また、color-libraryですがicon-7

 

こちらは、印刷用のカラーを表示してくれますicon-203

 

現在カラーピッカーで選択されているカラーに最も近い色を表示しますicon-15

 

 

 

8.07pic-17 

 

 

 

いかがでしたかicon-14

 

色を指定するだけでも3つのツールがありますicon-141

 

 

ぜひオリジナルカラーをどんどん作ってみてくださいねicon-56icon-41

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

emoji-tyuui

 

 

 

 

 

 

 

 

 

 

 



Copyright © 2018 【La Reve Design Store】 All rights Reserved.
ページtopへ戻る