КАК: Сделать стилизованный графический файл с фото в Illustrator — 2021

Adobe Illustrator — это программа векторной графики, которая создает яркие цветные изображения, которые можно экспортировать для использования в различных приложениях. Иногда вам может понадобиться черно-белое ….

Шаг 1

Откройте иллюстрацию Illustrator, которую хотите преобразовать в черно-белое изображение.

Трассировка изображения

Откройте растровое изображение или разместите его в документе Illustrator.

Выделите исходное изображение и выполните одно из следующих действий:

  • Выберите Объект > Трассировка изображения > Создать , чтобы выполнить трассировку с параметрами по умолчанию. По умолчанию в результате трассировки Illustrator создает черно-белое изображение.
  • Нажмите кнопку Трассировка изображения на панели «Управление» или на панели «Свойства» либо нажмите кнопку «Стили трассировки» и выберите стиль ( ).
  • Выберите Окно > Трассировка изображения или переключитесь на рабочее пространство Трассировка . Откройте панель «Трассировка изображения» и выполните одно из следующих действий.
  • Выберите один из стандартных стилей с помощью значков в верхней части панели. Дополнительные сведения представлены в разделе Настройка параметров трассировки | Стиль.
  • Выберите стиль в меню Стиль .
  • Задайте параметры трассировки. Дополнительные сведения представлены в разделе Настройка параметров трассировки.

Примечание.

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

(Необязательно) Скорректируйте результаты трассировки на панели «Трассировка изображения» ( Окно > Трассировка изображения ).

Чтобы преобразовать объект трассировки в контуры и отредактировать векторное изображение вручную, выберите Объект > Трассировка изображения > Разобрать .

Выбрать регион

Выбор другого региона приведет к изменению языка и/или содержимого страниц веб-сайта Adobe.com.

  • Americas

  • Brasil
  • Canada — English
  • Canada — Français
  • Latinoamérica
  • México
  • United States
  • Asia Pacific

  • Australia
  • Hong Kong S.A.R. of China
  • India — English
  • New Zealand
  • Southeast Asia (Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam) — English
  • 中国
  • 中國香港特別行政區
  • 台灣地區
  • 日本
  • 한국
  • Europe, Middle East and Africa

  • Africa — English
  • België — Nederlands
  • Belgique — Français
  • Belgium — English
  • Česká republika
  • Cyprus — English
  • Danmark
  • Deutschland
  • Eesti
  • España
  • France
  • Greece — English
  • Ireland
  • Israel — English
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg — Deutsch
  • Luxembourg — English
  • Luxembourg — Français
  • Magyarország
  • Malta — English
  • Middle East and North Africa — English
  • Nederland
  • Norge
  • Österreich
  • Polska
  • Portugal
  • România
  • Schweiz
  • Slovenija
  • Slovensko
  • Suisse
  • Suomi
  • Svizzera
  • Türkiye
  • United Kingdom
  • България
  • Россия
  • Україна
  • الشرق الأوسط وشمال أفريقيا — اللغة العربية
  • ישראל — עברית
  • Sverige

Размерная картинка

how-to-make-a-stylized-graphic-in-adobe-illustrator-1.png

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

На панели «Инструменты» выберите монтажная область инструмент, затем нажмите на одну из угловых рукописных ручек и перетащите их прямо в края фотографии. Сделайте то же самое с противоположной рукояткой, затем нажмите Побег чтобы выйти из режима Edit Artboard.

03 из 19

Шаг 2

Выберите «Изменить» в главном меню. Выделите «Редактировать цвета».

2. Настройте ваш файл и создайте основу. 

Шаг 1

Откройте Адобе Иллюстратор и создайте новый документ для печати.

Я использовала Файл > Поместить чтобы разместить референсное изображение на монтажной области. Также я добавила белый Прямоугольник (M) и установите Непрозрачность на 50% на новом слое.  Наконец я создала слой для добавления базовых форм. 

Set up your layers

Шаг 2

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

Create the base shapes

Шаг 3

Выберите «Преобразовать в оттенки серого».

Создаём оттенки кожи.

Шаг 1

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

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

Иток, при помощи Пера (P) я рисую блики на лице Эйдана. 

Drawing the highlights

Затем я выделяют формы и создают Составной контур (Control-8).  Чтобы сделать это легче выберите этот одну форму и дублируйте основу и Обработка контуров > Минус передний план.

Create the first skin shading shape

Крок 2

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

Create further shapes

Шаг 3

Для первых четырех созданных форм я установила серую заливку и установила Режим наложения Умножение Непрозрачность 15%. 

Create the shading

Шаг 4

Теперь когда мы создали средние тона, время создавать глубокие тени.  Я снова использую Перо, но в этот раз без метода Обработки контуров. Я буду просто создавать общие формы. 

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

Adding darker shadows

Шаг 5

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

Adding further shadow shapes

Шаг 6

Я затем выделяю глубокие тени, и применяют Режим наложения Умножение Непрозрачность 15%. Вот наши тени так далеко.

Dark shadows

Шаг 7

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

Create a clipping mask

Шаг 8

Теперь добавьте дополнительные темные фигуры. В них используется более темный оттенок серого и будут меньшие формы.  Затем установите Режим наложения Умножение с Непрозрачностью 5%. Затем сгруппируйте все вместе и добавьте Обрезную маску. 

Darker shadows are added

Шаг 9

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

Затем установите Режим наложения Освещение 30%.

Highlights are added

И вот как это уже выглядит.

Highlights have been added

Шаг 10

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

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

Comparing the shading

Делаем полутона

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

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

Кожа.

Выберите все объекты, которые составляют зоны затенения кожи. Далее, идите в меню Effect> Pixelate> Color Halftone.

08_halftone-skin-settings1 Растровый эффект в Illustrator

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

09_halftone-skin-result1 Растровый эффект в Illustrator

Волосы.

Для волос я хочу получить более темный полутон.

10_halftone-hair-settings1 Растровый эффект в Illustrator

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

11_halftone-hair-result1 Растровый эффект в Illustrator

Рот.

Наконец для рта я решил немного поэкспериментировать со значениями, и увеличил значения для каналов 1 и 4.

12_halftone-mouth-settings1 Растровый эффект в Illustrator

12_halftone-mouth-result1 Растровый эффект в Illustrator

Шаг 2

Найдите «Насыщенность», «Яркость» и другие ползунки в нижней части окна. Нажмите кнопку со стрелкой, направленную вперед, справа от ползунков.

Шаг 4: Точно настройте свое изображение

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

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

fine-tune-trace.png

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

Блог Виталия Юрченко

Для верстальщиков в «Индизайне». Возможность подкрашивания ч/б картинок

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

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

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

178041_original.jpg

Берем любую фотку, например вот эту

176949_600.jpg

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

177311_original.png

Сохраняем в формате TIF и кидаем фоту в индизайн.

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

177650_original.png

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

177832_original.png

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

Очередь просмотра

Очередь

  • Удалить все
  • Отключить

pixel-vfl3z5WfW.gif

Хотите сохраните это видео?

  • Пожаловаться

Пожаловаться на видео?

Выполните вход, чтобы сообщить о неприемлемом контенте.

Понравилось?

Не понравилось?

Изменить размер

how-to-make-a-stylized-graphic-in-adobe-illustrator-17.png

Нажми на монтажная область инструмент и изменить размер Artboard, перемещая ручки внутрь, пока они не будут иметь тот же размер, что и квадрат. Нажмите Побег для выхода из режима Artboard выберите Файл> Сохранить — и вы сделали! Теперь у вас есть стилизованная графика с использованием монохроматической цветовой схемы.

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

19 из 19

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: