Как нарисовать мрамор в иллюстраторе

Записки микростокового иллюстратора

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

Этот урок предназначен для опытных дизайнеров, которые не первый день знакомы с Adobe Illustrator. Поэтому если у вас в процессе выполнения урока возникли вопросы, задавайте их в комментариях. А для самых начинающих, я предлагаю познакомиться с иллюстратором на этом курсе: Adobe Illustrator шаг за шагом.

А теперь приступим к уроку. Для генерации эффекта разбросанных частиц я использовал объектные кисти Scatter Brush со случайными настройками. Именно с создания такой кисти мы и начнём.

Нарисуйте маленький кружочек с чёрной заливкой и без обводки. Размер кружочка нужно взять намного меньше размеров вашего артборда. Я решил сделать 5×5 px для артборда с размером где-то под 1000×1000 px. Этот кружочек перетаскиваем в панель Brushes. Тип кисти выбираем — Scatter Brush.

Далее мы попадаем в окно с настройками кисти. Для параметров Size, Spacing и Scatter устанавливаем случайные значения Random и разброс в процентах как на скрине ниже. Также не забудьте выбрать Colorization метод Tints. Это позволит менять цвет через настройки обводки.

Нажимаем OK и получаем объектную кисть, которая будет разбрасывать кружочки при рисовании. Рисовать можно инструментом Paintbrush Tool (B). Цвет обводки задаёт цвет кружочков. Увеличивать или уменьшать кружочки можно через толщину обводки.

С помощью этой кисти я просто намалевал несколько линий на рабочей области. А получилась текстура из хаотично разбросанных частиц. Уже это можно использовать для оформления своих иллюстраций. Можно даже сделать несколько кистей с разными настройками. Главное, сохранить их потом через меню панели Brushes, чтобы можно было использовать в других работах.

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

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

Для этого выделяйте круг, который находится ближе к центру, и открывайте настройки выделенного объекта через панель Brushes, нажав иконку Options of Selected Object.

Вы попадёте в настройки кисти именно для выделенного круга. Там вам нужно просто увеличивать верхнее значение параметра Spacing. Поставьте галочку Preview, и вы будете видеть на рабочей области, как плотность точек у выделенного круга уменьшается. Потом переходим к другому кругу и точно также подкручиваем там Spacing, чтобы уменьшить плотность. Чем дальше отходим от центра, тем плотнее оставляем стоять наши точки.

Когда вы добились нужного результата, останется выделить всё (Ctrl+A) и разобрать кисти через меню Object > Expand Appearance. На всякий пожарный можно выполнить чистку сразу после экспанда, на случай если остались какие-нибудь огрызки или пути призраки. Для этого идём Object > Path > Clean Up > все галочки стоят.

Точки, которые остались висеть за пределами артборда нужно удалить. Это можно сделать вручную кнопочкой Delete, либо запустить скрипт Magic Eraser, чтобы грохнуть их автоматически.

Затем для удобства можно сделать новый слой, и создать там лучи. Их не обязательно рисовать вручную. Для этого можно использовать бесплатный скрипт RandomAncorSelested.

Остался заключительный шаг — добавляем текст и готово.

А на закуску вы можете скачать бесплатные кисти, сделанные по похожему принципу — 8 Free Stipple Shading Brushes for Adobe Illustrator.

8 популярных эффектов в плоской иллюстрации

Рваные края создают эффект карандашного рисунка, ощущается некая крафтовость.

Хотя стиль по-прежнему флэт с присущей ему строгой геометрией, визуально результат смотрится более дружелюбно.

2. Имитация текстур

Чтобы разнообразить однородную заливку, свойственную плоской иллюстрации, можно использовать текстуру природных материалов, например, дерева, камня, мрамора.

В работе Busra Uzgun, мы видим как иллюстрация оживает и становится милой/уютной благодаря работе с фактурой, узорами и шумами.

С помощью текстур можно не только добавить иллюстрациям реализма, но и задать нужную атмосферу.

Почитать больше о роли текстур в плоской графике: https://designpub.ru/что-модно-в-плоской-графике-a.

3. Эффект книжной иллюстрации

Этот стиль напоминает карандашные зарисовки или иллюстрации из детских книжек. Особую популярность приобрел в покадровой анимации.

4. Использование пустой заливки

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

Комментарий MAD RABBIT в примере выше автор сознательно использовал у стола точечную текстуру вместо заливки однородным цветом, чтобы уменьшить его визуальный вес и не выходить за рамки ограниченной цветовой схемы.

Отметим также, что автор одновременно использует текстуры, заливку точками и имитацию дерева. Автор комбинирует растровые и векторные текстуры: например, растровой текстурой он имитирует дерево, а заливка точками использует, чтобы обозначить границы стола (который в противном случае сливался бы с фоном).

5. Отказ от дополнительных оттенков

Рецепт стиля: контур, тень цветом контура и ограниченная цветовая палитра. Этот стиль вызывает у меня ностальгию и умиление.

Автор: Dana Kalnick

Автор: Giant Ant

Комментарий MAD RABBIT то, о чем я писал в прошлом обновлении гайда и чему будет посвящено несколько страниц в грядущем: отказ от НЕфирменных оттенков (ограниченная цветовая палитра задает эстетичный внешний вид произведения и создает узнаваемость) и контрастные тени (тень — это еще одно цветовое пятно, а т.к. палитра ограничена, мы делаем тень цветом контура).

6. Градиент 2.0

Автор: Walid BenoЛегкий градиентный переход отлично вписывается в изометрические иллюстрации, особенно когда они делаются для IT продукта.

7. Использование реалистичного объекта и иллюстрации

Придает иллюстрации вид некого “коллажа” из графических элементов и фотографий.

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

Автор: Jay Quercia Комментарий MAD RABBIT но только при условии, что иллюстратор обладает прокачанным скилом подбора цвета, в против случае получится тихий ужас.

8. Реалистичная детализация

Авторство: Wonderlust

Не описать словами тот восторг, который вызывают эти кадры.

Комментарий MAD RABBIT смотрится действительно классно, но из-за дороговизны и сложности разработки маловероятно, что такой уровень детализации в ближайшее время станет повальнымы трендом.

Рекламная пауза

В графическом дизайне полно подводных камней. Даже не так — это самая насыщенная подводными камнями сфера. В отличии от точных наук, здесь «точных» законов до безобразия мало, а скрытых нюансов, от которых зависит итоговый результат — до безобразия много.

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

Только помни: нельзя попробовать стать графическом дизайнером. Надо либо окунаться в это с головой, либо заниматься чем-то попроще. Если ты все для себя решил и хочешь максимально быстрого прогресса — записывайся ко мне на курсы.

Как делать паттерны в Illustrator

Как делать паттерны в Адобе Иллюстратор

Как делать паттерны в Illustrator . Когда вы знаете, как создавать простые рисунки в Illustrator, легко создавать привлекательные узоры. Научиться создавать бесшовные шаблоны — отличный способ перепрофилировать существующую работу в области брендинга, лицензирования и дизайна упаковки.

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

Потому что понимание того, как создавать шаблоны, является важным дизайнерским навыком. Это поможет вам создавать более качественные узоры в Illustrator и любом другом программном обеспечении, а также делать наброски и концептуальные работы.

Настройка документа

В этом уроке я буду создавать бесшовный узор в Adobe Illustrator без использования инструмента Adobe Pattern Maker. Я начинаю с монтажной области 12 × 12 дюймов с разрешением 300 dpi и цветовым режимом CMYK. См. рис. 1

ПРИМЕЧАНИЕ. Образцы бесшовных повторяющихся узоров не обязательно создавать на квадратной монтажной области, выполненной в виде квадратной плитки. Вы также можете создавать образцы узоров на прямоугольной монтажной области при условии, что вы применяете те же основные принципы при размещении своих мотивов.

Делать паттерны в Illustrator

Ограничительная рамка

Делать паттерны в Illustrator

Фоновой цвет

Я создаю новый слой для фонового цвета и делаю квадрат размером 13 x 13 дюймов, выходящий за края монтажной области. Выровняйте этот квадрат (как по горизонтали, так и по вертикали) с монтажной областью и заблокируйте слой. См. рис. 2В .

Создайте свои мотивы

Нарисуйте свои мотивы с помощью инструмента «Перо », « Карандаш », « Фигуры » или « Кисть -клякса» . Создайте новый отдельный слой для каждого из ваших мотивов. Это облегчит создание повторов каждого мотива позже, если вам это понадобится. См. рис. 3 .

Делать паттерны в Illustrator

Расположите свои мотивы

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

Вы можете изменить размер некоторых из них (удерживайте нажатой клавишу Shift , чтобы увеличить или уменьшить их размер пропорционально). Отразить /отразить ( Объект > Трансформировать > Отразить ) и повернуть ( Объект > Трансформировать > Повернуть ) другие.

Некоторые из ваших мотивов будут нависать над монтажной областью, не волнуйтесь, мы разберемся с этим в следующих нескольких шагах. См. рис. 4

Делать паттерны в Illustrator

ПРИМЕЧАНИЕ. Существует много типов макетов шаблонов — блок, кирпич и половина кирпича, падение, бросок, случайный, Ditzy, и это лишь некоторые из них.

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

Например, если мотив находится в верхнем левом углу, но выступает за края монтажной области и «обрезается», «обрезанный» фрагмент должен быть повторен с правой стороны монтажной области на равном расстоянии внутри монтажной области. Поскольку мы используем монтажную область размером 12 x 12 дюймов, любые «обрезанные» мотивы будут повторяться на 12 дюймах как по горизонтали, так и по вертикали.

См. рис. 5: Чтобы сделать это правильно, создайте копию расширяющегося мотива и вставьте ее на место. CMD C (для копирования), CMD + Shift V (для вставки на место).

Используйте инструмент Transform, чтобы переместить копию. Поместите символ + и введите число 12 на оси X :.

Делать паттерны в Illustrator

См . рис. 6: это переместит скопированный мотив более чем на 12 дюймов, и теперь он будет выступать за края монтажной области на противоположной стороне.

Поскольку два мотива на рис. 6 нависают над верхними краями монтажной области, их необходимо повторить по вертикали.

Делать паттерны в Illustrator

См. рис. 7: выберите оба мотива в верхнем левом и правом углах, скопируйте и вставьте их на место. CMD C (для копирования), CMD + Shift V (для вставки на место).

Используйте инструмент Transform, чтобы переместить скопированные мотивы. Поместите символ + и введите число 12 на оси Y :.

См. рис. 8: это переместит скопированные мотивы вниз на 12 дюймов, и теперь они будут выступать за нижний левый и правый края монтажной области.

Продолжайте копировать и вставлять свои мотивы, пока все нависающие мотивы не будут повторяться на противоположной стороне. См. рис. 9 .

ПРИМЕЧАНИЕ. Использование символов + и – на панели « Преобразование »

X: ось , с помощью символа + — перемещает копию по горизонтали вправо,

X: ось , с помощью символа — перемещает копию по горизонтали влево,

Y: ось , с помощью символа + — перемещает копию вниз по вертикали,

Y: ось , с помощью символа — перемещает копию вверх по вертикали.

Делать паттерны в Illustrator

Пришло время создать образец узора

Начните с разблокировки всех ваших слоев. Выберите все ( CMD + A ) и перетащите все на панель Swatches. См. фиг. 10А и 10В .

Делать паттерны в Illustrator

Проверьте свой образец узора

Иногда образцы узоров не повторяются должным образом. Это может быть случайное подталкивание одного мотива, которое сбивает его с толку, или вы могли пропустить повторение мотива. Вот почему всегда полезно протестировать образец выкройки, чтобы убедиться, что он правильно повторяется, прежде чем использовать его в другом месте.

Для этого создайте новый слой и нарисуйте новый квадрат (у меня размер 24 x 24 дюйма), но подойдет любой размер больше образца узора. Заполните квадрат только что созданным образцом узора. См. рис. 11 .

Делать паттерны в Illustrator

Чтобы увидеть ваш узор в меньшем масштабе, перейдите в Object > Transform > Scale .

Установите Масштаб на Равномерный , выберите Процент , до которого вы хотите масштабировать свой шаблон, в разделе « Параметры » установите флажок рядом с «Трансформировать шаблоны » и установите флажок рядом с кнопкой « Предварительный просмотр ». См. рис. 12.

Делать паттерны в Illustrator

Экспортируйте свой образец

Если вы довольны результатами своего нового образца бесшовного узора, теперь вы можете экспортировать его из Illustrator. Вот и все… получайте удовольствие, создавая свои собственные образцы!

Создание эффекта гравюры меццо-тинто в Illustrator

Используйте зернистую текстуру, чтобы добавить света и теней вашему рисунку.

Теперь попробуйте сами

1. Скачайте материалы к уроку и откройте файл make-mezzotint-grain.ai в Illustrator.

Применение градиента

2. Выберите инструмент Выделение (V) на панели инструментов слева и выделите луну на изображении.

3. Выберите Окно > Оформление, чтобы открыть панель Оформление. Нажмите на слой Заливка, затем нажмите на значок + в нижней части панели, чтобы дублировать выбранный слой.

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. Перетащите новый слой Заливка поверх слоя Обводка.

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

5. Выберите новый слой Заливка, нажмите стрелку вниз рядом с оранжевым квадратом и выберите градиент от черного к белому в образцах цветов.