Как создать эффект разбитого стекла в Photoshop
1. Как создать фон из разбитого стекла в Photoshop
Шаг 1
Создайте слой, залитый очень тёмным синим цветом. Над этим слоем создайте новый слой с режимом наложения. Нарисуйте свет и тень на этом слое с помощью очень большой круглой кисти по умолчанию, настроенной на чёрный и белый цвета. Это придаст фону за стеклом немного света и тени.
Вы также можете использовать текстуру или другой фон по вашему выбору.
Шаг 2
Поместите стеклянную текстуру на холст. Нажмите Control/Command-T, чтобы войти в режим преобразования, затем в верхней левой панели параметров выберите режим преобразования деформации.
Потяните текстуру стекла, чтобы придать ей нужную грубую форму. В этом случае мы будем использовать круг, который вскоре превратим в треугольник.
Я настоятельно рекомендую использовать
Smart Objects, чтобы вы могли вернуться к этому и всем будущим фильтрам и настройкам изображений и изменить их параметры.
Шаг 3
Затем перейдите в Фильтр> Разжижение, чтобы улучшить форму, нажимая и вытягивая текстуру стекла.
Попробуйте растягивать и сжимать текстуру таким образом, чтобы свести к минимуму появление размытых или растянутых пикселей.
Шаг 4
Измените режим слоя текстуры стекла на «Экран».
Шаг 5
Теперь мы внесем коррективы, которые сделают стекло более прозрачным. Сначала добавьте Фильтр > Интеллектуальная резкость, установите значение 500 и Радиус 0,3.
Во-вторых, используйте Изображение> Настройки> Кривые, чтобы уменьшить затемнение изображения. Сделайте это, переместив нижнюю точку привязки вправо. Это сделает стекло более четким.
Мы будем повторять этот шаг на последующих этапах, чтобы контролировать, насколько прозрачными или мутными/плотными будут выглядеть кусочки стекла.
Наконец, если вы хотите удалить цвет с вашего стекла, добавьте Изображение> Настройки> Оттенок / насыщенность, доведя насыщенность до -100.
Шаг 6
Теперь добавьте слой-маску к текстуре стекла.
Используйте большую мягкую кисть, установленную на чёрный цвет, чтобы замаскировать резкие края текстуры.
Используйте маленькую твердую круглую кисточку для дальнейшей обработки и удаления внутренней части формы стекла. Вы можете создать новые трещины, вырезать большие куски стекла и оставить после себя мелкие осколки.
Не стоит слишком много думать об этом шаге.
Стекло разбито, края неровные и неаккуратные, поэтому вы хотите, чтобы края выглядели неровными.
Шаг 7
Закрепите новый слой на текстуре стекла.
С помощью жёсткой круглой кисти нанесите белую краску на некоторые края стекла. Не делайте белую краску слишком густой или идеальной. Пусть она будет небрежной. Вы также можете использовать кисти с грубой текстурой для большей фактурности.
Это основные шаги, которые вы будете выполнять для всех текстур стекла.
«Экран», отрегулируйте чёткость и цвет, замаскируйте части стекла, а затем закрасьте края жёсткой
2. Как создать эффекты битого стекла в Photoshop
Шаг 1
Сначала поместите рисунок в центр стакана. Я буду использовать фигурку глаза из набора иконок.
Вы можете использовать любую простую форму или даже слова или логотипы.
Шаг 2
Поместите вторую текстуру стекла на холст. Вы можете использовать ту же текстуру стекла, что и раньше, но разнообразие поможет вам избежать повторения деталей/трещин в вашем дизайне.
Снова установите новую текстуру стекла на «Экран» и используйте настройки «Кривая» и «Оттенок/Насыщенность», чтобы изменить внешний вид стекла.
Чтобы стекло выглядело более массивным, я приподнял подсветку, используя
Изображение> Настройка> Кривые. Вы можете увидеть настройки ниже.
будут меняться в зависимости от используемой вами текстуры стекла и желаемого эффекта.
Шаг 3
Теперь создайте маску слоя в форме вашего дизайна, удерживая клавишу Control/Command и щелкая по дизайну, чтобы выделить его. Добавьте маску слоя к текстуре стекла. Маска будет иметь форму вашего дизайна.
Шаг 4
Создайте новую группу под названием «Дизайн» и перенесите в неё свой дизайн.
Добавьте к группе эффект слоя «Обводка», используя приведенные ниже настройки.
Шаг 5
Добавьте маску слоя в группу «Дизайн».
Используйте маленькую жёсткую кисть чёрного цвета, чтобы замаскировать трещины, края и осколки стекла в вашем дизайне.
Мы используем группу со слоем-маской для защиты исходного дизайна фигуры.
Таким образом, если мы захотим замаскировать часть треснувшего стекла обратно или полностью переделать маску, нам не придется беспокоиться о первоначальной форме.
Шаг 6
Скопируйте и создайте новый слой в группе «Дизайн», настроив его на «Мягкий свет». С помощью жёсткой круглой кисти нарисуйте белые блики по краям стекла.
Шаг 7
Повторите описанный выше шаг, установив для Нового слоя значение Normal.
Шаг 8
Теперь о том, как легко научиться рисовать разбитое стекло: создайте новый слой под группой «Дизайн». Используйте этот слой, чтобы нарисовать твёрдые, цельные, белые кусочки стекла и осколки вокруг рисунка. Используйте очень маленькие белые точки, линии и края.
Опять же, не переусердствуйте с этим шагом.
Вы хотите, чтобы белые линии были неаккуратными, острыми и неровными, чтобы они выглядели как маленькие кусочки стекла.
Фильтр> Увеличить резкость, если они выглядят слишком мягкими.
3. Как создать осколки стекла в Photoshop
Шаг 1
Поместите ещё одну копию текстуры стекла на холст, настроив её на экран.
Отрегулируйте прозрачность стекла с помощью
Шаг 2
Добавьте маску слоя к текстуре стекла, залив её чёрным цветом, чтобы временно скрыть её. Используйте жёсткую круглую кисть, залитую чёрным цветом, чтобы замаскировать части осколков стекла.
Шаг 3
Создайте и обрежьте новый слой в текстуре стекла и закрасьте края осколков резким белым цветом.
Не делайте белый цвет слишком однородным или идеальным.
Вы также можете пропустить некоторые стёкла, чтобы придать им объём.
Шаг 4
Вы можете либо повторить описанный выше шаг несколько раз, каждый раз маскируя новые осколки стекла, либо скопировать и вставить исходные осколки и разместить их вокруг холста.
Если вы используете метод копирования и вставки, обязательно переворачивайте, поворачивайте и изменяйте размер осколков стекла с помощью элементов управления
чтобы они не выглядели одинаково.
4. Как создать текстовый эффект разбитого стекла в Photoshop
Шаг 1
Введите или вставьте свой текстовый рисунок. Добавьте стиль слоя «Внешнее свечение» с приведенными ниже настройками.
Шаг 2
Для создания текстового эффекта мы начнём с использования инструмента «Магнитное лассо», чтобы выделить каждый фрагмент стекла, на котором будет отображаться наш текст.
Вот подборка моего первого куска стекла.
Шаг 3
Затем создайте слой сплошного цвета с любым цветом под текстурой стекла.
Слой сплошного цвета будет автоматически создан с маской слоя в форме выделенной области.
Цвет нужен только для того, чтобы помочь вам увидеть форму.
Шаг 4
Повторите описанный выше шаг, создав фигуру другого цвета для каждого отдельного фрагмента стекла, на котором будет отображаться ваш текст.
Шаг 5
Продублируйте свой текст по одному разу для каждого куска стекла.
Перетащите маски слоёв из слоёв сплошного цвета на текстовые слои. Каждая маска должна соответствовать той части текста, которая перекрывает фигуру. Текст будет выглядеть без изменений.
После завершения работы спрячьте слои с заливкой сплошным цветом. Ниже показано, как будут выглядеть ваши текстовые слои.
Шаг 6
Нажмите на значок «Ссылка» между значком слоя и маской слоя. Это отделит слой от его маски, и они будут двигаться независимо друг от друга.
Перемещайте каждый фрагмент текста, чтобы он выглядел смещённым и не выровненным по отношению к другим частям текста.
Вы также можете попробовать изменить размер частей текста для эффекта увеличения.
Вот как создать эффект разбитого стекла в Photoshop
Вот как можно создать эффект разбитого стекла в Photoshop! Теперь вы можете создать эффект разбитого стекла для любой фигуры, логотипа или текста. Попробуйте поэкспериментировать с разными дизайнами и фонами, чтобы создать ещё более сложные изображения. Вы можете использовать этот эффект по-разному, так что дерзайте!
