Как раскрасить чб фото в фотошопе
Раскраска черно-белого фото в Photoshop вручную
Вы можете раскрасить черно-белую фотографию в Photoshop несколькими способами. В этой статье я рассмотрю, как добавить цвета с помощью выделения и корректирующих слоев.
Сразу оговорюсь: такие фотографии не будут выглядеть естественно! Но зато этот эффект отлично подходит для создания ретро стиля. С его помощью можно оживить старые фотографии. Тем не менее, их точно никто не перепутает с оригинальным цветным фото.
Откройте черно-белую фотографию. Я использовала кадр из фильма «Головокружение» Альфреда Хичкока:
Выберите Изображение – Режим — RGB. Теперь мы собираемся выбирать различные части изображения и вставлять их в новые отдельные слои. Здесь нам пригодятся быстрые маски.
Выберите «Быструю маску» (Q) и кисть подходящего размера. Начните закрашивать кистью область на любом участке кожи. Черной частью маски будет закрашена область с розово-красным цветом, это область, которая будет выделена:
Убедитесь в том, что вы не включили в выделение глаза. Если вы включили их, просто измените цвет переднего плана кисти на белый и зарисуйте их. Вы можете сделать это, в любом месте, где допустили ошибку и «вышли за границу»:
Когда вы закончите, у вас должны быть выделены только участки кожи (без одежды, без глаз, без фона!). Снова нажмите Q, чтобы переключиться из режима быстрой маски обратно в нормальный режим. Вы увидите, что области, которые окрашены в черный теперь выделены. Теперь мы должны инвертировать выделение, нажав Shift + Ctrl + I (Win) или Shift + Ctrl + I (Mac).
Скопируйте выделение, нажав Ctrl + C (Win) или Cmd + C (Mac).
Вставьте скопированную часть, нажав Ctrl + V (Win) или Cmd + V (Mac). Таким образом, вы вставите выделенные участки кожи в новом слое. Переименуйте слой в палитре «Слоев» (дважды кликните по его текущему имени — Layer 1) и назовите его, например, Skin:
Теперь повторите шаги с 3 по 7, чтобы получить слои для волос, одежды (у мужчины и женщины два отдельных слоя), обоев на стене и всего, что вы захотите. В конечном итоге палитра слоев должна выглядеть примерно так:
Теперь, когда каждая часть была выделена, мы можем начать раскраску!
Нажмите на слой кожи, чтобы выбрать его. Выберите Слой — Новая корректировка – Слой — Баланс цвета. Я назвал новый корректирующий слой «Skin», а также установил флажок для опции «Использовать предыдущий слой для создания обтравочной маски». Затем нажмите ОК:
В открывшемся диалоговом окне «Баланс цвета» вы можете задать, какой цвет хотите настроить. Если хотите раскрасить объекты в цвета инопланетян, вы, возможно, создадите для них зеленую или голубую кожу. Для своего изображения я использовала следующие настройки:
- Тени: +81 -8 -31;
- Полутона: +12 -7 -17;
- Подсветка: +8 4 -9:
Нажмите ОК, и вы создадите корректирующий слой, который не изменяет пиксели исходного изображения. Чтобы вернуться и изменить какие-либо параметры, дважды щелкните по иконке с фигурами:
Уже выглядит довольно круто!
Повторите шаги 10 и 11 для каждой части изображения, создайте корректирующие слои и цвета. Мое окончательное изображение выглядит следующим образом:
Прежде, чем вы научитесь правильно выделять фрагменты, у вас уйдет некоторое время. После чего изменять цвета с помощью корректирующих слоев вы сможете очень просто.
Данная публикация представляет собой перевод статьи «Hand Colouring A Black And White Photo In Photoshop - Photoshop Tutorial» , подготовленной дружной командой проекта Интернет-технологии.ру
HTML Таблица цветовых кодов 🎨
HTML цветовых кодов и названий.
Палитра цветов HTML
Красный цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светлый лосось | # FFA07A | RGB (255,160,122) | |
лосось | # FA8072 | RGB (250,128,114) | |
темный лосось | # E9967A | RGB (233,150,122) | |
светло-коралловый | # F08080 | RGB (240,128,128) | |
индийский красный | # CD5C5C | RGB (205,92,92) | |
малиновый | # DC143C | RGB (220,20,60) | |
огнеупорный кирпич | # B22222 | RGB (178,34,34) | |
красный | # FF0000 | RGB (255,0,0) | |
темно-красный | # 8B0000 | RGB (139,0,0) |
Оранжевый цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
коралл | # FF7F50 | RGB (255,127,80) | |
помидор | # FF6347 | RGB (255,99,71) | |
оранжево-красный | # FF4500 | RGB (255,69,0) | |
золото | # FFD700 | RGB (255 215,0) | |
оранжевый | # FFA500 | RGB (255,165,0) | |
темно-оранжевый | # FF8C00 | RGB (255,140,0) |
Желтые тона
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-желтый | # FFFFE0 | RGB (255,255,224) | |
лимонный шифон | #FFFACD | RGB (255,250,205) | |
светло-золотисто-желтый | # FAFAD2 | RGB (250,250,210) | |
papayawhip | # FFEFD5 | RGB (255 239 213) | |
мокасины | # FFE4B5 | RGB (255 228 181) | |
персиковый | # FFDAB9 | RGB (255 218 185) | |
палево-золотой | # EEE8AA | RGB (238,232,170) | |
хаки | # F0E68C | RGB (240,230,140) | |
даркхаки | # BDB76B | RGB (189 183 107) | |
желтый | # FFFF00 | RGB (255,255,0) |
Зеленые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
зеленый | # 7CFC00 | RGB (124,252,0) | |
шартрез | # 7FFF00 | RGB (127,255,0) | |
зеленовато-зеленый | # 32CD32 | RGB (50,205,50) | |
лайм | # 00FF00 | rgb (0.255,0) | |
лесозеленый | # 228B22 | RGB (34,139,34) | |
зеленый | # 008000 | RGB (0,128,0) | |
темно-зеленый | # 006400 | гб (0,100,0) | |
зелено-желтый | # ADFF2F | RGB (173,255,47) | |
желто-зеленый | # 9ACD32 | RGB (154,205,50) | |
весенне-зеленый | # 00FF7F | RGB (0,255,127) | |
средний весенний зеленый | # 00FA9A | RGB (0,250,154) | |
светло-зеленый | # 90EE90 | RGB (144 238 144) | |
палево-зеленый | # 98FB98 | RGB (152 251 152) | |
темно-синий | # 8FBC8F | RGB (143 188 143) | |
средний, зеленый | # 3CB371 | RGB (60,179,113) | |
морской зеленый | # 2E8B57 | RGB (46,139,87) | |
оливковое | # 808000 | RGB (128,128,0) | |
темно-оливковый, зеленый | # 556B2F | RGB (85,107,47) | |
оливедраб | # 6B8E23 | RGB (107,142,35) |
Голубые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
светло-голубой | # E0FFFF | RGB (224,255,255) | |
голубой | # 00FFFF | RGB (0,255,255) | |
аква | # 00FFFF | RGB (0,255,255) | |
аквамарин | # 7FFFD4 | RGB (127,255,212) | |
средний аквамарин | # 66CDAA | RGB (102 205 170) | |
палитра бирюза | #AFEEEE | RGB (175 238 238) | |
бирюза | # 40E0D0 | RGB (64 224 208) | |
средняя бирюза | # 48D1CC | RGB (72 209 204) | |
темно-бирюзовый | # 00CED1 | RGB (0,206,209) | |
светло-зеленый | # 20B2AA | RGB (32 178 170) | |
кадетсиний | # 5F9EA0 | RGB (95,158,160) | |
темно-синий | # 008B8B | RGB (0,139,139) | |
бирюзовый | # 008080 | RGB (0,128,128) |
Синие цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
голубой | # B0E0E6 | RGB (176,224,230) | |
голубой | # ADD8E6 | RGB (173 216 230) | |
огни, голубой | # 87CEFA | RGB (135 206 250) | |
голубой | # 87CEEB | RGB (135,206,235) | |
темно-синий | # 00BFFF | rgb (0,191,255) | |
голубой | # B0C4DE | RGB (176,196,222) | |
dodgerblue | # 1E90FF | RGB (30,144,255) | |
васильковый | # 6495ED | RGB (100,149,237) | |
голубой | # 4682B4 | RGB (70,130,180) | |
королевский синий | # 4169E1 | RGB (65,105,225) | |
синий | # 0000FF | гб (0,0,255) | |
средний синий | # 0000CD | RGB (0,0,205) | |
темно-синий | # 00008B | RGB (0,0,139) | |
темно-синий | # 000080 | гб (0,0,128) | |
полуночно-синий | # 191970 | RGB (25,25,112) | |
средний голубой | # 7B68EE | RGB (123 104 238) | |
голубой | # 6A5ACD | RGB (106,90,205) | |
темно-синий | # 483D8B | RGB (72,61,139) |
Пурпурный
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
лаванда | # E6E6FA | RGB (230,230,250) | |
чертополох | # D8BFD8 | RGB (216,191,216) | |
слива | # DDA0DD | RGB (221 160 221) | |
фиолетовый | # EE82EE | RGB (238 130 238) | |
орхидея | # DA70D6 | RGB (218,112,214) | |
фуксия | # FF00FF | гб (255,0,255) | |
пурпурный | # FF00FF | гб (255,0,255) | |
среднеорхид | # BA55D3 | RGB (186,85,211) | |
средне-фиолетовый | # 9370DB | RGB (147,112,219) | |
сине-фиолетовый | # 8A2BE2 | RGB (138,43,226) | |
темно-фиолетовый | # 9400D3 | RGB (148,0 211) | |
даркорхид | # 9932CC | RGB (153,50,204) | |
темно-пурпурный | # 8B008B | RGB (139,0,139) | |
фиолетовый | # 800080 | RGB (128,0,128) | |
индиго | # 4B0082 | RGB (75,0 130) |
Розовые тона
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
розовый | # FFC0CB | RGB (255,192,203) | |
светло-розовый | # FFB6C1 | RGB (255 182 193) | |
хотпинк | # FF69B4 | RGB (255 105 180) | |
диппинк | # FF1493 | RGB (255,20,147) | |
палево-фиолетовый | # DB7093 | RGB (219 112 147) | |
средний фиолетовый | # C71585 | RGB (199,21,133) |
Белый цвет
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
белый | #FFFFFF | гб (255,255,255) | |
снег | #FFFAFA | RGB (255,250,250) | |
медовая роса | # F0FFF0 | RGB (240,255,240) | |
мятный крем | # F5FFFA | RGB (245,255,250) | |
лазурный | # F0FFFF | RGB (240,255,255) | |
aliceblue | # F0F8FF | RGB (240 248 255) | |
ghostwhite | # F8F8FF | RGB (248 248 255) | |
белый дым | # F5F5F5 | RGB (245 245 245) | |
ракушка | # FFF5EE | RGB (255 245 238) | |
бежевый | # F5F5DC | RGB (245 245 220) | |
oldlace | # FDF5E6 | RGB (253 245 230) | |
цветочный белый | # FFFAF0 | RGB (255,250,240) | |
слоновая кость | # FFFFF0 | RGB (255,255,240) | |
антикв белый | # FAEBD7 | RGB (250 235 215) | |
белье | # FAF0E6 | RGB (250,240,230) | |
бледно-лиловый | # FFF0F5 | RGB (255 240 245) | |
туманная роза | # FFE4E1 | RGB (255 228 225) |
Серые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
Gainsboro | #DCDCDC | RGB (220,220,220) | |
светло-серый | # D3D3D3 | RGB (211 211 211) | |
серебро | # C0C0C0 | RGB (192,192,192) | |
темно-серый | # A9A9A9 | RGB (169 169 169) | |
серый | # 808080 | RGB (128,128,128) | |
димгрей | # 696969 | RGB (105,105,105) | |
серый свет | # 778899 | RGB (119,136,153) | |
серый | # 708090 | RGB (112,128,144) | |
темно-серый | # 2F4F4F | RGB (47,79,79) | |
черный | # 000000 | гб (0,0,0) |
Коричневые цвета
Цвет | HTML / CSS Название цвета | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
корнсилк | # FFF8DC | RGB (255 248 220) | |
бланшированный миндаль | #FFEBCD | RGB (255 235 205) | |
бисквит | # FFE4C4 | RGB (255 228 196) | |
навайовит | #FFDEAD | RGB (255 222 173) | |
пшеница | # F5DEB3 | RGB (245 222 179) | |
бурливуд | # DEB887 | RGB (222 184 135) | |
загар | # D2B48C | RGB (210,180,140) | |
розово-коричневый | # BC8F8F | RGB (188 143 143) | |
песочно-коричневый | # F4A460 | RGB (244,164,96) | |
золотарник | # DAA520 | RGB (218,165,32) | |
перу | # CD853F | RGB (205,133,63) | |
шоколад | # D2691E | RGB (210,105,30) | |
седло-коричневый | # 8B4513 | RGB (139,69,19) | |
сиена | # A0522D | RGB (160,82,45) | |
коричневый | # A52A2A | RGB (165,42,42) | |
бордовый | # 800000 | RGB (128,0,0) |
См. Также
Напишите, как улучшить эту страницу
Этот веб-сайт использует файлы cookie для улучшения вашего опыта, анализа трафика и отображения рекламы.Учить больше .Онлайн-инструмент для смешивания цветов - бесплатный инструмент для смешивания цветов!
Как смешивать цвета?
Если у вас ограниченное количество цветов - не волнуйтесь. Даже с 3 основными цветами вы можете получить почти все остальные.
Наш онлайн-смеситель цветов поможет вам! Смеситель будет полезен, если вы хотите сочетать цвета для изготовления мыла, приготовления пищи, окраски стен, обучения и других приложений.
Нажимая на цветные кружки, вы фактически добавляете в смесь одну каплю / часть красителя.Вы можете нажать «минус», чтобы уменьшить количество капель.
Для получения нужных цветовых пропорций можно добавить 2, 3 или более капель одного вида краски. Соотношение смешивания отображается в процентах. В смесь также можно добавить воду. Одна часть воды = 100 мл.
Также вы можете разместить на палитре неограниченное количество цветов.
Сверху вы видите 2 вкладки: микшер и палитра. Просто щелкните палитру, чтобы увидеть все сохраненные цвета.
- Щелкните Сбросить для обновления текущего микса (не палитры).
- Щелкните в любом месте смешанной области, чтобы сохранить текущий цвет.
- Щелкните «», чтобы просмотреть сохраненный цвет.
- Щелкните удалить на вкладке палитры, чтобы удалить сохраненный цвет.
Также вы можете выбрать любой цвет на цветовом круге выше. Мы постараемся подобрать наиболее подходящую формулу и подробнее расскажем об этом цвете.
.HTML цветовых кодов
Таблица цветов HTML
Щелкните любой цветной квадрат, чтобы получить его цветовой код HTML.
Теория цветовых кодов HTML
Итак, вы задаетесь вопросом: «Имеет ли эта странная комбинация букв и цифр какое-либо значение?» Что ж, ответ - "Да", и так оно и есть :)
Формат HTML-кодов:
Каждый код HTML содержит символ «#» и 6 букв или цифр. Эти числа представлены в шестнадцатеричной системе счисления.Например, «FF» в шестнадцатеричном формате представляет собой число 255 в десятичном формате.
Значение символов:
Первые два символа в цветовом коде HTML представляют интенсивность красного цвета и цвета. 00 - наименьшее, а FF - наиболее интенсивное. Третий и четвертый представляют интенсивность зеленого , а пятый и шестой представляют интенсивность синего . Таким образом, комбинируя интенсивность красного, зеленого и синего, мы можем смешать практически любой цвет, который пожелает наше сердце;)
Примеры:
# FF0000 - С помощью этого HTML-кода мы указываем браузеру показывать максимум красного цвета, а не зеленого и синего.Результат конечно чистый красный цвет:
# 00FF00 - Этот HTML-код показывает только зеленый цвет, а не красный и синий. Результат:
# 0000FF - Этот HTML-код показывает только синий цвет, а не красный и зеленый. Результат:
# FFFF00 - Комбинация красного и зеленого цветов дает нам желтый:
#CCEEFF - Возьмите немного красного, немного больше зеленого и максимум синего, чтобы получить цвет неба:
Поддержите этот сайт
Поддержите этот веб-сайт, разместив на нем ссылки.Все, что вам нужно сделать, это разместить приведенный ниже код на своем веб-сайте. Или распространите информацию в социальных сетях (Twitter, Facebook):
.