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

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

Деревянный эффект для текста в Adobe Illustrator

10 февраля 2016 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке вы узнаете как создать простой эффект дерева для текста в Adobe Illustrator. Мы начнем с создания паттерна. Вы узнаете два способа сделать это. Затем при помощи просто фигуры создадим стиль графики, предварительно оформив фигуру дополнительными заливками и эффектами. После этого вы сможете применять стиль графики к любым объектам, включая текст.

 

Результат

Wood Cut Text Treatment

Шаг 1

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

Для начала нарисуйте коричневый квадрат инструментом Rectangle/Прямоугольник. Затем ваши любимым инструментом (в нашем случае это Pencil/Карандаш) нарисуйте узоры, перекрывающие квадрат. Объедините (Unite) фигуры узоров в палитре Pathfinder/Обработка контура. Копируйте квадрат и вставьте копию на то же место. Выделите копию квадрата и узоры и кликните по иконке Intersect/Пересечение в палитре Pathfinder/Обработка контура. Нажимайте кнопки Make a Compound Shape/Создать составную фигуру и Expand/Разборать каждый раз после действий в палитре Pathfinder/Обработка контура.

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

Wood Cut Text Treatment

Шаг 2

Второй способ создания узора позволит вам сделать его бесшовным изначально. Нарисуйте квадрат инструментом Rectangle/Прямоугольник, затем создайте New Pattern/Новый паттерн в панели Pattern Options/Настройки паттерна. Здесь вы сможете нарисовать узоры фактически в активном паттерне. Таким образом вам будет проще всего нарисовать бесшовную текстуру. Когда закончите рисование узора, нажмите кнопку Done/Готово и новый паттерн появится в палитре Swatches/Образцы.

Wood Cut Text Treatment

Шаг 3

Теперь займемся созданием стиля графики для нашего текста. Нарисуйте коричневый квадрат при помощи инструмента Rectangle/Прямоугольник. Укажите ему обводку толщиной в 1-2 pt со скругленными углами и капителями. В палитре Appearance/Оформление добавьте новую заливку квадрату и залейте ее нашим паттерном.

Wood Cut Text Treatment

Шаг 4

Добавьте еще одну заливку поверх остальных в палитре Appearance/Оформление. Укажите этой заливке радиальный градиент коричневого цвета от 0% прозрачности к 100% (Opacity). В палитре Transparency/Прозрачность укажите градиенту Blending Mode/Режим наложения Multiply/Умножение. Настройте градиент как вам нравится при помощи инструмента Gradient/Градиент.

Wood Cut Text Treatment

Шаг 5

Следующая заливка будет копия предыдущей, но с применением эффекта Film Grain/Зернистость фотопленки. В меню выберите Effect > Artistic > Film Grain/Эффект>Имитация>Зернистость фотопленки. Настройте параметры как вам больше нравится. В нашем примере они таковы:

    Grain/Количество зерен: 12
    Highlight Area/Светлые области: 6
    Intensity/Интенсивность: 5

Укажите этой заливке Blending Mode/Режим наложения Overlay/Перекрытие и Opacity/Непрозрачность в 72% (или так, как вам покажется лучше).

Wood Cut Text Treatment

Шаг 6

Добавьте еще одну заливку в палитре Appearance/Оформление. Укажите ей такой же линейный градиент, но настройте его иначе. На этот раз видимая часть градиента будет в центре квадрата, а прозрачная — по краям. Также выберите более светлый оттенок коричневого. Укажите заливке Blending Mode/Режим наложения Soft Light/Мягкий свет. При необходимости настройте положение цветов инструментом Gradient/Градиента.

Wood Cut Text Treatment

Шаг 7

Наконец выделите первую заливку (коричневого цвета), которую мы создали в Шаге 3 в палитре Appearance/Оформление. Мы укажем этой заливке три эффекта Drop Shadows/Тень. Настройте каждый эффект как показано ниже:

Wood Cut Text Treatment

Шаг 8

Выделите весь квадрат, который мы редактировали в предыдущих шагах. В палитре Graphic Styles/Стили графики создайте New Graphic Style/Новый стиль графики. Вы можете создать несколько вариантов с разными настройками (тени, эффекты свечения, разные узоры, цвета и т. д.).

Инструментом Type/Текст введите текст, к которому хотите применить эффект. Expand/Разберите текста на кривые и примените к нему только созданный стиль графики.

Wood Cut Text Treatment

Результат

Wood Cut Text Treatment

Автор урока Mary Winkler

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

Смотрите также:




Комментарии