Абстрактный стиль эффекта разбитого текста ↓
В этом уроке пошагово показан процесс создания абстрактного стиля эффекта расколотого текста с разбитой стеклянной текстурой.
Для начала взгляните на заключительный результат:
И можете загрузить архив с изображениями для этого урока:
Шаг 1
Создаем новый документ размером 900 * 700px. Затем создаем новый слой выше background слоя, называем этот слой “заливка градиентом”. На этом слое, мы можем создать некоторый фоновый световой эффект.
В слое “заливка градиентом” устанавливаем цвет переднего плана #494949, далее нажимаем “G”, чтобы выбрать инструмент Градиента, в панели опций инструмента устанавливаем режим градиента Radial (Радиальный). Тянем на этом слое градиент, затем еще два других, изменив цвет:
Шаг 2
На слое выше “заливка градиентом” печатаем текст. После выбора инструмента Текст и установки габаритной рамки, редактор автоматически создаст новый слой, называем его “текст”.
Относительно выбора шрифта: я предлагаю использовать простой прямой шрифт, например из этой коллекции Clean font showcase
Разместите текст как показано ниже:
К слою “текст” применим следующие blending options (опции смешивания):
Стиль слоя / Drop shadow (Тень)
Bevel and Emboss (Скос и Рельеф)
Gradient Overlay (Перекрытие Градиентом)
После применения эффектов мы имеем:
Шаг 3
Сейчас применим текстуру разбитого стекла, чтобы создать эффект. (Файл в архиве). Открываем изображение в Photoshop. (Вставляем слой текстуры в свой документ выше слоя с текстом, уменьшив непрозрачность этого слоя, можем выгодно разместить текстуру). Затем загрузите выделение текста, для этого, удерживая Ctrl, наведите курсор мыши на иконку слоя с текстом в палитре слоев и щелкните левой клавишей.
В слое с текстурой инвертируем выделение, нажав Shift+Ctrl+I, и затем нажимаем Delete, очищая область за пределами текста. Называем этот слой “стеклянная текстура”.
Меняем режим смешивания этого слоя на “Overlay” и будем иметь следующий эффект:
Шаг 4
В слое “стеклянная текстура” немного отрегулируем черный и белые цвета:
(Image > Adjustments > Black & White (Alt+Shift+Ctrl+B) для версий CS3 и CS4)
Затем нажимаем Ctrl + J, тем самым, дублируя слой текстуры текста. Повторим это 5-6 раз, и вы будете иметь следующий эффект:
Шаг 5
Сейчас мы имеем расколотый текст, но есть идея добавить немного капель воды… Это может быть интересным эффектом.
Открываем любое изображение с каплями в Photoshop. (Файлы в архиве). Повторяем действия Шага 3.
Называем слой “текстура капель воды”.
Меняем режим смешивания этого слоя на “Soft Light” (Мягкий свет), снова дублируем слой “текстура капель воды” 5-6 раз, и вы будете иметь следующий эффект:
Шаг 6
Чтобы добавить немного пикантности в эффект, мы создадим новый слой под названием “облако”, используя инструмент Lasso Tool (Лассо) с feather (растушевка) 40px, создаем выделение вокруг текста и затем применяем фильтр Filter / Render / Clouds (Фильтры/ Освещение/ Облака), предварительно установив цвет foreground (переднего плана) Белый, а цвет background (фона) Черный:
Меняем режим смешивания этого слоя на “Hard Light” (Жесткий свет):
Шаг 7
Откройте изображение подобной модели в Photoshop. (Файл в архиве). Вставляем изображение в свой документ и размещаем его в палитре слоев выше слоя background, но ниже всех других слоев.
Называем слой “стеклянные осколки”.
На время скроем видимость слоя “заливка градиентом”, щелкнув по иконке «глаз».
Дублируем слой “стеклянные осколки” пару раз, и на каждом дублируемом слое используем инструмент Free Transform tool (Ctrl + T) (Свободная Трансформация) для вращения, изменения масштаба и искажения, размещаем подобным образом:
Слейте дублируемые слои модели (выделяем эти три слоя в палитре слоев и нажимаем Ctrl+E) и немного отрегулируем черный и белый цвета:
В результате мы имеем:
Шаг 8
Теперь мы можем добавить немного цвета отдельным буквам текста. Быстрый путь сделать это - создать новый слой выше всех других слоев и включить режим смешивания этого слоя “Color Dodge” (Осветление основы). Затем выбираем мягкую круглую кисть большого диаметра, устанавливаем любой понравившийся цвет, и рисуем кистью над текстом, создавая цветное свечение.
Результат эффекта будет напоминать это:
Ну вот и все! Вы можете еще усилить цвет или добавить текстуру фону.
Это заключительное изображение для этого урока:
Для начала взгляните на заключительный результат:
И можете загрузить архив с изображениями для этого урока:
Шаг 1
Создаем новый документ размером 900 * 700px. Затем создаем новый слой выше background слоя, называем этот слой “заливка градиентом”. На этом слое, мы можем создать некоторый фоновый световой эффект.
В слое “заливка градиентом” устанавливаем цвет переднего плана #494949, далее нажимаем “G”, чтобы выбрать инструмент Градиента, в панели опций инструмента устанавливаем режим градиента Radial (Радиальный). Тянем на этом слое градиент, затем еще два других, изменив цвет:
Шаг 2
На слое выше “заливка градиентом” печатаем текст. После выбора инструмента Текст и установки габаритной рамки, редактор автоматически создаст новый слой, называем его “текст”.
Относительно выбора шрифта: я предлагаю использовать простой прямой шрифт, например из этой коллекции Clean font showcase
Разместите текст как показано ниже:
К слою “текст” применим следующие blending options (опции смешивания):
Стиль слоя / Drop shadow (Тень)
Bevel and Emboss (Скос и Рельеф)
Gradient Overlay (Перекрытие Градиентом)
После применения эффектов мы имеем:
Шаг 3
Сейчас применим текстуру разбитого стекла, чтобы создать эффект. (Файл в архиве). Открываем изображение в Photoshop. (Вставляем слой текстуры в свой документ выше слоя с текстом, уменьшив непрозрачность этого слоя, можем выгодно разместить текстуру). Затем загрузите выделение текста, для этого, удерживая Ctrl, наведите курсор мыши на иконку слоя с текстом в палитре слоев и щелкните левой клавишей.
В слое с текстурой инвертируем выделение, нажав Shift+Ctrl+I, и затем нажимаем Delete, очищая область за пределами текста. Называем этот слой “стеклянная текстура”.
Меняем режим смешивания этого слоя на “Overlay” и будем иметь следующий эффект:
Шаг 4
В слое “стеклянная текстура” немного отрегулируем черный и белые цвета:
(Image > Adjustments > Black & White (Alt+Shift+Ctrl+B) для версий CS3 и CS4)
Затем нажимаем Ctrl + J, тем самым, дублируя слой текстуры текста. Повторим это 5-6 раз, и вы будете иметь следующий эффект:
Шаг 5
Сейчас мы имеем расколотый текст, но есть идея добавить немного капель воды… Это может быть интересным эффектом.
Открываем любое изображение с каплями в Photoshop. (Файлы в архиве). Повторяем действия Шага 3.
Называем слой “текстура капель воды”.
Меняем режим смешивания этого слоя на “Soft Light” (Мягкий свет), снова дублируем слой “текстура капель воды” 5-6 раз, и вы будете иметь следующий эффект:
Шаг 6
Чтобы добавить немного пикантности в эффект, мы создадим новый слой под названием “облако”, используя инструмент Lasso Tool (Лассо) с feather (растушевка) 40px, создаем выделение вокруг текста и затем применяем фильтр Filter / Render / Clouds (Фильтры/ Освещение/ Облака), предварительно установив цвет foreground (переднего плана) Белый, а цвет background (фона) Черный:
Меняем режим смешивания этого слоя на “Hard Light” (Жесткий свет):
Шаг 7
Откройте изображение подобной модели в Photoshop. (Файл в архиве). Вставляем изображение в свой документ и размещаем его в палитре слоев выше слоя background, но ниже всех других слоев.
Называем слой “стеклянные осколки”.
На время скроем видимость слоя “заливка градиентом”, щелкнув по иконке «глаз».
Дублируем слой “стеклянные осколки” пару раз, и на каждом дублируемом слое используем инструмент Free Transform tool (Ctrl + T) (Свободная Трансформация) для вращения, изменения масштаба и искажения, размещаем подобным образом:
Слейте дублируемые слои модели (выделяем эти три слоя в палитре слоев и нажимаем Ctrl+E) и немного отрегулируем черный и белый цвета:
В результате мы имеем:
Шаг 8
Теперь мы можем добавить немного цвета отдельным буквам текста. Быстрый путь сделать это - создать новый слой выше всех других слоев и включить режим смешивания этого слоя “Color Dodge” (Осветление основы). Затем выбираем мягкую круглую кисть большого диаметра, устанавливаем любой понравившийся цвет, и рисуем кистью над текстом, создавая цветное свечение.
Результат эффекта будет напоминать это:
Ну вот и все! Вы можете еще усилить цвет или добавить текстуру фону.
Это заключительное изображение для этого урока:
