Как сделать красный фон
Цвет фона в HTML
Давайте начнем с рассмотрения того, как сделать нашу первую HTML- страницу такой, какой мы хотим ее видеть.
В HTML мы можем установить цвет фона, используя относительный атрибут тега body. Итак:
Палитра цвета
В данной таблица цветов вы можете переводить выбранный вами цвет в RGB код (для создания цвета в графическом редакторе) и HEX код (для обозначения цвета в HTML).
Цвет в HTML: Цвет фона
bgcolor означает «цвет фона». Многие цвета доступны с использованием соответствующих ключевых слов на английском языке.
В качестве альтернативы предпочтительнее использовать стиль CSS, так как цвет фона является эстетической особенностью страницы:
Однако не рекомендуется вводить цветовую нотацию, ссылаясь на этот тип синтаксиса, поскольку мы не можем точно знать, какой цветовой оттенок соответствует компьютеру пользователя. Во многих случаях предпочтительнее использовать соответствующую шестнадцатеричную цветовую кодировку, которая позволяет нам — среди прочего — также выбирать нестандартные цветовые тона. С шестнадцатеричной записью наш пример становится:
HTML таблица цветов
Вы можете скачать палитру цветов которая сожержит более 100 цветов с названиями и кодами
Скачать палитру цветов с кодами
Вот таблица с обозначениями некоторых цветов (многие из них также доступны в «темном» и «светлом» вариантах, например: “darkblue”, “lightblue” ):
цвет | ключевое слово | шестнадцатеричное обозначение |
---|---|---|
оранжевый | orange | #ffa500 |
синий | blue | #0000ff |
белый | white | #ffffff |
желтый | yellow | #ffff00 |
серый | gray | #808080 |
коричневый | brown | #a52a2a |
черный | black | #000000 |
красный | red | #ff0000 |
зеленый | green | #008000 |
фиолетовый | violet | #ee82ee |
Кстати цвет фона ячейки в таблице задан вот таким образом
Количество доступных цветов зависит от видеокарты. Сегодня мы переходим от минимального разрешения 256 цветов к разрешению, которое обеспечивает миллионы цветов.
Цвет фона и настройки экрана
Поскольку нет способа узнать, какая видеокарта у пользователя (или как он ее установил), веб-дизайнеры давно ссылаются на «безопасную палитру» из 256 цветов, на которую пользователь, безусловно, способен дисплей. Это называется безопасная веб- палитра.
Однако следует сказать, что подавляющее большинство компьютеров настроено отображать как минимум тысячи цветов, поэтому использование «безопасной веб-палитры» уже не так строго необходимо (это было в первые годы существования Интернета).
Как изменить цвет определенного объекта в Photoshop?
Доброго всем времени суток! Сегодня мы будем учиться изменять цвет объекта. Иногда возникает необходимость заменить цвет одежды на фото выделить какие-то детали. Это весьма полезное умение очень вам пригодится, поскольку замена цветов на объекте позволяет освежить ваши работы, придать им оригинальность. Все просто и сегодня в выпуске будут разные примеры.
Если вдруг вы решили в реале оттюнинговать свою машину, и не знаете какой цвет лучше подобрать, тогда можно и здесь попробовать фотошоп для начала. Перекрашивать по настоящему – дорого, а на компьютере – самое то. Результат можно увидеть и принять правильное решение.
Чтобы поменять цвет объекта, существует несколько способов. Их мы и рассмотрим. Первый способ заключается в применении встроенной функции изменения цвета, или замены цвета. Сначала познакомимся с ним. Как обычно, загружаем картинку, делаем дубликат слоя. Далее открываем в верхнем меню «Изображение»- «Коррекция» — «Заменить цвет».
Перед нами откроется окно, в котором необходимо выбрать заменяемый цвет и цвет, который будет вместо него.
Начнем с того, что в первой строке ставим галочку (если не установлена) на локализованные наборы цветов. Это стандартные, доступные в программе цвета. Далее, выбираем цвет, который меняем, например красный цвет насекомого. Нажимаем на пипетку, (первая из трех иконок) и нажимаем пипеткой на теле насекомого в квадратном окошечке внизу.
Одновременно, в окошке с названием цвет появится заменяемый оттенок. Обратите внимание, следующая строка – «разброс. Можно поставить на «максимально». Чем больше этот параметр, тем больше он захватит цвета. В нижней части окошка показаны параметры для замены цвета.
Можно воспользоваться ползунком, водя его справа налево, выбирая цвет, а можно сразу кликнуть на цветной квадратик и в появившемся окне выбора цвета, задать нужный, например, синий. Далее, настраиваем ползунками насыщенность этого цвета и яркость. Сделав все это, жмем ОК и получаем результат:
Божья коровка из красной стала синей. Второй вариант изменения цвета немного схож с первым, но операции проводятся иначе. Назвать данную процедуру можно выделением по цвету. Ранее говорилось о тюнинге машин, вот и возьмем для примера автомобиль. Загружаем картинку и идем опять в верхнее меню «Выделение»-«Цветовой диапазон».
Перед нами откроется окно, немного аналогичное предыдущему. Разброс так же ставим по максимуму, а «Пипеткой» жмем по красному цвету машины. В окне просмотра он стал белым.
Сделав все необходимые операции, жмем ОК и, в результате, получаем картинку машины, на которой красный цвет выделен прерывистой мерцающей линией. Мы добились того, что только нужные участки рисунка определенного цвета у нас выделились. И мы не прибегали к классическим инструментам выделения типа «Лассо» и других.
Теперь идем «Изображение» — «Коррекция — «Цветовой тон/Насыщенность».
Откроется окно настроек. В строке «Тонирование» ставим галочку. Далее, выбираем ползунком нужный цветовой тон. В моем варианте – зеленый. Настраиваем яркость и насыщенность так как нравиться Вам.
Когда достигли нужного варианта, жмем ОК. После этого снимаем выделение и получаем результат. Машина из красной стала зеленой. Если этот цвет не устраивает делаем поэтапно все то же самое, но выбираем иной цвет.
Вот такие простые операции, а результат впечатляет. Быстро и точно. Вы только что получили представление о компьютерной подборке цвета. Если еще компьютерный код автомобильной краски знать — можно пробовать подбирать реальные цвета.
Изменяем цвет объекта на белый
В этом примереперекрашиваем объект в белый цвет. Возьмем для примера ту же красную машину и перекрасим ее в белый цвет. Для начала зайдем слои — новый корректирующий слой — черно-белое.
В результате появится новый слой и откроется окно его корректировки.
Здесь двигаем ползунки, особенно верхний красный, поскольку машина была красная, до тех пор, пока не получим желаемый результат.
Как в Photoshop изменять цвет объекта по образцу?
Изменить цвет объекта можно еще и создав шаблон или образец нужного цвета. Создаем в программе новое окно, в котором красим фон в нужный цвет, например синий.
Далее переходим на картинку, которую надо перекрасить. Здесь мы выбираем выделение – цветовой диапазон. Теперь пипеткой кликаем по изменяемому цвету. Пипеткой со знаком + добавляем места выделения и нажимаем ОК. Если в результате выделился не только нужный объект, но и соседние участки, делаем следующим образом.
Выбираем инструмент лассо, а из верхнего меню используем кнопки добавить к выделенной области и вычесть из выделенной области.
Инструментом лассо обводим ненужные участки (при активированной кнопки вычесть из выделенной области). В результате ненужные участки будут убраны.
Произведя, таким образом необходимые манипуляции, мы получим нужное выделение, а именно четко красного цвета машину.
Заходим изображение – коррекция – подобрать цвет.
Перед нами откроется окно.
Здесь необходимо первым делом открыть выпадающее меню источник и выбрать в нем картинку с созданным синим цветом. Она проявиться в окне рядом.
В это же время измениться и цвет машины. Теперь двигая ползунки светимость, интенсивность цветов и ослабить находим нужный вариант цвета
После того, как получится нужный результат жмем ОК, снимаем выделение. Картинка изменила цвет. Ну, а для наглядности, небольшое видео, в котором при помощи инструментов «Пипетка» и «Градиент» перекрашивается небо над головой девушки на пляже.
Заменяем цвет объекта с помощью инструмента «Пипетка»
Выше мы говорили о том, как изменить цвет по образцу. В описанном варианте использовался созданный шаблон документа фотошоп. Однако можно выбирать цвет для изменения и в самой редактируемой картинке. Для этого существует инструмент пипетка, которая находится на панели инструментов (шестая сверху).
Если вам необходимо создать цветовую схему, которая будет одинаковой с таковой изображения, то пипетка как раз и предназначена для этого. Выбрав пипетку, необходимо щелкнуть по нужному цвету и он тут же отобразиться в квадратике выбора основного цвета. Если не щелкать кнопкой мыши, а удерживать ее нажатой, то увидим, что вокруг пипетки образовалось кольцо пробы.
Если водить курсором с пипеткой по картинке, то увидим, как на кольце изменяется цвет. Верхняя часть показывает выбранный цвет, а нижняя тот, который был изначально.Итак, это действия с инструментом пипетка. Теперь, как используя ее поменять цвет объекта. Для этого необходимо будет выполнить ряд операций. Первая – выделение той части картинки, цвет которой надо поменять. Например, на фото с красной машиной надо перекрасить боковое зеркало в одну из цветовых схем всей картинки. Для примера возьмем черный цвет у бампера.
Выбираем инструмент быстрое выделение или какой-либо другой, который вам удобнее и выделяем область. Поскольку в примере объект не сложный, я использовал магнитное лассо.
Теперь выбираем инструмент пипетка, кликаем по черному цвету бампера и видим, что в квадратике основного цвета, появился нужный.
Далее, выбираем инструмент заливка и начинаем перекрашивать зеркало. Увеличиваем для удобства. Если где остаются неокрашенные участки, кликаем по ним до тех пор, пока не закрасим.
Результат, конечно не такой, как в вариантах описанных ранее, но если поработать над коррекцией полученного изображения, можно достичь более реалистичных результатов.
berebas
Уроки по обработке фотографий
В данном уроке я подробно расскажу как отделять объекты от фона используя технологию chroma key пользуясь только средствами фотошопа.
Метод достаточно эффективен, чтобы вырезать каждый волосок на голове человека сохраняя полупрозрачность торчащих волосков. При этом алгоритм достаточно прост, хоть и нетривиален.
Так же не забываем при конвертации применять Lens Correction и убрать хроматические аберрации
В итоге мы получили фон чистого зеленого цвета. Исключением является засвет в правой части, но он нам не важен, т.к. правая сторона все равно будет обрезаться. Главное что вся область вокруг волос правильного оттенка.
Необходимо вывести фон в идеально зеленый оттенок! Т.е. в районе волос не должно присутствовать никаких цветов, кроме зеленых!
Я открываю RAW файл через Adobe Camera Raw как Smart Object. Так я могу в любой момент снова открыть RAW файл и поменять значения конвертации, если захочу что-либо поменять. Рекомендую вам делать то же самое.
Итак, мы получили смарт объект с которым теперь будем работать непосредственно в фотошопе.
Далее мы будем делать следующее. Конвертируем изображение в цветовое пространство Lab, достаем канал a, поднимаем ему контраст, а затем подставляем как маску для основного слоя.
1. Конвертируем цветовое пространство из RGB в Lab
На предложение растрировать изображение отвечаем отказом
2. Далее нам нужно достать из изображения канал a, чтобы на его основе сделать маску.
Для этого есть несколько способов.
2.1.а) Способ 1:
1) Создаем маску для слоя.
2) Переключаемся в режим её редактирования (Зажав Alt нажимаем на маску)
3) Заходим в меню Image => Apply Image
4) И вставляем канал a из нашего основного изображения
Итог от этих двух способов получается одинаковым. Пользуйтесь тем, который вам будет удобнее.
3. Нам нужно поднять контраст маски. Комбинацией клавиш Ctrl+L вызываем меню Levels. Либо через меню Image => Adjustments => Levels.
Сдвигаем черную и белую точки и началам пиковых значений гистограммы
Теперь мы во второй раз вызываем меню Levels, для более точной настройки уровней и двигаем бегунки до тех пор, пока волосы не станут равномерно белыми. Тут уже требуется небольшая работа головой. В любом случае, маска будет требовать доводки.
В принципе, наша заготовка для маски готова. Теперь инструментами Dodge и Burn мы дочищаем фон и человека.
Для инструментов я использую следующие значения
Секрет хорошей чистки в том, что лучше сделать много кликов и постепенно убрать шум, чем пытаться его выжечь за пару кликов.
6. В слое Hue/Saturation выбираем зеленый диапазон, расширяем его и меняем ему hue. Для волос у меня выходят примерно следующие значения
Я создал Preset от которого я отталкиваюсь при подборе цвета от съемки к съемке. Можете значения скопировать и тоже брать их как основу.
Перекрашивание волос настоятельно рекомендую делать в пространстве Lab, т.к. охватывается весь диапазон зеленых оттенков. В пространстве RGB оттенки меняются менее эффективно.
Вот в принципе и всё.
Результат по слоям
И конечная обтравка:
Если вы захотите вернутсья в цветовое пространвсто RGB вам нужно будет склеить корректировочный слой с основным. Либо запаковывать корректировочный слой с основным в Smart Object.
В ближайшее время я запишу видео по всему процессу и покажу как вернуться в цветовое простраство RGB сохранив маску и редактируемость слоев.