Как обрисовать в иллюстраторе картинку: Как обрисовать картинку в иллюстраторе

Комментарии

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

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

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

Как в иллюстраторе рисовать по фотографии | Заметки Дизайнера

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

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

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

Теперь в верхней панели найдите вкладку «Непрозрачность» кликните по ней. Перетащите ползунок, чтобы уменьшить непрозрачность примерно на 65%.

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

Теперь нам нужно обрисовать рисунок на фото. Для этого можно использовать инструмент «Перо» или «Кисть». Я покажу, как рисовать с помощью «Кисти».

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

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

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

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

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

Теперь нажмите по вкладке «Объект» в верхнем меню, перейдите на строку «Быстрая заливка» и нажмите «Создать».

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

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

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

Теперь также, уменьшите «Непрозрачность» и дорисуйте недостающие объекты. А дальше все по тому же принципу как и с основной картинкой. Если некоторые детали не совсем «вписываются» в рисунок – их можно обрезать. Как это сделать я показываю в этой статье.

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

Видеокурс Adobe illustrator:

На Яндекс эфире:

https://vk.cc/bZKKcn

На Youtube:

Как перевести растр в вектор в программе Adobe Illustrator, Photoshop и онлайн

Допустим, у нас есть какое-то растровое изображение и мы хотим получить его в векторном виде (или в кривых). Это можно сделать несколькими способами, рассмотрим 3 наиболее популярных:

• в программе Adobe Illustrator;
• с помощью Photoshop;
• бесплатной автоматической онлайн трассировкой на сайтах.

Внимание! Версия графических редакторов Adobe Illustrator и Photoshop значения не имеет. Можно использовать любую.

Способ подойдет для jpeg, png и других типов файлов.

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

Открываем растровое изображение в Adobe Illustrator. Для этого можно кликнуть на рисунке правой кнопкой мыши и выбрать из выпадающего меню Открыть с помощью… — Adobe Illustrator или запустить программу и перетащить рисунок на рабочую область.

Исходное растровое изображение

На панели инструментов активируем «Выделение» (черная стрелочка) и ей щелкаем по изображению. При этом картинка должна выделиться в рамку. Чтобы проверить это, можете попробовать немного переместить её, зажав левую кнопку мыши, когда курсор находится над изображением (по принципу drag-and-drop).

Над рабочей областью находим кнопку «Быстрая трассировка» и щелкаем на расположенную рядом стрелочку. Она показывает все доступные для этого действия опции. Нам нужен пункт «Параметры трассировки…». При клике на него открывается окно с параметрами.

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

Дальше есть два пути:

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

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

Полученное векторное изображение.

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

Если полученный результат не устраивает, его можно доработать. Для этого с помощью инструмента «Выделение» необходимо выбрать все созданные кривые (нажать левую кнопку мыши и, удерживая ее, обвести изображение целиком). Идем в пункт меню «Объект» — «Трансформирование» — «Масштабирование» и меняем размер изображения таким образом, чтобы оно было достаточно большим для удобства редактирования. Затем выбираем инструмент «Прямое выделение» (белая стрелочка). Ей поочередно кликаем в каждый узел и выравниваем сплайны: при выделении вершины рядом появляются усы, потянув за которые можно изменять кривизну линий.

Результат преобразования растрового изображения в вектор в режиме сетки

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

Как из растра сделать вектор в Фотошопе

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

Чтобы перевести растр в вектор в Фотошопе, открываем в нём изображение и выбираем в меню File — Save as (сочетание горячих клавиш Ctrl + Shift + S). Появится список возможных вариантов, как сохранить файл. Подходят 3 формата: svg, tiff и pdf. Можно поочередно сохранить во всех трёх и далее уже работать с тем, где лучше качество.

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

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

Пример: https://online-converting.ru/autotrace/

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

Принцип работы следующий:

1. Загружаем файл с локального диска (можно указать ссылку на картинку в интернете и работать с ней).
2. Выставляем желаемые параметры и качество в DPI (количество пикселей на дюйм, чем больше, тем лучше, но и файл будет весомее).
3. Нажимаем на синюю кнопку «Конвертировать».
4. Чуть ниже в табличке скачиваем результат.
5. Проверяем на всякий случай антивирусом, оцениваем качество. Если хочется сделать лучше, меняем параметры и прогоняем трассировку до тех пор, пока не будет достигнут желаемый результат.

Оцените, насколько понравился материал статьи:

ПОЧЕМУ КАРТИНКА «ПОРТИТСЯ» ПОСЛЕ ТРЕЙСА И КАК ЭТОГО НЕ ДОПУСТИТЬ

#1 НЕ МЕЛЬЧИТЕ

Если вы привыкли рисовать на кусочке условно три на три сантиметра, а рисунки у вас довольно детальные, либо привыкайте рисовать в большем масштабе, либо выбирайте очень тонкие инструменты. Исходя из своего опыта могу сказать, что леттеринг, нарисованный на А5 линером Pigma Micron 03 трейсится нормально, но если отрисовать ту же картинку толстым Sharpie — ничего путного не выйдет. Для меня размер А5 — минимальный

#2 ДУМАЙТЕ О ТОЛЩИНЕ ЛИНИЙ И ПЛОТНОСТИ

Как вы уже поняли, этот пункт тесно связан с предыдущим. Если рисуете в маленьком масштабе — используйте тонкие инструменты, если на условном А3 — можно (и нужно) выбрать что-то потолще (трейс может получиться на айс, если рисовать на А3 тоненькой-претоненькой ручкой, линии растеряются).

#3 ИСПОЛЬЗУЙТЕ ХОРОШИЕ ИНСТРУМЕНТЫ

Хорошие — не значит топовые и супер-дорогие, значит удобные и профессиональные. Для трейса очень важно, чтобы картинка была максимально контрастной, поэтому лучше всего рисовать инструментом черного цвета, который хорошо покрывает поверхность листа и не прерывается там, где не надо. Мои любимчики — Pigma Micron, Sharpie, Pentel Brush, про инструменты писала в отдельной заметке.  

#4 СКАНИРУЙТЕ В TIFF, С РАЗРЕШЕНИЕМ 300-600 DPI

Вообще даже самый простой сканер выдаст в десятки раз лучший результат, чем фотография с телефона. Но еще лучше — если в сканере есть дополнительные настройки. Попробуйте сделать скан, выбрав в настройках формат Tiff (вместо стандартного JPG) и выставив разрешение 300-600 (любое из значений, чем больше — тем лучше будет скан и в итоге трейс, но тем тяжелее = с большим количеством точек он будет). Уже рассказывала, что я сканирую на простейшем МФУ Canon MG2900 (умоляю, не гуглите конкретную модель и не пытайтесь ее купить, у меня именно она по одной причине — выбора не было :)).

#5 ОБРАБАТЫВАЙТЕ СКАН В ФОТОШОПЕ

Еще раз повторю: контрастные картинки трейсятся лучше и получаются более живыми и бодрыми, чем блеклые. Но даже если вы рисуете черной ручкой или линером, после скана линии не будут идеально черными, они будут серыми — где-то светлее, где-то — темнее. Поэтому, если хотите повысить качество трейса, перед тем, как запускать трассировку, засуньте скан в Фотошоп и сделайте минимальную обработку, сделав черное чернее, а белое — белее. Я делаю это через панель “уровни”. Подробный процесс и настройки трейса есть в моем платном уроке “Как обрабатывать леттеринг для стоков” (пусть название вас не смущает — применять информацию можно не только для леттеринга, но и для любых других направлений). 

#6 НАСТРАИВАЙТЕ ПАРАМЕТРЫ ИНДИВИДУАЛЬНО ПОД КАРТИНКУ

Пользоваться стандартными настройками иллюстратора для трейса стоит только в самом начале, чтобы понять, как оно вообще работает. Как только поняли — учимся настраивать панель под свои задачи. Это нужно будет делать для каждой картинки (но это не сложно ;)). Главное, что нужно контролировать и что влияет на результат — это ползунок со странным названием «Изогелия». Чем меньше число — тем меньше черного цвета остается на картинке, чем больше — тем, соответственно, больше. Если у вас выпадают какие-то куски и линии — нужно увеличить, если, наоборот, все сливается — уменьшить. Точного значения, которое бы подошло под все случаи, нет — каждый раз нужно чуть-чуть подстраивать. В этом, собственно, и кроется секрет — не надо ждать, что одни и те же параметры идеально подойдут под все картинки 😉

Как рисовать поверх импортированного эскиза

Настроить слои документа

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

Рисование карандашом

• Для большей точности вы можете рисовать пальцем или Apple Pencil. Установите параметры панели инструментов для инструмента Pencil , чтобы рисовать более плавные контуры.
• Нажмите, чтобы создать точки и прямые линии. Перетащите, чтобы создать контуры произвольной формы.
• Когда вы подойдете к углу во время рисования, сделайте паузу, пока не увидите синий круг, а затем продолжите рисование, чтобы изменить направление контура.

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

Рисование с помощью инструмента «Перо»

• Инструмент Pen создает траектории с большей точностью. Коснитесь, чтобы создать опорные точки, которые являются углами, или перетащите, чтобы создать кривые.
• Постучите по фиксатору с помощью инструмента Pen , чтобы удалить его.Нажмите на путь, чтобы добавить новую точку привязки.
• Дважды коснитесь привязки, чтобы преобразовать кривую в угол, и перетащите маркеры, чтобы отрегулировать их.
• Когда вы рисуете с помощью инструмента Pen , вы будете использовать сенсорный ярлык — этот кружок — для изменения поведения инструмента, аналогично использованию клавиш-модификаторов, таких как Command или Control на рабочем столе. Например, чтобы сделать здесь угол, перетащите, чтобы сделать кривую — не отпуская, нажмите сенсорный ярлык, чтобы разделить ручки, а затем отпустите.

Отрегулируйте траектории с помощью инструментов Selection и Direct selection

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

Как превратить фотографию в векторную штриховую графику с помощью Illustrator

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

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

Что вам понадобится:

• Принтер
• Обычная бумага
• Лента
• Маркер
• Сканер
• Иллюстратор

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

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

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

Затем отсканируйте изображение и сохраните его в формате .jpg. Откройте изображение в Illustrator. Выберите изображение и в верхнем меню выберите «Объект»> «Трассировка изображения»> «Создать». В более старых версиях Illustrator будет опция Live Trace вместо Image Trace, но параметры редактирования очень похожи.

Вам нужно открыть панель Image Trace, расположенную в верхней части экрана.

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

Теперь у меня есть векторное изображение моего эскиза. Я могу изменить цвет, сделать дополнительные настройки и добавить фон. Для развлечения я добавлю наш логотип на чашку, вставив его в свое новое изображение и используя опцию Object> Envelope Distort> Make with Warp, чтобы подогнать логотип к изгибу чашки.

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

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

Image Trace — один из наиболее мощных инструментов Adobe Illustrator. Мы часто используем его для создания штриховых рисунков и преобразования растровых изображений в векторы. Если вы никогда не экспериментировали с созданием собственной векторной графики, сейчас отличное время для начала. У вас есть вопросы об инструменте Image Trace в Illustrator? Дайте нам знать в комментариях ниже!

Как нарисовать мультфильм в Illustrator — Smashing Magazine

Об авторе

Мануэла — цифровой иллюстратор из Неаполя, Италия.Она начинала как веб-дизайнер, но затем последовала своему основному увлечению: Adobe Illustrator. Рисунок — это ее… Больше о Мануэла ↬

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

Рисование мультфильма — нетривиальное занятие. Он превращает нас в режиссера, писателя, рассказчика. С помощью мультфильма или комикса вы рассказываете историю , которая происходит в определенное время, в определенной среде, с определенными персонажами.

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

• Сколько символов вы будете использовать и кем они будут?
• На каком фоне они будут двигаться?
• В какую эпоху они будут жить?
• В какую сцену вы их поместите?

С помощью шагов, описанных в этом руководстве, я объясню вам свой собственный выбор.Давайте начнем.

Встречайте Image Optimization , новое практическое руководство Адди Османи по оптимизации и размещению высококачественных изображений в Интернете. От форматов и сжатия до доставки и обслуживания: все в одной книге , 528 страниц, страниц.

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

1. Тема

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

Итак, какая тема лучше для моего мультфильма?

2. Персонаж

Итак, я нарисую Эйнштейна.

Откройте Adobe Illustrator.

Вставьте предоставленный мной файл в Illustrator, выбрав «Файл» → «Поместить».

Теперь настройте монтажную область, выбрав «Объект» → «Монтажные области» → «По размеру изображения». Размеры монтажной области должны соответствовать только что вставленному файлу: 2305 × 3250 пикселей.

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

Создайте еще один слой над слоем «Эскиз», нажав Command + L на Mac или Control + L в Windows, и назовите его «Линии».

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

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

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

Дважды щелкните цвет обводки и установите шестнадцатеричное значение # FF06A0 .

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

Увеличьте масштаб рисунка на 200% и начните рисовать контур лица с помощью Pen Tool (P).

Делайте так, пока не нарисуете макушку.

Когда вы закончите рисовать контур головы, нарисуйте внутренний контур.

Теперь выберите оба контура, которые вы создали, внешний и внутренний, и щелкните инструмент Shape Builder ( Shift + M ).

Перейдите к кнопке, чтобы поменять местами заливку и цвет обводки ( Shift + X ), и щелкните эту маленькую стрелку. Теперь цвет обводки должен измениться на цвет заливки.

Теперь включите инструмент Shape Builder ( Shift + M ) и поместите курсор в пустое пространство между двумя контурами, которые мы создали ранее.Вы увидите что-то вроде прозрачного фона, который указывает пространство, в котором инструмент Shape Builder создаст форму.

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

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

Теперь давайте повторим то же самое с другими частями тела: усами, глазами, ушами, носом, волосами и т. Д.

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

Для таких фигур, как глаза, используйте инструмент «Эллипс» (L) и установите толщину обводки на 8 пунктов.

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

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

Это немного отличается от руки, держащей старый телефон.Здесь вам нужно нарисовать руку в двух формах: пальцы и ладонь. Сделайте это с помощью Pencil Tool (N).

Et voilà! Вот наш рисунок:

Скройте слой «Эскиз», и вы увидите свой чистый вектор.

Теперь дважды щелкните инструмент Magic Wand (Y) и выберите «Цвет заливки» во всплывающем окне, установив допуск на 20.

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

После того, как вы их выбрали, дважды щелкните цвет заливки и установите для него значение # 000000. Ваше изображение должно выглядеть так:

Еще раз дважды щелкните инструмент Magic Wand Tool (Y) и выберите «Цвет обводки», установив допуск на 20. Щелкните изображение, и теперь будут выбраны все штрихи одного цвета. . Установите цвет # 000000.

Теперь у нашего изображения будут все черные контуры.

Раскрасим Эйнштейна.

Установите для цвета кожи шестнадцатеричное значение # FBD2B7.

Выберите голову с помощью инструмента «Выделение» (V), а затем нажмите «Ведро с живой краской» (K). Щелкните лицо, чтобы залить его выбранным цветом.

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

Примечание: Если вы не можете раскрасить что-либо с помощью Live Paint Bucket (K), это, вероятно, означает, что у вашего объекта есть открытые пути.Это случилось со мной с пальцами:

В этом случае вы можете использовать инструмент «Кисть-клякса» ( Shift + B ), чтобы раскрасить внутреннюю форму пальцев. Установите цвет # FBD2B7, установите вес кисти на 30 пунктов и залейте пальцы и другие формы с открытыми контурами.

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

Если другие объекты перекрывают пальцы, выберите их и переместите вниз так же, как вы делали это для цвета пальцев.Или вы можете щелкнуть правой кнопкой мыши и выбрать «Упорядочить» → «Отправить назад», чтобы отправить их обратно.

Продолжайте раскрашивать этими двумя методами.

Обратите внимание, как путь под усами Эйнштейна исчезает, когда вы заполняете усы цветом:

Помните, что вы можете перемещать объекты вперед (щелкните правой кнопкой мыши → «Упорядочить» → «Переместить вперед» или ⌘ +] ) или назад ( щелкните правой кнопкой мыши → «Упорядочить» → «Отправить назад» или ⌘ + [), чтобы найти их правильное положение.

Вот наш Эйнштейн.

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

Мы должны объединить эти части в одну. Выбрав телефон, включите инструмент Shape Builder ( Shift + M ) и перетащите объекты, которые нам нужно объединить:

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

Мы будем использовать Инструмент «Ножницы» ©. Выделите две наши линии и разрежьте их в четырех местах, как показано здесь:

Теперь выберите линии разреза и удалите их.

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

3. Окружающая среда (лаборатория)

Перейдем к следующему изображению.

Когда мы думаем об Эйнштейне, первые объекты, которые приходят на ум (ну, на мой взгляд), — это лаборатория и школьная доска.

Нарисуем нашу лабораторию на другом артборде.

Щелкните на инструменте Artboard ( Shift + O ), а затем щелкните на «New Artboard» в меню. Вы получите копию вашего первого артборда той же высоты и ширины.

Установите ширину вдвое больше, чем в предыдущей таблице:

У вас должно получиться что-то вроде этого:

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

Персонаж будет выделяться из-за разных цветов и толстых краев. Ровный тон фона послужит не отвлекать от происходящего.

Создайте новый слой и назовите его «Комната». Заблокируйте остальные слои.

Возьмите Pen Tool (P) и нарисуйте многоугольник, как на моем изображении. Установите цвет заливки на # 424974.

Нарисуйте переднюю стену с помощью инструмента «Прямоугольник» (M).Разделите его на два цвета, чтобы у нас был более динамичный фон. Используйте # 53649C для нижнего прямоугольника и # 424974 для верхнего прямоугольника.

Наконец, вставьте боковую стенку. Вы можете снова использовать инструмент «Прямоугольник». Затем поместите фигуру под пол, щелкнув правой кнопкой мыши, затем «Упорядочить» и «Отправить назад» (или ⌘ + [).

Я разделил его на две формы. Нижний прямоугольник имеет значение # 65739B, а верхний — # 506799.

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

Создайте прямоугольник с помощью инструмента «Прямоугольник» (M), размером 587 × 323 пикселей и цветом # 6A75AA.

Создайте еще один прямоугольник внутри него с помощью инструмента «Прямоугольник со скругленными углами» (M), установите цвет # 172432.

Перейдите в «Эффект» → «Деформация» → «Дуга» и выберите «По горизонтали». Установите изгиб на 3%, а в разделе «Искажение» установите «По горизонтали» на = 0% и «По вертикали» на -4% .

С помощью инструмента «Перо» (P) создайте три прямоугольника для рисования сторон экрана, как показано ниже.

Наконец, снова возьмите инструмент «Перо» и нарисуйте зигзагообразную линию с цветом # D8D89C и толщиной штриха 5 точек.

Нарисуйте линию, как показано здесь:

Теперь создайте еще один прямоугольник с размерами 160 × 372 пикселей и цветом # 6A75AA. Положите его сбоку от первого.

Инструментом «Перо» нарисуйте стороны прямоугольника так же, как вы делали это с первым.

Создайте внутри этого прямоугольника еще один прямоугольник с цветом # 172432.

Снова создайте прямоугольник, выходящий из прорези, как показано здесь:

Нарисуйте ручку ручки того же цвета.

С другой стороны, с помощью инструмента Ellipse Tool (L) создайте два круга с теми же размерами, что и ручка, и цветом # 6A75AA.

Выделив оба круга, перейдите в панель «Обработка контуров» и нажмите «Минус назад» (или выбрав «Эффект» → «Обработка контуров» → «Минус назад»). У вас получится такая форма:

Примените это к нашей ручке, чтобы получить световой эффект.

Повторите те же шаги, чтобы создать нашу вторую машину. Нарисуйте фигуры, например трапеции и круги, цветом # 6A75AA.

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

Чтобы создать трубу, выступающую из земли, просто нарисуйте два прямоугольника с одинаковыми размерами, 560 × 158 пикселей.

Щелкните правой кнопкой мыши нижнюю трубу и выберите «Преобразовать» → «Повернуть» с углом, установленным на 90 °.

Создайте L-образную форму из двух прямоугольников:

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

Инструментом «Прямое выделение» (A) выберите получившуюся форму. Появятся маленькие кружочки, дающие вам динамичные углы. Щелкните и перетащите в нижний правый угол показанные здесь:

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

Теперь поработаем над таблицей.

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

Цвета: # 787FAD для светло-фиолетового, # 6A75AA для темно-фиолетового и # 8C92AD (очень светло-фиолетовый) для освещения.

Создайте кнопку с помощью инструмента Эллипс (L), установите значение # F7DF79.

Нарисуйте стороны дна, как мы делали с нашей первой машиной, цвета # D3B42F и # 8E6621.

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

• красная кнопка: # DD7676, # DB5A5A, # D84141
• зеленая кнопка: # C0C478, # BFBB32, # 9B962A
• коричневая кнопка: # 937A44, # A08453, # 8E6621
• синяя кнопка: # 34495E, # 172432
• розовая кнопка: # E0B39D, # DD9376

С помощью Pen Tool (P) создайте изогнутую форму с темной стороной.Это будет основа еще одной ручки, цвета # 787FAD и # 424974:

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

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

Создайте стороны ручки с помощью нашей проверенной техники, используя цвета # 172432, # 2a4359 и # 3a4a56.

Создадим футуристический стол.

Создайте эллипс с помощью инструмента Ellipse Tool (L) и перетащите точки привязки, как показано здесь:

Нажмите Control + C и Control + B , чтобы вставить обратно.Переместите фигуру, которую мы только что вставили, и установите ее цвет # 172432.

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

Я также создал пару объектов на столе, книгу и лампу, просто используя формы, прямоугольники и инструмент «Эллипсы».

А теперь нарисуйте большую доску, на которой Эйнштейн будет писать свои формулы.

Возьмите инструмент «Прямоугольник» (M) и нарисуйте прямоугольник, цвет # 172432.

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

Возьмите Pencil Tool (N) и напишите несколько формул (мои почти все составлены!). Установите цвет # e6e6e6. Когда вы закончите, выберите то, что вы написали, перейдите на панель «Кисти» и щелкните маленькую стрелку в правом верхнем углу:

Выберите «Открыть библиотеку кистей» → «Художественный» → «ArtisticChalkCharcoalPencil» и выберите последний тип древесного угля, который придаст вам красивый эффект угля на доске.

Возьмите вектор Эйнштейна и положите его на доску.

4. Период

Период действия нашей карикатуры — около 1920 года. Теории Эйнштейна о гравитационных волнах восходят к 1918 году. По этой причине я вставил старый телефон, о котором говорил Эйнштейн.

5. Сцена

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

Нарисуйте облако в правом верхнем углу с помощью инструмента «Карандаш» (N), а затем залейте его белым цветом (#ffffff).

Инструментом «Прямоугольник со скругленными углами» (M) нарисуйте прямоугольник и скруглите его углы, пока они не станут полностью изогнутыми. Установите заливку на # d6d989 и обводку на # 000000.

Инструментом «Эллипс» (L) нарисуйте глаз и зрачок, установив цвет на # 787fad.

С помощью инструментов «Перо» и «Эллипс» нарисуйте две маленькие антенны.

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

С помощью инструмента «Карандаш» нарисуйте руку, держащую телефон, и несколько линий для сигнала телефона.

Заключение

Готово!

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

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

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

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

Рисование в Adobe Illustrator — LoudEgg

Если вы хотите стереть, используйте Eraser (Shift E) для очистки.

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

Важно: Убедитесь и сохраните… на всякий случай, если вы действительно хотите сохранить этот файл. Файл> Сохранить или Command S (Mac) • Ctrl S (Windows).

Если вы хотите переместить какую-либо фигуру или весь эскиз, нажмите Инструмент выделения (V), выберите и переместите то, что вам нужно.

Давайте нарисуем

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

Для фактического рисования у вас есть два варианта: карандаш или перо. Начнем с карандаша.
Выберите карандаш (N) .

Затем на палитре Swatches выберите черный.

Примечание: по умолчанию черный цвет на палитре Swatches не является полностью черным, и вы можете настроить его, выбрав цветовую палитру (Window> Color), а затем изменив RGB на все нули или CMYK на C 36 M 25 Y 25 K 100 .

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

Be The Pencil

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

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

Если вы рисуете что-то карандашом и ошиблись, не беспокойтесь, нажмите Command Z (Ctrl Z в Windows), чтобы отменить. Если вы хотите стереть, используйте Ластик (Shift E), чтобы очистить вещи.

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

Теперь перейдите в палитру «Образцы» и щелкните значок заливки. Выберите цвет и выберите его. Стрела, цветная заливка.

Перо сильнее меча

Инструмент «Перо» может быть моей любимой частью арсенала Adobe Illustrator.Перейдите к слоям и создайте новый слой с именем Рисунок 2. Вы также можете щелкнуть поле рядом со слоем «Рисунок» и заблокировать его.

Щелкните глазом на этом слое. Это сделает этот слой невидимым. Выберите слой «Рисунок 2».

Может быть, сэкономим еще раз. Всегда не забывайте экономить.

Выберите перо (P) .

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

Точки привязки

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

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

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

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

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

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

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

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

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

Пусть будут круги

Теперь, когда вы дойдете до глаз и, возможно, будете смотреть на этот мультяшный круг, но не хотите рисовать круг? Ellipse Tool раз! Щелкните эллипс на палитре инструментов (он может быть скрыт за значком прямоугольника) слева или нажмите L на клавиатуре.

Щелкните в верхнем левом углу глаза, но не отпускайте. Перетащите овал вправо, удерживая нажатой клавишу Shift. Это создаст красивую форму круга. Отпустите кнопку мыши или поднимите стилус.

Теперь для следующего глаза вы можете повторить этот шаг или просто скопировать и вставить. Кликните Selection Tool (V) и выберите только что созданный контур глаза. Команда C, затем команда V. Валлах! Контур второго глаза.

Переместите контур глаза в нужное место на эскизе.

Хотите повернуть глаза или, может быть, увеличить их? Это нормально, что-то менять. Я использую набросок как основу и много времени корректирую кучу вещей. Выберите инструмент «Выделение» (V) и щелкните элемент, который вы хотите повернуть и / или увеличить.

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

Щелкните инструмент Rotate Tool (R) и выберите деталь или формы, которые вы хотите повернуть.

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

Выберите инструмент прямого выбора (A) .

Щелкните точку привязки на голове.

Вы увидите цветной линейный дисплей. Нажмите на точку на конце этой линии и не отпускайте.

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

Не бойтесь, вы всегда можете Command Z (Ctrl Z Windows) и Undo.

Заполнить цветом и расположить

Инструмент выбора (V). Выберите части, чтобы начать заливку цветом. Начнем с волос. Выберите волосы. Перейти к образцам, выбрать цвет для заливки.

Выберите голову и выберите цвет.

Продолжайте рисовать глазами, ушами, шеей, рубашкой и т. Д.

Вы можете заметить, что некоторые части вашего рисунка перекрывают другие части.Мы можем расположить предметы, перемещая их позади и впереди других частей. Например, выделите рубашку и выберите «Объект»> «Упорядочить»> «На задний план» (Shift Command [). Рубашка теперь за шеей.

Вы можете сделать это, чтобы вывести объекты на передний план, используя «Объект»> «Упорядочить»> «На передний план» (команда Shift]).

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

Всегда не забывайте экономить. Заведите хорошую привычку.

Обратите внимание, линии носа, рта и внутреннего уха (штрихи) — это просто линии? Мне нравится менять для них стиль обводки.Используйте Selection Tool и щелкните по носу.

Теперь перейдите к палитре Stroke и в нижней части этого окна должен отображаться Profile: Uniform. Если это не так, нажмите на 3 горизонтальные линии в правом верхнем углу и выберите «Показать параметры».

Измените профиль с равномерного на следующий вариант обводки под ним.

Носик выглядит немного аккуратнее. Если хотите, проделайте то же самое с линиями рта и внутреннего уха.

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

Рисование на Ipad?

Apple Pencil и iPad имеют свои преимущества. Вы рисуете с помощью Adobe Illustrator Draw или Procreate на iPad? Если вы не можете позволить себе большой планшет для рисования, который подключается к Mac или ПК, используйте iPad, чтобы делать наброски и рисовать.

Хотя Adobe Draw и Procreate — два из лучших инструментов для рисования, Adobe Illustrator может делать больше, но в настоящее время недоступен для iPad.

Скоро в продаже: Adobe Illustrator для iPad

Иногда мне нравится начинать рисование с помощью Adobe Illustrator Draw или Procreate на iPad, но заканчиваю его на своем компьютере. У Procreate есть забавная функция — запись экрана. Это создаст анимацию вашего процесса иллюстрации. Посмотрите на этот набросок медведя, который я нарисовал на своем iPad.

Как векторизовать изображение в Adobe Illustrator

Цифровые изображения бывают двух типов: растровые и векторные.

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

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

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

Что такое векторное изображение?

Векторное изображение — это масштабируемое изображение, состоящее из значений, а не пикселей.

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

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

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

Шаг 1. Выберите изображение для преобразования в вектор

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

Лучше редактировать один объект, чем пейзаж или что-то подобное.Предпочтительно изображение должно иметь белый или прозрачный фон и иметь относительно низкое разрешение. Он должен быть в формате JPG, GIF или PNG.

Мы будем использовать изображение Рю из серии Street Fighter выше.Он работает как прекрасный пример по множеству причин. Во-первых, это один предмет. Он также хорошо поддается формату векторного изображения, так как это узнаваемый персонаж. Формат векторного изображения обычно используется для логотипов или узнаваемых изображений.

Шаг 2. Выберите предустановку трассировки изображения

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

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

Изображение 1 из 3

Изображение 2 из 3

Изображение 3 из 3

Возможны следующие варианты:

• High Fidelity Photo и Low Fidelity Photo .Они создают очень подробные и чуть менее детализированные векторные изображения соответственно. Они идеально подходят для фотографий или сложных изображений, таких как изображение, которое мы используем.
• 3 цвета , 6 цветов и 16 цветов . Эти предустановки позволяют выводить векторные изображения с тремя, шестью или 16 цветами. Они идеально подходят для логотипов или иллюстраций с большим количеством однотонных цветов.
• Оттенки серого .Эта предустановка создает подробное изображение в оттенках серого.
• Черно-белый логотип . Таким образом создается простой логотип, состоящий из двух цветов — черного и белого.
• Наброски , Силуэты , Штриховые рисунки и Технический чертеж . Их лучше всего использовать для определенных типов изображений и создания черно-белых рисунков, преимущественно линейных.

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

Щелкните стрелку раскрывающегося списка рядом с Image Trace , чтобы выбрать предустановку .Мы будем использовать Low Fidelity Photo . Щелкните его, чтобы начать трассировку.

Шаг 3. Векторизация изображения с помощью Image Trace

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

Обратите внимание на пикселизацию.Вот изображение после процесса:

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

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

Вот наше изображение после редактирования:

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

Шаг 4. Настройте отслеживаемое изображение

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

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

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

Шаг 5: разгруппируйте цвета

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

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

На панели Layers вы увидите, что ваши цветовые группы разделены на слои.

Шаг 6. Отредактируйте векторное изображение

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

Начните с удаления желаемых цветовых групп.Вы можете выбрать целые группы цветов, щелкнув фигуру и выбрав Select> Same> Fill Color . Это выберет все группы того же цвета, что и группа, выбранная с помощью инструмента Direct Selection ( A ).

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

Шаг 7. Сохраните изображение

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

Теперь мы готовы к последнему этапу преобразования изображения в вектор в Illustrator: сохранению изображения в векторном формате для сохранения его качества.На выбор предлагается множество форматов векторных изображений: PDF, AI, EPS, SVG и другие. Мы будем использовать формат SVG , который широко поддерживается всеми программами проектирования.

Когда вы закончите работу с изображением, перейдите в File> Export> Export As .В следующем окне назовите свой файл и выберите SVG в раскрывающемся меню рядом с Сохранить как тип .

Вот и все.Теперь ваш масштабируемый векторный файл должен быть сохранен на вашем компьютере.

Не идите на компромисс, векторизуйте!

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

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

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

Читать далее

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

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

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

Как оцифровать эскиз с помощью 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 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 , выберите цвет и щелкните область, которую хотите закрасить.