Adobe Photoshop для верстальщика. Работа с цветом

Еще один навык, которым должен обладать верстальщик - это работа с цветом.

Внимание! Статья написана на основе Adobe Photoshop CC 2018.

Получение цвета у слоев

Для того чтобы определить цвет любого элемента на слое (кроме текста, про это будет дальше) необходимо активировать инструмент «Пипетка» (горячая клавиша "I") и кликнуть по слою, цвет которого нужно определить. После этого зайти в палитру цветов, чтобы получить код выбранного цвета.

Получения цвета элементов при помощи пипетки
Получения цвета элементов при помощи пипетки

Так же если сразу зайти в палитру цветов, то активируется инструмент «Пипетка» и можно, не выходя из палитры, получать необходимые цвета.

Хозяйке на заметку
В палитру можно собрать сразу два цвета, чтобы переключиться между основной и дополнительной - нажми кнопку "X".

В окне «Палитра цветов» есть два значения цвета для верстальщика:

  • hex (шестнадцатеричное значение)
  • rgb
«Палитра цветов» в Adobe Photoshop
«Палитра цветов» в Adobe Photoshop

Получение цвета текста

Для того чтобы получить цвет текста необходимо выбрать нужный текст и зайти в окно «Символ». При нажатии на ячейку «Цвет» откроется такая же палитра цветов.

Важно знать!

Частым случаем является то, что слой или текст имеет прозрачность. Понять имеет ли элемент прозрачность или нет при помощи палитры не получится.

Для того чтобы определить прозрачность необходимо выбрать интересующий слой и посмотреть в окно «Слои». В данном окне есть пункт «Непрозрачность: ». Если значение этого пункта равно 100%, то слой полностью видим, в других случаях он имеет прозрачность.

Определение прозрачности слоя в Adobe Photoshop
Определение прозрачности слоя в Adobe Photoshop
Если вам понравилась статья - ставьте «палец вверх», подписывайтесь на канал и делитесь с друзьями!