Создаем в фотошопе художественно разбитый блок с текстом
11
- Мой новый вордпресс шаблон:

Все подробности можно узнать здесь »
Наташа Клевер
Уроки / Текст эффект
19-07-2010
Неплохой урок от Creativeoverflow в котором мы художественным образом разобьем блок с текстом. Сначала мы усердно потрудимся над самим текстом, отделяя осколки, потом наложим гранжевую текстуру и слегка затемним края, далее наложим стиль слоя для придания объема, сделаем пару красноватых бликов и наложим изображение разбитого стекла.
Шаг 1.
Создаем в фотошопе новый документ размером 1500х720, заливаем его черным цветом. Выбираем инструмент «Текст» (Т) и основательным крупным шрифтом пишем слово. В данном примере использован шрифт MyriadBold, цвет белый. Потом растрируем текст.

Шаг 2.
Теперь выбираем инструмент «Прямолинейное лассо» (кому нравится, может использовать инструмент «Перо»), им выделяем замкнутый контур на букве С и копируем осколок на новый слой.

Потом немного сдвигаем осколок относительно буквы.

Шаг 3.
Выбираем инструмент «Прямолинейное лассо», им выделяем замкнутый контур на букве R и копируем осколок на новый слой.

Потом немного сдвигаем осколок относительно буквы.

Шаг 4.
Выделяем осколки, копируем на новый слой и сдвигаем для остальных букв.

Шаг 5.
Теперь ниже пишем второе слово и проделываем с ним те же самые манипуляции, что и с первым словом.

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

Шаг 6.
Воспользуемся любой гранжевой текстурой, например этой. Помещаем ее поверх всех слоев и меняем режим наложения на «Затемнение» (Darken).

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

Шаг 7.
Находясь на слое с текстурой (следим, чтобы активен был значок слоя, а не слой-маски), выбираем мягкую кисть, ставим прозрачность 50% и слегка затемняем места по краю букв для большего контраста.

Шаг 8.
Идем в нашу папку с осколками и к каждому слою (кроме двух основных) применяем стиль слоя «Тень» (Drop Shadow) со значениями, как на рисунке ниже.

После применения стиля должен получиться такой эффект.

Шаг 9.
На этом шаге создадим новый слой, выберем оранжевый цвет и большой мягкой кистью сделаем несколько мазков по краю слов. Заменим режим наложения на «Перекрытие» (Overlay) и снизим прозрачность до 10%. Должен получиться легкий красноватый оттенок.

Финал
Теперь воспользуемся этим изображением разбитого стекла и наложим его сверху режимом наложения «Линейный осветлитель» (Linear Dodge). Где нужно стираем изображение ластиком. Получился такой вот эффект для текста.

нажав кнопку "Retweet" (?). Или просто добавьте статью в социальные сервисы.
Короткая ссылка на этот пост: http://www.designonstop.com/?p=1680
Написать комментарий с помощью формы ВКонтакте
Комментариев (11)
|
@Панков Ответить | |
|
Просто и эффектно. Ответить | |
|
Ну, вот! Уже все про все написали тут! Даже добавить нечего. Но, все равно напишу, потому как мимо этого пройти не могу! Потрясающе просто и просто потрясающе! ) Наташа, идея тут появилась: после подобных примеров предложите присылать желающим свои варианты и публикуйте ниже. Мне кажется интересно будет посмотреть, кто и что сделает и как далеко зайдет ) Нет? Ответить | |
|
@Vadim Ответить | |
|
@Наташа Ответить | |
|
Спасибо @Vadim за присланную картинку с результатом этого урока! Отличный результат! Посмотреть картинку можно по этой ссылке. Ответить | |
|
Чувствую себя Чебурашкой))) Так и хочется сказать: «Мы строили, строили и наконец-то построили!!!» Правда, пришлось немножко не так сделать, так как у меня буквы слишком темные получились, они как-то совсем не выделялись)) Поставила временно как твиттер фон) Правда, насколько я поняла, полностью буковки видно только у меня)) Вот уж ноут мой)) Расширение экрана не такое, как у всех))) Но все равно за урок спасибо))) Некоторым полезным вещам научилась)) Ответить | |
|
@Aurinko: Ответить | |
|
@Наташа Клевер А насчет монитора)) Всем не угодишь)) Все равно у кого-то будет выглядеть криво))) Ответить | |
|
@Aurinko: Ответить | |










Ответить






Бесплатные картинки
Вордпресс шаблоны
Блоггеры-фрилансеры
Фоны для Твиттера





Класс, очень просто и эффектно