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

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

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

основных советов, которые необходимо знать перед оцифровкой

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

Совет 1: Всегда используйте чистую белую бумагу

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

Совет 2: уточните эскиз

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

Совет 3: используйте кальку, чтобы пройтись по эскизам

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

Совет 4. Сканируйте бумагу с высоким разрешением

Сканирование ваших эскизов — это последний шаг перед использованием их в программном обеспечении для проектирования. Чтобы обеспечить плавный переход от бумаги к программному обеспечению, отсканируйте свои эскизы со скоростью 300 PPI (пикселей на дюйм) или более. Чем больше пикселей на дюйм, тем четче будет сканирование.

Сканирование с более высоким PPI имеет тенденцию быть более высокого качества из-за его большей плотности пикселей.Отдельные пиксели в изображении с 300 PPI значительно меньше, чем в изображении с 72 PPI. Меньшие пиксели обеспечивают более плавное сочетание цвета и формы. Если вы превращаете свой эскиз в векторное изображение, плотность пикселей не так важна; если вы оцифровываете свой эскиз в Photoshop, плотность пикселей имеет решающее значение.

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

Оцифровка эскиза в Illustrator

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

Текстуры используются из 50 бесплатных текстур.

Шаг 1. Принесите отсканированное изображение в Illustrator

После того, как вы отсканировали изображение и перенесли его на рабочий стол, продолжайте и создайте новый документ в Adobe Illustrator с Command + N .Импортируйте отсканированные изображения с помощью клавиш Shift + Command + P , затем нажмите Поместите и нажмите на монтажную область, чтобы увидеть, как ваш рисунок всплывает в Illustrator.

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

Шаг 2. Использование инструмента «Перо» для создания эскиза

На верхнем слое начните рисовать контур вашего эскиза с помощью удобного Pen Tool (P) . Вы можете редактировать кривые Безье при перемещении вдоль эскиза, или отобразить линию, а затем вернуться назад и отрегулировать кривые с помощью инструмента Anchor Point (Shift + C) .Чтобы манипулировать отдельными кривыми Безье, удерживайте нажатой клавишу Option при перемещении ручек Безье.

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

Шаг 3: заполните цветом

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

Нужно немного цвета вдохновения? Проверьте эти бесплатные 25 ретро-палитр, 101 цветовых комбинаций или эти 20 сезонных палитр.

После того, как вы выбрали цветовую схему, импортируйте каждый оттенок в панель Swatches , чтобы сделать интеграцию цветов проще простого.С Selection Tool (V) , нажмите на форму, а затем выберите из ваших образцов цвета, чтобы внести его в свой дизайн. Переключите Заполните и штриха цветами по мере необходимости с X . Чтобы изменить цвет обводки на заливку, нажмите Shift + X . Продолжайте назначать цвета, пока не заполните свой дизайн.

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

Оцифровка вашего эскиза в Photoshop

Хотя процесс оцифровки иллюстраций в Photoshop выглядит аналогично Illustrator, он существенно отличается.Работа в растровой программе означает, что ваша иллюстрация будет содержать пиксели и иметь ограничения по масштабируемости. Вместо того, чтобы обрисовать свой эскиз кривыми Безье, вы можете обвести эскиз с помощью кистей, если у вас есть планшет, или заполнить эти контуры с помощью меню «Цветовой диапазон».

Шаг 1. Принесите отсканированное изображение в Photoshop

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

Вы можете изменить размер или повернуть изображение при необходимости с помощью команды Free Transform (команда + T ). Нажмите и перетащите углы, чтобы изменить их размер, или переместите курсор за пределы углов, чтобы повернуть.

Шаг 2: отрегулируйте контрастность и уровни

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

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

После того, как вы отрегулируете эскиз по своему вкусу, уплотните слои, нажимая Shift , слой 1 1 и каждый корректирующий слой, затем нажимая Command + E .

Шаг 3: Добавьте цвет к строкам

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

Прежде чем мы добавим немного цвета на вашу иллюстрацию, добавьте новый слой, нажав на сложенный квадратный значок на панели Layers . Здесь вы можете активировать Brush Tool (B) и настроить внешний вид вашей кисти в меню Brush Settings (F5) .

Чтобы перейти к маршруту «Цветовой диапазон», вернитесь к исходному слою эскиза, затем перейдите к пункту Выберите «Цветовой диапазон » и щелкните пипеткой на белом фоне.Это выделит все области вашего дизайна белым цветом. Снизьте ваш Fuzziness до 12 , затем нажмите ОК .

Инвертируйте активный выбор с помощью Shift + Command + I , затем активируйте новый слой, который вы только что создали. С Brush Tool (B) , нарисуйте контур с цветами на ваш выбор. При необходимости измените размер кисти с [/] .

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

Шаг 4: заполните остальные цвета

Вернитесь к исходному слою эскиза и активируйте Magic Wand Tool (W) . Нажмите на оставшиеся части вашего эскиза и заполните его с помощью инструмента Кисть (B) на слое выше исходного слоя эскиза. Это гарантирует, что вы не раскрашиваете прямо на оригинальный эскиз; вместо этого вы добавляете цвет в отдельный слой.Продолжайте добавлять цвет, пока не заполните весь эскиз.

Совет по выбору: при одновременном выборе нескольких клавиш удерживайте нажатой клавишу Shift ; чтобы убрать выбор, удерживайте нажатой клавишу Option .

Работа с эскизами в Procreate *

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

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

* Подробную информацию о приложении Procreate можно найти в этом удобном руководстве.

Шаг 1. Импорт эскиза в Procreate

Начните с импорта вашего эскиза в программу Procreate.Эскизное изображение можно сделать, сфотографировав иллюстрацию, или перенести на iPad из электронной почты. Я просто сфотографировал эскиз, так как качество изображения не имеет значения при рисовании исходного эскиза. В главном меню Procreate выберите Фото , а затем выберите эскиз изображения из Camera Roll . Procreate автоматически создаст новый документ, содержащий ваше изображение.

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

Шаг 2: Используйте кисти, чтобы обрисовать в общих чертах

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

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

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

Нажмите на форму круга в верхней части программы, чтобы получить доступ к своим цветам. Существуют различные способы изменения цвета в приложении Procreate. Вы можете просматривать оттенки на вкладках Disc , Classic , Value и Palettes .

Шаг 3: заполните остальные цвета

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

Промыть и повторить для остальных форм. Чтобы добавить некоторые текстурные элементы, активируйте команду Alpha Lock на миниатюре слоя и нарисуйте уголь или другую текстурированную кисть.

Изображение на обложке 32 пикселя.

Интересно узнать более важные советы и рекомендации по дизайну? Проверьте эти статьи: