Трассировка изображений в Adobe Illustrator

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

Шаг 1

Нарисуйте заготовку для работу, или возьмите уже готовую. В нашем примере это рисунок из скетчбука, выполненный карандашом и обведенный чернилами. Отсканируйте работу в высоком разрешении как JPG или TIFF at 300dps, перетяните результат в Illustrator при помощи функции Image>Place/Изображение>Поместить.

Шаг 2

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

Шаг 3

Кликните по вашему изображению, используя инструмент Selection/Выделение. Затем в меню выберите Object>Image Trace>Make/Объект>Трассировка изображения>Создать. Таким образом мы конвертируем изображение из пикселей в вектор. Это позволит вам не зависеть от расширения, то есть масштабировать вашу работу до бесконечности без потери качества.

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

Шаг 4

В панели настроек в меню Preset/Стиль вы можете выбрать различные уровни трассировки. В нашем случае лучше всего сработает Technical Drawing/Технический рисунок, но вы можете поэкспериментировать и выбрать идеальный в вашем случае вариант. Если вам не понравился результат, просто отмените его и попробуйте другой (Edit>Undo/Редактировать>Отменить).

Шаг 5

Когда вы останетесь довольны результатом, выберите в меню Object>Image Trace>Expand/Объект>Трассировка изображения>Разобрать. Это разблокирует вектор, но Illustrator всегда сохраняет результат в виде группы, поэтому вам нужно будет также разгруппировать изображение, вероятно несколько раз. Теперь оно готово к редактированию.

Шаг 6

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

Шаг 7

Редактируйте работу при помощи инструмента Selection/Выделение, масштабируйте ее, удерживая Shift и тяните за край.

Внесите желаемые изменения в композицию.

Шаг 8

Заказчик пожелал избавиться от полос на рукавах и сделать поменьше пряжки. Это было бы непросто сделать, если бы изображение сохранилось в оригинальном виде. Но Illustrator позволяет справиться с этим быстрее и проще. Избавиться от лишнего можно при помощи инструмента Eraser/Ластик. Чтобы процесс прошел аккуратнее, приблизьте изображение.

Шаг 9

Чтобы изменить размер пряжек, нам нужно отделить их от стыкующихся с ним объектов. Это можно сделать при помощи инструмента Knife/Нож. Теперь мы можем легко масштабировать пряжки и при необходимости дорисовать недостающие элементы.

Шаг 10

Вы можете сделать картинку меньше, можете редактировать углы, можете добавить что-либо при помощи инструмента Paintbrush/Кисть. При помощи трассировки вы можете редактировать нарисованное от руки изображение так, как вам того хочется.

Результат

Автор урока Anna Wray

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

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

Основы Adobe Illustrator — бесплатный курс для начинающих. Уроки Adobe Illustrator для начинающих: бесплатные видео для домашнего обучения Обучение на иллюстратора

Графический дизайн в повседневной жизни окружает нас повсюду: книги и журналы, печатная полиграфическая продукция, афиши и плакаты, учебные материалы и инфографика, чертежи и карты, логотипы и фирменные стили, рекламный дизайн и упаковка продуктов, всевозможные баннеры и web-страницы. Профессия дизайнера на сегодняшний день является одной из самых востребованных и перспективных. Хотите направить творческий потенциал вашего ребенка в нужное русло и развить полезные навыки, которые пригодятся как сейчас, так и в будущем? Тогда записывайтесь на курсы Adobe Illustrator в Москве! Мы рекомендуем этот курс коддикам от 11 лет.

Основные преимущества и особенности программы Adobe Illustrator

Ребенку, который всерьез решил заниматься компьютерным дизайном, необходимо освоить как минимум два графических редактора: один — для растровых изображений (например, Adobe Photoshop) и второй — для векторных. Adobe Illustrator является лидером среди программ по работе с векторной графикой и обладает большим количеством функций и возможностей. Это незаменимый инструмент для художников, web-дизайнеров, полиграфистов и других специалистов по компьютерной графике, которые в дальнейшем воплощают свои идеи в виде печатной продукции или публикуют изображения на web-сайтах.

Ключевые преимущества данного графического редактора, которые ребята откроют для себя в ходе уроков:

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

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

По итогам прохождения курса ваш ребенок:

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

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

Как мы понимаем, что учащийся освоил программу?

Во время обучения мы оцениваем как практическую сторону вопроса (как это сделать?), так и понимание темы (почему и зачем).

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

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

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

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

Введение

Что такое Illustrator

Добро пожаловать

Использование файлов с упражнениями

Начало работы

Понимание векторной графики

Настройка параметров

Знакомимся с интерфейсом

Знакомимся с панелями

Работа с Control panel

Создание и сохранение рабочих обстановок

Работа с документами

Создание файлов для печати

Создание файлов для веба

Навигация внутри документа

Использование линеек, направляющих и сеток

Изменение единиц измерения

Использование режимов просмотра

Самостоятельная настройка и использование просмотров

Блокировка и сокрытие изображения

Создание и использование монтажных областей

Выделение и трансформация объектов

Настройка параметров выделения

Использование инструментов Direct Selection и Group Selection

Инструмент Magic Wand

Использование инструмента Lasso

Выделение объектов по параметрам

Группировка объектов

Использование режима Isolation

Изменение размера изображения

Поворот объектов

Искажение и трансформация объектов

Повторяющиеся трансформации

Отражение и скос объектов

Выравнивание и распределение объектов

Работа с цветом

RGB или CMYK

Настройка цветовых параметров в Illustrator

Process vs. global цвета

Создание плашечных цветов

Использование цветовых групп

Работа с библиотеками цветов

Импортирование цветов

Использование панели Color Guide

Работа с заливкой и обводкой

Понимание заливок и обводок

Работа с заливкой

Работа с обводкой

Создание штрихов и стрелок

Создание обводки с различной шириной

Использование профилей инструмента Width

Сохранение обводок в режиме Outline

Создание и редактирование градиентов

Применение градиента к обводке

Применение и редактирование узорных заливок

Работа с путями

Понимание путей

Понимание опорных точек

Открытые и закрытые пути

Объединение путей командами Join и Average

Использование инструментов Scissors и Knife

Создание фигур

Понимание режимов рисования

Создание комбинированных путей

Создание комбинированныхх фигур

Работа с инструментом Shape Builder

Работа с инструментами Blob Brush и Eraser

Работа с инструментами Paintbrush и Pencil

Смягчение и удаление путей

Не бойтесь инструмента Pen

Освоение инструмента Pen

Рисование прямых линий

Рисование простых кривых

Понимание многоликости инструмента Pen

Преобразование углов и кривых

Использование клавиш быстрого доступа инструмента Pen

Трассирование изображения инструментом Pen

Использование текста в Illustrator

Настройка функций текста

Текст Point Text и Area Text

Редактирование основного текста

Соединение текста

Использование панелей Type

Создание текста на пути

Преобразование текста в пути

Экономия времени при помощи клавиш быстрого доступа

Использование шрифтов Typekit

Коррекция вида

Изучение панели Appearance

Объяснение порядка раскладки свойств

Применение многочисленных заливок

Применение многочисленных обводок

Корректирование вида при помощи Live effects

Сохранение вида в виде графических стилей

Работы со слоями

Изучение панели Layers

Создание и редактирование слоев

Определение объектов на панели Layers

Работы с субслоями

Сворачивание, блокирование и удаление слоев

Использование меню панели Layers

Работа с изображениями

Перемещение фотографий в Illustrator

Работа с панелью Links

Вставка файлов в Illustrator

Обрезание изображений маской

Изучение панели Image Trace

Трассирование фотографий

Трассирование штриховых рисунков

Преобразование пикселей в пути

Создание и использование символов

Что такое символы

Использование готовых символов

Использование инструмента Symbol Sprayer

Создание новых символов

Разрыв связи символов

Команда Redefine Symbol

Рисование в перспективе

Определение перспективной сетки

Рисование в перспективе

Добавление изображения к сетке

Печать, сохранение и экспорт

Распечатка изображения

Сохранение изображения

Сохранение файлов в форматах legacy

Сохранение шаблонов

Создание PDF файлов

Сохранение изображения для вэба

Создание растровых изображений в высоком разрешении

Использование файлов Illustrator в программах Photoshop и InDesign

Компоновка изображения для коммерческой печати

Заключение

До свидания

Скачать рабочие файлы

Файлы, которые вам понадобятся при прохождении курса доступны для загрузки по

В полном восторге!

Поттье Мария

Всё здорово! Не хватило только примеров работ, какие можно сделать в программе. Было бы здорово ещё по-больше узнать о кистях и попрактиковаться в них. А остальное всё круто.

Палария Ганна

В школе «RealTime» этот курс у меня уже второй (первый был Adobe Ps/ Профессиональный курс) и я не собираюсь на этом останавливаться. Преподаватели здесь очень компетентные и, что не маловажно, весь позитивные люди. Информация подаётся буквально «на пальцах», что очень помогает в понимании программ, а не тупая теория, после которой ничего не ясненько=) Отдельный восторг хочу высказать преподавателю данного курса, Виктории. Побольше бы таких замечательный людей, вот правда! В целом. Очень довольна курсом, информации получила по максимуму и даже было время для нормальной такой практики. Всем советую!_!

Гриб Мария

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

Арбацкая Ольга

Я второй раз учусь в вашей школе и у меня были определенные ожидания основанные на предыдущем опыте получила то на что рассчитывала, даже больше. Здание, атмосфера. О Круто!

Иванова Елена | Москва

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

Кравцова Анастасия

Это мой первый серьезный компьютерный курс, до этого был курс по веб-программированию и веб-дизайну, растянутый на 3 месяца. Несравнимые впечатления и полученные знания. Ваш вариант погружения мне нравится больше, ни на что не отвлекаясь подробно изучаешь поставленные перед тобой задачи. Маленькие группы очень упрощают работу и создают условия для диалога и постоянного контакта: слушатель-преподаватель. Думаю, что еще 2 дня были бы не лишними, что-то закрепить, на чем-то акцентировать внимание, возможно, идеальным было бы сделать курс 7-дневным. Преподаватель выше всяких похвал, его знания, практический опыт, энтузиазм и настрой заряжает и дает стимул узнать все по максимуму и получить все, что необходимо. НИ один вопрос не остается без ответа.

Тимушева Ирина | Сыктывкар

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

Латкина Светлана

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

Матлашенко Алина

Хорошо. Было бы здорово его совместить c indesign или after… По времени лучше с 9 до 20-21. И Сделайте форму договора. Чтоб все выглядело серьёзно на ресепшене.

Кашин Александр

Хорошо и полезно, но с нуля не все понятно и откладывается.

Бутрым Анастасия

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

Вайгер Екатерина | Москва

Хороший старт, для амбициозных планов на будущее

Чуркина Людмила

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

Говорушкина Александра

Супер! Ваще круто! Очень cool и т. д. Все справедливо!))

Соколова Екатерина | Ростов-на-Дону

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

Рыбальченко Игорь

Спасибо большое, курсы очень понравились. Надеюсь полученные знания мы ещё и успеем побольше отрепетировать, пока все не забылось. По моему мнению, группа из 10 человек, тяжела как преподавателю так и обучающимся. В дальнейшем хотелось бы попасть в более мелкие группы)

Алифанова Ксения | Караганда

Бесплатное обучение, курсы и уроки по Adobe Illustrator найти можно, но как Вы считаете, на сколько авторы вкладываются при этом?

К тому же, большая часть курсов в Интернете представлена на английском языке, и без специальных знаний не разобраться. Чтобы закрыть этот вопрос, авторы из VideoSmile подготовил Курс «Супер Иллюстратор» на русском языке.

Трейлер курса

Курс «Супер Иллюстратор»

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

Приобретенные навыки станут полезными при создании фирменного стиля, логотипов, визиток, оформление книг, иллюстраций, дудлов, верстки сайтов, моушн дизайна…

Пройдите первые три урока бесплатно

Урок 1 Урок 2

Особенность учебного курса в длительность – более 15 часов видео уроков .

В курсе детально рассматриваются все возможности и инструменты программы Adobe Illustrator с самого нуля до профессиональных вершин.

Главные фичи этого курса

Домашние задания

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

Программа курса «Супер Иллюстратор»

Программа курса «Супер иллюстратор» включает 71 урок , состоит из 12 глав и 11 домашних заданий .

Глава 1.

Глава 1

Включает 5 уроков.

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

Включает 12 уроков и 1 домашнее задание.

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

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

Включает 8 уроков и домашнее задание.

Рассказывает об основных инструментах, используемых для создания вектора – это перо и кривые Безье. В качестве домашнего задание – использование описанных инструментов для рисования эскиза по теме «Путешествия».

Включает 6 уроков и домашнее задание.

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

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

Включает 6 уроков по теме растровых изображений и масок.

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

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

10 уроков по теме «Изометрия. Выравнивание, простые и полярные сетки».

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

4 урока , объединенных темой о работе с цветами и градиентом.

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

Включает 4 урока о бесшовных паттернах.

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

Включает 5 уроков о кистях и создании текстурных векторных кистей.

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

Состоит из 6 уроков.

Позволяет отточить теорию и практику по теме «Эффекты объёма, 3D и перспективы». Вы узнаете о более продвинутых эффектах, таких как свечение, тень, деформации, блендинг. На основе этого вы создадите 6 плакатов. Домашнее задание: отрисовка рекламного флаера для культурного мероприятия.

Включает 2 урока , темой которых будет векторный реализм.

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

В основе 2 урока по работе с логотипами.

Чтобы закрепить знания, вместе с преподавателем вы создадите 3 логотипа в разных техниках. Домашнее задание: самостоятельная разработка логотипа для компании.

Бонусная глава курса векторной графики Illustrator, посвященная моушн-дизайну и анимации. Бонусный раздел состоит из 6 уроков, благодаря которым вы узнаете, как подготовить иллюстрацию для анимации и оживить ее в программе After Effects.

Учебный курс Супер Illustrator позволит вам создать 25 реальных работ для своего портфолио. Достаточно разместить их на таком сайте как Behance, чтобы привлечь первых заказчиков и найти работу.

Кому будет полезен курс по векторной графике в Adobe Illustrator?

Курс будет полезен, если вы:

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

Трассировка в Иллюстраторе

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

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

Скачать последнюю версию Adobe Illustrator СС

Трассировка графических объектов в Adobe Illustrator СС

• Откройте Adobe Illustrator
• Откройте растровое изображение, для которого необходимо выполнить трассировку
• Выделите открытый графический объект
• В главном меню нажмите Объект, а потом Трассировка изображения — Создать

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

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

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

Как редактировать рисунки в Illustrator с помощью Image Trace

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

Программное обеспечение Adobe Creative Cloud также является мощным инструментом для художников, которые рисуют от руки, предпочитая экрану альбомы, чернила и карандаш, но которым по-прежнему нравятся гибкость, неограниченное количество отмен и преимущества использования Illustrator, позволяющие сэкономить силы.

Инструмент Image Trace — отличный инструмент для иллюстраторов, которые хотят сохранить неотъемлемое качество рисованной линейности своих работ, в этом уроке я расскажу вам, как это сделать …

01. Создайте иллюстрацию

Создайте иллюстрацию обычным рисованным способом. Это изображение нарисовано в моем альбоме карандашом, а затем нарисовано чернилами с помощью тонкой кисти — это рисунок для обложки моей новой книги «Это принадлежит мне». Отсканируйте изображение в высоком разрешении JPG или TIFF со скоростью 300dps, перетащите его на открытую страницу Illustrator или выберите «Изображение»> «Поместить».

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

03. Преобразовать в вектор

Щелкните изображение, используя черный инструмент выделения, перейдите в меню «Объект»> «Трассировка изображения»> «Создать». Здесь вы преобразуете пиксельное изображение в векторное.Это даст вам свободу от ограничений по разрешению, вы можете значительно увеличить изображение или элементы изображения без пикселизации, которая возникает в Photoshop.

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

04. Выберите уровень

На верхней панели инструментов в разделе «Предустановки» у вас есть разные уровни, я выбрал параметр «Технический чертеж», поскольку считаю его наиболее точным, но вы можете поэкспериментировать со всеми настройками и просто отменить (Правка> Отменить) .

05. Разблокируйте вектор

Когда вы будете довольны, перейдите в Object> Image Trace> Expand. Это разблокирует вектор, но вы обнаружите, что Illustrator всегда группирует все элементы вместе, поэтому вам нужно будет выделить все изображение и разгруппировать — я считаю, что мне нужно разгруппировать несколько раз, чтобы разгруппировать изображение. Теперь все готово к редактированию.

Следующая страница: последние пять шагов

Как оцифровать эскиз с помощью 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). Выберите пипетку в правой части меню уровней и нажмите на бумагу. Это сделает изображение белее. Затем выберите пипетку слева, чтобы взять образец черного. После этого используйте ползунки, чтобы увеличить уровень белого и черного, пока не получите белый фон и черные иллюстрации.

Вы также можете перейти в Изображение> Коррекция> Яркость / Контраст и увеличить Контрастность , чтобы сделать линии темнее, или Яркость , чтобы сделать фон белым.

Используйте инструмент Rectangular Marquee (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? Или вы любите пользоваться фотошопом?

Эскиз к вектору — Smashing Magazine

Краткое резюме ↬ В этом посте мы возьмем нарисованный дизайн, отсканируем его и очистим в Photoshop, а затем обведем его с помощью функции Live Trace в Adobe Illustrator.

Live Trace был представлен в Adobe Illustrator CS2, но по-прежнему является мощным инструментом, доступным в Illustrator CS5. Этот процесс действительно дает художнику возможность экспериментировать в цифровом виде с рисунками любого типа . Создаваемый им векторный рисунок можно использовать по-разному, и его легко настроить.

Дополнительная литература по SmashingMag:

Изначально моей мотивацией попробовать это было создание анимации типа «растущая виноградная лоза» в Adobe After Effects.Я покажу ссылку на получившуюся анимацию в конце этого урока, а пока давайте приступим.

Больше после прыжка! Продолжить чтение ниже ↓

Встречайте Smashing Email Newsletter с полезными советами по интерфейсу, дизайну и пользовательскому интерфейсу. Подпишитесь и получите «Контрольные списки интеллектуального проектирования интерфейсов» — бесплатную PDF-колоду с более чем 150 вопросами, которые нужно задать себе при проектировании и создании почти чего-либо .

Сканирование и очистка

Отсканируйте свой эскиз и перенесите изображение в Adobe Photoshop.Убедитесь, что изображение в оттенках серого ( Изображение → Режим → Оттенки серого ). Начните с настройки изображения с помощью Image → Adjust → Brightness / Contrast → Levels ( Cmd / Ctrl + L ) и / или Curves ( Cmd / Ctrl + M ), чтобы улучшить резкость и контраст при необходимости. Очистите изображение с помощью Eraser Tool ( E ), стараясь сделать белые области как можно более чистыми. Закрасьте черные области и измените или переделайте любые формы, чтобы вы остались довольны общим дизайном.

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

Перейти к Выберите → Цветовой диапазон :

• Примеры цветов: выберите из раскрывающегося списка.
• Localized Color Clusters: не устанавливайте этот флажок в начале.
• Нечеткость: поиграйте с этой настройкой, чтобы края были менее или более резкими.
• Предварительный просмотр выделенного фрагмента: выберите «Нет».
• Инвертировать: выберите этот вариант, если вы предпочитаете предварительно просматривать выбранные пиксели как черные, а не как белые.

Предварительный просмотр цветового диапазона

Используйте инструмент «Пипетка», чтобы щелкнуть изображение и выбрать цвета, которые вы хотите включить. Поскольку мы выбрали предварительный просмотр выделения (а параметр «Инвертировать» не выбран), вы увидите выделенные пиксели как белые, поэтому белый = выбранный. Используя инструмент «Пипетка», увеличьте масштаб основного рисунка ( Cmd / Ctrl + Scroll ), чтобы вы могли видеть пиксели, которые вы выбираете.Просмотрите результаты в предварительном просмотре Color Range .

• Добавить к образцу и вычесть из образца: используйте эти инструменты «Пипетка» (справа от основного инструмента «Пипетка»), чтобы выбрать или убрать из изображения предварительного просмотра.

Если у вас есть проблемные области, вы можете выбрать поле Localized Color Clusters , и это поможет добавить или убрать локализованные области (а не все изображение). Когда вы будете довольны выбором, нажмите OK; теперь вы должны увидеть танцующих муравьев.Создайте новый слой и щелкните этот пустой слой. Перейдите в Edit → Fill ( Shift + F5 ) и залейте черным.

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

Наконец, возьмите Eraser Tool ( E ) и отдельные части изображения, которые соединяются вместе, изолируя каждый компонент изображения или формы, которые вы хотите разделить.Альтернативой является выделение небольших форм с помощью инструмента Magic Wand Tool ( W ) и добавление белой обводки 2-4 пикселя (Edit> Stroke), чтобы немного разделить формы. Это сделано для того, чтобы большие группы вашего рисунка не были связаны с опорными точками при преобразовании в векторы. Позже есть способы вырезать и отделить эти области (которые будут объяснены), но это хорошая идея — попытаться добиться этого на ранней стадии.

Трассировка в Illustrator

Откройте документ в Illustrator и поместите чистое изображение PSD.Щелкните изображение, чтобы его выбрать. Щелкните небольшой прямоугольник справа от кнопки Live Trace под названием «Предустановки и параметры трассировки» и прокрутите вниз до «Параметры трассировки».

Параметры трассировки

Откроется диалоговое окно «Параметры трассировки » . Есть много предустановленных вариантов на выбор, но мы собираемся использовать наши собственные настройки, чтобы получить наилучшую трассировку:

• Проверить предварительный просмотр: теперь вы можете видеть эффекты в реальном времени при изменении настроек.
• Проверить Игнорировать белый : Теперь белый фон отсутствует.
• Установите режим: выберите Черно-белый . Оставьте для параметра Растр значение Без изображения и для параметра Вектор — значение Результаты трассировки и установите флажок Заливки.

Поскольку вы можете видеть результаты в реальном времени, полезно немного поиграться с настройками, чтобы привыкнуть к тому, какой эффект они оказывают. Можно думать о настройках так, чтобы левая сторона (Adjustments) напоминала Photoshop и обрабатывала растровое изображение до его трассировки; правая сторона (Параметры трассировки) напоминает Illustrator и принимает условное растровое изображение и преобразует его в контуры.Давайте посмотрим, что делают наиболее важные настройки.

• Порог: Это значение определяет, какие пиксели белые, а какие черные. Любые пиксели светлее, чем значение порога, становятся белыми, а все пиксели темнее становятся черными. Например, повышение порога означает, что в векторную фигуру будет включено больше темных пикселей.
• Размытие: Размывает исходное изображение до его трассировки, что помогает сгладить неровные края.
• Resample: Это может стать неожиданностью для некоторых, но с Live Trace более высокое разрешение не обязательно приводит к лучшему результату трассировки. Во многих случаях файл с высоким разрешением может излишне усложнить трассируемый файл. Так что поиграйте с этой функцией, чтобы увидеть, может ли ваше изображение работать лучше при более низком разрешении.
• Подгонка траектории: Чем меньше значение / значение, тем плотнее будет прорисовка изображения. Если он будет слишком низким, вы можете получить эффект неровности.Чем выше число / настройка, тем плавнее эффект, но теряются детали.
• Минимальная площадь: Определяет минимальную область, которая будет отслеживаться, что помогает избавиться от недостатков или «грязных» участков, которые вы не хотите снимать. Этот параметр определяет минимальную площадь в пикселях, поэтому объекты меньшего размера не будут отслеживаться.
• Угол угла: Устанавливает резкость углов угла. Чем меньше число / настройка, тем острее углы.

Когда вы довольны настройками, обязательно сначала Save Preset. Это находится справа от диалогового окна «Параметры трассировки» и будет очень удобно, если вам нужно внести некоторые другие изменения перед повторной трассировкой. После сохранения нажмите «Трассировка». Затем вам нужно будет нажать кнопку Expand или Object → Live Trace → Expand , чтобы увидеть фактические результаты.

Редактировать и настраивать результаты

Отдельно сгруппированные векторные объекты

Не забудьте Разгруппировать ( Shift + Cmd / Ctrl + G ) ( Объект> Разгруппировать ) столько раз, сколько необходимо, чтобы убедиться, что все разгруппировано.

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

Изменить исходное изображение:

Легко вернуться и быстро отредактировать изображение в Photoshop одним нажатием кнопки. Команду Отменить ( Cmd / Ctrl + Z ) нужно будет применять до тех пор, пока вы не вернетесь к растровому изображению (следовательно, сохраните предустановку, чтобы мы могли использовать ее снова здесь):

Панель «Ссылки»

Перейдите на панель « Ссылки » («Окно »> «Связи ») и щелкните маленький значок карандаша в правом нижнем углу.Теперь его можно мгновенно редактировать в Photoshop. По завершении редактирования закройте окно и при появлении запроса выберите обновление / сохранение изменений в Illustrator. Теперь вы можете использовать свой пресет, чтобы повторно применить обводку в Illustrator.

Используйте ножевой инструмент:

Другое решение — просто использовать инструмент «Нож» (на фото выше, он является частью группы «Ластик» на панели инструментов), чтобы разрезать сгруппированные опорные точки на части. Это помогает Просмотр контуров ( Cmd / Ctrl + Y ).Вы также можете удерживать Alt , чтобы нож разрезал прямую линию. Увеличьте масштаб путем прокрутки, удерживая нажатой клавишу Cmd / Ctrl . Инструмент «Удалить опорную точку» (инструмент «Перо» + знак «минус») — еще один инструмент для удаления опорных точек и разделения сгруппированных объектов.

Инструмент «Нож»

Live Paint (см. Раздел «Вдохновляющие предложения» ниже):

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

Уменьшите количество точек привязки

Live Trace имеет тенденцию создавать лишнее количество точек привязки в некоторых местах. Чтобы избавиться от некоторых из них, мы можем использовать инструмент Smooth Tool (изображенный на изображении выше). Щелкните и перетащите, чтобы упростить и уменьшить опорные точки и сгладить кривые.

Сенсорные элементы

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

Окончательный результат

Анимированная иллюстрация

Методы проектирования

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

Adobe Kuler

Расширение, удобное для всех, кто использует Illustrator, Adobe Kuler помещает палитру предлагаемых и популярных цветовых комбинаций, которые можно добавить на панель образцов.В этом руководстве показано, как создавать и загружать собственные образцы Kuler с веб-сайта Kuler в вашу библиотеку Illustrator. Еще один отличный информационный видеоурок: Изучите CS4 Design Premium: Использование цветовых тем Kuler.

Расширение Adobe Kuler

Live Paint

Live Paint заслуживает отдельного руководства, так как в нем много функций; здесь стоит упомянуть об этом, потому что Live Paint может легко заливать фигуры без изменения группировки векторов:

Выберите свою иллюстрацию и перейдите в меню Object .Выберите Live Paint> Make . Выберите ведро с живой краской (K) и залейте ячейки желаемыми цветами.

Перекрасить иллюстрацию

Отлично подходит для игры с цветовыми комбинациями. Эта функция использует существующие цвета и предоставляет дополнительные параметры цвета, которые можно просмотреть мгновенно. Чтобы открыть палитру, выберите свою иллюстрацию и нажмите маленькую красочную круглую кнопку в верхнем меню или выберите Edit> Edit Colors> Recolor Artwork .Это довольно интуитивно понятно, но вот отличный урок от Морди Голдинг, если вы хотите получить более подробную информацию.

Восстановление цвета

Авторы, ссылки и ресурсы

• Пятницы с Морди Я видел, как Морди Голдинг снова и снова всплывает в видеоуроках по Illustrator. У него много ценной информации. Эта ссылка ведет прямо к его подкасту «Пятницы с Морди: Live Trace в Illustrator».
• Lynda.com На этом веб-сайте есть много полезных видеоуроков, в том числе по функции Live Trace.Получите к ним доступ по подписке или подписавшись на 7-дневную бесплатную пробную версию.
• Tweak to Get the Perfect Trace На веб-сайте Adobe дается подробное объяснение всех параметров функции Trace Settings.
• Уловки Live Trace в Adobe Illustrator Этот видеоурок от Layers Magazine больше посвящен использованию Live Trace для цветных фотографий, но я подумал, что включу его, поскольку это хороший вариант и очень хорошо описывает функцию Live Paint Bucket.

Это хороший простой урок по добавлению текстур.

(rk, ik, vf)

Как оцифровать рукописный ввод с помощью программы Illustrator Image Trace — Lettering League

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

Почему вы захотите научиться оцифровывать рукописные надписи

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

Бесплатный бонус внизу: посмотрите мой 6-минутный видеоурок, чтобы узнать, как оцифровать надпись от руки с помощью инструмента «Трассировка изображений» в Illustrator!

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

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

Как заработать деньги на ручном письме после изучения векторизации

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

• Станьте дизайнером логотипов для рукописного ввода

• Создавайте и продавайте шрифты с ручными буквами

• Добавьте финальную полировку к своим деталям, чтобы вы могли добавить свои высокоточная работа в ваше портфолио для найма за комиссионные

• Добавьте навыки в свой репертуар в качестве графического дизайнера.

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

Pin для более поздних версий

Как использовать функцию отслеживания изображения Adobe Illustrator [Советы и приемы]

3. Загрузите изображение на свой компьютер и откройте Illustrator

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

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

4. Поместите файл изображения в документ Illustrator

В новом документе Illustrator перейдите в меню «Файл» вверху экрана и выберите команду «Поместить». Или нажмите ⌘ Shift ⇧ P на Mac или Ctrl Shift ⇧ P на ПК.

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

5. Обрезать изображение вниз

Щелкните изображение правой кнопкой мыши (ПК / Mac) или нажмите Ctrl + щелчок (Mac) и выберите «Обрезать изображение».

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

6. Включите панель «Трассировка изображения» в Illustrator

.

Затем убедитесь, что панель Image Trace включена. Перейдите в меню «Окно» и выберите «Трассировка изображения», чтобы открыть панель.

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

7. Задайте настройки трассировки изображения

Выделив изображение, нажмите «Предварительный просмотр» на панели «Трассировка изображения». Это покажет вам, как будет выглядеть преобразование с выбранными настройками.

Убедитесь, что «Preset» установлен на «Default», «View» установлен на «Tracing Result», а «Mode» установлен на «Black and White».

Следует учитывать еще два важных параметра:

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

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

8. Расширяйте свои пути

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

Команду «Развернуть» можно найти на панели «Параметры» в верхней части интерфейса Illustrator:

9.Разгруппируйте фигуру

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

Выделив изображение, нажмите ⌘ Shift ⇧ G (Mac) или Ctrl Shift ⇧ G (ПК), затем щелкните за пределами изображения, чтобы отменить выбор группы.

10. Отредактируйте форму

Используя инструмент «Перемещение» V, попробуйте выбрать отдельные пути.

Чтобы добавить цвет, выберите контур, который нужно отредактировать, затем откройте панель «Образцы» («Окно»> «Образцы», если вы не можете ее найти) и выберите цвет.

Я закончил тем, что сделал что-то ужасное с градиентами:

Бонусных чаевых

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

• Используйте Photoshop, чтобы настроить рисунок перед его векторизацией. Вам может потребоваться это сделать, если вы допустили ошибку в своем рисунке и хотите очистить область. Просто откройте исходное изображение в Photoshop, примените порог в Photoshop вместо Illustrator (Изображение> Коррекция> Порог), а затем используйте инструмент «Карандаш», чтобы внести изменения в черно-белом режиме.

Спасибо за чтение!

Почему бы не поэкспериментировать с различными материалами для рисования и другими настройками, доступными на панели Image Trace? Не стесняйтесь делиться своими творениями с нами в Twitter или Instagram 🙂

Как преобразовать изображения и рисунки в векторную графику с помощью Adobe Illustrator

Для преобразования картинок, нарисованных от руки каракулей и фотографий в векторную графику требуется всего одна функция Adobe Illustrator.

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

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

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

Функция отслеживания изображения

Чтобы получить доступ к функции, перейдите в Window > Image Trace , чтобы открыть панель. В этой панели. Перед изменением каких-либо параметров убедитесь, что установлен флажок Предварительный просмотр .Это позволит вам протестировать различные настройки перед тем, как выбрать одну и применить ее к своему изображению.

Предусмотрено 11 предустановок: от фото высокой и низкой точности до 3-, 6- или 16-цветных векторов, до черно-белых и серых векторов. Вы также можете преобразовать свои изображения в эскизы, силуэты, штриховые рисунки или технические рисунки.

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

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

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

След изображения, используемый в клипе

Чтобы использовать трассировку изображения в картинках, лучше всего использовать файл PNG без фона или JPG с белым фоном. Если есть белый фон, вы можете удалить его после завершения использования функции трассировки изображения — просто выберите инструмент «Прямое выделение» (сочетание клавиш A), выберите белый фон и удалите его. (Если у вас есть Photoshop, вы также можете использовать инструмент Magic Eraser, чтобы удалить белый фон.Для доступа к нему используйте сочетание клавиш E .)

Чтобы увидеть весь процесс в действии, посмотрите видео ниже:

Нарисованные от руки рисунки или надписи от руки

Функция Image Trace еще лучше используется для рисования каракулей или рукописных надписей. Отсканируйте нарисованные от руки дудлы и загрузите их на свой компьютер, а затем выполните следующие действия:

1. Первое, что вам нужно сделать, это затемнить ваши черные и осветить белые.Вы можете сделать это в Photoshop, используя функцию Levels , или вы также можете сделать снимок на свой телефон и отредактировать его с помощью такого приложения, как Scanner Pro (которое на самом деле предназначено для сканирования квитанций).
2. Откройте изображение в Illustrator и вернитесь к функции «Трассировка изображения», и, вероятно, лучше всего подойдет параметр Черно-белый . Вы также можете настроить порог, если хотите — чем выше порог, тем толще ваши линии.
3. Последний необязательный шаг — очистить свои ручные рисунки с помощью инструмента «Перо». Если у вас есть планшет Wacom или iPad Pro с загруженным Astro Pad, это значительно упростит этот процесс, но такой же внешний вид может быть достигнут с помощью мыши — это может потребовать немного больше изящества. Выберите инструмент «Карандаш» (сочетание клавиш N ).
4. Щелкните точку привязки на пути, который вы хотите сгладить, и перетащите линию в нужное место.Инструмент «Карандаш» сгладит любые недостатки или шаткости, которые появляются на вашем рисунке.

Чтобы увидеть подробное объяснение этого процесса, посмотрите видео ниже:

Какой метод преобразования изображений в векторные вы предпочитаете? Дайте нам знать об этом в комментариях.

Как настроить ПК с Windows для максимальной производительности

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

Читать далее

Об авторе Нэнси Месси (Опубликовано 889 статей)

Нэнси — писатель и редактор, живущая в Вашингтоне. Ранее она работала редактором по Ближнему Востоку в The Next Web, а в настоящее время работает в аналитическом центре по коммуникациям и социальным сетям в Вашингтоне.

Более От Нэнси Месси

Подпишитесь на нашу рассылку новостей

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

Нажмите здесь, чтобы подписаться

Преобразование рисунка в вектор в Illustrator

При преобразовании карандашных рисунков в векторные вы, вероятно, потеряете некоторые детали.Но вы всегда можете вернуться назад, используя Pen Tool. Этот метод ниже поможет вам сэкономить время, если вам нужно преобразовать много карандашных рисунков в векторы. Я настоятельно рекомендую вам сначала попробовать один рисунок, а затем сделать другие, если метод работает нормально.

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

Если вам не нравится смотреть видеоуроки (а я не люблю), вот метод, который вы можете прочитать.Он отлично подходит для черно-белых иллюстраций и карандашных рисунков.

Это способ получить самые быстрые результаты и при этом сохранить многие детали ваших чертежей:

---

1) Отсканируйте наш рисунок с максимально возможным разрешением вашего сканера.

Обычно достаточно 300-600 ppi, если рисунки уже большого размера. Сканируйте их в режиме оттенков серого. Не используйте более 600 точек на дюйм, если вы сначала не проверили результат с ОДНИМ рисунком; большинство сканеров для небольших офисов на самом деле не сканируют со скоростью 600–1200 пикселей на дюйм, хотя они предлагают такую ​​опцию и могут давать нечеткие результаты.

2) Откройте отсканированные изображения в Adobe Photoshop и «очистите» свои рисунки.

Самый простой способ быстро настроить контраст вашего рисунка — использовать «Уровни» (в меню «Изображение / настройка»).

Чтобы убедиться, что черный действительно черный, щелкните палитру черного цвета и щелкните самую темную область вашего рисунка. Затем отрегулируйте белый цвет или удалите очень светло-серый цвет, который может быть на рисунке, с помощью палитры белого цвета и используйте его в области, которую вы хотите видеть как чисто-белый.В качестве примечания: если белый цвет не становится чисто белым, дважды щелкните палитру белого цвета в окне «Уровень» и повсюду измените значения CMYK на 0.

3) После этого уменьшите разрешение до 100 пикселей на дюйм.

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

Убедитесь, что ваши ширина, длина и разрешение связаны!

4) Скопируйте и вставьте это изображение в Illustrator.

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

5) В Adobe Illustrator выберите изображение и нажмите кнопку «Трассировка изображения» в меню.

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

Вы должны выбрать «High Fidelity», чтобы сохранить черные и серые детали на карандашных рисунках.

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

6) Если вы довольны результатом, вы можете нажать кнопку «Развернуть» в верхнем меню.

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

Возможно, вам также потребуется удалить белый цвет в новом векторе; вы можете сделать это, выбрав одну белую область, а затем войдя в меню «выбрать / та же заливка и обводка» и удалить ее.

Теперь при необходимости вы можете легко настроить свой дизайн с помощью инструмента «Перо».

Вот результат:

В этом примере изображение было «маленьким», поэтому вы теряете детали.

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