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


Урок Illustrator и Photoshop - Как быстро создать векторный скетч - Уроки

Цель урока

векторный скетч

 

 

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

 

 

 

 

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

Обработка карандашного эскиза в 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% векторный эскиз.

 

 

 

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

 

 

 

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

ru.vectorboom.com

Превращаем фотографию в скетч, скетч из фотографии, создаем скетч, рисуем скетч в уроке фотошопа

Вот фото которое я буду использовать для этого урока:

Step 1: Копируем фоновый слой В моей фотографии, открытой в Photoshop, я имею один слой,фоновый,который содержит мое изображение:

Первый шаг в создании эффекта скетча - дублирование этого слоя, и самый легкий способ сделать это - использование клавиатурного хот кея, Ctrl+J (Win) / Command+J (Mac). Это даст мне мою копию фонового слоя,как мы можем видеть в Палитре слоев:

Подсказка : Палитра слоев теперь с двумя слоями после копирования фонового слоя. Шаг 2: Обесцвечиваем слой Второй шаг -обесцветить только что созданный слой (который Photoshop назвал "Layer 1"). Теперь есть большое количество способов получить профессиональное качество преобразованных в черно-белые изображений, но это полностью убьет то,ради чего мы все это делаем. Все что нам нужно - быстрый способ удалить цвета из изображения и самый быстрый путь сделать это - обесцветить изображение используя клавиатурный хот кей, Shift+Ctrl+U (Win) / Shift+Command+U (Mac).

Подсказка: Используйте клавиатурные хот-кеи чтобы быстро удалить цвет с изображения. Шаг 3: Копируем обесцвеченный слой Дальше нам нужна копия of this desaturated layer, так что опять, давайте используем хот кей - Ctrl+J (Win) / Command+J (Mac):

Подсказка: Используйте клавиатурные хот-кеи снова и сновачтобы быстро дублировать обесцвеченный слой. Шаг 4: Инвертируем слой Теперь,когда мы имеем копию обесцвеченного слоя , нам нужно инвертировать его - это в основном означает, что мы собираемся обменивать светлые и темные области, чтобы черный стал белым,белый стал черным, более темные оттенки серых стали светлее и более светлые стали более темными. Опять, мы можем использовать хот кей для этого, Ctrl+I (Win) / Command+I (Mac). Это даст нам фотографию,которая выглядит как "негативная" версия изображения:

Подсказка: Инвертируйте изображение используя хот кей "Ctrl+I" (Win) / "Command+I" (Mac) Шаг 5: Измените Blending Mode (Режим Смешивания) инвертированного слоя на 'Color Dodge' С верхним слоем (инвертированным) все еще выделенным в Палитре слоев, измените blend mode (Режим Смешивания) для этого слоя с "Normal" на "Color Dodge". Вы можете сделать это кликнув на направленную вниз стрелку справа от слова "Normal" в верхней части Палитры слоев и выбрав "Color Dodge" из выпадающего списка:

Подсказка: Измените blend mode (режим смешивания) для инвертированного слоя с Normal на Color Dodge. Это временно повернет белость изображению

Подсказка: Изображение теперь кажется переполненным белым Шаг 6: Примените Gaussian Blur слоя Color Dodge И мы уже на шестом шаге, финальный шаг и даст нам эффект скетча. Все что нам нужно сделать в этот момент - применить Gaussian Blur на слой с Color Dodge. Чтобы сделать это со слоем Color Dodge(верхним слоем) выбранным на палитре слоев ,пройдите вменю Фильтров в верхней части экрана, выюрать Blur и потом выбрать Gaussian Blur из списка фильтров для размытия:

Подсказка: Filter > Blur > Gaussian Blur Это откроет диалоговое окно Gaussian Blur:

Подсказка: Диалоговое окно Gaussian Blur Ключ к достижению хорошего эффекта скетча тут это настройка размера Радиуса внизу диалогового окна the Gaussian Blur, пока ваше изображение не похожо на скетч. Самый легкий способ поднастроить - кликнуть на панель прокрутки около самого низа и потянуть ее своей мышью.Как вы видите в моем предыдущем скриншоте, превью в диалоговом окне Gaussian Blur не будет очень полезным потому что все еще показывает инвертированное изображение,итак вы захотите сами следить за изображением та как вы тяните значение радиуса влево и вправо. Вообще говоря, более низкое значение радиуса работает лучше. Если вы поставите слишком большое значение, вы переусердствуете и потеряете эффект. Я использую изображения с низким разрешением для этого урока, так для меня, значение радиуса около 1 пикселя даст мне хороший эффект скетча.Вы будете наиболее вероятно редактировать изображения с намного более высоким разрешением, и в том случае, вам надо будет использовать значение радиуса приблизительно 4 или 5 чтобы оно дало вам желательные результаты. Здесь снова оригинальное фото , до того как мы начали работать ради эффекта:

Подсказка: Настоящее фото каким оно было изначально при открытие в Photoshop И вот результат моего эффекта скетча:

Подсказка: Фото,конвертированное в скетч. Если вы довольны вашим скетчом,вы можете остановиться на этом шагу. Если вы нашли, как и я со своим изображением, что скетч слишком светлый и можно его немного затемнить чтобы добавить ему лучшего контраста, завершите после прозождения нескольких следующих шагов. Не волнуйтесь, они всего лишь добавят несколько секунд к времени работы. Шаг 7 (Не обязательный): Склейте все слои в один единственный слой На верхнем слое,который все еще выделенный,используйте клавиатурный хот кей Shift+Ctrl+Alt+E (Win) / Shift+Command+Option+E (Mac) чтобы быстро склеить все ваши слои на Палитре слоев в один новый слой на верху колонки:

Подсказка: Используйте клавиатурный хот кей чтобы быстро склеить все слои в новый слой наверху. Шаг 8 (Не обязательный): Смените Режим смешивания склеенного слоя на 'Multiply' Возьмите новый склеенный слой выбранный в Палитре слоев, вернитесь на опции blend mode и в этот раз, смените режим смешивания с "Normal" на "Multiply":

Подсказка: В склеенном слое (верхнем) выбранном в Палитре слоев, смените его режим смешивания на Multiply. Режим смешивания Multiply делает все темнее, и так как вы выбрали режим Multiply для склееногного слоя, ваш скетч станет темнее, придавая ей лучший контраст. Шаг 9 (Не обязательный): Точно настройте затемненность, понижая Непрозрачность Если вы считаете,что ваш скетч теперь слишком темный,вы можете легко настроить яркость по вашему вкусу уменьшая непрозрачность склееного слоя.Просто перейдите на значение Непрозрачности в верхнем правом углу Палитры слоев, двигайте вашу мышь непосредственно через слово "Opacity ", которое превращает ваше изображение мыши в "scrubby sliders" Photoshop'a, а потом кликните и потяните вашу мышь влево чтобы уменьшит непрозрачность.У меньшил Непрозрачность до 60%:

Подсказка: Уменьшайте непрозрачность склееного слоя (режим смешивания слоя настроен на Multiply) чтобы настроить сколько затемнения это добавляет вашему эффекту эскиза. А вот и результат:

уроке фотошоп, уроки фотошопа, урок Photoshop

megaobzor.com

МК Как рисовать скетчи в фотошопе. ~ It`s my life

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

1. Решаем какого размера будем делать скетч. Помним, что со слишком маленьким работать будет неудобно и увеличить его без потери качества будет нельзя. А слишком большой вроде как и не нужен. Мы остановимся на золотой середине - 1000х1000 пикселей.

Создаем новый документ заданного размера. Файл (File)/ Новый (New).

Задаем ширину и высоту. (Обращайте внимание на единицы измерения. Чтобы не создать файлик 1000х1000 см)

Разрешение 300 пикселей на дюйм.

2. Разбираемся, из каких элементов будет состоять наш скетч. У нас тут явно есть круги. Значит их и будем делать.

В палитре слои (layers) создаем новый чистый слой, нажав на кнопочку Создать новый слой

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

Закрашиваем выделенную область выбранным цветом. Следим, чтобы при этом у нас был активен новый чистый слой. Тогда мы сможем перемещать кружок и изменять его размеры.После этого, снимаем выделение - ctrl+D По такому же принципу, делаем еще один кружок на новом слое. Закрашиваем его белым цветом. Чтобы добавить контур к новому кругу, делаем следующее.Слой с белым кругом должен быть активен. Нажимаем на кнопку Эффекты слоя снизу в палитре слои.

В открывшемся окне, настраиваем толщину и цвет контура

3. Остальные элементы на нашем скетче, это либо уже  готовые картинки в PNG, либо кисти. Цветочки/ веточки /пуговки - перетягиваем на документ из просмотрщика или коммандера. Просто берем файл мышкой и затягиваем в документ. При перетягивании картинки станут смарт-объектами. Про особенности работы с ними можно почитать  тут. Перетягиваем элемент, нажимаем Enter Выбираем инструмент Перемещение. И, удерживая shift, за угловой маркер уменьшаем элемент до нужного размера. Нажимаем Enter. Потом наводим мышку на элемент и перемещаем его в нужное место. Так поступаем со всеми дополнительными элементами. 4. Чтобы создать элемент при помощи кисти (у нас это кружева и клякса), делаем следующее. Если  у вас в наборе нет нужной кисточки, скачиваем набор с интернета ( файлик с расширением .abr)Выбираем инструмент Кисть (Brush), на панели свойств кликаем по параметрам кисти, потом на кнопку-шестеренку и в выпавшем списке выбираем Загрузить кисти (Load brushes) Далее выбираем путь на компьютере к файлу с кистями (туда, куда вы его сохранили).Нажимаем Ок и кисти появятся у вас в наборе в самом низу. Дальше ВАЖНО: Опять создаем новый слой, выбираем понравившуюся кисть, настраиваем ее размер и только тогда ОДИН раз кликаем по документу. Потом можно выбирать инструмент Перемещение (Move) и работать с полученным элементом так же, как мы это делали с кругами и картинками.Конечно, если вы при помощи кисти хотите создать текстуру, то кликать нужно несколько раз по одному и тому же слою. Слои накладываются друг на друга в том порядке, в котором вы их создаете. Но в палитре Слои (Layers) их можно менять местами. 5. У каждого элемента на вашем скетче свой цвет. Можно работать с каждым слоем по отдельности и привести работу к нужной цветовой гамме. А можно сделать документ черно белым. Самый простой способ, подходящий для документа с несколькими слоями - сделать корректирующий слой. Кликните по самому верхнему слою в палитре Слои.Затем снизу в палитре нажмите на кнопку создания корректирующего слоя и выберите Hue/Saturation (Цвет/Насыщенность) У вас появится еще один слой - корректирующий (при необходимости его можно выключить, как и любой другой слой).И откроется палитра с настройками слоя. В ней значение Saturation (Насыщенность) ставим "-100" Вот и все. Наш скетч готов. Если планируем и дальше вносить изменения в этот документ, со сохраняем файл в формате PSD. Все слои сохранятся. Для интернета сохраняем в формате JPG. Все слои автоматически сольются в один. Надеюсь МК был вам полезен. Если что-то непонятно - задавайте вопросы.

s-veta.blogspot.ru


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