За несколько шагов создаем в фотошопе скетч эффект для текста

20

17734
11-03-2011

За несколько шагов создаем в фотошопе скетч эффект для текстаСегодня мы научимся делать замечательный модный эффект — текст в виде скетч линий. Сначала мы своими силами создадим шероховатую текстуру для фона. Потом напишем текст и преобразуем его в рабочий контур. Далее выберем подходящую кисть и поколдуем с настройками кистей. Это самый важный этап урока, поскольку именно настройки кисти позволяют добиться такого эффекта. Дальше мы немного усилим скетч эффект с помощью коротких штрихов в уголках букв.

Шаг 1.
Для начала давайте заготовим подходящую текстуру. Создаем новый документ, заливаем его 50% серым. Делаем дубликат слоя и меняем режим наложения на «Экран» (Screen), снижаем прозрачность слоя до 20%.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 2.
Наложим фильтр «Шум» (Noise) на этот слой с параметрами, как на рисунке ниже.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 3.
Создаем дубликат слоя с шумом, меняем режим наложения на «Умножение» (Multiply) и нажимаем Ctrl+I для инвертирования. Потом сдвигаем слой на 1 пиксель вниз. Теперь можно объединить все три слоя.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 4.
Чтобы сделать фон потемнее, я сделала дубликат получившегося слоя и снова поменяла режим наложения слоя на «Умножение» (Multiply).
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 5.
Берем любой шрифт и пишем слово. В этом примере я использовала шрифт Tahoma, размеров 200 пикс, расстояние между буквами 50. Растрируем шрифт.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 6.
Удерживая Ctrl, щелкаем по слою с текстом, чтобы выделить его. Потом в меню выбираем «Окно» > «Контуры». Потом жмем на иконку внизу палитры «Сделать из выделенной области рабочий контур». Слой с текстом можно отключить.
За несколько шагов создаем в фотошопе скетч эффект для текста

Должно получиться так.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 7.
Выбираем инструмент «Кисть» (Brush). В дефолтовой комплектации фотошопа я нашла кисти «Thik Heavy Brushes» и выбрала оттуда последнюю кисть.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 8.
Нажимаем F5 и вызываем палитру настройки кистей. В закладке «Форма отпечатки кисти» ставим значения как на рисунке ниже.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 9.
В закладке «Двойная кисть» ставим значения как на рисунке ниже.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 10.
Создаем новый слой. И в палитре «Контуры» нажимаем иконку «Выполнить обводку контура кистью». Удаляем рабочий контур, чтобы не мешался. Потом можно к тексту применить фильтр «Резкость» (эффект 100%, радиус 1 пикс). Чтобы текст выглядел поярче, я сделала дубликат слоя. Получился такой результат.
За несколько шагов создаем в фотошопе скетч эффект для текста

Шаг 11.
Теперь выберем инструмент «Карандаш», размер 1 пикс, цвет белый и подрисуем короткие линии на углах букв. После применим фильтр «Размытие по Гауссу» (радиус 0,5 пикс) и фильтр «Шум» со значениями, как в Шаге 2. Для наглядности я отключила слой с буквами и оставила только штрихи.
За несколько шагов создаем в фотошопе скетч эффект для текста

Финал
В итоге получился такой вот результат.
За несколько шагов создаем в фотошопе скетч эффект для текста

Комментариев 20 комментариев

Симпатичный эффект и сделать достаточно просто. Спасибо.

ОтветитьОтветить

Обалденно) Спасибо) Эффект пригодится.

ОтветитьОтветить

Урок интересный, только есть одно замечание: у меня, как и у многих пользователей вместо режима наложения «Экран»(Screen) значится «Осветление». Для меня это не проблема, а новичек может не врубится.

ОтветитьОтветить

ух ты! спасибо, Наташа, что в уроке затронули тему рабочего контура! теперь знаю, для чего он нужен!=)

ОтветитьОтветить

@Денис:
Пожалуйста! Там главное в шаге 8 правильно кисти настроить…

@Николай:
Однозначно пригодится! Что называется просто и со вкусом ))

@EverEve:
Очень правильное замечание! Спасибо! Если не забуду, то постараюсь в следующих уроках давать два варианта перевода.

@Марина:
Не за что, Марина! Очень полезный инструмент. ))

ОтветитьОтветить

Просто, доступно, красиво ) Что еще тут добавить!!!
Разве, что благодарность за качественное оформление уроков и терпение.
…А я умираю уже на первом скриншоте, когда собираюсь что-то написать. И сил хватает только на вставку пошаговых результатов. И то не всегда )))

ОтветитьОтветить

Спасибо! Когда-то нужен был такой эффект — теперь буду знать)

ОтветитьОтветить

@Vadiem:
Спасибо! А мне как раз нравится уроки писать, сидишь спокойненько, делаешь потихоньку )))

@Shershov:
Да, это как раз из тех эффектов, который надо в копилку положить ))

ОтветитьОтветить

Спасибо! Просто и красиво! Пригодится!

ОтветитьОтветить

@Irvyss:
Всегда пожалуйста! ))

ОтветитьОтветить

Привет, Наташа 🙂
Сейчас смотрю этот эффект и вспоминаю, как когда-то искала такую штуку))))
Очень часто пригождается, супер, спасибо! 🙂

ОтветитьОтветить

@Kristina Made:
Привет, Кристина! Пожалуйста! Знаю, бывают такие ситуации, когда что-то ну оооочень нужно, а потом, гораздо позже натыкаешься на это 🙂

ОтветитьОтветить

@Наташа Клевер: Это называется «закон подлости» 🙂

ОтветитьОтветить

@Иван:
Он самый 🙂

ОтветитьОтветить

Отличный урок, всё очень подробно расписано, для таких новичков как я 🙂 Спасибо.

ОтветитьОтветить

@Роберт:
Спасибо! И успехов в освоении фотошопа 🙂

ОтветитьОтветить

Наташа, спасибо большое за этот урок! То, что нужно, то, что искала. Супер!

ОтветитьОтветить

@Екатерина:
Пожалуйста! ))

ОтветитьОтветить

Наташа, спасибо Вам огромное, Ваши уроки и статьи дают стимул и вселяют уверенность в себе.

ОтветитьОтветить

@Grach:
Вам тоже спасибо! Подобные комментарии как раз и дают мне вдохновение делать новые уроки ))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

73 queries in 0,289 seconds.