Шум в иллюстраторе как сделать

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

Sharon Archer-Thomas

Sharon Archer-Thomas Last updated Jun 29, 2010

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 стиле и для дизайна интерфейсов.

Как сделать эффект шума в Иллюстраторе?

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

Adobe Stock

Интеграция со всемирно известными графическими редакторами позволяет Adobe Stock приносить авторам отличные гонорары. Легкость загрузки и аттрибутирования делают его желанным в работе для многих авторов.

Freepik

Восходящая звезда микростокового рынка. Продажи с первого дня! Легкая и понятная загрузка.

Istockphoto

Второй по значимости и по приносимому доходу микросток. Может давать до 50-80% от дохода, приносимого Shutterstock. Обладает одной из крупнейших баз изображений. Обязателен для работы.

Depositphotos

Один из самых быстро растущих и динамично развивающихся микростоков. Отлично подойдет для тех, кто только начинает пробовать свои силы. Легкая загрузка делает работу с этим сайтом быстрой и приятной. Формальный экзамен.

Dreamstime

Является старейшим микростоке на рынке. Работает с 2000 года. Дает отличную возможность стабильного заработка как для сильных авторов, так и для новичков. Экзамен отсутствует.

CanStockPhoto

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

Vectorstock

Vectorstock специализируется на продаже только векторных иллюстраций. Интересная стратегия, которая оказалась весьма успешной и проносит свои постоянные плоды. Регистрируйтесь.

Create the Mezzotint Grain Effect in Illustrator

Apply a grainy texture to give your drawing shades of light and dark.

What you'll need

Now try it yourself

1. Download the practice files and open "make-mezzotint-grain.ai" in Illustrator.

Apply a gradient

2. Choose the Selection Tool (V) from the toolbar on the left and select the moon in the artwork.

3. Go to Window > Appearance to open the Appearance panel. Click the Fill layer, then click the + icon at the bottom of the panel to duplicate the selected layer.

Side by side graphic of a rocket ship in vector on the left and a blurry raster version of the same image on the right

4. Drag the new Fill layer above the Stroke layer.

Rectangle Tool selected in the tool bar, a vector owl graphic is shown in the Illustrator workspace with all points selected

5. With the new Fill layer selected, click the down arrow next to the orange square and choose the White, Black gradient from the color swatches.