Paint
Шаблон:Infobox Windows component Microsoft Paint — многофункциональный, но в то же время довольно простой в использовании растровый графический редактор компании Microsoft, входящий в состав всех операционных систем Windows, начиная с первых версий.
Содержание
История [ ]
Windows 7 [ ]
- 9 разновидностей кисти (Brush):
- Обычная кисть (теперь — сглаженная).
- Каллиграфическая кисть 1 (кисть с наклоном в 45 градусов влево).
- Каллиграфическая кисть 2 (кисть с наклоном в 45 градусов вправо).
- Возможности и приёмы работы [ ]
Многократное увеличение или уменьшение инструмента [ ]
Выберите один из инструментов «Кисть», «Ластик», «Линия» или «Распылитель» и нажмите клавиши Ctrl и NumPad +. Чем дольше держать нажатой эту комбинацию, тем больше будет увеличиваться инструмент. Соответственно, если зажать Ctrl и NumPad −, то инструмент будет уменьшаться.
Полная палитра [ ]
Двойным щелчком на ячейке палитры можно выбрать для неё цвет из полной палитры цветов. В Windows 7 данная функция была удалена.
Выбор третьего цвета для рисования [ ]
Все знают, что на левую и правую кнопки мыши можно назначить разные цвета, щёлкнув соответствующей кнопкой на палитре. Однако, если при этом зажать клавишу Ctrl, можно дополнительно указать третий цвет. Для его использования зажмите и держите клавишу Ctrl. С приходом операционной системы Windows 7, после появления Цвет 1 (Color 1) и Цвет 2 (Color 2), эта функция была убрана.
Инструмент «Одноразового» действия — после применения автоматически возвращает тот инструмент, который был активен до её включения. Левой кнопкой берёт основной цвет, правой — фоновый. С нажатым Ctrl берёт «третий» цвет.
В связи с тем, что в Paint не используется Замена цвета [ ]
Инструмент «Ластик» работает, фактически рисуя вторым — «фоновым» — цветом там, где им проведут при нажатой левой кнопке мыши. Однако, если им водить при нажатой правой кнопке, то он будет «стирать» фоновым цветом только то, что нарисовано первым — «основным» — цветом.
Десятикратное увеличение [ ]
Выберите инструмент «Лупа» и щёлкните мышью на границе панели под восьмикратным увеличением. Изображение будет увеличено в 10 раз. В Windows Vista, 7 и 8 это пасхальное яйцо отсутствует.
Выделенный фрагмент оказывается «плавающим» (он может быть перенесён в любое место рабочей области без изменения самой картинки), а его место заполняется фоновым цветом. При этом, если в момент начала перетаскивания нажата клавиша Ctrl, в начальной позиции остаётся «штамп» — туда впечатывается копия плавающего выделения (при первоначальном перемещении получается так, как будто унесена копия выделенного, а на исходном месте ничего не изменилось). Если нажата клавиша Shift — то подобный штамп делается и во всех промежуточных точках перемещения.
Прозрачное выделение [ ]
Прозрачным считается цвет, который в момент выделения назначен фоновым (назначается правой кнопкой мыши — как с палитры, так и с рабочей области инструментом взятия цвета (пипеткой)).
Пользовательская кисть [ ]
Сделайте сбоку от своего изображения свободное поле, отодвинув в сторону правый или нижний край полотна за имеющийся на нём маркер (добавленная область будет закрашена «фоновым» цветом). Нарисуйте там, на фоновом цвете, картинку, которую хотите использовать как кисть. Выделите эту часть изображения в режиме прозрачного фона и, зажав Ctrl, чтобы оставить её копию для следующих применений, перенесите выделение в то место, где должен начаться штрих такой кистью. Теперь зажмите клавишу Shift и перемещайте выделенный фрагмент. Он будет оставлять след — так же, как оставляет след инструмент кисть (можно сказать, что шлейф от изображения примет вид карточной колоды).
Подрезка вставленного изображения [ ]
Это удобно, например, при подготовке [ ]
При вставке размер рабочей области увеличивается так, чтобы вмещать в себя вставляемое изображение. Пользуясь этим, можно измерять размеры изображений — достаточно перед вставкой уменьшить за нижний правый угол размеры рабочей области до минимальных, а после вставки посмотреть на «атрибуты» изображения.
Microsoft Color Codes
The official colors of Microsoft are orange, green, blue, yellow, and gray. Microsoft logo colors represent sociability, growth, trust, creativity, and balance. The Microsoft color palette has been the same since 2012. Microsoft color scheme can be used for design projects and purposes. Microsoft color codes and scheme for Pantone, HTML, HEX, RGB, and CMYK can be found below.
Microsoft Official and Primary Colors
The official and primary colors of Microsoft can be found below.
Table of Contents
Microsoft Hex Color Codes
Microsoft HEX color codes are #F25022 for orange, #7FBA00 for green, #00A4EF for blue, #FFB900 for yellow, and #737373 for gray. Microsoft colors as HEX can be found below.
Microsoft HEX color for orange can be found below.
Microsoft HEX color for green can be found below.
Microsoft HEX color for blue can be found below.
Microsoft HEX color for yellow can be found below.
Microsoft HEX color for gray can be found below.
Microsoft Color Codes RGB
Microsoft RGB color scheme is (242, 80, 34) for orange, (127, 186, 0) for green, (0, 164, 239) for blue, (255, 185, 0) for yellow, and (115, 115, 115) for gray. Microsoft color palette as RGB can be found below.
Microsoft RGB color code for orange can be found below.
Microsoft RGB color code for green can be found below.
Microsoft RGB color code for blue can be found below.
Microsoft RGB color code for yellow can be found below.
Microsoft RGB color code for gray can be found below.
Microsoft Color Scheme CMYK
Microsoft CMYK color codes are (0, 84, 98, 0) for orange, (56, 4, 100, 0) for green, (71, 22, 0, 0) for blue, (0, 30, 100, 0) for yellow, and (56, 47, 47, 13) for gray. Microsoft color palette as CMYK can be found below.
Microsoft CMYK color code for orange can be found below.
Microsoft CMYK color code for green can be found below.
Microsoft CMYK color code for blue can be found below.
Microsoft CMYK color code for yellow can be found below.
Microsoft CMYK color code for gray can be found below.
Microsoft Pantone Colors
Microsoft Pantone color codes are PMS 1665 C for orange, PMS 376 C for green, PMS 2925 C for blue, PMS 1235 C for yellow, and PMS 424 C for gray. Microsoft Pantone colors can be found below.
Microsoft Pantone (PMS) color code for orange can be found below.
Microsoft Pantone (PMS) color code for green can be found below.
Microsoft Pantone (PMS) color code for blue can be found below.
Microsoft Pantone (PMS) color code for yellow can be found below.
Microsoft Pantone (PMS) color for gray can be found below.
What are the Logo Colors of Microsoft?
Microsoft logo has orange, green, blue, yellow, and gray colors and four square objects forming one bigger square. The Microsoft logo meaning symbolizes the different brands within the Microsoft company: Windows, Bing, Microsoft Office, and Xbox. The square object is for each brand within the company.
Microsoft Logo Color Palette Image Format
The Microsoft logo colors can be found in an image format below.
Microsoft Logo Fonts
The Microsoft logo font is Segoe Ui. The Segoe Ui font is used for the logo, brand, and merchandise. The Microsoft font is also used by the Skype brand.
Microsoft Logo JPG
The Microsoft logo in JPG format can be found below.
To download the Microsoft logo in JPG format, right-click and choose save.
Microsoft Logo PNG
The Microsoft logo in PNG format can be found below.
To download the Microsoft logo in PNG format, right-click and choose save.
What Is the Meaning of the Microsoft logo?
Microsoft logo meaning is representative of Microsoft’s versatile portfolio of brands that integrate seamlessly into everyday life. Microsoft logo colors symbolize sociability, growth, trust, creativity, and balance. The orange color from the Microsoft logo represents sociability. The green color from Microsoft logo symbolizes growth. The blue color from Microsoft logo symbolizes trust. yellow color from Microsoft logo symbolizes creativity. gray color from Microsoft logo symbolizes balance.
Microsoft Logo Story
Microsoft logo has been created by the Microsoft company. The Microsoft company has created Microsoft logo and chosen orange, green, blue, yellow, and gray as the Microsoft brand color palette because of their elemental appearance and impression.
Microsoft Logo Colors Confirmation
Microsoft logo colors are confirmed by the Microsoft company. orange, green, blue, yellow, and gray colors for the Microsoft brand logo can be confirmed by visiting Microsoft official website.
Сайт о телевидении
Составной цвет в paint. Все возможности Paint для создания и редактирования изображений. Копирование и вставка
Если вы хотите обратить (инвертировать) цвета изображения при помощи программы MS Paint, то имейте в виду, что в Paint 6.1 (Windows 7) и более поздних версиях этой программы процедура инвертирования цветов была изменена – обратить цвета по-прежнему довольно легко, но алгоритм действий очевиден не сразу. Для быстрого инвертирования цветов нажмите Ctrl+Shift+I . Эта статья расскажет вам, как обращать цвета в новых и старых версиях программы Paint.
1 В Windows 7 и более поздних версиях операционной системы Windows
- 1 Помните, что процедура инвертирования цветов была изменена. Не ищите инструмент «Обратить цвета» на верхней панели инструментов (как это было в Windows Vista и более ранних версиях Windows). Начиная с Paint 6.1, вы можете инвертировать цвета, щелкнув по выбранной области изображения правой кнопкой мыши. Новые версии Paint, в которых действует описанная процедура, предустанавливаются в Windows 7, 8, 10. Конечно, под это новшество будет сложно подстроиться людям, которые годами инвертировали цвета при помощи кнопки на верхней панели инструментов, но не стоит отчаиваться – обратить цвета в Paint по-прежнему довольно легко.
- Инструмент «Обратить цвета» полезен в том случае, когда вам нужно поменять местами цвета на картинке или логотипе, чтобы не менять всю цветовую гамму.
- 2 Выделите изображение. Если вы хотите инвертировать цвета всего изображения, выделите всю картинку. Для этого в верхней панели инструментов нажмите «Выделить» – «Выделить все» или воспользуйтесь инструментом «Формы выделения».
- Если вы хотите инвертировать цвета определенной области изображения, выделите только эту область.
- 3 Инвертируйте цвета. Для этого щелкните по выделенному изображению (или выделенной области изображения) правой кнопкой мыши. В открывшемся меню найдите и нажмите «Обратить цвета». Цвета выделенного изображения (или выделенной области изображения) будут немедленно инвертированы.
- Для быстрого инвертирования цветов нажмите Ctrl+Shift+I .
2 В Windows Vista и более ранних версиях операционной системы Windows
- 1 Откройте редактируемое изображение в MS Paint. Это можно сделать двумя способами:
- Откройте Paint, щелкнув по значку программы на рабочем столе или в меню «Пуск». Далее нажмите «Файл» – «Открыть». Найдите и выделите картинку, цвета которой вы хотите инвертировать, а затем нажмите ⌅ Enter или «Открыть».
- Не открывая Paint, на жестком диске найдите файл изображения, цвета которого вы хотите инвертировать. Щелкните по файлу правой кнопкой мыши и выберите «Открыть с помощью» – «MS Paint». Изображение откроется в MS Paint.
- 2 В верхней панели инструментов нажмите «Изображение» – «Обратить цвета». Это приведет к моментальному инвертированию цветов. Обращенные цвета являются научными дополнениями оригинальных цветов. При инвертировании цветов желтый шар превратится в синий (а не фиолетовый как при традиционном дополнении).
- Для быстрого инвертирования цветов просто нажмите Ctrl+I . Помните, что это сочетание клавиш работает только в Windows Vista и ранних версиях Windows.
- 3 Сохраните изображение. Для этого нажмите «Файл» – «Сохранить как». Введите имя файла и выберите его тип (если нужно). Сохраните отредактированное изображение в папке, которую вы сможете легко найти в случае необходимости. Затем нажмите «Сохранить».
- Вместо запуска Paint откройте папку «Мои документы» или папку с изображениями, щелкните по картинке правой кнопкой мыши и выберите «Открыть с помощью» – «Paint».
- Для выбора определенной области изображения воспользуйтесь инструментом «Формы выделения».
- Чтобы увидеть последовательный образ, увеличьте картинку с инвертированными цветами и смотрите в центр изображения в течение тридцати секунд. Затем быстро переведите взгляд на пустую белую стену. Вы увидите картинку в оригинальных цветах. Имейте в виду, что этот метод лучше срабатывает с фотографиями и изображениями больших размеров.
- Нажмите Ctrl+I (или Ctrl+Shift+I в Windows 7 и более поздних версиях операционной системы), чтобы быстро инвертировать цвета.
- Чтобы быстро открыть изображение, нажмите Ctrl+O .
- Нажмите Ctrl+Z , чтобы отменить до 3 предыдущих действий.
- Самыми распространенными форматами графических файлов являются BMP, PNG, JPG, GIF. В большинстве случаев формат PNG гарантирует минимальный размер файла без потери качества картинки. Выберите формат JPG, если редактируемым изображением является фотография, хотя некоторые пользователи считают, что при выборе формата JPG в Paint качество изображения ухудшится. Если вы намерены разместить изображение на веб-сайте, воспользуйтесь хорошим графическим редактором, чтобы уменьшить размер файла.
- В интернете поищите интересные изображения, цвета которых можно инвертировать. Имейте в виду, что контент в сети может быть защищен авторским правом; теоретически, вы можете редактировать любое изображение, если не собираетесь продавать его, распространять его или приписывать ему свое авторство.
- Инвертировать цвета можно в любом графическом редакторе. Процедура будет отличаться (от Paint), но результат будет таким же.
- Если вы используете инструмент «Произвольная область», перетащите выделенную область по картинке, а затем верните ее на исходную позицию. Только так вы сможете инвертировать цвета выделенной области (в противном случае будут инвертированы цвета области прямоугольной, а не произвольной формы).
Предупреждения
- Если вы не можете найти программу MS Paint, то ваш компьютер или ноутбук работает под управлением другой операционной системы, а не Windows. В этом случае воспользуйтесь любым другим графическим редактором, который может оказаться даже лучше. Графические редакторы бывают как платными, так и бесплатными. Поищите их в интернете.
- В Windows 7 щелкните по изображению правой кнопкой мыши, чтобы инвертировать цвета.
- Если вместо «Сохранить как» вы нажмете «Сохранить», оригинальное изображение будет перезаписано отредактированным изображением. Не делайте так, если вы хотите сохранить как оригинальное изображение, так и отредактированное.
- Если удерживать нажатыми клавиши CTRL + I (или CTRL + SHIFT + I), цвета начнут быстро мигать. Будьте осторожны: это может вызвать головную боль!
Что вам понадобится
- Изображение для редактирования
- Microsoft Paint
Те, кто покупают компьютер, изначально знакомятся с приложениями, которые входят в состав операционной системы Microsoft Windows. Для начала, многие люди используют популярное приложение, которое входит в пакет программ Windows XP — Пеинт, та самая программа, которая позволяет редактировать простенькими инструментами любое изображение.
Итак, в этой теме будет говориться о том, как сделать фон в Paint . По умолчанию, он в данном простом редакторе является белым.
Его можно изменить только специальным инструментом — заливкой, которая поможет заменить цвет. Для начала, необходимо выбрать инструмент заливки, указать предпочитаемый цвет и навести на инструмент, на белый фон, залив его тем цветом, который вы выбрали. В этом случае, вы получите заливку такую, какую вы хотите.
Многие интересуются, используя Paint как сделать прозрачный фон ? К сожалению, в данном устаревшем приложении его невозможно создать таким. Поэтому в этом случае, нужно использовать усовершенствованную версию этой программы, которую можно скачать в интернете — Paint.Net. если у вас операционная система семейства Windows 7, то вам нет необходимости скачивать это приложение, так как оно идет в комплекте. Итак, запустим Пеинт.Net и увидим измененный интерфейс программы, который в отличии от предыдущей версии очень сильно изменился.
Для того, чтобы сделать прозрачный фон в данном графическом редакторе, вам необходимо выделить всю рабочую область специальным инструментом выделения или вы можете воспользоваться комбинацией клавиш Ctrl+A, что выделит всю рабочую область. После выделения вам нужно просто нажать кнопку Del, которая удаляет выделенные объекты. Удалив выделенную область, вы обнаружите на изображении различные чередующиеся цветами квадратики. Это говорит о том, что ваша рабочая область стала без цвета.
Теперь вы можете работать на прозрачном слое, создавая различные рисунки и надписи. Но для того, чтобы прозрачный фон был таким на сайтах, то вам необходимо сохранить его соответствующе, без потерь информации об измененных пикселях.
В этом случае, сохраняя картинку, вам необходимо вместо формата JPG выбрать специальный формат — PNG, который умеет сохранять всю информацию о цветах. Таким образом, сохранив изображение в PNG формате, ваш прозрачный слой останется для использования картинки в качестве баннера на интернет сайтах.
Возникло подозрение, что картинки, которые ты показал нам прошлый раз, нарисованы не в Paint! Вася с досадой посмотрел на Шурика.
Почему ты так решил?
Хотел повторить эти рисунки, но не мог найти нужных цветов! Для картинки с образцами материала я обнаружил в палитре Paint только два подходящих цвета, не считая белого и чёрного:
На панели цвета в Paint размещается 28 красок. Однако для рисования можно использовать миллионы компьютерных цветов!
Ого! Но где же брать эти цвета?
Выбор цвета
Можно забрать краску с готового рисунка при помощи инструмента Выбор цветов :
Курсор принимает форму пипетки:
Краска для основного цвета (щелчок левой кнопкой) и цвета фона (щелчок правой кнопкой) набирается в пипетку с нужного участка рисунка:
А если рисунка с нужными цветами под рукой нет?
Основная палитра
Можно заменить любой цвет рабочей палитры одним из 48 цветов основной палитры.
Алгоритм замены цвета
В основной палитре всего 48 красок. А ты говорил, что в редакторе можно использовать миллионы компьютерных цветов!
Так оно и есть! Посмотри: под основной палитрой в окошке Изменение палитры есть область Дополнительные цвета с 16 пустыми коробочками для краски. Их можно заполнить любыми цветами, которые только способен построить компьютер.
А как это сделать?
Дополнительные цвета
Нужно в окне Изменение палитры нажать кнопку Определить цвет . В расширенном окне появляются средства для задания нового цвета:
Сначала определяем цвет, потягивая мышкой за движок выбора цвета , потом устанавливаем яркость цвета треугольным движком выбора яркости . Результат демонстрирует прямоугольник индикатора цвета .
Верно. Таким образом, например, можно получить комплект серых красок для придания объёма изображению металлической трубы:
Я заметил, что чем меньше диаметр трубы, тем более она походит на настоящую!
Для придания объёма на всех трубах использованы пять цветов. Белая полоска по центру создаёт эффект максимальной освещенности. Серые цвета с уменьшающейся яркостью имитируют удаление поверхности от источника света.
Яркость цвета от центра к краям должна уменьшаться постепенно. Для узкой трубы достаточно четырех ступенек серого цвета. Для широкой надо брать больше цветов, чтобы цветовые переходы были плавными.
А как работать с палитрой дополнительных цветов?
Замена цвета в рабочей палитре редактора на цвет из основной или дополнительной палитры выполняется одинаково, но эти цвета пропадают, как только закрывается окно редактора.
Заливка
На панели инструментов редактора есть забавная пиктограмма с изображением баночки. Что в ней? Освежающий напиток для уставшего художника?
Этот инструмент называется Заливка . Он предназначен для закрашивания замкнутых областей рисунка.
При выборе этого инструмента курсор принимает форму баночки с вытекающей краской. Кончиком цветной струи надо попасть внутрь области, которая подлежит закраске.
Щелчком левой кнопки область окрашивается в основной цвет, а щелчком правой в цвет фона.
При работе с инструментом надо внимательно следить за замкнутостью окрашиваемой области: краска способна протечь наружу через дырочку в один пиксел:
Почему трава зелёная
Почему трава зелёная, а песок жёлтый?
Потому, что трава отражает зелёный цвет, а остальные цвета нет. Потому, что песок отражает жёлтый цвет, а остальные нет.
Как трава может отражать зелёный цвет, а песок жёлтый, если они освещаются не зелёным, не жёлтым, а белым цветом?
Как известно, белый цвет являются смесью всех цветов. Это легко увидеть, если пропустить его через стеклянную призму. Так как разные цвета имеют разные углы преломления, то мы увидим все составляющие белого цвета по отдельности. Условно эти цвета разбивают на семь групп (цвета радуги):
Только не надо думать, что белый цвет состоит из семи цветов! Просто в семь групп собраны все оттенки красного, оранжевого, жёлтого, зелёного, голубого, синего и фиолетового цвета. А на рисунке каждая группа условно изображена одним чистым цветом.
Значит, трава отражает только одну составляющую белого цвета зелёный, и он попадает в наши глаза. А что происходит с остальными цветами?
Остальные цвета трава поглощает.
А песок поглощает все цвета, кроме жёлтого?
Верно. Жёлтый цвет песок отражает, и мы таким его видим.
А как глаз человека различает цвета?
Свет попадает на светочувствительные клетки глаза (сетчатку). Эти нервные клетки разделяются на колбочки и палочки . Палочки отвечают за чёрно-белое вечернее и ночное зрение, а колбочки за цветное.
Колбочки, в свою очередь, разделяются на три группы: красные (воспринимают только красный цвет), зелёные (воспринимают только зелёный цвет), синие (воспринимают только синий цвет).
Информация от колбочек поступает в зрительный нерв, где суммируется, и человек видит цвет, как смесь красной, зелёной и синей составляющей.
Выходит, что любой цвет получается смешиванием трёх цветов: красного, зелёного и синего?
Я смешал эти краски и получил почти белый цвет!
Всё зависит от того, в каких пропорциях брать эти краски.
Смешивая в равных количествах красную, зелёную и синюю краску, получаем белый цвет. Смесь красной и зелёной краски даёт жёлтый цвет.
Равные количества красной и синей краски, дают пурпурный цвет, а равные количества зелёной и синей голубой:
Если взять синюю краску и 75% от ее количества красной, то получается смесь фиолетового цвета. Оранжевый цвет состоит из равного количества зелёной и синей краски и 30% красной:
Я вспомнил: цветное изображение на экране монитора тоже получается смешиванием красок! Каждый пиксел состоит из трёх крупинок люминофора красного, зелёного и синего цвета. Значит, создатели цветного экрана просто скопировали устройство человеческого глаза!
Компьютерные цвета
Кодирование цвета при помощи трёх составляющих красной, зелёной и синей действительно, принято в компьютерном деле и носит название RGB (от R ed красный, G reen зелёный, B lue синий).
Я слышал, что разные мониторы могут воспроизводить на экране разное число цветов.
Число возможных цветов на экране компьютера зависит как от физических характеристик самого монитора, так и от количества памяти, расположенной на видеокарте. Как правило, монитор можно настроить на разные режимы работы.
Давай подробнее рассмотрим этот вопрос.
Пусть каждый из трёх образующих цветов либо участвует в образовании цвета, либо нет. Тогда для кодирования интенсивности красного, зелёного или синего цвета достаточно двух значений: 0 цвета нет, 1 цвет есть. При таком кодировании получается палитра из 8 цветов:
Число 8 (цветность монитора) получается перемножением трёх двоек, каждая из которых обозначает число вариантов интенсивности составляющих цветов: 8 = 2 · 2 · 2.
Чёрный пиксел (отсутствие красной, зелёной и синей составляющей) имеет цвет экрана монитора в выключенном состоянии.
Давай определим теперь размер видеопамяти необходимой для 8-цветного монитора с разрешением 640×480.
Придётся опять заняться умножением! Каждый составляющий цвет требует для кодирования один бит (0 цвета нет, 1 цвет есть). Значит, для каждого пиксела потребуется 3 бита, чтобы закодировать все три его RGB-цвета.
Получается, что для такого монитора нужна память в 3 · 640 · 480 = 921 600 бит.
В байтах это: 921 600 / 8 = 115 200 байт. Учитывая, что в одном килобайте 1024 байт, получаем, что видеопамяти в 113 КБ будет достаточно (115 200 / 1024 = 112.5).
Рассмотрим общие правила вычисления цветности монитора и размера видеопамяти, необходимой для работы монитора в заданном разрешении.
Вычисление цветности монитора
Цветное пятно получается наложением RGB-лучей трёх прожекторов:
Пусть каждый прожектор имеет два состояния: выключен и включён.
Сколько цветов на экране смогут создать такие прожекторы?
Если прожектор один, то он создаёт два цвета (один из них чёрный):
Пусть теперь прожекторов два. В каждом состоянии первого второй может быть выключен или включён:
Получается, что двумя прожекторами можно получить 4 цвета: каждое из двух состояний первого прожектора умножается на два состояния второго.
Добавим третий прожектор. Каждое его состояние обеспечивает 4 цвета изменением состояний двух других прожекторов. Значит, тремя прожекторами можно получить 8 цветов (2 · 4):
Видим, что цветность вычисляется перемножением трёх чисел, задающих количество возможных состояний для каждого прожектора.
Пусть число вариантов интенсивности каждой RGB-компоненты равно k . Получаем универсальную формулу для вычисления цветности C:
C = k · k · k = k 3
Вычисление размера видеопамяти
Сначала определим, сколько бит потребуется для кодирования k состояний одной RGB-компоненты.
Пусть k = 2 (прожектор выключен, прожектор включён). Для кодирования этих состояний прожектора достаточно одного бита:
Для k = 3 потребуется 2 бита:
Двух битов достаточно для кодирования и четырёх состояний:
А вот для кодирования 5 состояний двух битов уже мало:
Заметим, что число битов, необходимых для кодирования k состояний, равно числу двоичных разрядов в двоичной записи числа (k-1) .
Алгоритм вычисления размера видеопамяти
Пусть монитор работает в разрешении w x h , и каждая RGB-компонента может быть в одном из k состояний. Определить V   размер необходимой видеопамяти.
- Определим число бит для кодирования одной компоненты. Для этого запишем число k-1 двоичным кодом и подсчитаем число получившихся двоичных разрядов b .
- Определим число бит, необходимых для кодирования одного пиксела:
P = 3·b (кодирование 3-х компонент)
Пример
Подсчитаем необходимый размер видеопамяти для разрешения 640×480, если каждая RGB-компонента имеет 6 градаций интенсивности.
Дано: k = 6 w = 640 h = 480
- Определим число бит для кодирования одной компоненты. Для этого запишем число k-1 = 5 двоичным кодом и подсчитаем получившееся число двоичных разрядов: 5 = 101 b = 3
- Определим число бит, необходимых для кодирования одного пиксела: p = 3·3 = 9 бит
- Определим размер видеопамяти: V = 9·640·480 = 2 764 800 бит = 345 600 байт
Режимы работы монитора
В настройках цветовой палитры моего монитора написано True Color (24 бита). Что это означает?
Английское выражение True Color переводится как естественные цвета. Каждый составляющий RGB-цвет кодируется в этой палитре 8 битами. Для трёх цветов получается 24 бита на один пиксел.
Сколько же градаций интенсивности цвета можно закодировать 8 битами?
Восемью битами можно кодировать числа от 0 до 255, то есть всего можно закодировать 256 значений.
Ниже приводятся примеры 8 цветов из 24-битной палитры. Рядом с каждым цветом указаны значения его RGB-составляющих. Указан двоичный 8-битный код и десятичное число, соответствующее этому коду.
Вот задание для тебя: подсчитай, сколько всего цветов в 24-битной палитре, и сколько видеопамяти потребуется для хранения полного экрана монитора с разрешением 640×480.
Число цветов определяется перемножением числа вариантов RGB-составляющих. Получается: 256 · 256 · 256 = 16 777 216.
О-го-го! Более 16 миллионов цветов!
Теперь подсчитаем объём видеопамяти: 24 · 640 · 480 = 7 372 800 бит.
В килобайтах это получается: 7 372 800 / 8 / 1024 = 900 КБ.
Конструирование цвета
Конструируя новый цвет в графическом редакторе, можно работать движками цвета и яркости, а можно записывать числовые значения RGB-компонент в окошках ввода:
А что означают еще три окошка с надписями Оттенок , Контраст и Яркость ?
Числа в этих окошках описывают цвет в другой системе кодирования HSB (от H ue цветовой тон, оттенок; S aturation насыщенность, контрастность; B rightness яркость).
Выбор цвета при помощи движков в окне Изменение палитры как раз соответствует цветовой модели HSB. Перемещение движка цвета по горизонтали меняет оттенок (H), по вертикали контрастность (S). Перемещение треугольного движка (по отдельной вертикальной линейке) меняет яркость (B).
Оттенок (тон) это цвет на радуге.
Контрастность (насыщенность) это содержание в цвете серой примеси. Цвет максимальной насыщенности не содержит серого вообще, а при нулевой насыщенности все цвета серые.
Яркость это интенсивность, с которой излучается цвет. При максимальной яркости все цвета превращаются в белый цвет, при нулевой в чёрный.
Подбирать цвет по системе HSB, конечно, проще, чем задавать его в виде RGB-компонент! Сначала выбираешь цвет на радуге (слева направо), потом устанавливаешь его контрастность (сверху вниз), а затем задаёшь яркость отдельным движком.
- Как можно забрать цвет с готового рисунка?
- Как закрасить замкнутую область?
- Что произойдёт, когда контур закрашиваемой области имеет разрыв?
- Расскажите алгоритм замена цвета рабочей палитры на цвет из основной или дополнительной палитры.
- Почему трава зелёная, а песок жёлтый?
- Что произойдёт, если белый цвет пропустить через стеклянную призму?
- Верно ли, что радуга состоит из 7 цветов?
- Объясните устройство человеческого глаза.
- Какие нервные клетки отвечают за чёрно-белое, сумеречное зрение?
- Какие нервные клетки отвечают за цветное зрение?
- Как формируется информация о цвете в зрительном нерве?
- Какой цвет получится, если смешивать красную, зелёную и синие компоненты?
- Какой цвет получится, если смешать равное количество красок чистого красного, зелёного и синего цвета?
- Какой цвет получится, если смешать равное количество красок чистого красного и зелёного цвета?
- Какой цвет получится, если смешать равное количество красок чистого зелёного и синего цвета?
- Какой цвет получится, если смешать равное количество красок чистого красного и синего цвета?
- Как называется система кодирования цвета в компьютере?
- Как задаётся цвет в системе кодирования RGB?
- Назовите цвета 8-цветной палитры и их двоичные коды.
- Как получаются чёрный и белый цвета на экране компьютера?
- Почему при выборе монитора рекомендуется обращать внимание на цвет экрана в выключенном состоянии?
- Что такое цветовая палитра монитора?
- Чем определяется число битов, необходимых для кодирования цвета одного пиксела?
- Что хранится в видеопамяти компьютера?
- От чего зависит размер видеопамяти, необходимой для показа на экране цветного изображения?
- Как рассчитать необходимый размер видеопамяти?
- Как рассчитать цветность монитора, если задано число вариантов интенсивности RGB-компонент?
- Как называется система кодирования цвета, на основе которой построен интерфейс подбора цвета в графическом редакторе?
- Как задаётся цвет в системе кодирования HSB?
- Что такое тон, насыщенность (контрастность) и яркость цвета?
- Расскажите алгоритм конструирования цвета при помощи HSB-интерфейса.
Вариант 1
Сколько памяти (в битах) потребуется для кодирования цвета одного пиксела на чёрно-белом мониторе (без полутонов)? Как можно закодировать состояние пиксела?
На чёрно-белом мониторе отображаются только двухцветные изображения с разрешением 640х200. Какой минимальный объём в байтах должна иметь видеопамять для хранения такого изображения?
В следующей таблице представлена кодировка 8-цветной палитры с помощью трёхразрядного двоичного кода:
Определите по таблице, смешением каких цветов получается цвет:
- голубой,
- розовый,
- жёлтый,
- чёрный?
Вариант 2
Исследуйте возможные настройки вашего домашнего монитора палитру и разрешение (щёлкните правой кнопкой мыши по Рабочему столу , затем из контекстного меню выберите Свойства , вкладка Настройка , выпадающий список Цветовая палитра и бегунок Область экрана ). Запишите значения из списка и с бегунка.
Рассчитайте по обнаруженным данным минимальный и максимальный объём видеопамяти в КБ и МБ, которая используется при работе вашего монитора.
Вариант 3
Выбор цвета
Активный цвет кисти (основной цвет) меняется щелчком левой кнопки мыши, активный цвет фона меняется щелчком правой кнопки мыши.
Цветом кисти рисуются линии, кривые, контуры фигур, а также в этом цвете работают заливка, распылитель, кисть, карандаш. Цветом фона окрашиваются полости фигур. Ластик, стирая рисунок, оставляет за собой цвет фона.
На панели цвета помещаются 28 красок. При необходимости можно заменить цвет в палитре на другой: двойной щелчок по заменяемому цвету или Палитра – «Изменить палитру», затем в окне «Изменение палитры» — выбор нужного цвета (из 48 цветов).
Компьютер позволяет работать с миллионами цветов. Поэтому если нужен цвет, которого нет, можно самому его создать – команда «Определить цвет»
Помимо «ручного» выбора, цвет можно определить по его коду – «Оттенок, Контраст, Яркость» или «Красный, Зеленый, Синий».
После установки цвета, его можно добавить в набор дополнительных цветов или поменять в палитре (ОК)
Задание «Раскраска»
1. Запустите Paint. Установите размер листа 585 х 640.
2. Вставьте рисунок из файла «рисунки\ заяц.bmp» (Правка – Вставить из Файла)
3. Используя RGB-коды цветов, раскрасьте картинку по образцу. Постарайтесь закрасить и контуры областей. Один из способов – закрасить область сначала черным, затем нужным цветом. Другой способ – установить нужный цвет цветом фона, черный – цветом кисти и, пользуясь цветным ластиком (т.е. удерживая правую кнопку мыши), заменить цвет.
4. Сохраните рисунок в своей папке под именем «2-заяц.bmp»
5. Создайте новый рисунок (Файл – Создать)
6. Вставьте рисунок из файла «рисунки\ птичка.bmp»
7. Раскрасьте его по желанию и сохраните в своей папке под именем «2-птичка.bmp»
Вопросы
1) Какой цвет получится, если смешать равное количество красного, зеленого и синего цвета?
2) Какой цвет получится, если смешать равное количество красного и синего цвета?
3) Как получить черный и белый цвет?
4) Какой цвет соответствует коду RGB(0,0,250)?
Чтобы узнать точный цвет (оттенок цвета) на картинке (фотографии) существует много способов.
Кратко расскажу только о 5-ти таких возможностях:
определении цвета на изображении в графических редакторах (GIMP и Paint.NET ), с помощью расширений для Google Chrome — Color Pick и Eye Dropper , а также программой-утилитой Color Pix .1. В любом графическом и фоторедакторе определение цвета под курсором не представляет никаких трудностей.
Например, в популярной программе GIMP (бесплатном аналоге Фотошопа) это делается с помощью инструмента Пипетка.
Предварительно нажав кнопку Пипетка (см. рис.1), мы сразу получаем информацию о цвете под курсором в любой точке изображения, открытого в программе.
Рис.1. Инструмент Пипетка в графическом редакторе GIMP.
2. В другом графическом редакторе Paint.NET это будет выглядеть так.
Рис.2. Инструмент Пипетка в графическом редакторе Paint.NET.
Рис.4. Настройки расширения Color Pick.
Рис.6. Информационное окошко Eye Dropper.
Расширение так же имеет настройки: Основные, Внешний вид, Выбор цвета, Сочетание клавиш.
Цветовые пространства: большой разбор
Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.
Meery Mary для Skillbox
Для работы с цветом необходимо хорошо понимать, как он устроен. Есть системы представления цвета, с которыми дизайнер сталкивается каждый день. Но есть и другие, не столь популярные модели. Разберёмся, как они устроены, чем отличаются и как эти знания можно применить на практике.
-
― цветовое пространство для печати; — цветовое пространство для экранов; — для тонкой настройки цвета;
- независимые пространства LAB и LCh;
- инструкция по созданию чистого градиента.
Воспроизводимые представления цвета
Цветовые модели RGB и CMYK соответствуют физическому представлению цвета на носителе. RGB отвечает за то, с какой интенсивностью светятся диоды красного, зелёного и синего цветов внутри пикселя монитора. CMYK задает пропорции смешиваемой краски на листе бумаги.
CMYK
Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой (Cian), пурпурной (Magenta), жёлтой (Yellow) и чёрной (Key color, blacK). Интенсивность каждого цвета задаётся в процентах от 0 до 100.
Дизайнеры, работающие с печатью, знают, что не все видимые на экране цвета возможно воспроизвести в CMYK. Связано это с тем, что модель RGB ― с ней работает монитор ― построена на излучении света, а CMYK ― на поглощении.
Для более точного отображения цветов при печати требуется допечатная подготовка. Во время неё экранные цвета пространства RGB переводятся в CMYK, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.
Pantone — американская компания, основанная в пятидесятые годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.
Поскольку не все цвета можно воспроизвести в CMYK наложением четырёх стандартных красок во время печати, в полиграфии существует дополнительная палитра Pantone. Например, серый и жёлтый, которые Pantone выбрала в качестве цветов 2021 года, получить наложением палитры CMYK на листе невозможно.
Выбор цветов Pantone шире, потому что его на бумагу наносят одной краской, тон которой получен смешением пигментов ещё на фабрике. Также цвета Pantone используют при печати больших тиражей в один-три цвета.
PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.
Применение CMYK
CMYK используется в полиграфии для печати фотографий и цветных иллюстраций, небольших тиражей, а также в домашних и офисных принтерах.
RGB
RGB ― это цветовое пространство, здесь каждый цвет задаётся в виде трёх координат. Смешение цвета происходит по аддитивному принципу ― если сложить все три основных цвета, то результат будет не чёрным, а белым. Поэтому RGB используется в системах, построенных на излучении света, что делает её самой распространённой ― с ней работают все экраны.
Цветовой оттенок в RGB создаётся смешиванием красного (Red), зелёного (Green) и синего (Blue) каналов с разной интенсивностью излучения. Яркость каждого из трёх основных цветов закодирована числом от 0 до 255, то есть занимает 256 бит или 32 байта.
Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.
Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.
В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.
Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи совпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.
Применение RGB
Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.
Свойства цвета
Перед тем как перейти к следующему разделу, нужно разобраться в некоторых определениях колористики — науки, изучающей свойства цвета.
Важные понятия
Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.
Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.
Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.
Цилиндрические цветовые пространства
Модель RGB технически подходит для компьютеров и экранов, но в этом пространстве сложно работать, если нужно изменить что-то одно ― яркость, насыщенность или цветовой тон.
Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).
Поэтому в программах для дизайнеров цветовой тон настраивается полоской, а яркость и насыщенность ― через цветовое поле.
Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.
HSB
В HSB цветовой тон (Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность (Saturation) и яркость (Brightness) в процентах от 0% до 100%.
Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.
Иногда цветовое пространство HSB называют HSV (Hue — цветовой тон, Saturation — насыщенность, Value — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.
HSL
В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости (Вrightness) используется светлота (Lightness). HSB и HSL очень похожи, но не идентичны.
Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.
То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.
Применение HSL
Цилиндрические цветовые пространства полезны в ситуациях, когда нужно управлять только одним из параметров цвета. Например, для создания палитры, где изменение основного цвета приводит к изменению цветового тона, насыщенности или светлоте дополнительных. В этом случае дополнительные цвета необходимо задавать через отклонения от основного в цилиндрической цветовой системе.
В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.
Кейс
Дано: пользователи двух статусов.
Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.
Решение: поскольку в CSS можно задавать цвет в координатах HSL, будем использовать это цветовое пространство. Копируем цвет из макета и переводим его в HSL.
Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.
Параметр Hue будет зависеть от имени пользователя, которое он ввёл при регистрации. После конвертации букв имени в битовую строку , они будут возвращаться в виде значений от 0 до 360. Эти значения, установленные для параметра H, и станут определять цвет ― у каждого имени он будет уникальным. Для этой операции можно использовать хеш-функцию , но есть и другие решения.
В результате цветовой тон аватарок генерируется автоматически с заданной светлотой, а буквы на них хорошо читаются.
LAB и LCh
Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.
LAB
Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.
Значения цвета в LAB задаются через светлоту (Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.
Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.
Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.
LCh
Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C (Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h (Hue) за угол поворота в градусах — то есть цветовой тон.
Применение LAB
LAB используют как промежуточное цветовое пространство для конвертирования RGB в CMYK и наоборот, поскольку оно не привязано к конкретному носителю.
В цветокоррекции его применяют, чтобы быстро убрать желтизну или усилить естественные цвета фотографии. Некоторые цветокорректоры предпочитают LAB, если с его помощью внести изменения будет проще, нежели через корректирующие слои.
Также ранее LAB использовали для удаления шума на цифровых фотографиях. Для этого достаточно было размыть цветовые каналы A или B, а поскольку цифровой шум состоит из бледных разноцветных точек, такой подход делал их менее насыщенными.
Отдельное преимущество LAB — возможности для создания чистых градиентов между насыщенными цветами. Красивые градиенты важны не только в проектировании интерфейсов и дизайн-макетов, но и в информационном дизайне.
Кейс
Задача: создать чистый градиент между насыщенными цветами.
Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.
Пояснение: в кубической визуализации RGB самые насыщенные цвета расположены на углах куба, а центр занят ненасыщенными сероватыми тонами. Если создавать градиент из цветов, которые находятся на противоположных углах или гранях куба, прямая пройдет через ненасыщенную середину. Так произойдёт, например, с градиентами от фиолетового к зелёному или от жёлтого к синему.
Решение: использовать LAB-градиент.
Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.
Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.
Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.
Больше интересного про дизайн в нашем телеграм-канале. Подписывайтесь!
Числовой ряд из единиц и нулей, в котором хранится информация.
Функция, преобразовывающая произвольные цифровые данные в битовую строку по определённым алгоритмам.
Профессия Графический дизайнер
Вы с нуля получите востребованную профессию на стыке творчества и IT. Научитесь работать в популярных графических редакторах — от Illustrator до Figma. Добавите в портфолио плакаты, логотипы, дизайн упаковки и другие сильные проекты.
Сможете начать зарабатывать уже с 4-го месяца курса.
Узнать про курс
Профессии с трудоустройством
- Графический дизайнер
- Python-программист
- Инженер по тестированию
- Бизнес-аналитик
- Интернет-маркетолог 2023
Новости
+7 (499) 444-90-36 Отдел заботы о пользователях
Москва, Ленинский проспект, дом 6, строение 20
- Премии Рунета 2018, 2019, 2020
- Все направления
- О Skillbox
- Вебинары
Пользуясь нашим сайтом, вы соглашаетесь с тем, что мы используем cookies ��