Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Tools & Tips

Короткий Урок: Как Создать Многотоновый Векторный Шум

by
Read Time:6 minsLanguages:

Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)

В этот уроке мы покажем вам, как вы можете создать текстуру в виде многотонового шума в Adobe Illustrator. Хотя данный эффект подобен фильтрам или эффектам которые вы можете использовать при обработке фотографий, этот метод дает 100% векторный результат и может масштабироваться и редактироваться сколько вы пожелаете.


Шаг 1

Откройте Новый Документ.
Зайдите в панель Образцов (Swatch pallete) и кликните на кнопке опций, где потом зайдите в Открыть Библиотеку Образцов > Узоры > Базовая Графика > Базовая графика_текстуры (Open Swatch Library > Patterns > Basic Graphics > Basic Texture). В результате этого откроется окно с текстурами на выбор. Та которую мы собираемся использовать, называется "USGS 17 Sandy Dry Lake". Вы можете узнать имя, если наведете указатель мышки на текстуру, то появится окошко с ее названием. Кликните по ней и добавьте к вашим Образцам, потом закройте окно с текстурами. Щелкните и потяните текстуру на вашу рабочую область. Это текстура, которую мы преобразуем, что бы создать наш векторный шум. Следующие два шага облегчат преобразование текстуры на последнем этапе.


Шаг 2

В первом шаге мы разберем все формы. Это делается выделением группы (или просто Control + A, так как у нас только один объект на монтажной области) и заходим в Объект > Разобрать (Object > Expand). У вас появится окно как на картинке, нажмите ОК.


Шаг 3

Текстура не имеет четких границ, и что бы нам легче было с ней работы нам нужно сделать какие-то оконтуривающие линии. Если вы посмотрите в панель слоев, в группе текстуры вы увидите, что она состоит из группы точек. Если вы пролистаете вниз до конца группы, вы  увидите, что самый последний элемент - это квадрат, без заливки и обводки. Нам нужно скопировать этот объект (Contorl+C) и вставить его в отдельный Слой. Поэтому кликните по Создать Новый Слой и вставьте фигуру в новый слой, поверх вашего паттерна. Я сделала так: скопировала объект и  затем заблокировала начальный слой (или "Слой 1" в панели), затем выделила новый Слой ("Слой 2") и нажала Control + F. Дважды кликнула по Слою 2 и убрала галочку для Показать (Preview), поставила галочку для Закрепить (Lock) и нажал ОК. В итоге у вас должно получится как на картинке ниже.


Шаг 4

Вам будет проще выполнить этот шаг урока, если вы сделаете увеличение примерно в 1000%. Как вы видите на моей картинке, есть отдельная точка слева. Используя  инструмент Прямое Выделение (А) (Direct Selection Tool), нажмите на ее центр и нажмите кнопку удалить на клавиатуре (прим. переводчика: если у вас тоже появится такая точка, в моем случае ее не было).

Четыре цвета с которыми мы будем работать - это стандартные цвета в схеме СМYK. Итак голубой (C=100, M=0, Y=0, K=0), пурпурный (C=0, M=100, Y=0, K=0), желтый (C=0, M=0, Y=100, K=0) и черный (C=0, M=0, Y=0, K=100). На самом деле вы можете использовать какие хотите цвета для текстуры, но использование CMYK, даст вам хороший результат, похожий на фильтр для фотографии.

Первое, что нужно сделать - выбрать всю группу в "Слое 1", копировать и вставить сзади (Control + C then Control + B). Пока новая копия выделена, зайдите в Объект > Трансформировать > Поворот (Object > Transform > Rotate) и введите угол 90 градусов и нажмите OK. Раскрасьте новую группу в голубой. В результате этого у вас также окрасится квадрат внизу группы. Выделите его, и отключите у него заливку и обводку.

У вас должно получится что-то подобное тому, как на следующей картинке.

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


Шаг 5

Хотя, кажется, что все готово, рекомендую подчистить ваши точки, что бы ваша текстура выглядела аккуратно в вашей векторной работе. При 1000% увеличении вы можете заметить, что некоторые точки пересекаются после вращения, есть так же пустые места без точек, примеры показаны на картинке внизу:

Используя инструмент Прямое Выделение (А) (Direct Selection Tool), кликните в центр наложившейся на другую точки. Затем переместите ее туда, где образовались пустые пространства. Теперь квадрат в "Слое 2" поможет нам увидеть границы в которых мы работаем, при перемещении точек. Уделите распределению точек необходимое время.

Совет: Иногда может так получится, что вы случайно кликните по опорной точке контура кружочка и вытяните угол на этом контуре. Не паникуйте, просто нажмите Control+Z, что бы отменить действие и выберите заново целую окружность. Попробуйте сделать увеличение побольше, чтобы вам было легче кликать в самый центр ваших точек, и не вытягивать лишние углы. (прим. переводчика: я бы рекомендовал просто пользоваться инструментом Выделение).


Шаг 6

Теперь когда вы преобразовали свою текстуру, вам нужно сделать ее удобной для применения с любым вектором. Сначала вам необходимо выделить все группы (Control+A) и сгруппировать Объект > Группировать. Выделить группу и забросить ее в Панель Образцов (Swatch palette). Я рекомендую вам, с целью лучшей организации файла, удалить все остальные элементы из панели Образцов, и оставить только вашу текстуру. Так вам будет проще найти ее, когда пройдет время. Теперь сохраните ваш файл, как обычный .AI файл и  сохраните его в специальную папку для текстур, которая может быть найдена на PC по следующему пути C: Program Files > Adobe > Adobe Illustrator > Presets > ... > Swatches > Pattern. Создайте там новую папку, и назовите ее на ваше усмотрение, в моем случае это "Noise" (Шум). Закройте ваш файл.


Шаг 7

Теперь мы добрались до места, где вы сможете оценить результаты своего упорного труда! Откройте векторную иллюстрацию над которой вы работаете и создайте новый слой, поверх вашей иллюстрации. Как в Шаге 1, зайдите в панель Образцов, кликните по иконке опций и зайдите в Открыть Библиотеку Образцов > Узоры > Noise (Open Swatch Library > Patterns > Noise) и выберите ваш файл с текстурой-шумом, который вы сохранили. Появится окно, в котором вы можете выбрать вашу шумовую текстуру. Кликните по ней и она добавиться к вашим образцам. Закройте окно.

Используйте инструмент Прямоугольник (М) (Rectangle Tool), установите в качестве заливки вашу текстуру и отключите обводку. Нарисуйте прямоугольник поверх вашей иллюстрации. Зайдите в панель Прозрачности (Transparency) и поменяйте Режим Наложения (Blending Mode). В примере я использовала Перекрытие (Overlay) со 100% Непрозрачностью. Однако, нужно заметить, что для разных иллюстраций подойдут свои режимы наложения и непрозрачности.


Заключение

Получите удовольствие от своих новых знаний, как создать 100% векторную текстуру-шум. Этот эффект очень подойдет для рисования иконок в Mac стиле и для дизайна интерфейсов.

One subscription.
Unlimited Downloads.
Get unlimited downloads