Раскрашивание старых фотографий. Как раскрасить черно-белое фото в фотошопе

Коды Майнкрафт цветов , или же Майнкрафт коды форматирования, позволяют любому игроку добавлять цветы и всячески форматировать текст прямо в Minecraft. Цветовые коды от &0-9 — до &a-f. Добавьте их перед вашим текстом. Сообщения от игроков могут содержать цветовые коды, которые позволяют добавлять краски в ваши предложения.

Цвета и коды форматирования

Знак амперсанта (&), за которым идёт шестнадцатеричное число в сообщения даёт сигнал клиенту для переключения цвета при отображении текста. Кроме того, текст может быть отформатирован с помощью символа &, за которым следует буква. Вы можете добавлять различные цвета в книги, командные блоки, имя сервера, описание сервера (motd), в название миров, в таблички и даже в имена игроков.

Очень легко отформатировать ваш текст в конфигах или в игре, используя таблицу цветов ниже. &r используется для сброса всех кодов, т.е. &mААА&rБББ будет отображаться как ААА БББ.

Представляем таблицу существующих цветовых кодов в Майнкрафт для вашего удобства:

Иногда бывает нужно подчеркнуть, зачеркнуть, выделить какой-либо текст . Для этого используется форматирование текста. Используется точно так же как и цвета(перед текстом ставим код , например &lMinecraft = Minecraft.

Для вашего удобства ниже приведена таблица кодов для форматирования:

Влад Мержевич

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

Шестнадцатеричные цвета

Для задания цветов в HTML используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Числа от 10 до 15 заменены латинскими буквами. В табл. 6.1 приведено соответствие десятичных и шестнадцатеричных чисел.

Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно (табл. 6.2). Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной.

Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставится символ решетки #, например #aa69cc. При этом регистр значения не имеет, поэтому допустимо писать #F0F0F0 или #f0f0f0.

Типичный цвет, используемый в HTML, выглядит следующим образом.

Здесь цвет фона веб-страницы задан как #FA8E47. Символ решетки # перед числом означает, что оно шестнадцатеричное. Первые две цифры (FA) определяют красную составляющую цвета, цифры с третьей по четвертую (8E) — зеленую, а последние две цифры (47) — синюю. В итоге получится такой цвет.

Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF, что в итоге образует 256 оттенков. Таким образом, общее количество цветов может быть 256х256х256 = 16.777.216 комбинаций. Цветовая модель, основанная на красной, зеленой и синей составляющей получила название RGB (red, green, blue; красный, зеленый, синий). Эта модель аддитивная (от add — складывать), при которой сложение всех трех компонент образует белый цвет.

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

• Если значения компонент цвета одинаковы (например: #D6D6D6), то получится серый оттенок. Чем больше число, тем светлее цвет, значения при этом меняются от #000000 (черный) до #FFFFFF (белый).
• Ярко-красный цвет образуется, если красный компонент сделать максимальным (FF), а остальные компоненты обнулить. Цвет со значением #FF0000 самый красный из возможных красных оттенков. Аналогично обстоит с зеленым цветом (#00FF00) и синим (#0000FF).
• Желтый цвет (#FFFF00) получается смешением красного с зеленым. Это хорошо видно на цветовом круге (рис. 6.1), где представлены основные цвета (красный, зеленый, синий) и комплементарные или дополнительные. К ним относятся желтый, голубой и фиолетовый (еще называемым пурпурным). Вообще, любой цвет можно получить смешением близлежащих к нему цветов. Так, голубой (#00FFFF) получается за счет объединения синего и зеленого цвета.

Рис. 6.1. Цветовой круг

Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор, умеющий работать с разными цветовыми моделями, например, Adobe Photoshop. На рис. 6.2 показано окно для выбора цвета в этой программе, линией обведено полученное шестнадцатеричное значение текущего цвета. Его можно скопировать и вставить к себе в код.

Рис. 6.2. Окно для выбора цвета в программе Photoshop

Веб-цвета

Если установить качество цветопередачи монитора в 8 бит (256 цветов), то один и тот же цвет может показываться в разных браузерах по-своему. Это связано со способом отображения графики, когда браузер работает со своей собственной палитрой и не может показать цвет, который у него в палитре отсутствует. В этом случае цвет заменяется сочетанием пикселов других, близких к нему, цветов, имитирующих заданный. Чтобы цвет оставался неизменным в разных браузерах, ввели палитру так называемых веб-цветов. Веб-цветами называются такие цвета, для каждой составляющей которых - красной, зеленой и синей - устанавливается одно из шести значений - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). В скобках указано шестнадцатеричное значение данной компоненты. Общее количество цветов из всех возможных сочетаний дает 6х6х6 - 216 цветов. Пример веб-цвета - #33FF66.

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

Цвета по названию

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

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

Пример 6.1. Цвет фона и текста

Пример текста

В данном примере цвет фона задается с помощью атрибута bgcolor тега , а цвет текста через атрибут text . Для разнообразия значение у атрибута text установлено в виде шестнадцатеричного числа, а у bgcolor с помощью зарезервированного ключевого слова teal .

​Одна из самых знакомых тем превращении сепии в цвет - это «Волшебник страны Оз».

Примечание переводчика: речь идёт о фильме «Волшебник страны Оз», фильм начинается в сепии, а потом появляются цвета, что для кинематографа того времени было уникально.

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

Раскрашивание сепии или чёрно-белой фотографии может показаться настоящим испытанием, на это может потребоваться время и терпение, хотя это может быть намного проще, чем вы думаете. Сегодня я покажу вам процесс раскрашивания фотографии в программе Adobe Photoshop.

Итоговый результат:

Исходные материалы

Изображение, которое я собираюсь использовать в данном уроке, представлено на скриншоте ниже:

Примечание: фотография взята на сайте http://www.loc.gov/

На мой взгляд, с чёрно-белой фотографией намного проще работать, чем с сепией, поэтому первое, что я сделал - это преобразовал фотографию. Это всего лишь моё личное предпочтение, и вам не обязательно это делать, если хотите и вам нравится работать с сепией, то работайте с сепией.

Примечание переводчика: автор преобразовал фотографию в тонах сепии в чёрно-белое изображение с помощью коррекции Чёрно-белое (Black and White).

1. Выберите нужный режим для изображения

Как только вы загрузили фотографию, вам необходимо убедиться, чтобы режим изображения был выставлен на RGB, а не на режим Градация серого (Grayscale), даже если ваше изображение монохромное или чёрно-белое. Чтобы проверить режим, для этого идём Изображение - Режим (Image >Mode), теперь посмотрите, чтобы напротив режима RGB стояла галочка.

2. Начинаем раскрашивать крупные фрагменты изображения

Шаг 1

С помощью инструмента Быстрое выделение ( Quick Select tool), выделите небо или любой другой крупный фрагмент изображения, который представлен одним цветовым оттенком.

С помощью инструмента Быстрое выделение (Quick Select tool), выделите фрагмент изображения, который представлен одним цветовым оттенком, например, небо.

Шаг 2

Нажмите кнопку Уточнить край (Refine Edge).

Используйте инструмент Уточнить край (Refine Edge), чтобы улучшить границы выделенной области.

Шаг 3

В появившемся окне настроек инструмента Уточнить край (Refine Edge), поставьте галочку в окошке Умный радиус (Smart Radius). Я поменял значение радиуса на 5 рх, но вы можете установить другое значение радиуса, которое лучше всего подходит к вашему изображению. Я также увеличил значение Сгладить (Smoth) до 3 пикселей, чтобы смягчить жёсткие края. Вы можете также применить другие настройки данного инструмента, чтобы улучшить границы выделенной области. Когда вы будете готовы, нажмите кнопку "ОК’.

Подберите нужное значение для Умного радиуса (Smart Radius), а также для опции Сгладить (Smooth).

Шаг 4

Итак, мы создали активное выделение, теперь нажмите кнопку Добавить новый корректирующий слой (Add New Adjustment Layer) в нижней части палитры слоёв и в появившемся окне выберите опцию Цвет (Solid Color).

Добавьте корректирующий слой Цвет (Solid Color) через нижнюю часть палитры слоёв.

Шаг 5

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

Выберите подходящий цветовой оттенок.

Шаг 6

Поменяйте режим наложения на Перекрытие (Overlay), и выбранный цвет будет выглядеть намного лучше. Если вас не устраивает выбранный цвет, то просто дважды щёлкните по голубому прямоугольнику рядом с маской, чтобы появилось окно Палитры цветов (Color Picker), выберите цветовой оттенок, который больше всего вам подходит.

Поменяйте режим наложения на Перекрытие (Overlay).

Шаг 7

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

Исправьте дефекты, оставшиеся после выделения.

3. Выберите фрагменты, имеющие схожие цветовые оттенки

Шаг 1

Повторите технику выделения, которая детально описана в предыдущих шагах, на этот раз выделите зелень моркови и арбуз. Огурец пока не выделяйте, чтобы у нас не все элементы были одного и того же оттенка зелёного цвета. На этот раз я поменял значение Сгладить (Smooth) до 2 рх при уточнении краёв, но опять же, используйте те значения, которые больше всего подходят вам.

Примените инструмент Уточнить край (Refine Edge) к зелени моркови.

Шаг 2

Не снимая активного выделения, добавьте новый корректирующий слой Цвет (Solid Color), точно так же, как вы проделывали это ранее, выберите оттенок зелёного цвета. На данный момент, сохраните степень Непрозрачности (O pacity) для каждого корректирующего слоя на уровне 100%. Это можно будет откорректировать позже, когда мы завершим работу над раскрашиванием.

Добавьте новый корректирующий слой Цвет (Solid Color), выберите оттенок зелёного цвета.

Шаг 3

Поменяйте режим наложения на Перекрытие (Overlay), а затем подберите подходящий цветовой оттенок. Проделайте то же самое для огурца, но только используйте другой оттенок зелёного цвета. Как только вы завершите раскрашивать овощи, далее, мы перейдём к раскраске кожи.

Поменяйте режим наложения на Перекрытие (Overlay).

Результат на данный момент урока.

4. Оттенок кожи и глаза

Шаг 1

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

Выделите участки кожи, используя технику выделения, которую вы применяли ранее, а также примените уточнение края. Далее, когда вы нажмёте кнопку ‘OK’, нажмите клавишу ‘Q’, чтобы войти в режим Быстрой маски (Quick Mask), а затем с помощью кисти, прокрасьте глаза мужчины, а также другие участки изображения мужчины, к которым вы не хотите добавить оттенок кожи. Нажмите ещё раз клавишу ‘Q’, и вы увидите, что участки, которые были окрашены в красный цвет, не вошли в созданное выделение.

С помощью Быстрой маски (Quick Mask), выделите любые мелкие участки, которые вы не хотите включить в созданное активное выделение.

Шаг 2

При выборе оттенка кожи попробуйте применить несколько цветовых оттенков, чтобы посмотреть, какой цветовой оттенок подходит больше всего, но не забывайте, что из-за режима наложения Перекрытие (Overlay), цветовые оттенки не будут выглядеть по-настоящему ‘истинными’. Поэтому, используйте очень приглушённый розовый / коричневый оттенок вместо персикового цвета, в противном случае, у вас получится кожа с оранжевым свечением!

Выберите бледно-розовые или светло-коричневые оттенки вместо персикового цвета.

Шаг 3

Для раскраски глаз добавьте новый корректирующий слой Цвет (Solid Color) без предварительного создания какого-либо активного выделения, выберите цветовой оттенок. Щёлкните по маске корректирующего слоя, а затем, нажмите клавиши (Ctrl+I) для инверсии маски. Теперь с помощью белой кисти, прокрасьте глаза на маске. Если вы не видите глаз мужчины за стёклами очков, то уменьшите значение Непрозрачности (Opacity) корректирующего слоя до 40%, таким образом, добавив всего лишь лёгкий оттенок цвета.

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

Добавьте корректирующий слой Цвет (Solid Color) без предварительного создания активного выделения

Мы завершили добавление оттенков кожи.

5. Губы и волосы

Шаг 1

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

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

Шаг 2

При прокрашивании волос старайтесь обращать внимание на цветовой тон волос на фотографии, чтобы подобрать более подходящий цветовой оттенок, даже если это будет сепия или чёрно-белая фотография. Для волос мужчины я использовал тёмный оттенок, уменьшив непрозрачность (Opacity) слоя до 90%, чтобы немного смягчить тон волос, т.к. очевидно, что мужчина уже пожилой. Что касается женщины, то не похоже, что у неё окрашенные волосы, поэтому я использовал тёмно-серый цвет.

Выберите естественный цвет волос и не забывайте про возраст при выборе оттенка волос.

6. Заключительные штрихи

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

Запомните одно правило: лучше меньше да лучше, и если вы собираетесь воссоздать "доподлинный" вид, то подходите более прагматично к выбору цветовых оттенков, учитывая цвета, которые носили в то время, а также используйте низкую насыщенность, чтобы придать изображению вид "старой" фотографии. Если же вы хотите проявить эксцентричность в выборе цвета, то забудьте то, что я вам сказал только что - просто берёте и делаете это!

Мы раскрасили изображение, но цвета выглядят слишком жестковато.

Поздравляю! Мы завершили урок!

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

Надеюсь, вам понравился данный урок!