Vectorboom
Уроки / Векторные Иконки / Comments: 6

Как быстро создать векторный скетч с помощью Photoshop и Illustrator

Ярослав Лазунов
25.01.2013
Цель урока
векторный скетч

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 

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

Обработка карандашного эскиза в Photoshop

Шаг 1

Я нарисовал карандашом шесть эскизов иконок на обычном листе офисной бумаги формата A4. Для того чтобы иконки получились приблизительно одного размера я разделил лист на 6 одинаковых квадратов. Размер одного квадрата равен 100 x 100 мм.

карандашный эскиз

Стиль таких иконок можно назвать "небрежным”, на все рисование я потратил не больше 10 минут. Сканируем рисунок и открываем его цифровой аналог в Photoshop (File>Open…).

Шаг 2

Нажимаем на кнопку "New fill or adjustment layer” в панели Layers, удерживая кнопку Option / Alt. Выбираем ChannelMixer… в сплывающем меню.

Даем название новому слою, и нажимаем на кнопку OK, в открывшемся диалоговом окне.

Шаг 3

Открываем панель Adjustments (Window>Adjustments), затем отмечаем Monochrome и устанавливаем значения: 150% для красного и зеленого канала, 0% для синего и -200% для Constant

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

Давайте уберем их.

Шаг 4

Нажимаем снова на кнопку "New fill or adjustment layer”в панели Layers, удерживая кнопку Option / Alt, и выбираем Levels… в сплывающем окне.

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

Шаг 5

У нас остается еще одна проблема. Это артефакты jpg изображения.

Для их устранения два раза кликнем по слою Background и переименуем слой.

Затем открываем всплывающее меню в панели Layers и выбираем команду Convert to Smart Object.

Теперь переходим Filter>Noise>Despeckle.

Открываем диалоговое окно эффекта и устанавливаем режим смешивания Lighten.

Шаг 6

Продолжим очистку изображения. Выделяем верхний слой, затем используем комбинацию горячих клавиш иллюстратора Cmd / Ctrl + Shift + n для создания нового слоя.

Берем Rectangular MarqueeTool (M) и, удерживая клавишу Shift, выделяем горизонтальные и вертикальные полосы на рисунке.

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

Для заливки выделения белым цветом нажимаем на Cmd + Delete для пользователей Mac или Ctrl + Backspace для пользователей Windows.

Используя эту технику, закрасим остальную грязь на нашем изображении.

Для очистки изображения вы также можете использовать Brush Tool (B). Для того чтобы мазки кисти имели белый цвет переключимся между передним и задним фоном.

Создание векторного скетча в Adobe Illustrator

Шаг 7

Сохраняем файл в формате PSD, затем вставляем изображение в AdobeIllustrator (File>Place…), и нажимаем на кнопку Embed в панели Control.

В открывшемся диалоговом окне выбираем опцию Flatten Layerstoa Single Image и нажимаем на кнопку OK.

Шаг 8

Не снимая выделения с изображения, переходим Object > LiveTrace > Tracing Options… и экспериментируем с пресетами в диалоговом окне.

В моем случае подошел пресет One Color Logo. Выберите Ignore White в диалоговом окне Tracing Options, затем нажимаем га кнопку Trace.

Нажмите на кнопку  Expand на панели Control. Вот мы и получили 100% векторный эскиз.

 

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

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

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.