Как рисовать в иллюстраторе с фото: Рисуем геометрический портрет в Adobe Illustrator

Рисуем геометрический портрет в Adobe Illustrator

В этом уроке мы будем учиться создавать автопортрет при помощи геометрических форм.

Мы будем использовать собственную фотографию в качестве скетча.

Мы научимся работать с геометрическими формами, обрабатывать контуры, выбирать палитру цветов и многое другое.

Цель

Шаг 1

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

Шаг 2

Создайте новый документ в Adobe Illustrator размером 600 X 480 px.
Вот так мы организуем слои:

• Верхний слой мы назовем “Draw”- здесь мы разместим нашу иллюстрацию.
• Под слоем “Draw” расположите слой “Sketch”.
• Ниже расположите слой “Photo” — сюда мы поместим фотографию
• В самом низу расположите слой “Background” нарисуйте в нем квадрат такого же размера, как и документ (600 X 480px) и заполните его серым цветом.

Шаг 3

Заблокируйте слой «Background» и слой «Photo». На слое «Sketch» при помощи инструмента “Кисть-клякса” (Blob Brush Tool (Shift + B)) нарисуйте скетч, используя контуры фотографии. Попробуйте сделать все линии прямыми, так как мы будем рисовать геометрический портрет.

Шаг 4

Теперь можете удалить слой “Photo”. Не волнуйтесь, если ваш скетч выглядит не очень аккуратно, это всего лишь набросок для нашего портрета.

Шаг 5

Измените непрозрачность слоя со скетчем на 30% и заблокируйте его.

Теперь начнем рисовать формы, используя инструмент «Перо» (Pen Tool (P)). Используя обводку черного цвета размером 1pt, нарисуйте волосы при помощи прямых линий.

Шаг 6

Нарисуйте половину футболки, копируйте ее (Ctrl+С/Cmnd + C) и вставьте сверху (Ctrl+F/Cmnd + F).

Отразите копию по горизонтали, используя инструмент «Зеркальное отражение» (Reflect Tool (O)).

Выберите два контура, затем перейдите в Обработка контуров (Pathfinder) > Объединение (Unite option). Почти все элементы в этой иллюстрации будут создаваться таким же способом: копируем, отражаем и объединяем.

Шаг 7

Теперь нарисуйте шею при помощи инструмента «Многоугольник» (Polygon Tool).
Сначала нарисуйте восьмиугольник и оставьте только его верхнюю половину.
Используйте инструмент «Масштаб» (Scale Tool (S)), чтобы немного видоизменить форму.
Уменьшите расстояние между точками внизу формы.
Копируйте форму и вставьте копию сверху, немного изменив ее размер.

Расположите форму на нужном месте.

Шаг 8

Похожим способом мы нарисуем форму для головы. Нарисуйте восьмиугольник и выберите только верхнюю часть. Передвиньте контуры и немного измените форму при помощи инструмента «Масштаб» (Scale Tool (S)).

Дублируйте форму для головы, измените ее размеры и расположите копию, как показано на рисунке ниже (чтобы получилась форма для шеи). Затем перейдите в «Обработку контуров» (Pathfinder) > Минус верхний (Minus Front).

Шаг 9

Чтобы создать детали вы можете использовать уже созданные формы. Например, чтобы создать детали для шеи, вы можете дублировать и изменить форму для лица. Затем дублируйте базовую форму шеи и перейдите в Pathfinder > Intersect.

Шаг 10

Добавьте еще деталей нашей иллюстрации при помощи инструмента «Перо» ( Pen Tool (P)) и инструментов для создания форм. Не забудьте изменять формы при помощи «Обработки контуров».

Шаг 11

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

Шаг 12

Теперь добавим другие детали лица: глаза, нос и рот.

Чтобы нарисовать губы мы будем использовать шестиугольник. Видоизмените его при помощи инструмента «Масштаб» (Scale Tool). Затем нарисуйте прямоугольник и расположите его посередине. Перейдите в «Обработку контуров» (Pathfinder) > Минус верхний (Minus Front). Копируйте форму и вставьте ее сверху, немного видоизмените, чтобы создать верхнюю губу. Измените контуры сверху при помощи инструмента “Прямое Выделение” (Direct Selection Tool (A)).

Шаг 13

Форму для глаз мы начнем с создания восьмиугольника и инструмента «Ластик» (Eraser Tool (Shift + E)) (чтобы удалить нижнюю часть формы). Скопируйте нашу форму немного сдвиньте ее вниз. Дублируйте основную форму и нажмите «Минус верхний» (Minus Front) на панели контуров (Pathfinder). Это будет тень для глаза. Дублируйте ее еще раз, чтобы создать ресницы. Для добавления дополнительных деталей нарисуйте маленький восьмиугольник на радужной оболочке и создайте нижнее веко. Так как глаза смотрят в одном направлении, мы можем дублироватьпросто дублировать один глаз.

Шаг 14

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

Шаг 15

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

Теперь наша иллюстрация выглядит так.

Шаг 16

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

Шаг 17

При помощи инструмента “Переход” (Blend Tool (W)) сделайте переход от светлого цвета к темному для кожи.

Перейдите Объект (Object) > Переход ( Blend) > Параметры перехода ( Blend Options) и измените параметры для заданного числа шагов (Specified Steps). Измените значение на «5» и нажмите «OK».

Шаг 18

Затем перейдите в Объект (Object) > Разобрать (Expand). Можете сохранить цвета в панели образцов и добавить их в новую папку.

Назовите как-нибудь группу и сохраните ее.

Вот наша палитра цветов, для глаз и деталей измените значение для заданного числа шагов (Specified Steps) на 2 (вместо 5).

Шаг 19

Нарисуйте линию в центре иллюстрации. Выберите слой с волосами и заблокируйте его. Затем выберите линию и перейдите в Объект( Object )> Контур (Path) > Разделить нижние объекты (Divide Objects Below). Таким образом мы разрежем все контуры, которые находятся под линией.

Теперь мы можем разблокировать слой с волосами.

Шаг 20

Добавлять цвета вы можете используя инструмент «Пипетка» (Eyedropper Tool (I)). Кликните, чтобы выбрать цвет и удерживайте Alt, чтобы добавить цвет.

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

Шаг 21

Чтобы создать бороду, нарисуйте маленький прямоугольник при помощи Rectangle Tool (M). Копируйте прямоугольники, пока не получите желаемый результат.

Шаг 22

Можете добавить несколько мелких деталей.

Результат

Источник: iam.designer

Превращаем фото в рисунок от руки в Adobe Illustrator

На сегодняшнем уроке мы в Adobe Illustrator научимся легко превращать фотографию в рисунок, сделанный от руки. Сначала мы применим несколько фильтров, затем используем функцию Live Trace / Быстрая Трассировка, чтобы получился эффект карандашного рисунка. Местами будет немного сложно, но зато очень красиво!

 

Что должно получиться

Шаг 1

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

Шаг 2

Подготовим фото. Сначала загрузим его в Photoshop и применим Image > Adjustments > Desaturate / Изображение > Коррекция > Обесцветить. Также можно воспользоваться корректировкой уровней, чтобы добавить изображению контрастности, если это необходимо.

Шаг 3

Теперь нужно избавиться от фона, изолировав нашу модель. Вы можете делать, как хотите, но мы использовали инструмент Quick Selection / Быстрое Выделение и удалите фон.

Если хотите, чтобы финальное изображение было с темным контуром, выделите изолированный объект и затем примените Select > Modify > Еxpand / Выделение > Модификация > Расширить. В зависимости от размеров вашего изображения, введите число пикселей для ширины контура. У нас она 2 пикселя.

Шаг 4

Пусть выделение все еще будет активно. Создайте новый слой поверх слоя с главным изображением и залейте выделение черным при помощи Edit > Fill / Редактирование > Выполнить Заливку. Примените Merge / Объединить для изображение и контурных слоев.

Сохраните изображение в формате .PNG. Или просто вырежьте его в фотошопе и вставьте в Adobe illustrator.

Шаг 5

После того, как вы загрузили изображение в Illustrator, выделите его и примените Effect > Artistic > Paint Daubs / Фильтр > Художественный > Рисование мазками. 

Измените тип кисти на обычную. Размер и резкость кисти зависят от выбранного вами изображения. Для нашей фотографии мы снизили размер до 7, чтобы видеть мелкие детали на лице девушки. Sharpness / Резкость мы установили на 11. Нажмите OK.

Помните, что вы всегда можете вернуться назад и сделать корректировки в палитре Appearance / Оформление, если это необходимо.

Шаг 6

Пусть изображение будет все еще выделенным, а вы идите в

Effect > Brush Strokes > Accented Edges / Эффекты > Штрихи > Акцент на краях. Установите слайдеры, как показано на картинке ниже, или как того требует выбранное вами изображение.

Нажмите ОК, когда будете довольны результатом.

Шаг 7

Примените к вашему выделенному изображению Live Trace > Tracing Options / Быстрая Трассировка > Настройки Трассировки.

Шаг 8

Теперь в меню Preset/Стиль выберите Comic Art / Комикс. Убедитесь, что режим просмотра включен.

Шаг 9

В поле Threshold / Порог уменьшайте показатель, пока не станете видеть больше деталей. Для нашего изображения получилось  72.

Шаг 10

Далее измените режим на Grayscale / Серая Шкала.

Шаг 11

Если вы довольны результатом, нажмите ОК и затем, держа изображение выделенным, нажмите на Expand / Разобрать. И не переживайте, все будет хорошо.

Шаг 12

Сначала разгруппируйте все при помощи Ctrl + Shift + G. Теперь мы распределим различные тени по разным слоям.

Начнем с темных. Просто выделите объекты, которые залиты темным, потом примените Select > Same > Fill & Stroke / Выделить > По общему признаку > С одинаковым цветом заливки и обводки.

  Нажмите Ctrl + X, чтобы вырезать, создайте новый слой и затем примените Ctrl + F, чтобы вставить в новый слой.

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

Шаг 13

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

По идее, должно получиться 6 слоев: 4 серых, 1 черный, 1 белый.

Шаг 14

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

Шаг 15

Теперь поработаем со слоями.

Начнем с белого. Примените Object > Path > Offset Path / Объект > Контур > Создать параллельный контур. Показатель смещения будет зависеть от размера изображения. Мы задали 0.5 пикселей — это достаточно для того, чтобы чуть  увеличить фигуры. Это поможет избавиться от нежелательных зазубренных линий.

Шаг 16

После того, как вы применили смещение, выделите все на данном слое и через палитру Pathfinder / Обработка Контуров нажмите Unite / Объединить.

Шаг 17

Наконец, идите в Object > Path > Simplify / Объект > Контур > Упростить. Задайте пераметры как на картинке внизу. Не забывайте, что всегда можно увидить «до» и «после», если влючить режим предпромотра. На нашем оригинале было 9,823, а после упрощения стало 3,687.

Шаг 18

Пусть все белые объекты будут выделены, а вы сделайте копию (Ctrl + C) и вставьте ее впереди (Ctrl + F) самого светлого серого слоя. Измените белые объекты на серые того же цвета и в палитре Pathfinder / Обработка Контуров

 нажмите Unite / Объединить. Примените к этому слою действия, которые мы делали в предыдущем шаге.

Шаг 19

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

Шаг 20

После того, как вы закончили с серыми слоями, переместите черный слой наверх и снова примените Unite / Объединить и Simplify / Упростить

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

Шаг 21

Теперь будем корректировать тени. Для эффекта «сепия» измените цвет серых слоев на #ECE6DD.  Для слоя Gray 4 снизьте непрозрачность до 90%. Для слоя Gray3 измените режим прозрачности на Multiply / Умножение с 45%, для слоя Gray2 задайте Multiply / Умножение и 75%, для Gray 1 — режим Multiply / Умножение и 100%.

Измените цвет белого слоя на #ECE6DD, а черного слоя — на #4C3F2F. Оба этих слоя должны быть со 100% прозрачностью. Цвет бэкграунда мы поменяли на #ECE6DD.

Шаг 22

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

Шаг 23

Чтобы добавить немного текстуры, мы применили к новому слою, который поместили сверху на все слои, легкий стиль Grunge. Потом задали текстуре цвет #542D20 и установили режим наложения на Multiply / Умножение с 60%. Также можно поменять цвет слоя с черным контуром на #542D20.

Финальный результат

---

Автор — Transfuchsian

Перевод — Дежурка

Смотрите также:



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

Как нарисовать русалку в акварельном стиле в Illustrator • ARTshelter

В этом уроке вы узнаете, как нарисовать русалку в ярком акварельном стиле в Adobe Illustrator. А вдохновимся мы прекрасными мифическими персонажами из сказки «Русалочка» Ханса Кристиана Андерсена.

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

Начнем!

Рисуем набросок русалки

Создаем новый документ в Illustrator размером 850 х 1200 пикселей в цветовом режиме RGB. Название первого слоя меняем на «Набросок».
Начинаем делать наброски персонажа. Для начала мы должны определить наиболее яркие черты и использовать их. В сказке главная героиня была дочерью морского царя: «…лучше всех была самая младшая, нежная и прозрачная, как лепесток розы, с глубокими синими, как море, глазами. Но и у неё, как у других русалок, не было ножек, а только рыбий хвост», «странное дитя была эта русалочка: такая тихая, задумчивая…», «…она любила только свои яркие, как солнце, цветы…».

Я рисовала набросок непосредственно в Illustrator, используя графический планшет. Берем

Paintbrush Tool (B) (Кисть) и кисточкой Oval Calligraphic размером 2 pt и непрозрачностью 20% делаем первые наброски. Вы можете взять любую из стандартных кисточек, которые доступны на панели Brushes (Кисти).

Создаем кисточку для контура

Шаг 1

Создаем новый слой для контура. Контур рисунка мы будем рисовать именно на этом слое, потому что все линии будут одного цвета.
Открываем окно Paintbrush Tool Options (Параметры кисти), дважды кликнув на иконке инструмента Paintbrush Tool (B) (Кисть). Вводим настройки, как показано ниже, и жмем ОК.

Шаг 2

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

На панели Brushes (Кисти) нажимаем кнопку New Brush (Новая кисть) и выбираем Calligraphic Brush (Каллиграфическая кисть). После этого жмем ОК и появится окно с параметрами кисти. Используем настройки, показанные ниже.

Шаг 3

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

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

Рисуем контур персонажа

Шаг 1

Пришло время применить свои навыки на практике. Начинаем создание контура.

Для начала группируем набросок (Ctrl+G). Уменьшаем его непрозрачность примерно до 50%, чтобы он был полупрозрачным.

Шаг 2

Теперь берем Paintbrush Tool (B) (Кисть) и на панели Brushes (Кисти) выбираем нашу новую кисточку.

Начинаем рисовать лицо. Если линии вам кажутся слишком тонкими или широкими, на панели Stroke (Обводка) можете изменить параметр Weight (Толщина), чтобы подобрать наиболее оптимальный вариант.

Кривые линии исправляем с помощью Direct Selection Tool (A) (Частичное выделение).

Регулируя толщину, рисуем плавные и «живые» линии.

Шаг 3

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

Инструментом Scissors Tool (C) (Ножницы) вырезаем все лишнее. Для этого выделяем нужную область и жмем клавишу Delete.

Вот так выглядит готовый контур волос.

Шаг 4

Далее работаем с руками и спиной. Как обычно, рисуем плавные линии с переменной толщиной.

Шаг 5

Рисуем контур лифа, хвоста и плавников русалки. Проводим линии таким образом, чтобы в затененных местах они были толще.

Перепонки на плавниках должны быть полупрозрачны, поэтому рисуем их тонкими едва заметными линиями.

Шаг 6

Скрываем слой с наброском и любуемся готовым аккуратным контуром.

Выполняем базовую заливку

Шаг 1

Для начала выделяем все линии и переходим Object – Expand Appearance (Объект – Разобрать оформление). Открываем панель Pathfinder (Обработка контуров) и жмем кнопку Unite (Объединить), чтобы превратить линии контура в один цельный элемент рисунка.

Шаг 2

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

Шаг 3

Активируем Rectangle Tool (M) (Прямоугольник) и создаем прямоугольник размером 860 х 1210 пикселей. Заполняем его линейным градиентом от светло-розового до светло-голубого.

Открываем панель Align (Выравнивание) и выбираем Align to Artboard (Выравнивание относительно рабочей области), затем Align Objects (Выравнивание объектов) устанавливаем на Horizontal (По горизонтали) и Vertical (По вертикали).

Шаг 4

Выбираем светло-бирюзовый оттенок и рисуем фоновый узор. Для работы используем Pencil Tool (N) (Карандаш) или Pen Tool (P) (Перо). Закончив, уменьшаем непрозрачность созданной фигуры до 25%.

Таким же образом рисуем больше деталей для фонового узора внутри предыдущей фигуры. При помощи Pencil Tool (N) (Карандаш) достаточно сложно нарисовать такую фигуру, поэтому мы нарисуем несколько маленьких фигур и затем объединим их в одну. Открываем панель Pathfinder (Обработка контуров) и кликаем по кнопке Unite (Объединить). Заливаем созданную фигуру светло-голубым цветом и уменьшаем непрозрачность до 25%.

Добавляем еще несколько фиолетовых и желтых фигур, уменьшаем их непрозрачность до 10%.

Закончив, скрываем слой с наброском, он нам больше не понадобится.

Шаг 5

Теперь мы займемся заливкой цветом нашей русалки.

Для начала меняем цвет контура. Выделяем линии и заливаем их бордовым цветом.

Шаг 6

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

Шаг 7

Выбираем подходящий цвет с палитры. Активируем Pencil Tool (N) (Карандаш), Pen Tool (P) (Перо) или Blob Brush Tool (Shift+B) (Кисть-клякса), берите тот инструмент, с которым вам удобнее всего работать.

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

Шаг 8

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

Шаг 9

Светло-розовым цветом заполняем лиф русалки, желтым – украшения, а розовым – цветы.

Шаг 10

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

Шаг 11

Градиент, которым мы заливали волосы русалки, применяем на плавниках и хвосте. Уменьшаем непрозрачность заливки до 80%.

Шаг 12

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

Добавляем тени и блики

Шаг 1

Для начала заливаем верхний контур глаз темным цветом, чтобы сделать их ярче. Выделяем часть контура, дублируем ее нажатием клавиш Ctrl+C и Ctrl+F. Также захватываем верхние ресницы и зрачок, ноздрю и центральный контур губ. На панели Pathfinder (Обработка контуров) жмем кнопку Unite (Объединить).

Теперь выделяем основной контур русалки и часть контура, который мы дублировали выше. Далее, удерживая клавишу Alt, кликаем на кнопку Intersect (Пересечение), затем жмем Expand (Преобразовать).

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

Шаг 2

Давайте добавим лицу объемности. Работаем на слое с заливкой тела русалки. Сначала рисуем румяна на щеках. Для этого берем Ellipse Tool (L) (Овал) и добавляем следующие фигуры: по две большие окружности на щеках и одну меньшего размера на носу. Заполняем их розовым радиальным градиентом, непрозрачность внешнего цвета уменьшаем до 0%. Затем выделяем все созданные окружности и уменьшаем их непрозрачность до 30%.

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

Шаг 3

Далее добавим тени на коже. Чтобы получить эффект акварели, мы воспользуемся специальными кисточками, которые находим на панели Brushes (Кисти), как показано на скриншоте ниже.

Выбираем кисть Light Wash-Thick и фиолетово-красный цвет на панели Stroke (Обводка). На панели Transparency (Прозрачность) устанавливаем режим смешивания на Multiply (Умножение) и Opacity (Непрозрачность) – на 50%. Затем на панели Stroke (Обводка) устанавливаем Weight (Толщина) на 0,4 pt.

Наносим на затененных участках базовую тень.

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

Шаг 4

Теперь нарисуем падающую тень. Используем ту же кисточку. Выбираем фиолетовый цвет и регулируем непрозрачность между 100% и 70%.

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

Шаг 5

Таким же образом добавляем блики. Берем белый цвет, устанавливаем режим смешивания на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 50%. Штрихами наносим блики.

Шаг 6

Устанавливаем непрозрачность на 100% и режим смешивания – на Normal (Нормальный). С помощью Pencil Tool (N) (Карандаш) наносим яркие насыщенные блики.

Шаг 7

Выбираем голубой цвет с непрозрачностью 50%, режимом смешивания Multiply (Умножение) и рисуем на теле русалки отраженный от фона голубоватый свет. Используем ту же акварельную кисточку Light Wash-Thick.

Шаг 8

Далее продолжаем работу с глазами и губами на слое с макияжем. Берем Pencil Tool (N) (Карандаш) и под верхними ресницами добавляем многослойное затенение на глазном яблоке. Для работы используем цвет контура и уменьшаем непрозрачность до 30%.

Затем проводим розовые линии на веках и там же добавляем легкие блики.

Теперь выделяем радужку глаза и заполняем ее линейным градиентом от темно-синего к светло-синему. Также добавляем светло-голубые блики.

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

В левой части верхней губы рисуем темно-розовую тень. Затем фиолетово-красным цветом с непрозрачностью 25% заполняем пространство между губами. Затем в правой части губ добавляем яркие блики.

Чтобы кожа выглядела естественнее, рисуем веснушки на носу и щеках. Они не должны быть идеально круглыми.

Шаг 9

Давайте добавим текстурности на хвосте. Создаем новый слой над слоем с телом и хвостом. Рисуем синие горизонтальные линии и уменьшаем их непрозрачность до 25%.

Берем кисть Watercolor-Wet и поверх предыдущих линий рисуем новые. Меняем их режим смешивания на Multiply (Умножение) и уменьшаем непрозрачность до 50%.

Таким же образом добавляем желтые линии между предыдущими.

На самых светлых участках с помощью Pencil Tool (N) (Карандаш) рисуем чешую. На панели Pathfinder (Обработка контуров) объединяем все чешуйки в одну фигуру. Заполняем ее линейным градиентом (голубой-желтый-розовый). Уменьшаем непрозрачность до 55%.

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

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

Шаг 10

Добавим объем на лифе. Здесь мы также будем использовать акварельную кисть.

Выбираем кисточку Watercolor-Wet шириной 1 pt и розовым цветом наносим тени. Уменьшаем непрозрачность до 50% и меняем режим смешивания на Multiply (Умножение). Ничего страшного, если линии будут выглядывать за границы лифа, мы исправим это с помощью обтравочной маски.

Таким же образом короткими штрихами рисуем голубоватые тени.

Добавляем желтые пятна, уменьшаем их непрозрачность до 30%.

Берем Pencil Tool (N) (Карандаш) и рисуем падающую тень, используя цвет контура с непрозрачностью 37%. С левой стороны лифа рисуем блики. С помощью Eyedropper Tool (I) (Пипетка) подбираем на теле русалки светлый оттенок для блика.

Далее дублируем фигуру-основу лифа нажатием клавиш Ctrl+C и Ctrl+F. Перемещаем копию на передний план (Ctrl+Shift+]). Выделяем все элементы лифа, кликаем по ним правой кнопкой мышки и выбираем Make Clipping Mask (Создать обтравочную маску).

Шаг 11

Добавим блики и тени на аксессуарах. Работаем на слое с лифом/цветами.

Начинаем с золотого обруча на голове и браслетов. Выбираем кисть Watercolor-Wet шириной 0,5 pt и короткими штрихами рисуем красные тени и голубое отражение. Уменьшаем непрозрачность до 70% и устанавливаем режим смешивания на Multiply (Умножение). Затем применяем обтравочную маску, чтобы удалить лишние детали, как мы делали это выше с лифом.

В конце с помощью Pencil Tool (N) (Карандаш) добавляем белые блики.

Шаг 12

Рисуем цветы, опираясь на уже изученные принципы.

Для начала заливаем цветы и лепестки линейным градиентом: от розового к светло-розовому и от синего к светло-синему, соответственно.

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

В конце с помощью Pencil Tool (N) (Карандаш) добавляем тени и блики. Для теней берем бордовый цвет контура, а для бликов – белый.

Шаг 13

Приступаем к работе с волосами.

Для начала дублируем основу и заливаем ее белым цветом. Перемещаем копию на задний план. Выбираем верхнюю градиентную фигуру и уменьшаем ее непрозрачность до 70%.

Выбираем новую кисточку Watercolor-Thick и хаотично наносим штрихи, чтобы получилась красивая текстура. На скриншоте ниже вы можете увидеть все параметры кисточки. После этого применяем к волосам обтравочную маску, как мы делали это раньше.

Также хаотично наносим синие штрихи.

Немного желтого и голубого.

Рисуем тени. Выделяем их и на панели Pathfinder (Обработка контуров) жмем кнопку Unite (Объединить), чтобы объединить в одну фигуру. Заливаем получившуюся фигуру синим радиальным градиентом и уменьшаем непрозрачность до 40%.

Далее рисуем блики, объединяем их в одну фигуру. Заливаем ее желтым радиальным градиентом и уменьшаем непрозрачность до 75%.

В конце в левой части волос добавляем яркие блики.

Шаг 14

До конца урока осталось еще несколько шагов. Далее мы займемся доработкой плавников.

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

Берем Pencil Tool (N) (Карандаш) и заполняем плавники красивой текстурой. Заливаем ее синим линейным градиентом с непрозрачностью 40%, как показано ниже.

Таким же образом рисуем дополнительный текстурный слой на плавниках. Заполняем его желтым радиальным градиентом с непрозрачностью 75%.

В конце добавляем синие и белые точки.

Шаг 15

Пришло время для финальных штрихов. Давайте добавим еще несколько дополнительных деталей.

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

В самых темных участках добавляем темно-синие фигуры. Устанавливаем их режим смешивания на Overlay (Перекрытие) с непрозрачностью 10%.

Также в самых светлых участках добавляем белые фигуры. Устанавливаем их режим смешивания на Overlay (Перекрытие) с непрозрачностью 10%.

Давайте слегка подкорректируем цвет контура. Выделяем его и заливаем розово-синим линейным градиентом, как показано ниже.

Наш персонаж готов!

Создаем абстрактный фон

Шаг 1

На данный момент у нас готова основа для фона с базовыми цветами. Это упростит нам работу с кисточкой и добавлением деталей.

Давайте нанесем первый слой. Используем кисть Watercolor Stroke 3, ширину регулируем между 2 pt и 4 pt. Выбираем светло-синий цвет, режим смешивания Multiply (Умножение) и непрозрачность 15%.

Шаг 2

Выбираем светло-голубой оттенок, переключаемся на режим смешивания Normal (Нормальный) и рисуем светлые пятна на фоне. Чтобы результат был интереснее, в процессе работы регулируем непрозрачность и толщину кисти.

Кисточкой Watercolor-Wet наносим желтые и синие штрихи, режим смешивания Multiply (Умножение).

Шаг 3

Выбираем новый набор кистей. Открываем панель кистей, жмем на кнопку меню в правом верхнем углу и выбираем Open Brush Library – Artistic – Artistic_Ink (Выбор библиотеки – Художественный – Худож_чернила). Выбираем две кисточки: Fire Ash и Galaxy. С их помощью хаотично рисуем светло-синие и белые брызги. Чтобы получить более интересный результат, в процессе работы регулируем размер и непрозрачность кисти.

В верхней части фона добавляем ярко-желтые брызги. С помощью Pencil Tool (N) (Карандаш) рисуем несколько точек, дублируем их и распределяем вокруг русалки.

Мы закончили!

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

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

Для чего нужен Adobe Illustrator

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

Современные фирменные знаки — векторные. Это нужно для удобства масштабирования без потери качества: логотип любой компании можно в два клика растянуть на размер огромного билборда или, напротив, разместить на шариковой ручке. А в интернете простые векторные логотипы не тормозят загрузку веб-страниц, что тоже очень ценно.

Лаконичные логотипы строят по модульным сеткам, а сложные рисуют с нуля с использованием референсов — и то, и другое удобно делать в программе. Даже детализированные логотипы рисуют в Illustrator.

Присмотритесь к портрету, он состоит из плоских фигур

Программа идеально подходит для рисования flat-иллюстраций различной сложности: от простейших предметов до полноценных картинок с тонкой проработкой деталей.

Например, следующая иллюстрация состоит из множества мелких фигур:

Каждый блик или тень здесь — это отдельный векторный объект. Источник

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

Иллюстрации сейчас востребованы в диджитал-среде: их используют на сайтах, в соцсетях, в заставках видео и рекламе. Хотите освоить новую творческую профессию? Записывайтесь на наш курс!

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

Иконки нужны для сайтов, презентаций и даже для закреплённых сторис в Instagram. Источник

Изометрия — это имитация трёхмерной графики, которую рисуют из плоских фигур вручную. Особенность изометрии в том, что линии, параллельные горизонтальной плоскости, развёрнуты под углом 30 градусов. Обратите внимание на диван и кресло, камин, телевизор, картину на следующей иллюстрации — они все в одном ракурсе.

В изометрии рисуют интерьеры, здания, различные предметы. Источник

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

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

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

Изображения дополняют текст, но не заменяют его полностью. Источник

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

В Illustrator делают макеты мерча, упаковок рекламных листовок, флаеров, вывесок. Здесь можно сверстать всё, что не крупнее 5,7 метра, — это приблизительный размер максимальной рабочей области в программе. Также редактор не очень годится для создания многостраничных макетов — тут нельзя автоматически настроить единообразное форматирование страниц, а текст не будет автоматически передвигаться по листам при внесении изменений.

Однако дизайн кружек, значков, футболок, коробок, банок, бутылок, плакатов, визиток и рекламных материалов на одну-две страницы собирают именно в Illustrator. Даже если нужны фотографии, это не проблема: их предварительно обрабатывают в Photoshop, а затем вставляют в макет.

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

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

Так выглядит мокап

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

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

Так делается реалистичная векторная графика. Источник

Как нарисовать крутые градиентные шары в Иллюстраторе

В этом уроке мы будем экспериментировать в Adobe Illustrator, чтобы создать крутые эффекты градиентов ярких цветов, перетекающих один в другой. Для начала мы создадим яркие шары, которые позже модифицируем при помощи инструмента Warp/Деформация. Все объекты останутся в векторном формате, а это значит, что вы сможете использовать их в работах любого типа и масштабировать до любых необходимых размеров.

Как нарисовать крутые градиентные шары в Иллюстраторе

Градиенты такого стиля очень популярны в последнее время. Их можно увидеть в различных дизайн-проектов в брендинге, мобильных приложениях и даже на фонах в iPhone X. Каждый раз, выбирая новые цвета и создавая различные выделения, вы сможете создавать уникальный объект.

Для начала создайте новый документ в Adobe Illustrator любого размера, однако используйте цветовой режим RGB, чтобы получить в распоряжение полную палитру ярких оттенков. Инструментом Ellipse/Эллипс нарисуйте круг. Удерживайте Shift, чтобы круг был идеальных пропорций. Снимите обводку и укажите яркий цвет заливки.

Возьмите инструмент Gradient Mesh/Сетчатый градиент и кликните в любом месте внутри круга. Смените цвет появившейся точки на другой яркий оттенок. Это может быть оттенок фонового цвета, или наоборот — контрастный цвет.

Добавьте еще одну точку в сетку градиента и выберите другой цвет. Цвета будут плавно перетекать один в другой, создавая красивые переходы.

Когда вы добавляете новые точки внутри круга, автоматически создаются дополнительные точки и по краям фигуры. Выделяйте их — несколько сразу — при помощи инструмента Lasso/Лассо.

Попробуйте подбирать новые интересные оттенки, перемещая слайдеры в палитре Color/Цвет. При помощи инструмента Еye-dropping/Пипетка выберите цвет, a затем кликните дважды по заливке в панели инструментов, чтобы открыть палитру цветов как в Photoshop.

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

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

Чтобы смешать цвета, используйте инструмент Twirl/Воронки под инструментом Warp/Деформация в панели инструментов. Кликните дважды по инструменту, чтобы настроить параметры. Настройте размер воронки близкий по размеру к диаметру круга и снизьте Intensity/Интенсивность до 10%.

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

Дважды кликните по инструменту Twirl/Воронка снова, чтобы снизить размер кисти. В нашем случае это 200px.

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

Создайте несколько кругов, чтобы собрать красивую коллекцию различных градиентов в кругах. Это очень увлекательно. Экспериментируйте!

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

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

Автор урока Chris Spooner

Ссылка на источник

Уроки Illistrator. Уроки Adobe Illustrator. Уроки Иллюстратора. Adobe illustrator уроки. Уроки adobe illustrator для начинающих. Adobe illustrator уроки на русском. Видео уроки adobe illustrator. Adobe illustrator уроки для начинающих на русском. Adobe illustrator уроки с нуля. Уроки adobe illustrator cc для начинающих. Adobe illustrator cc 2019 уроки. Уроки adobe illustrator скачать торрент. Уроки по adobe illustrator cc. Adobe illustrator уроки вектор гайд. Уроки рисования adobe illustrator. Adobe illustrator уроки вектор гайд. Уроки векторной графики в adobe illustrator. Adobe illustrator cc 2018 уроки. Adobe illustrator логотип уроки. Уроки adobe illustrator cc 2018 для начинающих. Бесплатные уроки adobe illustrator. Урок 01 что такое adobe illustrator. Уроки работы в adobe illustrator. Adobe illustrator урок. Видео уроки adobe illustrator торрент. Adobe illustrator видео уроки скачать торрент. Adobe illustrator 3d уроки. Уроки adobe illustrator cc 2019 на русском. Интерфейс в adobe illustrator cc 2019 уроки. Уроки иллюстрация adobe illustrator. Adobe illustrator уроки рисование плашками.

Урок Illustrator — Как создать векторный портрет в стиле Поп Арт — Уроки

Цель Урока

В этом уроке мы научимся создавать векторный протрет в стиле Pop Art. Мы постараемся воспроизвести стиль одного из лучших представителей этого течения Роя Лихтенштейна (Roy Lichtenstein). Для создания эффекта растра и его тонкой настройки применим плагин для Adobe Illustrator — Phantasm CS. Для выполнения этого урока вы можете использовать любую фотографию, так  почему бы вам не сделать собственный портрет в стиле Поп Арт?

Roy Lichtenstein (Октябрь 27, 1923 – Сентябрь 29, 1997) – один из знаменитейших американских художников, работающих в стиле Pop Art. Мы будем воспроизводить его стиль.

---

Шаг 1

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

Помещаем фотографию в рабочую область документа (File > Place…), затем нажимаем на кнопку Embed на верхней панели инструментов

Заблокируем слой с фотографией в палитре слои, чтобы не сместить ее в процессе работы.

---

Шаг 2

Выше первого слоя создадим новый слой. В этом слое мы будем работать. Теперь берем Pen Tool (P) и создаем контур лица.

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

---

Шаг 3

При помощи Pen Tool (P) создаем контур шеи и волос.

Заменим обводку созданных объектов на заливку и оценим гармоничность созданных форм. Это действие я выполняю всегда после ручной трассировки эскиза или фотографии.

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

---

Шаг 4

Приступаем к созданию глаз. Берем Pen Tool (P) и создаем контур, передающий очертания глаза и форму тени вокруг него (я залил этому форму красным цветом только для наглядности)

Создание глаз это самая ответственная работа, потому что человеческие глаза мы видим каждый день, и любая диспропорция сразу будет заметна.  Я посоветую в этой работе опираться больше на свои чувства, чем на фотографию. Берем Ellipse Tool (L) и создаем окружность с заливкой голубого цвета и черной обводкой.

Эта окружность будет радужной оболочкой глаза. Берем Scissors Tool (C) и разрезаем окружность в точках A and B, после чего удаляем верхнюю часть окружности.

Теперь соединим точки A and B при помощи Pen Tool (P) как это показано на рисунке ниже.

---

Шаг 5

Используя ту же технику, создадим зрачок.

Берем Ellipse Tool (L) и создаем блик света на поверхности глаза.

Для создания ресниц используйте Pen Tool (P), применяя к созданным кривым треугольный профиль из палитры Stroke.

Таким же образом создаем второй глаз.

---

Шаг 6

Основываясь на фотографию, создаем элементы рта. Зубы залиты сплошным белым цветом, такая стилистика работ Роя Лихтенштейна. Как и во всей работе упрощайте контур, передавая только основные пропорции.

Блик на нижней губе я создал при помощи Pen Tool (P) и применил к линии подходящий профиль из палитры Stroke.

---

Шаг 7

При помощи Pen Tool (P) я создал брови, ноздри, а при помощи Ellipse Tool (L) родинку на щеке.

Теперь создадим складки кожи возле глаз и носа, используя Pen Tool (P) и профили из палитры Stroke.

Создаем тени на шее.

Все элементы лица у нас готовы.

---

Шаг 8

Приступим к созданию стилизованных волос. Задача это не простая, так как у Мэрлин довольно сложная прическа. В этой работе главное разделить (дифференцировать) локоны волос и понять их направление. Я распечатал несколько портретов Мэрлин и карандашом попытался создать несколько эскизов.

Вы, конечно, можете этого не делать, если у вас не такая сложная прическа. После таких упражнений я уверенно взял Pen Tool (P) и создал кривые линии, передающие направления волос.

Теперь группируем все линии и блокируем группу в палитре слоев. Эту группу мы будем использовать в качестве шаблона. Берем Pen Tool (P) и создаем новые линии, используя шаблон, и применяем к ним различные профили, устанавливая их ширину в палитре Stroke.

Теперь шаблон может быть удален.

---

Шаг 9

Характерной особенностью работ Роя Лихтенштейна является утрированная имитация растра.  Имея в своем распоряжении Phantasm CS, мы легко сможем повторить этот эффект и даже немного поэкспериментировать. Копируем форму лица и шеи и вставляем их вперед (Cmd/Ctrl + C; Cmd/Ctrl + F), заливаем их бордовым цветом и объединяем в одну форму, нажав на кнопу Unite из палитры Pathfinder.

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

---

Шаг 10

Не снимая выделения с этого объекта, переходим Effect > Phantasm CS > Halftone…. Диалоговое окно содержит множество опций позволяющих тонко настраивать эффект.

Для имитации стиля Роя Лихтенштейна я установил Grid Angle равный 45 градусам, форма точки  — circle. Параметр DPI влияет на детализацию изображения, Scale, как не трудно догадаться, на величину точек. Вы можете наблюдать за изменениями эффекта, меняя параметры в диалоговом окне, это очень удобно.

Вы, наверное, заметили, что точки выступают за контур шеи, давайте скроем этот эффект. Копируем форму бордового цвета и вставляем ее вперед (Cmd/Ctrl + C; Cmd/Ctrl + F), удаляем Halftone эффект из палитры Appearance.

Теперь выделяем обе бордовые формы и нажимаем сочетание клавиш Cmd/Ctrl + 7, создавая Clipping Mask.

Портрет в стиле Pop Art готов.

---

Шаг 11

Phantasm CS позволяет создавать более сложный Halftone эффект. Давайте еще немного поиграем с ним. Отключим видимость Halftone эффекта, полученного в предыдущем шаге, кожных складок т тени на шее Мэрлин.

Переместим фотографию в палитре слоев так, чтобы она занимала положение, указанное на рисунке ниже.

При помощи Phantasm CS вы можете регулировать уровни (levels) растрового изображения прямо в Adobe Illustrator без предварительной обработки в Photoshop. Кроме того что это удобно, есть еще одно преимущество, о котором речь пойдет немного позже. Выделяем фотографию и переходим  Effect > Phantasm CS > Levels…, пока оставляем параметры эффекта без изменений и нажимаем на кнопку OK в диалоговом окне.

---

Шаг 12

12.    Теперь переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры эффекта в диалоговом окне.

Несомненно, вам не следует придерживаться моих параметров, ведь вы можете создать свой неповторимый эффект. Например, вместо круглых точек вы можете использовать квадраты, линии, Characters и даже Symbols, если вы их предварительно сохранили в палитре Symbols.

После установки параметров эффекта мая работа выглядит так.

---

Шаг 13

Теперь мы можем регулировать уровни растрового изображения. Откроем палитру Appearance (Window> Appearance). Мы видим, что к нашему объекту применено два эффекта Phantasm CS, которые мы можем настраивать. Открываем диалоговое окно Phantasm CS Levels, нажав на его название в палитре Appearance, управляем слайдерами слоев, наблюдая за происходящими изменениями. Получили хороший результат, жмите на кнопку OK

---

Шаг 14

Скроем точки, выходящие за контур головы, используя технику создания Clipping Mask,  описанную в 10 шаге.

---

Шаг 15

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

Выделим объект с эффектами и переходим Object > Expand Appearance

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

---

Шаг 16

Нам осталось только создать фон. В качестве фона мы будем использовать бумажную растровую текстуру. Такие текстуры вы сможете скачать здесь (link). Вставляем текстуру в поле документа (File > Place…) и устанавливаем для нее Multiply Blending Mode в палитре Transparency.

Скрываем лишние части текстуры при помощи Clipping Mask (см. 10 шаг)

Для второго варианта портрета я использовал другую текстуру.

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

 

Автор урока: Ярослав Лазунов

Оригинал урока на Английском языке: AstuteGraphics

 

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Как нарисовать эскиз розы по фотографии в Adobe Illustrator ~ Записки микростокового иллюстратора

Всем привет! У нас в гостях начинающий иллюстратор Людмила Смирнова, которая спешит поделиться своими экспериментами в Adobe Illustrator. Людмила расскажет и покажет, как сделать рисунок розы в Иллюстраторе. В качестве базового изображения можно использовать фотографию цветка.
Из урока вы узнаете, как обрисовать розу по фотографии или наброску, используя кисти Art Brush. А теперь передаю слово Людмиле.

Поскольку я сама причисляю себя к новичкам, то и урок этот будет для самых новичков и для любителей рисовать цветы, наброски. Сейчас популярны скетчи, любые наброски, стилизованные сюжеты. Если вам понравится рисовать розу в Иллюстраторе, то посмотрите другие уроки про цветы на этом блоге:
1. Как нарисовать стилизованную розу в Adobe Illustrator
2. Как рисовать пиксель арт цветок в Adobe Illustrator
3. Как нарисовать корзину с цветами в иллюстраторе

А теперь приступим к нашему уроку. Я нарисую розу с помощью простых кистей.

1. Создаем новый документ 1200×1200 пикселей (Ctrl+N).

2. Создать скетч розы можно несколькими путями. Рисовать сразу вживую кистями либо использовать какой-нибудь исходник – фото цветка.

В данном варианте я выбираю свою фотографию розы. Фотографию перетаскиваем на артборд и используем как шаблон Template.

3. Сделать скетч розы можно кистью BlobBrush, но я попробую сделать это с помощью Paintbrush Tool (B).

С помощью узкого эллипса создаем простую кисть Art Brush, имитирующую настоящую.

Перетаскиваем наш эллипс в палитру кистей Brushes, выбираем Art Brush, и кисть готова. Теперь ею можно рисовать с помощью инструмента Paintbrush Tool (B).
Начинаем рисовать изгибы розы. Представим что мы рисуем розу кисточкой, не особенно придерживаясь точности в обрисовке контура. Дадим волю нашей фантазии.

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

4. В данном рисунке не слишком много точек, но все же можно уменьшить и еще более сгладить линии с помощью Object > Path > Simplify.
Поставьте галочку на Preview и смотрите как меняется вид картинки.

5. Теперь необходимо сделать Object > Expand Appearance, поскольку кисти для стоков нужно разбирать.

6. Теперь можно сделать для розочки фон, наложить тени, если это нужно. Создаем новый слой Color, помещаем его под слой с нашим скетчем и с помощью кисти Blob Brush (Shift+B), имитируя мазки настоящей кисти, рисуем фон широкими мазками (настройки на картинке ниже). Поскольку кисть Blob Brush рисует сразу объектами, ее не надо экспандить.
Можно поправить контуры с помощью белой стрелочки (Direct Selection Tool), нарисовать тени и поиграть прозрачностью.
Особенно не стоит перегружать картинку деталями и цветами, так как сейчас популярны скетчи и акварельные полупрозрачные рисунки.
Можно сделать несколько таких розочек и создать рамочку либо открытку.
Не забудьте удалить из панели слоев свою фотографию-трафарет.
Людмила Смирнова специально для блога Записки микростокового иллюстратораЧитать дальше…

Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:

Предлагаю ознакомиться с аналогичными статьями:

Как создавать векторные изображения ваших друзей

Минималистичные плоские иллюстрации друзей или членов семьи — отличный способ погрузиться в работу с Adobe Illustrator. Этот урок сейчас моден, но он также прост, работает с любыми фотографиями и не требует никаких навыков рисования! Вы, наверное, уже видели подобную иллюстрацию раньше: минимум деталей, плоские цветные блоки, отсутствие теней и, возможно, некоторые отсутствующие черты лица, например глаза.Это называется плоской иллюстрацией, поскольку в ней нет затенения или контуров. Вы можете применить этот стиль иллюстрации к любой фотографии, чтобы создать индивидуальное произведение искусства. Отслеживание семейной фотографии станет отличным подарком ко Дню матери или Рождеству. Также модно использовать этот метод для фотографий группы друзей, чтобы поделиться ими в социальных сетях. Независимо от того, являетесь ли вы экспертом в Illustrator или новичком, этот метод — отличный способ поэкспериментировать с программным обеспечением, потому что испортить его практически невозможно.Какими бы грубыми ни были ваши очертания, готовый продукт будет чистым и креативным. Кроме того, создание векторизованных иллюстраций на основе существующего изображения позволяет вам обводить его, поэтому для этого урока не требуется слишком много художественных способностей. Вы можете применить его к любой фотографии, которая вам нужна, выполнив следующие действия.

1. Выберите эталонное фото, которое вы хотите использовать, и откройте его в Illustrator. Чем четче изображение, тем легче вам будет нарисовать эти мелкие детали.Для простоты я выбрал для примера фотографию только с одним человеком. Не стесняйтесь использовать любое изображение, которое хотите!
2. Создайте новый слой и зафиксируйте фотографию на месте. Вы будете рисовать, используя слой над слоем фотографии, но это позволит избежать смещения фотографии и ее легко скрыть в конце. При желании вы можете переименовать слои в «Ссылка» и «Иллюстрация» или «Контуры», как я.
3. С помощью карандаша или кисти начните рисовать контуры вокруг фигур.Вы можете найти оба из них на панели инструментов. Кисть удобна для создания плавных кривых, в то время как карандаш не приобретет идеальную форму после того, как вы начнете рисовать. (Как вы можете видеть, мне больше всего нравится использовать кисть толщиной 0,5 и красным оттенком.) На этом этапе вы можете рисовать любым цветом и толщиной, чтобы вам было легче видеть, что вы делаете. Поскольку мы заполняем только области с большими размытыми цветами, нет необходимости обрисовывать каждую отдельную деталь изображения, а вместо этого только края.Например, я буду рисовать по краям толстовки, но не по линиям морщин. Если вы часто пользуетесь Illustrator, вам может быть интересно, почему я не предлагаю использовать инструмент трассировки изображения, который берет любую фотографию и преобразует ее в векторные формы за секунды. Хотя это может хорошо работать на определенных фотографиях, след изображения имеет тенденцию создавать неестественные формы и края, особенно если фотография не имеет высокого разрешения. Для чего-то столь же простого, как этот проект, может потребоваться меньше времени, чтобы просто нарисовать необходимые формы.Однако, если вы хотите попробовать, узнайте больше о трассировке изображения здесь.
4. Сосредоточьтесь на некоторых областях, которые придадут изображению дополнительный уровень детализации. Ключ к тому, чтобы векторная иллюстрация выглядела резкой и впечатляющей, — это добавить несколько мелких деталей. Предлагаю выделить украшения, аксессуары, лак для ногтей и шнурки. Я также стараюсь разделить волосы на несколько прядей, чтобы использовать различные оттенки. Если у вас возникают проблемы с тем, чтобы черты лица выглядели хорошо, многие художники пропускают рисование глаз или рта.
5. Щелкните глазное яблоко, чтобы «скрыть» слой с эталонным изображением. Вы можете щелкнуть по нему еще раз, чтобы вернуть его в любое время, но заливка цветами без его отображения будет меньше отвлекать.
6. Выбрав инструмент «Ведро с краской», выделите все свои контуры и щелкните внутреннюю часть формы. Как только вы это сделаете, будет создана живая группа рисования. (Кроме того, вы можете перейти к пункту «Объект»> «Живая краска»> «Создать», чтобы создать группу.) Вы можете обнаружить, что ваши контуры недостаточно близки к краям для создания замкнутых форм. Не стесняйтесь редактировать свои линии с помощью инструмента прямого выбора (к которому вы можете легко переключиться, нажав «a» на клавиатуре). Вы также можете рисовать новые линии и добавлять их к краске, выбрав «Объект»> «Быстрая краска»> «Создать». Если на этом этапе у вас возникнут проблемы, здесь можно найти более подробные инструкции по использованию живых групп рисования.
7. Залейте различные формы изображения ведром с краской.Вы можете использовать свою собственную цветовую палитру или извлекать оттенки из эталонного изображения с помощью инструмента «Пипетка». Вы можете легко переключаться между инструментом «Пипетка» и инструментом «ведро с краской», нажимая «i» и «k» на клавиатуре.
8. Как только изображение будет заполнено, удалите все контуры, используя «без цвета» в качестве обводки, и посмотрите, что вы думаете! Не стесняйтесь проявлять творческий подход к конечному продукту. Добавьте фон! Измените цвета! Если вам больше нравится с очертаниями, оставьте их.Поиграйте с толщиной и стилем кисти. В конце концов, вы художник.

Если вам понравился инструмент «Кисть» в этом проекте, вы можете попробовать этот видеоурок, который предложит еще несколько советов о том, как создавать и редактировать оригинальные изображения. Вы нынешний студент? Узнайте, как можно сэкономить до 60%.

Как рисовать векторных людей в Adobe Illustrator | автор: Toffu Co

Привет, друзья! Мы так рады загрузить наш первый учебник Как рисовать векторных людей в Adobe Illustrator .

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

Напоминаем, что во время рисования я использовал перьевой планшет, но мышь тоже работает.

Ладно, приступим!

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

Мы начинаем с создания нового rgb-документа размером 30×30 см с настройками по умолчанию.

Когда появится пустая страница, перетащите эталонное изображение (вы можете скачать его здесь) в проект, затем щелкните преобразование и измените его размер.Высота «H» должна составлять 30 см. Обратите внимание на маленькую иконку, на которой она должна быть рядом с размерами W и H.

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

(ps Если вы не видите панель слоев, перейдите в раздел «Окно» вверху экрана и нажмите «Слои».)

# step2 новые слои + контур и формы

Когда все выглядит нажмите кнопку Create New Layer под панелью слоев и переименуйте его в jacket .

Когда выбран слой оболочки , щелкните инструмент «Карандаш» (N) слева и нарисуйте контур куртки.

После рисования контура куртки щелкните на инструменте «Пипетка» (I) слева, затем щелкните на желтой части куртки.

Когда форма будет выглядеть нормально, щелкните инструмент «Прямое выделение» (A) слева и щелкните опорные точки, которые необходимо отредактировать.

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

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

Создайте новый слой с именем skin и закройте другие слои, щелкнув значки глаз рядом с ними. Повторите процесс прямого выделения карандашом-пипеткой, нарисуйте лицо и руки, затем перетащите слой skin наверх.

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

Создайте новый слой с именем зонт и нажмите Инструмент «Перо» (P) слева. Щелкните по углам и завершите ребро.

Когда все будет готово, создайте слой зонт2 и нарисуйте тканевую часть зонта с помощью Pen Tool (P).

После перекраски зонта и расположения слоев (слой зонтика2 должен находиться между слоями куртки и штанов) создайте новый слой для сигареты, я использовал имя oth (сокращенная форма других) . Когда выбран слой oth , нажмите Pencil Tool (N) и нарисуйте контур сигареты. Перетащите слой oth под слой skin .

Создайте еще один слой oth для рисования части сигареты, которая появляется на коже, затем нарисуйте ее с помощью Pencil Tool (N) и уточните с помощью Direct Selection Tool (A).

# step3 редактирование шаблонов

Пока все хорошо, мы почти закончили рисование. Убедитесь, что все слои видны, и под панелью «Слои» щелкните кружок рядом со слоем jacket . Это позволяет выбрать сразу все содержимое слоя. Выбрав Копировать (cmd + c) (ctrl + c) и Вставить на место (cmd + shift + v) (ctrl + shift + v) и , щелкните Swatches> Swatches Libraries menu> Patterns> Deco > Vonster Patterns> Splatterz справа.

Я выбрал этот узор из-за схожести с исходным фото, при желании можно попробовать что-нибудь другое. После выбора выкройки закройте слой куртка со значком глаза под панелью слоев. Теперь используйте инструмент «пипетка» и нажмите на синюю часть куртки. Дважды щелкните раздел «Заливка» слева и скопируйте цветовой код на экране «Палитра цветов».

Снова откройте раздел «Образцы» и дважды щелкните использованный узор. Когда появится экран редактирования рисунка, щелкните синюю часть рисунка> Заливка> Палитра цветов и вставьте сюда код цвета.

Наконец, повторите это для остальных цветов. Для облегчения я изменил;

синий> синий # 0f9abe

розовый> красный # cd360f

зеленый> черный # 141319

И результат;

Надеюсь будет полезно. Продолжайте следить!

Добавление штрихов к размещенным изображениям в Illustrator

Q. У меня проблема с Illustrator, которая кажется довольно простой, но я не могу ее понять. Я поместил изображение в свой документ и хочу обвести его обводкой.Но когда я это делаю, линия не появляется. Что я делаю не так?
A. Мне часто задают этот вопрос. В отличие от InDesign, в котором используется концепция фреймов (а фреймы имеют атрибуты «Заливка» и «Обводка»), Illustrator не имеет рамок. Помещенное изображение в Illustrator не является объектом, который может иметь заливки или обводки. Это не векторная фигура, поэтому в ней отсутствуют эти атрибуты.
Большинство людей используют инструмент «Прямоугольник», чтобы нарисовать фигуру вокруг изображения. Но даже это слишком много.
Во-первых, важно понимать, что размещенное изображение не является векторным объектом и, следовательно, не может иметь атрибут заливки или обводки.Поэтому нам нужно создать еще один векторный объект, который будет содержать наш атрибут обводки. Но я не хочу создавать этот объект самостоятельно. Я хочу, чтобы Illustrator создал его для меня. Это можно сделать двумя способами: заставить Illustrator автоматически создавать маску для изображения; или используйте эффект для преобразования границ объекта в векторный объект. У обоих есть свои плюсы и минусы, и они лучше работают в зависимости от поставленной задачи.
Метод №1: Использование маски
Для этого метода требуется Illustrator CS3, и он работает только в том случае, если ключевая линия будет прямоугольной формы.

1. Выберите «Файл»> «Поместить» и выберите изображение, которое нужно поместить в документ Illustrator. Вы можете связать или встроить изображение. Выбрав изображение, нажмите кнопку «Поместить».
2. Изображение выбрано (если ваше изображение уже существует в документе, выберите его сейчас), поэтому, если вы посмотрите на панель управления в верхней части экрана, вы увидите кнопку с надписью «МАСКА». Нажмите здесь. Это создает маску на точных границах изображения.
3. Нажмите клавишу «D» для настройки по умолчанию.Это дает маске атрибут черных штрихов 1 pt. Отрегулируйте ход в соответствии с потребностями вашего дизайна.

ПРИМЕЧАНИЕ. Дополнительным преимуществом этого метода использования маски является то, что теперь у вас есть элементы для имитации парадигмы «рамка и изображение», такой как InDesign. Создав маску, вы можете «обрезать» изображение, дважды щелкнув в любом месте фотографии. Это переведет вас в режим изоляции. Теперь нажмите на край рамки и измените размер по желанию. Когда вы закончите, дважды щелкните за пределами изображения, чтобы выйти из режима изоляции и продолжить работу.Этот метод прекрасно работает, когда вы используете инструмент «Выделение» (черная стрелка) и у вас включен параметр «Граничная рамка» (в меню «Просмотр»).
Метод № 2: использование эффекта
Сначала может показаться, что наложение ключевой линии с использованием эффекта — утомительный процесс. Но все мы знаем, что как только мы применили эффект, мы можем сохранить его как графический стиль, после чего применение нашей ключевой линии станет одним щелчком мыши. Спросите меня, почему Adobe не поставляет Illustrator с таким эффектом в качестве настройки по умолчанию в NDP (новые профили документов).Спросите меня, почему Adobe не позволяет нам назначать сочетания клавиш для стилей, как это делает InDesign. У меня нет ответов ни на один из этих вопросов (извините). Но давайте продолжим стили, не так ли?
Есть два отдельных эффекта, которые мы можем использовать, и каждый дает разные преимущества.

1. Выберите «Файл»> «Поместить» и выберите изображение, которое нужно поместить в документ Illustrator. Вы можете связать или встроить изображение. Выбрав изображение, нажмите кнопку «Поместить».
2. Изображение выбрано (или, если оно уже существует в документе, выберите его).Откройте панель «Оформление» и во всплывающем меню панели «Оформление» выберите «Добавить новую обводку». Мы еще не видим обводку, потому что все, что у нас есть, — это изображение. Но мы скоро это изменим.
3. Выделив обводку на панели «Оформление», выберите «Эффект»> «Преобразовать в форму»> «Прямоугольник». Установите флажок «Предварительный просмотр», выберите параметр «Относительный» и установите для параметров «Дополнительная ширина» и «Дополнительная высота» ноль (0). (Будьте осторожны, не нажимайте Tab после ввода второго значения, иначе оно снова переключится на Абсолютное.) Щелкните OK, чтобы применить эффект. Настройте атрибут обводки в соответствии с вашими дизайнерскими предпочтениями.
4. Теперь упростите применение в будущем. Не снимая выделения с объекта, откройте панель «Стили графики» и нажмите кнопку «Новый стиль графики» в нижней части панели. Дайте стилю подходящее имя. Если вы затем добавите этот стиль в свои NDP, он будет легко доступен во всех новых файлах, которые вы создаете.

Очевидно, этот метод работает только в том случае, если ваша ключевая линия имеет прямоугольную форму.Но что, если на вашем изображении есть прозрачные области? Что, если вы создадите силуэт фотографии в Photoshop (сохраняя фон прозрачным) и поместите PSD в Illustrator? Существует способ применить обводку к границе art вместо границы всего изображения. Метод, который я собираюсь вам показать, подойдет именно для этого, а также для прямоугольников.

1. Выберите «Файл»> «Поместить» и выберите изображение, которое нужно поместить в документ Illustrator.Вы можете связать или встроить изображение. Выбрав изображение, нажмите кнопку «Поместить».
2. Изображение выбрано (если ваше изображение уже существует в вашем документе, выберите его сейчас). Откройте панель «Оформление» и во всплывающем меню панели «Оформление» выберите «Добавить новую обводку». Мы еще не видим обводку, потому что все, что у нас есть, — это изображение. Но мы скоро это изменим.
3. Выделив обводку на панели «Оформление», выберите «Эффект»> «Контур»> «Контурный объект». При желании измените стиль атрибута обводки в соответствии с вашими дизайнерскими предпочтениями.
4. Чтобы упростить применение в будущем, не снимая выделения с объекта, откройте панель «Стили графики» и нажмите кнопку «Новый стиль графики» в нижней части панели. Дайте стилю подходящее имя. Рекомендуется добавить этот стиль к вашим NDP, чтобы он был доступен во всех новых файлах, которые вы создаете.

Если вы применяете этот последний эффект к изображению без прозрачности, то станет видимой только внешняя часть штриха. То есть, только если толщина обводки была установлена ​​на 1 пункт.5 пт обводки будут видны. Чтобы получить полную обводку в 1 пункт, выберите атрибут «Обводка» на панели «Оформление» и выберите «Эффект»> «Контур»> «Смещение контура». Затем выберите величину смещения, равную половине веса штриха. В нашем примере вы должны использовать значение смещения 0,5 пункта.
Для еще большего удовольствия вы можете объединить оба этих эффекта, добавив два штриха к изображению, придав прозрачным изображениям обводку по границам рисунка, а также ключевая линия по границам всего изображения.

Как использовать режим рисования внутри в Adobe Illustrator

Режим рисования внутри в Illustrator позволяет создавать графику внутри графики, например полосы в тексте или изображения внутри фигур. Самое главное, что нужно помнить при использовании Draw Inside, — это вернуться в режим Draw Normal, когда вы закончите.

1. Используя инструмент Selection Tool , выберите объект, который вы хотите нарисовать внутри, в данном случае текстового фрейма.Посмотрите на панель инструментов , и внизу, под элементами управления цветом, вы увидите кнопки режима рисования. Щелкните Нарисовать внутри . Вокруг текстового фрейма появятся пунктирные скобки.
   
2. Выберите инструмент рисования, который вы хотите использовать, в данном случае Line Segment Tool , и проведите линии через текст.
   
3. Когда вы закончите рисовать, вернитесь на панель инструментов и нажмите Draw Normal
   
4. Чтобы отредактировать объект, который вы нарисовали внутри, дважды щелкните его.Это переведет вас в режим изоляции . Внесите любые изменения, которые хотите внести. По завершении щелкните Back столько раз, сколько необходимо, чтобы выйти из изоляции.
   
5. Режим рисования внутри — это метод создания обтравочной маски. В следующем примере у меня есть текст, в который я хочу поместить изображение. Текстовый фрейм выбран, и я щелкнул Draw Inside .
   
6. Не снимая выделения с текстового фрейма, перейдите в меню «Файл »> «Поместить » и выберите изображение.Изображение помещается в текст.
   

Автор: Кейт Кэхилл

Кейт Кэхилл — графический дизайнер, писатель и креативный директор, разработавшая контент для печати и Интернета. В качестве креативного директора она выполнила отмеченные наградами работы для агентств, специализирующихся на фармацевтике, здоровье и косметике. Она также работала менеджером по производству, отвечая за успешное выполнение долгосрочных контрактов на печать.Кейт проводит обучение клиентов Webucator с 2010 года. Ее энтузиазм по поводу передовых технологий в сочетании с практическим опытом приносит дополнительную пользу ее занятиям. Кейт преподает реальные методы и интеграцию программного обеспечения Adobe, а также Microsoft PowerPoint для создания полностью развитой и целостной идентичности бренда.

О Webucator

Webucator проводит обучение под руководством инструктора для студентов из США и Канады.Мы обучили более 90 000 студентов из более чем 16 000 организаций таким технологиям, как Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular и многим другим. Ознакомьтесь с нашим полным каталогом курсов.

Как оцифровать эскиз с помощью Illustrator ~ Elan Creative Co.

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

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

Посмотрите, как оцифровать эскиз с помощью Illustrator на YouTube

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

Посмотрите видео на YouTube.

Советы по созданию эскизов иллюстраций

Прежде чем мы начнем, давайте рассмотрим лучшие методы создания ваших рисунков.

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

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

Как делать снимки

Следующий шаг — превратить ваши иллюстрации в цифровые изображения. Я рекомендую использовать сканер с разрешением 300 dpi или более в черно-белом цветном режиме. Отсканированные изображения обычно чистые, и их можно открыть в Illustrator. Если у вас есть темные участки, возможно, вам придется внести некоторые изменения в изображение.

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

Откройте изображение в Photoshop. Мы собираемся очистить его, а затем экспортировать в Illustrator.

Используйте инструмент Crop (C), чтобы удалить все, что находится за пределами вашего чертежа. Вы также можете удалить более темные участки или области с тенями.

Следующий шаг — превратить ваше изображение в черно-белое. Моя фотография имеет голубоватый оттенок, и эта небольшая корректировка приведет к удалению цвета.Просто перейдите в Image> Adjustments> Black and White.

Теперь перейдем к Image> Adjustments> Levels (Ctrl + L). Выберите пипетку в правой части меню уровней и нажмите на бумагу. Это сделает изображение белее. Затем выберите пипетку слева, чтобы взять образец черного. После этого используйте ползунки, чтобы увеличить уровень белого и черного, пока не получите белый фон и черные иллюстрации.

Вы также можете перейти в Image> Adjustments> Brightness / Contrast и увеличить Contrast , чтобы сделать линии темнее, или Brightness , чтобы сделать фон белым.

Используйте инструмент Rectangular Marquee tool (M), чтобы выбрать изображение, перейдите в Edit> Copy Merged и скопируйте изображение, затем вставьте его в Adobe Illustrator. Вы также можете экспортировать изображение в формате JPEG и поместить его в Illustrator.

Как оцифровать ваши нарисованные от руки дудлы

Мы собираемся использовать инструмент Image Trace для автоматической векторизации вашего рисунка.

Когда вы помещаете растровое изображение в Illustrator, вверху монтажной области появляется панель инструментов.На этой панели инструментов вы можете найти опцию Image Trace . Нажмите на стрелку рядом с Image Trace , чтобы открыть предустановки. В раскрывающемся меню выберите Черно-белый логотип .

Эта опция будет отслеживать чертежи и превращать их в векторы, но вы все равно можете внести в них некоторые изменения с помощью панели Image Trace . Чтобы открыть его, щелкните значок на горизонтальной панели инструментов или выберите «Окно »> «Трассировка изображения ».

Сначала удалим белый фон. Перейдите к Advanced и щелкните стрелку рядом с ним. Найдите поле Ignore White , которое находится под Options , и включите его.

Панель Image Trace имеет несколько других параметров, которые вы можете настроить:

• Threshold : инструмент Image Trace векторизует рисунок на основе черных и белых пикселей. Порог определяет, какие пиксели станут белыми, а какие — черными.Все пиксели светлее значения будут белыми, а более темные — черными. Если у вас большой порог, линии будут толще.
• Пути: этот параметр позволит вам указать, насколько близко будет полученный путь к исходному эскизу. Если у вас более свободный путь, линии будут более плавными, но вы потеряете некоторые детали своих исходных иллюстраций.
• Углы: указывает количество углов. Если у вас более высокое значение, у вас будет больше угловых точек в ваших векторах.
• Шум: управляет количеством пикселей на область. Области с меньшим количеством пикселей, чем уровень шума, будут игнорироваться. Если у вас низкий уровень шума, вы можете потерять мелкие точки или тонкие линии.

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

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

Я использую инструмент Smooth , чтобы пройтись по каждому пути. Как следует из названия, этот инструмент делает линии более плавными и удаляет острые углы. Если я все еще вижу области, которые мне не нравятся, я использую инструмент Anchor Point и инструмент Direct Selection для перемещения узловых точек и изменения кривых.

Как раскрасить иллюстрацию

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

Еще один инструмент, который я люблю использовать, — это инструмент Live Paint Bucket . Этот инструмент позволит вам раскрасить контур вашего рисунка и область внутри контуров, даже если у него нет цвета заливки. Просто выберите свою иллюстрацию, выберите инструмент Live Paint Bucket , выберите цвет и щелкните область, которую хотите закрасить.

Когда вы закончите рисовать свои иллюстрации, выберите свое произведение и перейдите в Object> Expand . Инструмент Live Paint Bucket работает как эффект, и вам нужно будет расширить вектор, прежде чем вы сможете использовать его в другом дизайне.

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

Вы оцифровываете свои рисунки в Illustrator? Или вы любите пользоваться фотошопом?

Создание эффекта рисованного портрета в Illustrator с помощью кисти из щетины

Раньше, когда я хотел создать эффект, похожий на рисование, я всегда открывал Photoshop и полагался на старый добрый растровый рисунок. Так было до тех пор, пока я не обнаружил кисть из щетины в Illustrator.Кисть из щетины (которая на самом деле представляет собой набор кистей) позволяет рисовать слоями векторных штрихов, которые применяют к мазкам разные оттенки и прозрачности. В результате получается красивый и реалистичный мазок краски, который на 100% является векторным.

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

Шаг 1. Отслеживание исходного изображения

Сначала найдите хорошее портретное фото.Я использовал это изображение Хельги Вебер.

Я скопировал и вставил изображение на новую доску в Illustrator.

Чтобы обвести изображение с помощью последних версий Adobe Illustrator, щелкните (Окно | Трассировка изображения). Используйте «Sketched Art» в качестве предустановки, затем увеличьте значение параметра Threshold до 220.

Примечание. Для Adobe Illustrator CS5 щелкните (Объект | Живая трассировка | Параметры трассировки). В окне «Параметры трассировки» выберите «Одноцветный логотип» для предустановки, а затем увеличьте пороговое значение до 220.Щелкните «Трассировка».

Вы увидите, что в результате получилась сплошная черная фигура девушки.

После получения трассы щелкните (Объект | Развернуть), чтобы преобразовать ее в редактируемый объект и уменьшить цвет до 20% черного. Выделив фигуру, щелкните (Объект | Скрыть | Выделение) или (Cmd + 3), чтобы скрыть фигуру из поля зрения.

Очень важно: Вам нужно повторить вышеуказанные шаги 3 раза. Каждый раз вставляем изображение на новый слой.Для каждого изображения уменьшите пороговое значение в окне «Параметры трассировки» до (160, 80 и 50), чтобы отображать больше деталей с каждой кривой. После прорисовки и расширения увеличьте черный цвет на 20% (так … 40%, 60%, 80%).

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

Шаг 2 — Закрашивание следов

Теперь, когда у вас есть все изображения с трассировкой на отдельных слоях, вы можете щелкнуть (Объект | Показать все) или (Cmd + Option + 3), чтобы отобразить все формы.У вас должно получиться что-то вроде этого.

Теперь давайте откроем библиотеку кистей из щетины. Щелкните раскрывающееся меню в правом верхнем углу панели кистей и выберите (Открыть библиотеку кистей | Кисть из щетины).

Кисть, которую мы будем использовать, — это швабра. В нашей цветовой палитре будут оттенки синего. Итак, для этого первого фонового изображения я выберу очень голубой цвет. (C: 20 M: 0 Y: 0 K: 0)

Теперь отключите слои 2, 3 и 4, чтобы снова увидеть только сплошной фон.Выделив фигуру, щелкните (Объект | Разгруппировать). Возможно, вам придется проделать это 2-3 раза, прежде чем фигура полностью разгруппируется. Теперь снова выберите фигуру и выберите «Рисовать внутри» в нижней части панели инструментов. Примечание: этот параметр будет недоступен, если вы нажимаете сгруппированные фигуры или несколько фигур одновременно.

Теперь нажмите «Нет» для заливки.

Теперь выберите инструмент «Кисть» и начните рисовать по форме. Когда вы отпустите мазок кисти, он будет замаскирован исходной формой.

Очень важно: Вам нужно будет повторить вышеуказанные шаги для каждого слоя. Некоторые слои могут иметь несколько форм после разгруппировки, которые необходимо раскрасить отдельно. После завершения всех слоев у вас должно получиться что-то вроде этого:

Шаг 3 — Украшение векторной краской

На последнем этапе я добавил несколько ресурсов векторной раскраски, которые у меня были под рукой. Я использовал элементы из набора Vector Paint Drips и набора Loose Splatters.Я выделил их красным ниже, чтобы вы могли понять их расположение. Все они находятся на уровне ниже всех остальных.

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

Adobe Illustrator Draw в App Store

Мы заменяем Adobe Draw двумя новыми приложениями, которые предоставят вам инструменты, функции и функции, необходимые для создания.Взгляните на Adobe Fresco и Adobe Illustrator для iPad, чтобы узнать, какое приложение подойдет вам лучше всего:
Adobe Fresco — это бесплатное приложение для рисования и рисования с теми же векторными кистями, которые вы любите и используете в Adobe Draw. Ваши проекты Draw будут автоматически перенесены в Fresco при первом входе в систему, так что вы сможете начать с того места, где остановились, с красивыми векторными, пиксельными и живыми кистями, а также с более продвинутыми инструментами, такими как выделение, неограниченное количество слоев, маскирование, формы и прямая трансляция. Adobe Fresco предоставляется бесплатно, но вы можете заплатить за дополнительное пространство, больше кистей и Photoshop на iPad.
Adobe Illustrator, программа для работы с векторной графикой, использовавшая мои миллионы, была переосмыслена для iPad. Создавайте логотипы, значки, иллюстрации и графику с помощью набора инструментов для дизайна, который включает в себя инструменты для шрифтов, градиентов, построения фигур и точного векторного редактирования. Если вы в настоящее время используете Adobe Illustrator в качестве члена Creative Cloud, за приложение не взимается дополнительная плата.

———————————————— ——————————————

БОЛЬШЕ ХРАНИЛИЩ (опционально в- приложение)
Если вам нужно дополнительное хранилище файлов Creative Cloud, вы можете приобрести дополнительные 20 ГБ за 1 доллар.99 (долларов США) в месяц. Регулярный платеж автоматически снимается с вашей учетной записи iTunes. Чтобы остановить обслуживание, просто перейдите в настройки своей учетной записи и отключите автоматическое продление как минимум за 24 часа до окончания расчетного периода. Пропорциональное распределение недоступно — если вы отключите автоматическое продление, обслуживание будет продолжаться до конца расчетного периода в этом месяце.

The Fine Print
Вам должно быть не менее 13 лет и вы согласны с условиями и политикой конфиденциальности Adobe, которые можно просмотреть по адресу:
http: //www.adobe.com / special / misc / terms.html
http://www.adobe.com/privacy/policy-linkfree.html

Не продавать мою информацию: https://www.adobe.com/privacy/ca-rights -linkfree.html

Использование мобильных приложений и онлайн-сервисов Adobe требует регистрации для получения бесплатного Adobe ID в рамках бесплатного базового уровня членства в Creative Cloud. Для онлайн-сервисов Adobe требуется подключение к Интернету, они доступны не во всех странах и не на всех языках и могут быть изменены или прекращены без предварительного уведомления.

Если вам нравится Adobe Draw, оставьте, пожалуйста, отзыв. Это действительно помогает!

.