Добавление реальных образцов к вашим дизайнерским работам добавляет элементы реализма в то, что может быть перенасыщенным цифровым рынком. К сожалению, сканирование или фотографирование образцов текстур обычно приводит к немасштабируемым растровым изображениям, которые становятся пикселизированными при чрезмерном редактировании.
К счастью, вы можете создавать масштабируемые векторы реальных текстур, таких как акварель, краска или маркер, используя Photoshop и Illustrator. Вот как.
Как превратить реальные текстуры в векторы
Вы можете создать текстуру самостоятельно или найти образец в Интернете, чтобы превратить его в вектор. Вы можете использовать любой текстурированный художественный материал, такой как фломастер, тушь или капли краски.
Шаг 1. Откройте образец текстуры в Photoshop.
Если вы создали текстуру самостоятельно, вам необходимо отсканировать ее на компьютер с разрешением 300 DPI. Это гарантирует высочайшее качество, которое дает наилучшие результаты.
Мы скачали фотографию образца акварели с Скрыть превратить в вектор. Загрузите ту же фотографию, чтобы следовать напрямую, или вы можете использовать инструкции в качестве руководства по собственному образцу изображения.
Откройте свое изображение в Photoshop и обрежьте его близко к используемому образцу. Если изображение еще не имеет разрешение 300 DPI, оно должно быть. Идти к Изображение > Размер изображения и введите 300 в Разрешение коробка. Выбирать ХОРОШО.
Теперь у вас есть высококачественное изображение, которое позже будет преобразовано в подробный вектор. Вы также можете изменить DPI в других программах если вы не используете фотошоп.
Шаг 2: Очистите фон
Сам образец должен быть изолирован от фона. Если вы отсканировали свой образец или использовали фотографию с простым белым или однотонным фоном, вам будет намного проще.
Создайте новый слой в палитре слоев, затем перетащите его под слой с изображением. Выберите слой изображения.
Идти к Выбирать > Цветовая гамма. Выберите епипетка из диалогового окна и используйте его, чтобы выбрать любую часть фона на монтажной области. Использовать Нечеткость ползунок, чтобы убедиться, что выделение близко к вашему образцу. Затем нажмите ХОРОШО.
Вернувшись на монтажную область, в области цветового диапазона будут бегающие муравьи, показывающие выделение. Ударять Удалить для удаления фона. Затем отмените выбор, нажав Команда + Д (Мак) или Ctrl + Д (Виндовс). Если у вас простой фон без тени или текстуры, это все, что вам нужно сделать.
Если ваш фон разноцветный, имеет тени или другие текстуры, возможно, вам придется повторить этот процесс несколько раз. в Цветовая гамма диалоговом окне выберите различные части фона с помощью епипетка и играть с Нечеткость ползунок, чтобы выбрать как можно больше фона. Выбирать ХОРОШО и ударил Удалить.
Отмените выбор, нажав Команда + Д (Мак) или Ctrl + Д (Виндовс). Если осталось еще много фона, либо повторите процесс Цветовой диапазон, либо используйте Ластик инструмент (Е), чтобы удалить неподатливые пиксели, или используйте Лассо инструмент (л), чтобы тщательно выделить образец, а затем Удалить выбор.
Поместите прямоугольник контрастного цвета, используя Прямоугольник инструмент (U) под слоем с образцами, чтобы обнажить лишние пиксели, которые необходимо удалить. Удалите их с помощью Ластик. Не забудьте удалить прямоугольник перед сохранением изображения.
После этого у вас будет изолированный образец краски с прозрачным фоном вокруг него. Сохраните образец в формате PNG.
Если у вас нет фотошопа, есть альтернатива способы сделать фон изображения прозрачным. Затем вы можете перенести это изображение прямо в Illustrator и продолжить.
Шаг 3. Откройте изображение в Illustrator.
Откройте новый образец PNG в Illustrator. Вы можете выбрать и перетащить изображение за пределы монтажной области, чтобы убедиться, что фон по-прежнему прозрачен. Хотя на следующем этапе так не будет. На данный момент ваш образец все еще является растром, поэтому при масштабировании он будет пиксельным.
Сочетание Photoshop и Illustrator в одном проекте — отличный способ использовать Adobe Creative Cloud. Есть много других функций в Creative Cloud что вы можете попробовать.
Шаг 4: векторизация изображения
Откройте панель свойств, перейдя в Окно > Характеристики. Вы можете развернуть или свернуть панель, выбрав ее на правой вертикальной панели инструментов.
Выберите свое изображение, затем прокрутите вниз Характеристики панель и выберите Трассировка изображения > Высококачественное фото. Если вы выберете «Трассировка изображения» в меню «Объект», по умолчанию будет использоваться черно-белая трассировка, которая не сохранит текстуру вашего образца. Функцию трассировки изображения можно использовать разными способами, чтобы векторизация изображений в Illustrator.
Шаг 5: Очистите и удалите фон
Откройте панель «Трассировка изображения», выбрав значок рядом с раскрывающимся списком «Трассировка изображения» на панели «Свойства». Под Цвет, переместите ползунок вправо, где-то между 85% и 98%. Это увеличивает детализацию цветов в образце текстуры, делая его более реалистичным.
Открой Передовой настройки и переместите Пути ползунок вправо. Опять же, установка этого параметра между 85% и 98% идеальна. Чем больше путей, тем больше деталей прорисовывается в вашем векторе. Если путей меньше, изображение будет выглядеть прерывистым и мультяшным.
Сверните панели Image Trace и Properties, и ваш образец будет покрыт синими линиями контура. Если вы хотите переместить вектор образца, вам нужно будет использовать Выбор инструмент (В), чтобы убедиться, что он движется как единое целое. Но вы можете перемещать отдельные пути, если это необходимо, с помощью Прямой выбор инструмент.
Выберите Прямой выбор инструмент (А) и щелкните за пределами монтажной области, чтобы отменить выбор изображения. Затем выберите белый фон вокруг вашего образца. Ударять Удалить на клавиатуре, чтобы вернуть прозрачный фон. Вы можете добавить цветной прямоугольник под образец, чтобы проверить прозрачность.
Шаг 6: Используйте вектор Swatch
Теперь у вас есть готовый образец текстуры. Независимо от того, решили ли вы сделать акварельную работу, как в нашем уроке, или, возможно, вы сделали образец цветным карандашом, теперь у вас есть полностью масштабируемый образец реальной текстуры.
К сожалению, из-за всех запутанных путей будет сложно, но не невозможно, перекрасить образец. Чтобы использовать вектор, вы должны сохранить тот же цвет. Если вы хотите перекрасить его, вам придется сначала раскрасить его в Photoshop, прежде чем переносить образец в Illustrator.
Вы можете использовать свой вектор так же, как и любой другой вектор. Масштабируйте его вверх или вниз, используйте в качестве многослойного элемента в дизайне, и вы даже можете применять к нему фильтры, такие как перекос и искажение.
Сохраните вектор в формате PNG, чтобы он оставался прозрачным. Смотрите наше руководство по создание прозрачного фона в Illustrator для большего.
Создавайте векторы из реальных текстур с помощью Photoshop и Illustrator
Использование векторов в вашей проектной работе повышает производительность и качество ваших окончательных проектов. Мало того, что этот один вектор имеет множество применений, но использование векторной графики вместо растровой означает, что вам больше никогда не придется беспокоиться о пикселизации.
Векторизация реальных текстур означает, что вы можете добавить образцы краски к любому элементу дизайна, чтобы он выглядел как настоящий. Вернитесь к этому руководству, чтобы превратить реальные текстуры в цифровые векторы.