Create a Realistic Broken Glass Effect in Photoshop

Create a Realistic Broken Glass Effect in Photoshop

Создание эффекта разбитого стекла

В этом уроке я покажу вам, как создать эффект разбитого стекла при помощи кистей в Фотошопе.

Шаг 1

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

Итак, я скачал панорамное изображение и открыл его в Фотошопе.



Шаг 2

Теперь нам нужно провести небольшую цветокоррекцию. Для этого выбираем Image>Adjustments>Vibrance и устанавливаем значения как на картинке:



Шаг 3

Теперь давайте добавим какой-нибудь текст. Автор использует шрифт Pirulen, цвет шрифта - #56767d



Шаг 4

Чтобы текст лучше сочетался с фоном, выберите инструмент Eraser Tool (E) и скачайте один из наборов гранжевых кистей (кисти опять же платные, бесплатно можно скачать только одну). Выберите одну из кистей и пройдитесь ей по тексту (предварительно слой с текстом нужно растеризовать (для этого кликните на слое с текстом на панели слоев правой кнопкой мыши и выберите Rasterize type). Используйте ластик с выбранной кистью только в нижней части текста, вдоль горизонта



Мне кажется, слой с текстом слишком яркий, поэтому я решил уменьшить Прозрачность до 40%:



Шаг 5

Сейчас мы добавим блик Создайте новый слой (Ctrl+Shift+N) и залейте его черным цветом. Затем выберите Filter>Render>Lens flare. Установите следующие настройки:



Измените режим наложения слоя (Blending mode) с бликом на Screen, чтобы подсветить темные области:



Шаг 6

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

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



Я решил дополнить этот урок способом создания такой кисти "с разбитым стеклом":

[ скрытый текст ]

А как же все-таки сделать кисть из текстуры или из фотографии? Покажу вам, как это делается, на двух примерах.

Возьмем вот такую текстуру:


(Качество картинки оставляет желать лучшего, я нашла ее просто для примера)

1. Переводим картинку с текстурой в ч/б вариант (если она у вас еще не ч/б) – Image -> Adjustments -> Black & White.

2. Далее, сделаем картинку более контрастной, при помощи Уровней (Levels) – нажмите Ctrl+L.

У меня получилось следующее (применительно к этой картинке):



Мне не очень понравились яркие черные края,поэтому я создала маску слоя (Layer -> Layer mask -> Reveal All), взяла кисть с Прозрачностью (Opacity) примерно 50% (кисть серая) и скрыла под маской слишком яркие черные участки:



3. В принципе, наша кисть готова. Если вы создавали маску слоя, то кликните на ней правой кнопкой мыши и выберите “Apply mask”. Далее выбираем Edit -> Define Brush Preset, и назваем кисть по вашему желанию

Помните, что при создании такой кисти, сама кисть должна быть черно-белой, т.е. «трещина» - быть черного цвета а фон – белый. Т.е. если вы нашли отличное изображение вот в таком виде:



То его нужно сначала инвертировать, нажав ctrl+I:



...а потом уже производить вышеописанные действия.

-------------------
прим. Переводчика

Шаг 7

Чтобы эффект выглядел реалистичней, нам нужно слегка размыть задний фон, чтобы создавалось впечатление, что мы смотрим на него через стекло. Для этого на панели слоев выделите все слои (удерживая Ctrl) кроме слоя с отпечатком кисти. Нажмите ALT+Ctrl+E – таким образом мы слили все слои и получили новый слой. Перейдите на этот слой и выберите Filter>Blur>Gaussian blur, настройки следующие (радиус примерно 5 рх):



Шаг 8

Все еще находясь на слое, созданном в Шаге 7, добавим ему маску, нажав вот на эту иконку (“Add layer mask”):



Теперь, выбрав черную кисть и перейдя на маску слоя, вы можете скрыть области, не нуждающиеся в размытии (черная кисть скрывает часть текущего слоя, белая – снова делает видимой). Т.е. в данном случае, нам нужно скрыть под маской среднюю часть изображения.



Шаг 9

Закончив работу с маской слоя, у нас станет видимой часть «резкого» изображения, эффект разбитого стекла теперь стал намного реалистичнее:



Шаг 10

Теперь давайте добавим несколько корректирующих слоев. Для начала добавим корректирующий слой Gradient Map (Layer>New adjustment layer>Gradient map). Выберите градиент, который наверняка есть у вас в наборе : фиолетовый (#6f156c) – зеленый ((#00601b) – оранжевый (#fd7c00). Измените режим наложения слоя Gradient Map на Screen, и уменьшите Прозрачность (Opacity) до примерно 70%:



Шаг 11

Чтобы придать изображению винтажный эффект, давайте немного «поиграемся» с корректирующим слоем Color Balance (Layer>New Adjustment Layer>Color Balance). Я скорректировал цвета в режиме «midtones» следующим образом:




Финальный результат!

Надеюсь, вам понравился этот урок

Девушка попросила обработать романтический снимок

Одна девушка опубликовала в сети снимок со своим бойфрендом, всю романтику которого испортил мальчик, играющий с мячом на заднем плане. Она попросила обработать фото и убрать мальчика, и тут понеслось…

Show me the light – digital art tutorial

В этом уроке будет показано, как с помощью различных изображений можно сделать красивую художественную работу с приятными огнями. Всё что нам понадобится – это цвета в комплекте текстур и модель. Вы можете скачать изображение модели тут. Итак, открываем фотошоп и приступаем к работе. Шаг 1 Откройте изображение модели в фотошопе. Используя инструмент Pen Tool (P) выделите нашу модель. После того как Вы обвели инструментом тело девушки, кликните правой кнопкой мыши и выберите Make Selection. Далее зайдите в Selection и выберите Insert selection (чтобы выделить фон), и нажмите на клавиатуре кнопку Delete. Таким образом мы удалили фон и оставили только изображение модели. Создайте новый документ 1500×2026 переместите в него нашу модель с помощью инструмента Move Tool (V). Назовите этот слой model. Сделайте новый слой и поместите его ниже слоя model. Выберите инструмент Gradient Tool (G), установите radial Gradient. Потяните из верхнего левого угла документа к нижнему правому углу. Используйте светло-серый цвет 66686b в качестве цвета переднего плана, и 474b4e для фона. Должно выглядеть, примерно, как на картинке ниже. Шаг 2 Теперь мы внесем некоторые изменения в цвет и контраст, и добавим некоторые тени. Внесите некоторые цветные изменения и увеличьте контраст модели. В данной работе были использованы регулирующие слои, т.к. они не являются разрушительными, т.е. Вы можете изменить этот слой или удалить его, не затрагивая при этом исходное изображение. Настройки для увеличения контраста, Levels: Настройки для усиления цвета, Saturation: Теперь нужно добавить тени на земле, чтобы сделать изображение более реалистичным, чтобы наша модель не «висела» в воздухе. Чтобы сделать такие тени нам понадобятся кисти разных размеров и жесткости. У основания ног используем кисть с hardness 35%, размер – 35 pixels. Установите Flow и Opacity кисти на 40-50 %, проведите несколько раз возле краев обеих ног. Для создания большой рассеянной тени используйте кисть большего размера с меньшей жесткостью. В итоге должно получиться, примерно, так: Шаг 3 Начинается самое интересное. Итак, загрузите Colors in Motion pack и Cosmic Lights PNG images pack. Первое изображение, которое было использовано, было из пакета Cosmic Lights. Откройте “18-star-radiation” и вставьте его на новый слой, ниже слоя model. Измените Blending Mode этого слоя на Screen. Если он получился бледным, плохо видимым, то увеличьте его насыщенность (Ctrl+U) или увеличьте контраст (Image-Adjustments-Brightless/Contrast). Теперь откройте “11-cosmic-rays” и добавьте его в Ваш документ, выше слоя model. Измените способ смешивания на Screen. Должно получиться, примерно, как на картинке ниже: Возьмите кисть с Opacity = 75-85%, цвет bc7a39 .Создайте новый слой, под двумя предыдущими слоями с огнями и сделайте легкие штрихи кистью на этом слое. Измените режим смешивания на Color Dodge. Теперь Вам нужно сделать тоже самое, но использую кисть большего размера, с использованием других режимов смешивания, и на этот раз слой должен быть выше слоя model. Можно использовать цвет e2a02d и установить режим смешивания на Screen. Таким образом мы добавим свет, с помощью двух «пятен». Первый раз создайте слой, возьмите кисть 650px и opacity 50% , сделайте первое «пятно». Создайте следующий слой и в центре первого «пятна» поставьте второе, размер кисти 350px, opacity 100%. Откройте изображение “stock 4” и добавьте в Ваш документ, но сначала поверните его как показано ниже. После этого установите режим смешивания на Screen. Откройте изображение “red_light.jpg” и добавьте его к левой ноге модели. Измените режим смешивания на Screen. Мы будем часто использовать данную методику для изображений с черным фоном. Шаг 4 Все огни, которые мы добавили в шаге 3, выглядят достаточно большими, но мы можем это исправить, добавив немного огней на теле модели и на полу. Начнем с левой ноги, где Вы только что добавили red_light.jpg Найдите слой model и, удерживая клавишу Ctrl, левой кнопкой мыши кликните по этому слою. Создайте новый слой, выше слоя model(Ctrl+Shift+N), не снимая выделения.Создайте на нем маску слоя. Назовите его ambient lights. Измените режим смешивания слоя ambient lights на Color Dodge. Возьмите кисть размером 90px и установите ее Opacity на 20%. Установите цвет e0446c и мягкой кистью проведите по левой ноге модели. Вам нужно сделать более насыщенный свет у основания ноги, и более светлый выше. Таким же образом добавьте на правой ноге желтые и зеленые цвета и подрисуйте немного область возле огней. Создайте новый слой выше слоя model и поставьте режим смешивания на Color Dodge. Нарисуйте пол мягкой кистью цветом 8c0548. Уменьшите opacity слоя, если эффект слишком силен. Должно выйти как на картинке ниже. Теперь перейдем к верхней части тела модели. Откроем и возьмем большие изображения, чтобы добавить больше огней. Открываем Color_gradient (15) , и выставьте режим смешивания на Screen. Возьмем другой свет Color (13) и добавим его к руке. Можно изменить насыщенность данного слоя, зайдем в Image>Adjustments>Hue/Saturation. Используйте ту же самую технику и добавьте изображение Color_gradient (18) как на картинке ниже.

Шаг 5 Итак, начнем с нижней части. Выберите цвет 534906, кисть размером 600-700 px, и opacity 65%. Кликните один раз по низу правой ноги, где были добавлены первые огни вначале. Измените режим смешивания на Color Dodge. Таким образом сделаем свет более ярким. Так как на изображении ниже. Измените размер кисти на 800 px, создайте новый слой и выберите цвет переднего плана 064953. Сделайте другой свет на спине модели и измените режим смешивания на Color Dodge(Add). Сделайте тоже самое под рукой, но на этот раз используя два разных цвета и разные opacity. Для первого раза используйте размер кисти 500 px, и цвет 5a4f34. Установите opacity на 100% и hardnessна 0%. Создайте новый слой и кликните один раз по пальцам руки модели. Уменьшите opacity слоя до 65% и измените режим смешивания на Color Dodge. Сделайте новый слой выше предыдущего и увеличьте размер кисти приблизительно до 960 px. Измените цвет на 574739 и кликните один раз по тому же самому "пятну" как раньше. Поставьте opacity 100% и измените режим смешивания на Color Dodge(Add). Должно быть примерно так: Загрузите Media Militia particles pack и откройте два изображения, которые похожи на взрыв и добавьте их внизу правой ноги, измените режим смешивания на Color Dodge(Add). В зависимости от изображения, которое Вы хотите получить, ВЫ можете менять режимы смешивания и цвета. Шаг 6 пост обработка Мы почти у цели. Итак, в этом шаге придадим нашему изображению дополнительные эффекты освещения и уменьшим размер нашего изображения. Нажмите комбинацию клавиш Ctrl+Alt+Shift+E, чтобы сделать копию всех слоев, соединенных воедино на новом слое. Создайте новый документ. Скопируйте изображение с первого документа и вставьте в данный документ. Измените размер слоя с помощью свободной трансформации (для симметричного изменения размера изображения зажмите клавишу Shift и с помощью мыши измените его размер). Чтобы добавить света руке, зайдите в Filter>Render>Light Effects и установите настройки как на картинке. Теперь добавим немного резкости. Идем в Filter>Sharpen>Unsharp. Настройки выставляем как на картинке ниже. В конце данной работы измените размер изображения, по длинной стороне не больше 1024 px. Вот так будет выглядеть финальный результат.