Skip to main content

Основы цвета для печати и веб-класса.

Полиграфия и допечатная подготовка 1.0 - основы полиграфии (Апрель 2025)

Полиграфия и допечатная подготовка 1.0 - основы полиграфии (Апрель 2025)

:

Anonim
01 из 09

Сортировка цветов класса школы

Знаете ли вы, что цветное колесо, которое вы изучили в школе, не совпадает с цветами, используемыми для Интернета? Это даже не то, как цвета смешиваются для печати? Ну, такие же цвета, просто разные аранжировки и смеси.

Традиционные (Think Paint or Crayons)

  • Традиционный первичный цвета - красный, желтый и синий.
  • Смешайте два основных цвета, чтобы получить дополнительный или вторичные цвета.
  • Традиционный дополнительный цвета оранжевые (красный плюс желтый), зеленый (желтый плюс синий) и фиолетовый (синий плюс красный).

В старшей школе у ​​вас, вероятно, было много возможностей смешать основные цвета и сделать новые цвета. Это было волшебство! Смешивание цветов для печати чернилами не работает одинаково. Первичные цвета в свете и чернилах не являются красными, желтыми и синими основными цветами краски. На самом деле, есть 6 основных цветов.

Индекс основных цветов:

  1. Сортировка цветов школы (эта страница)
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMYK в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций

02 из 09

Аддитивные и субтрактивные первичные

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

  • Добавьте красный, зеленый и синий (RGB) свет, чтобы создать белый свет. Поскольку вы добавляете цвета вместе, чтобы получить белый цвет, мы называем это аддитивные праймериз, Цвета на экране отображаются путем смешивания различного количества красного, зеленого и синего света. Имейте в виду, что аддитивные праймериз обычно относятся к цветному режиму RGB на экране. Смешивание фактических красных, зеленых и синих чернил или красок не приводит к образованию белого.
  • Вычитайте один из цветов RGB из других, и вы останетесь с другим цветом. RGB минус красные листья голубые. RGB минус синие листья желтые. RGB минус зеленые листья пурпурного цвета. Они называются субтрактивные праймериз (CMY). Цвета синего, пурпурного и желтого чернил - наряду с черными - используются в четырехцветной технологической печати, также известной как CMYK. Объединение двух из субтрактивных праймериз приводит к одному из аддитивных праймериз (например, голубой + желтый дает зеленый цвет). Смешивание всех трех субтрактивных праймериз приводит к черному (не чистому черному, а мутному черному цвету).

Затем мы рассмотрим, как мы пытаемся воспроизвести цвет в печати и в Интернете.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY) (на этой странице)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
03 из 09

Цвет RGB в настольном издательском деле

Ваш монитор компьютера излучает свет, поэтому разумно, что компьютер использует три цветовые области красного, зеленого и синего (первичные добавки) для воспроизведения цветов, которые мы видим.

Работая с изображениями, предназначенными для экрана или Интернета, мы выделяем цвета по красным, зеленым или синим цветом. В вашем графическом программном обеспечении эти цифры могут выглядеть так:

  • 255 RED 255 GREEN 0 BLUEили же
  • 255R 255G 0Bили же
  • RGB: 255 255,0или же
  • FFFF00 (может быть записано как # FFFF00)

Все они представляют собой желтый цвет. Число между 1-255 обозначает количество каждого цвета красного, зеленого или синего цвета, причем 255 - это чистое 100% значение цвета. Ноль означает ни один из этого цвета. Чтобы ваш компьютер мог понять эти цифры, мы переводим их на 6-значный шестнадцатеричный номеров или триплеты (шестнадцатеричные коды).

В нашем примере FF представляет собой шестнадцатеричный эквивалент 255. Шестнадцатеричный триплет всегда находится в порядке RGB, поэтому первый FF является красным. Второй FF - желтый. Синего нет, поэтому он равен 00, шестнадцатеричный эквивалент нуля.

Это основы для цвета в Интернете. Чтобы углубиться в RGB и как цвет выглядит на экране, загляните в эти более подробные ресурсы для веб-цвета.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в Desktop Publishing (эта страница)
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
04 из 09

Цвет CMY в настольном издательском деле

Цвет (свет) производится путем вычитания различных количеств других цветов из аддитивных праймериз (RGB). Но при печати, когда мы смешиваем (добавляем) чернила вместе, цвета не выходят, как мы могли ожидать. Поэтому мы начинаем с субтрактивных праймериз (CMY) и смешиваем их в разных количествах (плюс черный сокращенно K), чтобы получить нужные цвета.

Цвета для печати смешиваются в процентах, например:

  • 50% CYAN 100% MAGENTA 25% ЖЕЛТЫЙили же
  • C50 M100 Y25
  • И так как черный обычно используется вместе с CMY, процент черных (даже если он равен 0) также включен, например: C50 M100 Y25 K0

Четвертый цветной бар в этом примере представляет собой фиолетовый цвет, выполненный с разным количеством каждого из субтрактивных праймериз (и без черного).Красный цвет, предшествующий ему, эквивалентен CMY RGB Red. Нижняя панель цвета не использует чернила CMY, только 80% черного (K).

Эта цветовая модель CMY (K) является лишь одним из многих способов выразить цвет для печати, но мы сохраним эту тему для другой функции. Существуют и другие связанные с цветом термины, которые мы рассмотрим вкратце, а затем дополнительно укажем цвета для работы с печатью.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. CMY Color in Desktop Publishing (эта страница)
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
05 из 09

Указание цветов

Выбор наиболее приятных или эффективных цветовых комбинаций является лишь частью уравнения при работе с цветом. Вы также должны указать желаемые цвета. Для печати существует несколько способов указать цвет, и он может варьироваться в зависимости от количества используемых цветов и того, как вы их используете. Мы рассмотрим несколько возможностей.

  • Оттенки одного цвета: Вы можете добиться большого разнообразия эффектов, используя один цвет пятна (1 / C), указав, что цвет будет отображаться (оттенки). Эти оттенки являются процентами сплошного цвета (100%).
  • Два или более цветов: Комбинируйте твердые частицы и экранированные оттенки двух или более цветов (2 / C, 3 / C, 4 / C и т. Д.). В приведенном выше примере цвета представляют собой комбинации одного цвета плюс черный (K) (три верхние являются голубыми, нижние три - пурпуровыми). (для печати черный цвет). Они также являются процентами.
  • Цвета PMS: Чтобы точно соответствовать цвету (или как можно ближе к печати), вы можете использовать такую ​​систему, как Pantone Matching System. Есть и другие. Цветные миксы пронумерованы для удобства. У вашей графической программы могут быть цветовые палитры, названные для некоторых из наиболее популярных систем согласования цветов. Они позволяют выбирать цвета для вашего дизайна, которые соответствуют системе согласования цветов, используемой вашим принтером. (Обратите внимание, что названия / номера цветов на изображении могут не соответствовать самым современным обозначениям от Pantone.)
  • CMYK В четырехцветной технологической печати, чтобы воспроизводить полноцветный цвет непрерывного тона, мы используем четыре конкретных цвета. Эти цвета процесса - голубой (C), желтый (Y), пурпурный (M) (СУБТРАКТИВНЫЕ цвета из нашего цветового круга) и черный (K). Восприятие миллионов цветов достигается не смешиванием этих цветов чернил, а печать тысяч крошечных точек каждого цвета разных размеров и узоров. Глаз объединяет эти точки и видит больше четырех цветов CMYK (или иногда написанных как CYMK).
  • Цветные разрывы В четырехцветной технологической печати вместо указания конкретных цветов вы создаете другую копию своих работ для каждого из четырех цветов (CMYK). Каждая копия печатается одна поверх другой, чтобы создать оптический эффект полноцветного. Разделения также создаются при использовании более двух точечных цветов, причем каждое разделение содержит только части страницы для этого конкретного цвета. На иллюстрации четыре изображения в градациях серого представляют собой печатную форму для каждого из четырех цветов процесса. Обратите внимание на то, как малиновая пластина намного темнее на теле трактора? Для получения ярко-красного трактора требуется намного больше красноватых цветных чернил.

Очевидно, это всего лишь краткий обзор. Сотни книг и статей были написаны о процессе задания и печати в цвете.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов (эта страница)
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
06 из 09

Восприятие цвета

Если вы считали, что основными цветами являются красный, синий и желтый цвета, с дополнительными или вторичными цветами фиолетового, зеленого и оранжевого, то вам нужно посетить или повторно посетить более ранние страницы этого руководства по основам цвета, потому что для этого обсуждения мы полагаемся на добавочных и субтрактивных основных цветах, RGB и CMY.

Несколько факторов влияют на то, как мы воспринимаем цвет. Один из этих факторов может быть показан положением цветов на цветовом колесе по отношению к другим цветам.

Важная заметка: В науке и теории цвета есть четкие определения для смежных, контрастных и дополнительных цветов и того, как они появляются на цветовом круге. В графическом дизайне и некоторых других областях мы используем более лёгкую интерпретацию. Цвета не должны быть прямыми противоположностями или иметь определенное количество разделения, которые считаются контрастными или взаимодополняющими. В дизайне это больше касается восприятия и чувства.
  • примыкающий цвета появляются рядом друг с другом на цветном колесе. Два или более смежных цвета гармонизировать друг с другом. Они хорошо работают вместе (обычно, но не всегда). Узнайте больше о соседних цветах. Термин гармонизирует звуки приятные, приятные. Но некоторые гармонирующие цвета могут казаться размытыми (желто-зеленые) или слишком темными и похожими (синими / фиолетовыми), чтобы хорошо работать вместе.
  • Контрастные цвета отображаются в разных сегментах цветового круга (разделите его в четверти, чтобы визуализировать это). Чем дальше друг от друга в оттенке, насыщенности или ценности, тем больше контраст. Узнайте больше о контрастных цветах. Хотя контраст часто необходим для обеспечения оптимальной читаемости (например, высокая контрастность между фоном и текстом), некоторые контрастные цвета при печати рядом друг с другом могут казаться вибрирующими и очень утомительными на глазу.
  • дополнительный цвета появляются на противоположных сторонах цветового круга, прямо или почти прямо друг от друга. Узнайте больше о дополнительных цветах. Дополнительный часто путают с бесплатно , Различные значения. Два цвета, которые дополняют друг друга, могут или не могут быть дополнением друг к другу.

Смежные, контрастные и дополнительные цветовые комбинации часто могут быть улучшены за счет использования оттенков и оттенков или создания дополнительного контраста с черным или белым. См. Следующую страницу для более общих цветов.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета (эта страница)
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
07 из 09

Оттенки, оттенки, оттенки и насыщенность

Есть больше цветов, которые мы можем видеть и создавать, чем просто красные, зеленые, синие, голубые, желтые и пурпурные. Хотя цветное колесо часто изображено с различными блоками цвета, на самом деле это миллионы цветов, которые смешиваются друг с другом, когда мы двигаемся вокруг колеса.

Каждый из этих индивидуальных цветов является оттенком. Красный - это оттенок. Синий - это оттенок. Фиолетовый оттенок. Тиль, Фиолетовый, Оранжевый и Зеленый - все оттенки.

Вы можете изменить внешний вид оттенка, добавив черный (тень) или добавляя белый (светлый). значение легкости или темноты и насыщение или количество оттенка дает нам наши оттенки и оттенки.

  • Добавьте различное количество черного, чтобы получить оттенков, Подумайте о грядущей темноте и затемняющих тенях, чтобы помнить, что оттенок плюс черный равна тень.
  • Добавьте небольшое количество белого, чтобы осветлить оттенок. Легкие оттенки оттенки, Что касается печати, вы используете процент цветов чернил, которые составляют чистый оттенок, такой как 80%, 50% или 10%.

Это просто базовое введение. Играйте с насыщенностью и значением, чтобы создавать оттенки и оттенки различных оттенков, используя этот интерактивный Создатель Цветовой Схемы в Colorspire. Или используйте цветные функции в своем любимом графическом программном обеспечении, чтобы поэкспериментировать с оттенком, насыщенностью и значением.

Интенсивность, легкость или яркость могут использоваться для обозначения значения цвета в некоторых программах.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность (на этой странице)
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций
08 из 09

Общие схемы сочетания цветов

Выбор одного цвета достаточно сложный, добавление одного или нескольких цветов в микс может быть сложным. Если вы выполняете поиск в Интернете или читаете множество книг и журналов по цветам, вы найдете несколько общих методов. Будут также варианты. Чтобы начать работу, рассмотрите эти методы для создания идеальной палитры для ваших печатных или веб-проектов.

  • монохроматический цветовые палитры начинаются с одного оттенка, а затем используют оттенки и / или оттенки этого цвета, чтобы развернуть до двух, трех или более цветов. Для печатной публикации использование оттенков одного цвета - один из способов использования цвета без затрат традиционной четырехцветной печати процесса. Добавьте черные чернила для текста и акцентов.
  • аналогичный или согласование цветовых палитр используют два или более смежных цвета на цветном колесе. Если вы используете очень маленький сегмент цветового круга, добавление оттенков или оттенков одного или нескольких оттенков может привести к тому, что эти цвета будут слишком размытыми или малоконтрастными.
  • дополнительный цветовые палитры могут использовать две, три или четыре пары дополнительных цветов. С раздельной дополнительной палитрой посмотрите на обе стороны дополнения (напротив) вашего основного цвета, чтобы найти подходящую пару для завершения триады.
  • триада цветовые палитры используют трио цветов. Начните поиск трех цветов, которые равномерно распределены вокруг цветового круга и работают оттуда.
  • Перемешай путем выбора дополнительной пары, затем добавляя оттенок (или два) одного из цветов (монохроматический + дополнительный). Или выберите два-четыре аналогичных (смежных) цвета плюс дополнение к одному из этих оттенков (аналогичное + дополнение).

Это только отправные точки. Не существует жестких и быстрых, неизменных правил для смешивания и согласования цветов. Вы также обнаружите, что цветные колеса, показанные на разных сайтах, могут немного отличаться, так что прямые противоположности на одном цветовом колесе несколько отличаются друг от друга. Это нормально. Перемещение нескольких оттенков так или иначе при соединении цветов - это то, как мы получаем всевозможные интересные цветовые палитры. Итог: выберите цветовые комбинации, которые выглядят правильно для вашего проекта.

  • Сколько цветов вы должны использовать? От двух до пяти (включая черный или белый) является обычным явлением. Более того (исключая фотографии) может стать визуально подавляющим - и в зависимости от способа печати / типа чернил может быть дорогостоящим. Но это всего лишь руководство, а не правило. С веб-страницами использование большего количества цветов не влияет на стоимость, кроме как на потерянных клиентов, если цвета перебор .
  • Сколько цветов вы должны использовать? Хотя баланс важен, это не означает, что вы должны использовать одинаковое количество каждого цвета в выбранной вами палитре. Баланс дозы сильного цвета с меньшим количеством нескольких более светлых или укротимых цветов. Опять же, нет абсолютов. Если вы используете пару очень сильных цветов, использование менее одного из них может помешать вашей странице подавить читателя.
  • Есть ли какие-либо цветовые комбинации, которые никогда не должны использоваться? Может быть. Возможно, нет.См. Некоторые запрещенные комбинации цветов до того, как вы сделаете окончательный выбор цветовой комбинации.

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов (эта страница)
  9. Точная настройка цветовых комбинаций
09 из 09

Точная настройка цветовых комбинаций

Некоторые из двусмысленностей смежных, контрастных и дополняющих цветовых сочетаний можно смягчить с введением черно-белых, темных и светлых оттенков и оттенков.

Оттенки и оттенки цвета

При использовании смежных или гармонизирующих цветов вы можете добиться большей удобочитаемости, добавив черный или белый к одному из оттенков - изменив насыщенность и значение оттенка. Черный создает темный оттенок оттенка. Белый создает более светлый оттенок тени. Там, где желтое и желто-зеленое спаривание может быть слишком близко, чтобы хорошо работать вместе, использование более темного оттенка зеленого цвета может помочь комбо действительно попсовать.

Это просто базовое введение. Играйте с насыщенностью и значением, чтобы создавать оттенки и оттенки различных оттенков, используя этот интерактивный Создатель Цветовой Схемы в Colorspire. Или используйте цветные функции в своем любимом графическом программном обеспечении, чтобы поэкспериментировать с оттенком, насыщенностью и значением. Некоторые графические программы могут использовать интенсивность, яркость или легкость, чтобы ссылаться на значение оттенка.

Создать контраст с черно-белым

Белый - это конечный светлый цвет и хорошо контрастирует с темными цветами, такими как красный, синий или фиолетовый. Черный - это самый темный цвет и делает более яркие цвета, такие как желтый, действительно выпадающий.

Любой один или несколько цветов могут измениться - или, скорее, наши восприятие из них изменения - из-за других окружающих цветов, близости цветов друг к другу и количества света. Вот почему пара цветов, которые могут столкнуться при размещении бок о бок, может работать и хорошо выглядеть при разделении на странице или использовании других цветов.

Светлый цвет кажется еще светлее, когда он примыкает к темному цвету (включая черный). Два похожих цвета бок о бок могут выглядеть как два разных цвета, но расположены далеко друг от друга, они начинают выглядеть одинаково.

Бумага и эмоции влияют на восприятие цвета

На количество света, которое мы воспринимаем в цвете, также влияет поверхность, на которой она печатается. Блестящий красный корвет, напечатанный в рекламном журнале на гладкой, глянцевой бумаге, не будет выглядеть так же, как красный корвет, напечатанный в газетном объявлении. Документы поглощают и отражают свет и цвет по-разному.

Цветные значения

Кроме того, наш выбор цвета часто продиктован эмоциями, вызываемыми особыми цветами и цветовыми сочетаниями. Определенные цвета создают физические реакции. Некоторые цвета и цветовые комбинации имеют определенные значения, основанные на традиционном и культурном использовании.

  • Успокаивающий: синий, зеленый, бирюзовый, серебристый
  • Захватывающие: красный, розовый, желтый, золотой, оранжевый
  • Смешанные холодные / теплые цветовые оттенки: фиолетовый, лавандовый, зеленый, бирюзовый
  • Нейтральные значения цвета (унификация): коричневый, бежевый, слоновая кость, серый, черный, белый

Индекс основных цветов:

  1. Сортировка цветов класса школы
  2. Аддитивные и субтрактивные первичные элементы (RGB и CMY)
  3. Цвет RGB в настольном издательском деле
  4. Цвет CMY в настольном издательском деле
  5. Указание цветов
  6. Восприятие цвета
  7. Оттенки, оттенки, оттенки и насыщенность
  8. Общие схемы сочетания цветов
  9. Точная настройка цветовых комбинаций (эта страница)