Добавление текстуры к логотипу, тексту или фону придает дизайну винтажный/ретро оттенок и всегда в тренде (в некоторых отраслях). Дистрессинг в основном означает добавление текстуры, поэтому ключ к созданию потрясающего эффекта дистрессинга - наличие красивого текстурного изображения.

Вы можете создать свою собственную текстуру, но это может занять много времени, поэтому мы не будем этого делать. Если вы не можете найти идеальное изображение, вы можете использовать Image Trace для изменения существующего изображения.

В этом уроке вы узнаете о трех способах искажения объектов и текста в Adobe Illustrator.

Оглавление [показать]

• 3 способа создания искаженной графики в Adobe Illustrator
  • Способ 1: Используйте панель прозрачности
  • Метод 2: Трассировка изображения
  • Метод 3: Создайте обтравочную маску
• Как исказить текст/шрифт в Adobe Illustrator
• Заключение

3 способа создания искаженной графики в Adobe Illustrator

Я собираюсь показать вам методы на одном и том же изображении, чтобы вы могли увидеть различия при использовании разных методов. Например, давайте сделаем дистракцию этого изображения, чтобы придать ему винтажный/ретро вид.

Примечание: скриншоты сделаны из версии Adobe Illustrator CC 2022 Mac. Windows или другие версии могут выглядеть иначе.

Способ 1: Используйте панель прозрачности

Шаг 1: Откройте панель прозрачности из верхнего меню Окно > Прозрачность .

Шаг 2: Поместите изображение текстуры в тот же документ, что и объект, который вы хотите исказить. Важно выбрать текстуру, которая соответствует вашему дизайну, например, если вы собираетесь применить светлый эффект, выберите изображение с более светлыми "царапинами".

С другой стороны, если вы хотите применить более тяжелый эффект, вы можете использовать изображение с большим количеством "царапин".

Совет: Если вы не знаете, где найти изображения текстур, Canva или Unsplash имеет несколько неплохих вариантов.

Если вам удастся найти черно-белое изображение, это будет замечательно, потому что вам нужно будет использовать его для создания маски. Если нет, выполните следующий шаг, чтобы сделать изображение черно-белым.

Шаг 3: Сделайте изображение черно-белым. В идеале для этого лучше всего использовать Photoshop, но можно быстро сделать это и в Adobe Illustrator, преобразовав изображение в градации серого.

Выберите изображение и перейдите в верхнее меню Редактировать > Редактировать цвета > Преобразование в оттенки серого .

Черная область будет являться эффектом дистресса, отображаемым на объекте, поэтому если ваша черная область слишком велика, вы можете инвертировать цвета с Редактировать > Редактировать цвета > Инвертировать цвета В противном случае "царапины" не будут видны на объекте.

Шаг 4: Выберите изображение и воспользуйтесь сочетанием клавиш Команда + C (или Ctrl + C для пользователей Windows) для копирования изображения.

Шаг 5: Выберите объект, который вы хотите исказить, и нажмите кнопку Сделать маску на панели "Прозрачность".

Вы заметите, что объект на время исчезнет, но это не страшно.

Шаг 6: Щелкните по маске (черный квадрат) и нажмите кнопку Команда + V ( Ctrl + V для пользователей Windows), чтобы вставить изображение текстуры.

Вот и все! Вы увидите, что ваша графика имеет дистресс-эффект.

Если вам не нравится, как выглядит текстура из исходного изображения, вы можете изменить ее, добавив эффекты или используя Image Trace. Я бы выбрал Image Trace, потому что у вас больше возможностей для редактирования изображения, и вы можете напрямую поместить его поверх графики.

Метод 2: Трассировка изображения

Шаг 1: Выберите изображение текстуры и перейдите в меню Свойства панель> Быстрое действие > Трассировка изображения .

Вы можете выбрать предустановку по умолчанию и нажать на значок панели Image Trace, чтобы открыть панель Image Trace.

Шаг 2: Убедитесь, что он находится в Черное и белое режим и отрегулируйте Порог Переместите ползунок влево, чтобы показать меньше деталей, и вправо, чтобы показать больше. Вы можете настроить параметры пути и шума.

Когда вы будете довольны текстурой, проверьте Игнорировать белый цвет .

Шаг 3: Теперь поместите это трассированное изображение поверх вашей графики и измените его цвет на цвет фона. Например, мой цвет фона - белый, поэтому цвет изображения изменится на белый.

Вы можете повернуть его или оставить как есть. Если вы хотите удалить некоторые "царапины", вы можете использовать инструмент "Ластик", чтобы удалить их. Но сначала вам нужно развернуть прорисованное изображение.

Затем выберите расширенное изображение и с помощью инструмента "Ластик" удалите ненужные области.

Теперь, если вы хотите добавить реалистичный дистресс к вашей графике, вы можете просто сделать обтравочную маску.

Метод 3: Создайте обтравочную маску

Шаг 1: Поместите изображение текстуры под объект.

Шаг 2: Выберите изображение и объект и воспользуйтесь сочетанием клавиш Команда + 7 чтобы создать обтравочную маску.

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

Но можно ли добавить настраиваемую текстуру к тексту, как к графике?

Ответ - да!

Как исказить текст/шрифт в Adobe Illustrator

Добавление эффекта искажения к тексту практически аналогично добавлению его к объекту. Для искажения текста можно использовать методы 1 или 2, описанные выше, но текст должен быть очерчен.

Просто выделите текст, который вы собираетесь исказить, и создайте контур текста с помощью сочетания клавиш Смена + Команда + O ( Смена + Ctrl + O для пользователей Windows).

Совет: Для достижения лучшего результата настоятельно рекомендуется использовать более толстый шрифт.

Затем используйте метод 1 или 2 выше, чтобы применить эффект дистресса.

Заключение

Для искажения текста или объектов в Adobe Illustrator можно использовать любой из трех методов, которые я представил в этой статье. Панель Transparency позволяет создать более естественный вид эффекта, а Image Trace дает возможность гибко редактировать текстуру. Метод обтравочной маски - быстрый и простой, но главное - найти идеальное изображение в качестве фона.