Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Делаем скетч-эффект для текстовой надписи

26 сентября 2012 | Опубликовано в Уроки | 8 Комментариев »

Сегодня мы научимся делать скетч-эффект для текстовой надписи при помощи Adobe Illustrator. Урок очень простой и подойдет даже для новичков. 

 

 

Окончательный результат

Ниже вы видите текстовый эффект, который мы будем создавать.

Шаг 1

Создайте новый документ и добавьте текст при помощи инструмента Text tool (T). Автор выбрал шрифт Glypha Black.

Шаг 2

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

Шаг 3

Откройте  меню в панели "Оформление" (Appearance)  и выберите "Добавить новую заливку" (Add New Fill). Установите черный цвет заливки.

Шаг 4

Выберите новую заливку в панели "Оформление" (Appearance) и перейдите в Эффект > Стилизация > Каракули (Effect > Stylize > Scribble) и установите параметры, как на скриншоте ниже.

Шаг 5

Выберите  свойства контура ( Stroke option) в панели «Оформление» (Appearance)  и установите значение 2pt .

Шаг 6

Затем перейдите в  Эффект > Исказить и трансформировать > Огрубление (Effect > Distort & Transform > Roughen). В окне «Огрубление» (Roughen)  измените размер на 5, выберите относительное значение (Relative), измените значение детализации (Detail) на 30, затем выберите «Размытие» (Smooth). Это сделает контур немного искаженным.

Шаг 7

Теперь наш текст выглядит как скетч. Более того, вы можете всегда подкорректировать надпись! Давайте сохраним этот эффект в графические стили, чтобы иметь возможность быстро добавить его к любой тестовой надписи. Для начала выделите текст, затем нажмите кнопку «Новый графический стиль» (New Graphic Style) на панели графических стилей.

Шаг 8

Теперь при помощи одного клика вы можете изменить любую текстовую надпись и заставить ее выглядеть как скетч.

Экспериментируйте

Вы можете добавить этот эффект не только к текстовым надписям, но и к другим объектам и немного поиграть с настройками, чтобы получить желаемый результат. Надеемся, данный урок вам пригодился.

Автор — vectips

Перевод — Дежурка

Возможно, вас также заинтересуют статьи:




Комментарии

  1. Тимур
    Thumb up Thumb down +2

    Блин иллюстратор! — почему не фотошоп(.

    Дмитрий Ответ:

    Thumb up Thumb down -2

    А кто мешает это сделать в Illustrator, а затем перенести в PhotoShop

    Тимур Ответ:

    Thumb up Thumb down 0

    У меня его нету. есть такой же урок только где в фотошопе делают?

  2. Игорь
    Thumb up Thumb down 0

    Супер! Спасибо)

  3. ZaytaR
    Thumb up Thumb down 0

    vector.tutsplus и vectips отличные ресурсы, жаль мне довольно сложно читать на английском, даже если всё понятно. Больше переводов, ребята! хороших и разных! там много чего интересного.

  4. katipula
    Thumb up Thumb down +1

    К какой версии иллюстратора относится данный урок?

    Elena Ответ:

    Thumb up Thumb down +1

    На сайте автора написано: «Этот урок был создан при помощи Adobe Illustrator CS4, но вы можете использовать другие версии Illustrator CS».

  5. Иван
    Thumb up Thumb down 0

    Огромное спасибо. Помогло мне в одном заказе.