Привет, Земля!

Сегодня будет очень простой урок по рисованию граффити. Напомню, что граффити — это от итальянского graffito, т.е. рисунки или надписи, нарисованные чернилами или краской на ровной поверхности, наподобие стены.

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

Итак, давайте научимся как можно красиво нарисовать граффити!

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

1. Откройте любое изображение в программе фотошоп. Я возьму картинку в стиле Криминальное чтиво.

2. Создайте дубликат слоя. Самый быстрый способ — это комбинация клавиш Ctrl+J. Но вы можете более подробно изучить как можно еще создавать дубликаты в этой статье.

3. Примените к дубликату фильтр Выделение краев. Для этого выполните команду: Фильтры – Стилизация – Выделение краев (Filter>Stylize>Find Edges). Затем повторите использование фильтра для усиления эффекта (Ctrl+F).

4. Установите режим смешивания «Перекрытие» (Blend Mode — Overlay).

5. Теперь применим Фильтры – Размытие – Размытие по Гауссу (Filter>Blur>Gaussian Blur). Радиус около 2,5.

7. Объедините слои, выполнив команду Слои — Объединить (Layer — Merge Down) или нажав комбинацию клавиш Ctrl+E.

8. Используйте фильтр Текстуризатор: Фильтры – Текстуры — Текстуризатор (Filter – Texture — Texturize). Из выпадающего меню текстур выберите «Кирпич». Масштаб и рельеф настраивайте по вкусу.

9. Вновь создайте дубликат слоя (Ctrl+J).

10. Установите режим смешивания Умножение (Blend Mode – Multiply).

11. Установите прозрачность слоя 44%.

Вот, что получилось:

Очень простой прием, как красиво нарисовать граффити! Может быть, это не совсем то граффити, которое у вас ассоциируется при этом слове, но я же не зря написал в самом начале, что это не только причудливые рисунки, но и то, что рисуют красками на стене ))

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

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

Немного теории:

В программе фотошоп есть уйма мест, где можно столкнуться с ними, например:

• в диалоговом окне Стиль слоя, где вы можете добавить такие эффекты как тень, свечение и т.д.;
• в диалоговых окнах некоторых фильтров;
• в диалоговых окнах Заполнить и Выполнить обводку;
• на панели Параметры, когда используется инструмент, которым можно рисовать — Кисть, Заливка, Восстанавливающая кисть, Карандаш, Штамп, Архивная кисть, Градиент, Размытие, Резкость и Палец;
• в диалоговых окнах Вычисления и Внешний канал.

При работе с режимами наложения удобно рассматривать цвета, входящие в состав слоев, как состоящие из трех элементов:

• базового цвета — с которого вы начали работу, тот, который уже есть в изображении;
• наложенного цвета — который вы добавляете к базовому цвету, добавив в документ изображение на новом слое или рисуя инструментом Кисть на другом слое (отличном от базового);
• результирующего цвета — который получается после смешения базового и наложенного цветов в определенном режиме наложения.

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

Рассмотрим все виды режимов наложения и как их применение влияет на изображение в целом.

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

Режимы наложения Обычный (Normal) и Растворение (Dissolve)

Они находятся в самом верху списка и вот что делают:

Обычный (Normal). Устанавливается по умолчанию и не предусматривает какого-либо наложения; пикселы, находящиеся выше, полностью закрывают расположенные под ними. Сочетание клавиш: Shift+Alt+N

Затухание или Растворение (Dissolve). Превращает полупрозрачные пикселы в набор точек, как будто распыленных из аэрозольного баллончика (если полупрозрачных пикселов в изображении нет, то оно не изменится). Не очень полезен, если только вам не нужно сделать тень от объекта грубой, а не сглаженной. Сочетание клавиш: Shift+Alt+I.

Затемняющие режимы наложения

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

Затемнение (Darken). Фотошоп анализирует базовый и наложенный цвета и составляет результирующий цвет на основе наиболее темных их компонентов. Любой цвет на расположенном выше слое, если он темнее, чем цвет на расположенном ниже слое, остается неизменным, и все более светлые цвета нижнего слоя исчезают. Сочетание клавиш: Shift+Alt+K.

С помощью затемнения, на изображении можно убрать белый фон, причем без применения инструментов выделения. Подробнее об этом способе читайте в статье «Как убрать белый фон у изображения».

Умножение (Multiply). Программа фотошоп увеличивает базовый цвет на величину наложенного цвета. Данный режим можно представить как нанесение двух слоев чернил при печати, так как результирующий цвет будет всегда темнее основного. С помощью него можно выполнить много интересных задач, включая коррекцию недоэкспонированных или переэкспонированных изображений, удаление белого фона (иногда это прием называют «нокаутированием»). Сочетание клавиш: Shift+Alt+M.

Затемнение основы (Color Burn). Он затемняет изображение, увеличивая общий контраст. Если использовать его с 50-процентным серым цветом, то он увеличит интенсивность цвета расположенных ниже слоев. Сочетание клавиш: Shift+Alt+B.

Пример применения наложения — сделать небо на фотографии ярче:

Линейный затемнитель (Linear Burn). На самом деле он объединяет Умножение и Затемнение основы. Фотошоп затемняет изображение, уменьшая яркость. Линейный затемнитель дает самый темный результирующий цвет из всех затемняющих режимов наложения, хотя и чуть более контрастный, чем другие.

Он имеет склонность окрашивать в черный цвет темные пикселы, и потому идеально подходит для «грязных», текстурированных коллажей наподобие приведенного ниже. Сочетание клавиш: Shift+Alt+A.

Темнее (Darker Color). Здесь сравниваются базовый и наложенный цвета и оставляются те пикселы, которые темнее. Никакого наложения не происходит — более светлые цвета исчезают.

Осветляющие режимы наложения

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

Замена светлым (Lighten). Фотошоп сравнивает все компоненты базового и наложенного цветов и сохраняет более светлые, из которых формирует результирующий цвет.

Более темные компоненты игнорируются, так что он превосходно подходит для удаления черного фона. Сочетание клавиш: Shift+Alt+G.

Экран (Screen). В этом режиме фотошоп умножает цвета, противоположные базовому и наложенному, давая намного более светлые результирующие цвета, как будто на изображение пролили бутылку отбеливателя. Режим отлично подходит для коррекции слишком темных или недоэкспонированных изображений (например, если в вашей камере не сработала вспышка. Сочетание клавиш: Shift+Alt+S.

Осветление основы (Color Dodge). Изображение осветвляется уменьшением контрастности. Режим имеет склонность окрашивать в белый цвет светлые пикселы, но, в отличие от остальных осветляющих, он сохраняет черные пикселы, поэтому темные части изображения не изменяются. Этот режим вместе с 50-процентным серым цветом можно использовать для придания, например, волосам немного блеска. Сочетание клавиш: Shift+Alt+D.

Линейный осветлитель (добавить) (Linear Dodge (Add)). Он осветляет изображение, увеличивая яркость. Объединяет в себе режимы Экран и Осветление основы, и поэтому осветляет изображение сильнее, чем любой другой режим наложения. Но поскольку он склонен к перекрашиванию всех светлых пикселов в белый, то получившееся изображение может выглядеть неестественно. Сочетание клавиш: Shift+Alt+W.

Светлее (Lighter Color). Фотошоп сравнивает базовый и наложенный цвета и оставляет только более светлые пикселы. В отличие от Замена светлым, он не объединяет никаких цветов, а лишь оставляет более светлые.

Освещающие режимы наложения

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

Перекрытие (Overlay). Если наложенный цвет темнее 50-процентного серого, то фотошоп умножает его цветовое значение на значение базового цвета. Если наложенный цвет светлее 50-процентного серого, то умножает его цветовое значение на значение цвета, обратного базовому . А если наложенный цвет — 50-процентный серый, то он не оказывает никакого влияния на результирующий цвет. Его можно использовать для увеличения контрастности или раскрашивания изображения в градациях серого. Сочетание клавиш: Shift+Alt+O.

Мягкий свет (Soft Light). Как можно предположить из названия, он освещает изображения мягким светом. В результате светлые области становятся светлее (как если бы они были осветлены), а темные — темнее (как если бы они были затемнены). Рисуя черным цветом, вы затемните лежащее ниже изображение, рисуя белым — осветлите. Сочетание клавиш: Shift+Alt+F.

Жесткий свет (Hard Light). Объединяет в себе Умножение и Экран: если наложенный цвет светлее 50-процентного серого, то изображение становится светлее; если наложенный цвет темнее — изображение становится темнее. Если вы реально хотите выделить детали изображения, можно использовать данный режим совместно с фильтром Тиснение (Emboss). Сочетание клавиш: Shift+Alt+H.

Яркий свет (Vivid Light). Фотошоп применяет цветовое затемнение для повышения контрастности цветов, которые темнее 50-процентного серого и цветовое осветление для уменьшения контрастности цветов, которые светлее 50-процентного серого. Используйте этот режим, если нужно «выдавить» изображение или добавить к нему текстуру. Сочетание клавиш: Shift+Alt+V.

Линейный свет (Linear Light). Объединяет режимы Линейный затемнитель и Линейный осветлитель: первый используется для уменьшения яркости цветов, которые темнее 50-процентного серого; второй — для увеличения яркости цветов, которые светлее 50-процентного серого. Сочетание клавиш: Shift+Alt+J.

Точечный свет (Pin Light). Объединяет режимы Замена светлым и Затемнение: если наложенный цвет светлее, чем 50-процентный серый, то области, окрашенные в базовый цвет более темный, чем 50-процентный серый, меняют цвет на наложенный; а те пикселы, которые цвет которых светлее 50-процентного серого, не изменяются вообще. Но если наложенный цвет темнее 50-процентного серого, он заменяет цвет более светлых областей на наложенный, а более темные области не изменяются. Этот режим используется редко, так как дает странные результаты (а может не давать их вообще), но поэкспериментировать с ним — особенно в сочетании с фильтрами — все же стоит. Сочетание клавиш: Shift+Alt+Z.

Жесткое смешение (Hard Mix). Резко уменьшает количество цветов в изображении (эффект, известный как постеризация), поэтому в итоге вы получаете крупные области, окрашенные в очень яркие красный, зеленый и синий цвета. В этом режиме фотошоп анализирует сумму значений RGB-каналов наложенного цвета и прибавляет их к основному цвету. Например, если значение красного, зеленого или синего каналов равно 255, то оно прибавляется к базовому цвету; если же значение меньше 255, то прибавляется 0. Действие режима можно ослабить, уменьшая значение Заливка в верхней части палитры слоев. Сочетание клавиш: Shift+Alt+L.

Сравнительные режимы наложения

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

Разница (Difference).Анализируется яркость базового и наложенного цветов и производится вычитание из более ярких пикселов. Если в качестве наложенного цвета взят белый, то программа инвертирует базовый цвет, превращая изображение в негатив. Если на изображение наложен черный цвет — ничего не происходит. Вряд ли вы будете использовать. Сочетание клавиш: Shift-t-Alt+E.

Исключение (Exclusion). Схож с Разница, но результат получается чуть менее контрастным. Наложение белого цвета инвертирует базовый цвет, наложение черного не приводит к изменениям. Сочетание клавиш: Shift+Alt+X.

Режимы наложения на основе цветового тона

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

Цветовой тон (Hue). Сохраняет значения освещенности и насыщенности (интенсивности цвета) базового цвета и добавляет цветовой тон наложенного цвета. Если вы хотите изменить цвет объекта, не осветляя или не затемняя его, используйте этот режим. Однако он не может добавить цвет, отсутствующий в изображении, и потому неприменим для раскрашивания изображений в градациях серого. Сочетание клавиш: Shift+Alt+U.

Насыщенность (Saturation). Сохраняет яркость и цветовой тон базового цвета и добавляет насыщенность наложенного цвета. Если вы хотите повысить интенсивность цветов вашего изображения, он поможет вам. Кроме того, можно использовать для обесцвечивания области изображения, закрасив ее черным. Поскольку черный цвет не имеет значения насыщенности, он уменьшает насыщенность цветов, на которые наложен. Сочетание клавиш: Shift+Alt+T.

Цветность (Color). Фотошоп сохраняет яркость базового цвета и заменяет его цветовой тон и насыщенность на соответствующие значения наложенного цвета. Его очень удобно использовать для раскрашивания изображений в градациях серого. Сочетание клавиш: Shift-bAlt+C.

Яркость (Luminosity). Сохраняет цветовой тон и насыщенность базового цвета и добавляет яркость наложенного цвета. Используйте его для увеличения резкости изображения или при использовании корректирующих слоев уровней и кривых. Сочетание клавиш: Shift+Alt+Y.

Вычитание (Subtract). Просто вычитает 8-разрядные значения цвета на каждом канале от каждого пиксела каждого слоя. Если результат отрицателен, то получится черный цвет. Если наложить картинку саму на себя в этом режиме, то она станет черной.

Разделить (Divide). Делит 8-разрядное значение от каждого слоя друг на друга.

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

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

Первый способ убрать белый фон у изображения — применить инструмент Волшебный ластик.

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

Но может так случиться, что помимо белого фона, на самом изображении могут удалиться пикселы близкие к белому оттенку.

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

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

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

Есть еще одна полезная команда для удаления каймы: Слой-Обработка краев-Убрать кайму.

Второй способ борьбы с фоном — выделить при помощи инструмента Волшебная палочка.

Самое важное — не забыть разблокировать фоновый слой. Я об этом уже не раз писал, но повторю вновь. Если на палитре слоев, возле миниатюры слоя имеется маленький замочек, значит он заблокирован. Двойной клик по этому слою Образует его в новый, который можно будет редактировать.

Теперь, выбрав Волшебную палочку, сделайте клик по фону. Он выделится «Марширующими муравьями». Остается лишь нажать клавише Backspace. Появится вновь шахматный фон.

Как и с волшебным ластиком, обратите внимание на параметры допуска и смежных пикселов. Они работают аналогично.

Третий способ подойдет, когда фон не просто идет вокруг изображения, но и имеется внутри него. Нам пригодится прием — Выделение при помощи каналов. Как и сама задача, ее выполнение достаточно сложное. Поэтому ознакомьтесь с подробностями действий в отдельной статье.

Вкратце это выглядит так:

1. У нас есть изображение. Хотим убрать все белое, чтобы остался только прозрачный фон.

2. Создаем дубликат синего канала. Нажимаем Ctrl+L. Появилось окно Уровни. Начинаем двигать ползунки так, чтобы все серое стало максимально близким к черному. Другими словами, нужно добиться такого результата, чтобы то, что хотим удалить, стало белым, а остальное черным.

3. Теперь кликаем по миниатюре созданного нами дубликате канала с зажатой клавишей Ctrl. Появилось выделение. Скорее всего, выделение придется инвертировать — нажимаем Shift+Ctrl+I. Теперь можно либо нажать Backspace, чтобы удалить лишнее, либо создать дубликат слоя, нажав Ctrl+J, чтобы перенести выделение на новый слой. На своем примере я добавил текстуру, вот как получилось:

Четвертый способ немного выделяется из описанных выше. Если в предыдущих после удаления оставалась прозрачная часть, то сейчас мы научимся менять на другой фон. Этот способ связан с особенностью режимов наложения Затемнение и Умножение.

Итак, на рисунке ниже, слева мы имеем все того же рыцаря, а справа текстуру.

На палитре слоев текстуру размещаем вверху и указываем наложение Затемнение или Умножение. Рыцаря стало видно. Но есть загвоздка. Некоторые элементы изображения, которые также были белыми, стали цвета текстуры.

Сейчас исправим. К верхнему слою (с текстурой) добавим слой-маску. Взяв инструмент Кисть, начинаем стирать текстуру с видимых мест. Аккуратно, не спеша, в результате получилось так:

Несложно, качественно, красиво. Отличный способ.

Пока только такие способы я вспомнил. Знаете еще — пишите о них в комментариях.