Сегодня я научу вас интересному эффекту взгляда через разбитое стекло . Для этого урока photoshop нам понадобится изображение для заднего плана (желательно город) и кисти с изображением разбитого стекла.
Урок простой, на выходе мы получим такой эффект разбитого стекла:
1. Для начала нужно найти исходники. Как я уже говорил, нам нужно изображение города и кисти разбитого стекла. Я взял такой город:
2. Открываем фотографию города и применяем Image (Изображение) -> Adjustment (Коррекция) -> Vibrance (Вибрации) c такими настройками:
И рисуем с её помощью трещину, обратите внимание, что основной цвет у должен стоять чёрный:
Если хотите, вы можете создать свою собственную кисть, или воспользоваться вместо кисти текстурой разбитого стекла. О том, как создавать кисти, читайте в уроке « «. Я же остановлюсь на этом моменте вкратце.
Откройте изображение с разбитым стеклом (если оно не чёрно-белое, сделайте его таковым с помощью сочетания клавиш Shift+Ctrl+U). Обратите внимание, что стекло должно быть белого цвета, а трещины черного. Если изображению не хватает контраста, добавьте его с помощью Image -> Adjustment -> Brightness/Contrast (Яркость/Контраст). Теперь создайте саму кисть. Перейдите в Edit (Редактировать) -> Define Brush Preset (Определить кисть). Всё, кисть создана, можете закрывать документ с трещинами на стекле и переходить к созданию взгляда на город через разбитое стекло.
4. Давайте размоем немного город, для этого нужно скопировать слой с городом (Ctrl+J), затем перейдём в Filter (Фильтр) -> Blur (Размытие) -> Gaussian blur (По Гауссу) со значением радиуса 4px:
5. Создаём маску для скопированного слоя (подробнее о масках читайте в уроке photoshop « «), к которому мы только что применили размытие, берем мягкую кисть чёрного цвета, и скрываем области, которые не должны быть размытыми:
Таким образом, мы получили эффект взгляда через разбитое стекло. Там, где стекла нет, изображение получилось чётким, а там, где оно осталось — размытым. Это придаёт ещё больше реализма. Теперь нам осталось поработать с цветами.
Цветной взгляд через разбитое стекло
6. Создайте новый корректирующий слой с градиентом:
Градиент подберите любой, на ваш вкус:
Режим смешивания установите Overlay, непрозрачность 50%. В итоге получаем такой взгляд через разбитое стекло:
Можете использовать маску слоя для обесцвечивания изображения, которое видно через дырку в стекле:
На мой взгляд, так получилось интереснее. Напоследок можете применить корректирующий слой Color Balance (Баланс цветов) и придать картинке тот оттенок, который вам нравится.
Мой «Взгляд через разбитое стекло» выглядит так:
На этом урок photoshop по созданию взгляда через разбитое стекло закончен. Надеюсь вам понравилось. Если у вас есть вопросы, или вы хотите обсудить этот урок, можете сделать это в комментариях или на форуме. Желаю вам успехов и прощаюсь до новых встреч 😉
Разбитое стекло в дизайн-проекте — отличный способ добавить драматизма и сделать сюжет интереснее. Сам образ разбитого стекла символизирует провокацию, вызов и создает настроение энергичности и конфликта. Сегодня вы узнаете как создать кисть для Adobe Photoshop в виде разбитого стекла. Вы пройдете весь путь от разбивания стекла, до фотографии и конечно создания самой кисти.
1. Практическая часть эффекта
Вы можете задаться вопросом: «Что в этом сложного? Всего лишь нужно разбить стекло и сфотографировать его!». Но на деле сложностей оказывается куда больше. В первую очередь встает проблема безопасности. Осколки разбитого стекла могут стать настоящей проблемой. Вы не можете разбить стекло плавно и подконтрольно. Это приходится делать резко и сильно. Если не предпринять необходимых мер, осколки разлетятся в разные стороны, а это очень опасно.
Но безопасность — не единственная проблема. Когда дело доходит до процесса съемок, приходится решать вопросы с фоном и отражениями. Каждая из этих составляющих может существенно осложнить процесс последующей обработки фотографий. А если учитывать количество осколков, времени у вас уйдет немало.
К счастью в этом уроке вы найдете решение всех перечисленных проблем!
Шаг 1
Материалы и инструменты, которые вам понадобятся довольно просты и недороги:
- Несколько листов стекла. В примере использованы стекла из рамок для фото, купленных на распродаже.
- Лист довольно крепкого картона.
- Аэрозольный клей.
- Чистые пластиковые пакеты, вмещающие стекло.
- Молоток!
Шаг 2
Как показала практика лучше всего производить следующие действия на улице в пасмурный день. Толстый слой облаков дает мягкий, рассеянный свет и помогает избежать бликов.
Клей нам нужен для того, чтобы удержать осколки вместе и не дать им разлететься по округе. Начнем с распыления клея на картон. Распыляйте хорошо — нам не нужны капли, которые потом будут видны на стекле. Вам не нужно, чтобы стекло приклеилось намертво, клей должен лишь удержать осколки вместе.
Шаг 3
Дайте клею на картоне немного подсохнуть, затем аккуратно прижмите к картону стекло. Старайтесь не оставлять отпечатки пальцев на стекле.
Шаг 4
При необходимости обрежьте картон так, чтобы стекло с картоном поместились в пакет. Положите картон со стеклом внутрь пакета.
Шаг 5
Разбейте стекло быстрым и точным ударом молотка в центр стекла. Клей удержит осколки вместе и пакет не даст им разлететься.
Шаг 6
Аккуратно вытяните картон со стеклом из пакета так, чтобы осколки остались на месте. Положите картон со стеклом на прямую поверхность и начинайте фотографировать. Снимайте под небольшим углом и следите чтобы вы не отражались в стекле.
Шаг 7
Очень аккуратно вытащите несколько осколков и сфотографируйте их отдельно, так же заботясь о том, чтобы не было отражений.
Шаг 8
Повторите весь процесс столько раз, сколько необходимо, или пока у вас не закончатся куски стекла.
2. Обработка фото
Теперь переместимся в цифровую среду. Нам необходимо подготовить фотографии для кистей.
Шаг 1
Откройте одну из фотографий разбитого стекла и инструментом Crop/Кадрировать обрежьте изображение близко к краям стекла.
Шаг 2
Кисти для Photoshop игнорируют информацию о цвете, так что нам было бы неплохо также видеть черно-белую картинку. Для этого добавьте Adjustment Layer/Корректирующий слой Black & White/Черный и белый и найдите такие настройки при которых вы добьетесь лучшего контраста. В нашем примере это High Contrast Red Filter/Высококонтрастный красный фильтр.
Шаг 3
Добавьте корректирующий слой Curves/Кривые. Настройте кривые по аналогии со скриншотом ниже. Ваша задача сделать места между трещинами ровного белого цвета, а сами трещины сделать настолько темными, насколько это возможно без искажения изображения.
Шаг 4
Добавьте New Layer/Новый слой поверх всех остальных слоев и возьмите инструмент Brush/Кисть (B). Выберите в качестве первого цвета белый и закрасьте все вокруг трещин, при этом аккуратно сведите к невидимости края, как на картинке ниже.
Шаг 5
В меню выберите Edit > Define Brush Preset/Редактировать > Определить кисть и дайте вашей кисти имя. Таким же образом обработайте остальные фотографии и создайте из них кисти.
3. Использование кистей
Несмотря на то, что создавать собственные кисти интересно и полезно, все же не у всех есть время заниматься разбиванием стекла для создания кистей. Поэтому вы можете скачать уже готовый набор .
Шаг 1
Загрузите файл ShatteredGlassBrushes.abr . Теперь в меню выберите Edit > Presets > Preset Manager/Редактировать>Наборы>Управление наборами . В отделе Brushes/Кисти используйте кнопку Load/Загрузить, чтобы найти только что скачанный файл.
Так вы добавите 12 новых кистей из урока в палитру Brush Presets/Наборы кистей .
Дайте волю фантазии и используйте их по своему желанию!
Перевод — Дежурка
В этом уроке я объясню, как сделать реалистичный эффект разбитого стекла с помощью Фотошоп кисти.В этом уроке я объясню, как сделать реалистичный эффект разбитого стекла с помощью Фотошоп кисти.
Финальное изображение:
Дополнительные материалы:
Шаг 1
Метод, лежащий в основе этого урока достаточно легкий и его быстро выполнить. Все, что нам нужно, это фоновое изображение и кисть, имитирующая разбитое стекло. В качестве фонового изображения я взял панорамный снимок города и открыл его в фотошопе.
Шаг 2
Уменьшим насыщенность фото, перейдем в меню Изображение > Коррекция > Вибрация
и установите настройки:
Вибрация: +15
Насыщенность: -70
Шаг 3
Для данной сцены, давайте напишем что-нибудь шрифтом без засечек. Я использовал .
Цвет шрифта #56767d
Шаг 4
Для того, чтобы объединить текст с фоном, возьмите ластик, по виду похожий на мой. Для начала Вам нужно растрировать слой с текстом (правой кнопкой мыши на слое с текстом > Растрировать текст). Используйте ластик особенно на нижней части текста, вдоль горизонта.
Прозрачность слоя с текстом слишком высока на мой взгляд, по этому уменьшим ее до 40% . Вот что получается на данном этапе.
Шаг 5
Чтобы придать фотографии естественности, добавим блик. Создайте новый слой и залейте его черным цветом. Затем зайдите в Фильтр > Рендеринг > Блик . Настройки указаны ниже.
Установим режим наложения на Экран для устранения черных областей.
Шаг 6
Теперь мы можем заняться эффектом разбитого стекла. Возьмите черную . Создайте слой и щелкните один раз по центру фото. Вы могли бы получить этот же самый эффект, используя фотографию разбитого стекла, однако с помощью кисти это проще.
Шаг 7
Для того чтобы сделать эффект реалистичным, нам нужно размыть область, которую покрывает разбитое стекло. Выберите все слои лежащие ниже слоя с разбитым стеклом и нажмите Alt + Ctrl + E , чтобы объединить их в новый слой. Затем применяем Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) с радиусом около 3 px,
Шаг 8
Создайте слой-маску для размытого слоя.
Теперь используйте черную круглую кисть, чтобы очистить некоторые области от размытого фона.
Шаг 9
В конце концов размытие осталось только на стекле, в не области стекла остался только четкий фон. Таким образом получили реалистичный эффект разбитого стекла.
Шаг 10
Для завершения работы, просто поиграем с двумя корректирующими слоями. Начнем с изменения цветов при помощи Карты градиента (Слои > Новый корректирующий слой > Карта градиента). Сделайте переход градиента от фиолетового (# 6f156c ) на зеленый (# 00601b ) к оранжевому (# fd7c00 ). Установите режим наложения на Экран , с непрозрачностью 70%.
Шаг 11
Для того, чтобы стиль винтаж стал еще больше выражен, давайте поиграем немного с корректирующим слоем Цветовой баланс (Слои > Новый корректирующий слой > Цветовой баланс). Я просто изменял полутона, пока не стал доволен результатом.
Конец
Вот мой конечный результат. Я надеюсь, Вам понравился урок создания эффекта разбитого стекла.
What You"ll Be Creating
Добавление разбитого стекла на изображение - это отличный способ добавить драматизм и вызвать интерес. Визуальное восприятие разбитого стекла - быстро запоминается, а также наполнено энергией и конфликтом. Создание подобного эффекта включает множество технических сложностей. Нарисовать это сложно и требуется много времени, а правильно сфотографировать - это задача не из лёгких! В этом коротком уроке, я покажу вам отличный способ безопасного создания кисти Разбитое Стекло в Adobe Photoshop.
1. Создаём Эффект в Реальности
Перед тем, как мы приступим, я знаю, о чём вы думаете. "Насколько сложным это может быть? Просто разбить стекло и сфотографировать его!" Тем не менее, данный проект может оказаться намного сложнее, чем кажется. Сама природа разбитого стекла делает работу со стеклом сложной. Оно острое и можно порезаться. Невозможно сломать стекло медленным и контролируемым образом. Оно должно быть разбито с применением силы, а осколки имеют свойство крайне опасно разлетаться в стороны.
Как только вопросы техники безопасности рассмотрены, следующие задачи - это задний фон и отражения. Возможно, у вас значительно увеличится время на редактирование во время создания кисти, поэтому, лучше всего исправить всё при выполнении эффекта на практике. Тем не менее, создание эффекта, где не будет виден задний фон или отражения в десятках осколков крошечного стекла, не является простой задачей.
К счастью, в этом уроке я расскажу вам, как преодолеть обе эти проблемы и в итоге создать чёткие красивые кисти Разбитое Стекло!
Шаг 1
Материалы, которые вам понадобятся, достаточно просты и доступны. Вам понадобятся:
- Стекло. Несколько небольших листов. Я использовал стёкла из дешёвых фоторамок, которые продавались в местном универмаге.
- Несколько листов плотного картона.
- Спрей-клей. Поищите распылитель в баллончиках, который создаёт равномерное распыление и не оставляет следов после засыхания.
- Прозрачные полиэтиленовые пакеты, достаточно большие, чтобы поместить внутри стекло.
- Молоток!
Шаг 2
Я предлагаю осуществлять данный проект на улице в пасмурный день. Тучи на небе создадут мягкий окружающий свет, кроме этого, будет легко избежать жёстких отражений и бликов. Для контроля осколков стекла, чтобы они не разлетелись после удара - нужно приклеить стекло к листу картона. Нанесите клей на лист картона с помощью распылителя. Создайте очень лёгкое распыление - поскольку мы не хотим, чтобы капли клея были видны через стекло. Не обязательно намертво сажать стекло на клей, мы используем клей лишь для того, чтобы стекло не скользило и не смещалось.
Шаг 3
Пусть клей немного застынет в течение минуты, а затем аккуратно прижмите стекло к листу картона. Будьте осторожны, не оставьте отпечатки пальцев на поверхности стекла!
Шаг 4
При необходимости, обрежьте лист картона так, чтобы картон и стекло вместе могли поместиться внутри одного из пластиковых пакетов. Примечание переводчика: как только вы обрезали картон под размеры пластикового пакета, поместите картон вместе со стеклом внутрь пакета.
Шаг 5
Разбейте стекло, нанеся быстрый удар молотка по центру стеклянного листа. Клей будет удерживать осколки, а пластиковый пакет не позволит осколкам разлететься.
Шаг 6
Аккуратно выньте картон вместе со стеклом из пластикового пакета, не нарушив ни одной части стекла. Картон должен находиться на ровной поверхности, далее, приступите к фотосъёмке разбитого стекла. Ведите фотосъёмку под небольшим углом, при этом наблюдая, чтобы ваше собственное отражение не отражалось на поверхности стекла.
Шаг 7
Аккуратно извлеките несколько осколков стекла, чтобы сделать ещё больше снимков стеклянных осколков, при этом, не забывайте про своё отражение!
Шаг 8
Повторите процесс столько раз, сколько захотите, или пока не закончится стекло!
2. Обрабатываем Фотографии
Теперь переходим в цифровой мир, и адаптируем наши снимки с разбитым стеклом, чтобы создать пользовательские кисти в Photoshop.
Шаг 1
Откройте один из снимков с разбитым стеклом в программе Photoshop. С помощью инструмента Рамка (Crop Tool (C), кадрируйте изображение ближе к краям стекла.
Шаг 2
Кисти Photoshop игнорируют информацию о цвете, так что лучше всего увидеть изображение в Photoshop в оттенках серого. Добавьте корректирующий слой Чёрно-белый
(Black & White), а затем в выпадающем меню Пресетов (preset), выберите наиболее подходящий фильтр для создания лучшего контраста на вашем изображении. В данном случае, я использовал Высококонтрастный Красный Фильтр
(High Contrast Red Filter).
Шаг 3
Добавьте корректирующий слой Кривые
(Curves), а затем прижмите кривую по горизонтали, касаясь края гистограммы, чтобы значительно усилить контраст изображения. Далее, создайте крутую дугу в верхней части окна. Цель состоит в том, чтобы получить совершенно белый цвет на участках фрагментов стекла между трещинами, а так же сделать трещины, как можно темнее, не создавая искажений.
Шаг 4
Создайте новый слой поверх всех остальных слоёв, а затем выберите инструмент Кисть (Brush (B), цвет кисти белый. Аккуратно прокрасьте кистью вдоль краёв трещин, а также аккуратно затените радиальные трещины по мере приближения к краям.
Шаг 5
Идём Редактирование – Определить кисть
(Edit > Define Brush Preset). Дайте название новой кисти, а затем нажмите ‘OK’, чтобы добавить новую кисть в стандартный набор кистей. Повторите тот же самый процесс для остальных изображений с разбитым стеклом, пока вы не пополните свою библиотеку своими новыми кистями Разбитое Стекло.
3. Вы можете использовать Мои Кисти
Я настоятельно рекомендую вам выполнить данный урок и создать свои собственные кисти Разбитое Стекло, я понимаю, что не у всех есть время или возможность разбить стекло только для того, чтобы сфотографировать. Поэтому, если у вас нет времени или возможности, чтобы создать свои собственные кисти, то вы можете использовать мои кисти в своих работах!
Шаг 1
Скачайте кисти Разбитое Стекло в приложении к данному уроку. Далее, идём Редактирование – Управление наборами (Edit > Presets > Preset Manager). И в выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes). Далее, нажмите кнопку Загрузить (Load) и в появившемся окне, выберите установочный файл ShatteredGlassBrushes.abr.
Таким образом, вы добавите 12 новых кистей Разбитое Стекло в свой стандартный набор кистей.
Шаг 2
Проявите креативность! Теперь примените новые кисти, которых у вас не было раньше, в своих цифровых работах, создав эффекты разбитого стекла.
Хотите Ещё?
У вас недостаточно своих созданных собственных кистей в программе Photoshop? Тогда вы можете посмотреть другие уроки из моей серии Создаём свои собственные кисти: , . Хотите узнать больше о том, как использовать стандартные кисти в фотоманипуляциях? Тогда заходите на мой профиль на Tuts +, чтобы ознакомится с уроками и обучающими программами , здесь вы найдёте всё, что вас интересует и даже больше!
Создание своей собственной библиотеки цифровых ресурсов, которые вы создали на практике, это тот опыт, который принесёт плоды в будущем. Вместо поисков интересных текстур на стоковых ресурсах, попробуйте создать некоторые текстуры самостоятельно! Я хотел бы увидеть их в комментариях к уроку.