В этом уроке мы будем использовать Illustrator для создания стилизованной графики с монохроматической цветовой схемой, что просто означает, что вы будете использовать только один цвет с различными тонами. Когда закончите, вы сделаете вторую версию графического изображения, используя несколько цветов. Вы можете следить за ним - чтобы начать, вам нужно проследить фотографию, используйте инструмент «Перо», чтобы создать фигуры, которые описывают различные тона, затем заполняют фигуры цветом и переставляют слои. Когда вы закончите, у вас будет две версии одной и той же графики, а ноу-хау - еще больше.
Сделать стилизованный графический файл с помощью фото в Illustrator
Хотя мы использовали Illustrator CS6 для этого учебника, вы должны иметь возможность следовать вместе с любой довольно недавней версией.
Щелкните правой кнопкой мыши на изображении выше, чтобы сохранить файл практики на вашем компьютере, затем откройте файл в Illustrator. Чтобы сохранить файл с новым именем, выберите Файл> Сохранить как, переименуйте файл «ice_skates», сделайте формат файла Adobe Illustrator и нажмите Сохранить.
02 из 19Размерная картинка
Вы хотите превратить пару коньков в пределах фотографии в стилизованную графику. Показанная фотография имеет приятный диапазон тонов, что важно для того графика, который вы будете делать.
На панели «Инструменты» выберите монтажная область инструмент, затем нажмите на одну из угловых рукописных ручек и перетащите их прямо в края фотографии. Сделайте то же самое с противоположной рукояткой, затем нажмите Побег чтобы выйти из режима Edit Artboard.
03 из 19Преобразовать в оттенки серого
Чтобы выбрать фотографию, выберите выбор инструмент с панели инструментов и щелкните в любом месте фотографии.
Тогда выбирай Изменить> Изменить цвета> Преобразовать в оттенки серого, Это превратит фотографию в черно-белое, что облегчит различие между разными тонами.
04 из 19Удалить фотографию
В панели слоев дважды щелкните слой. Откроется диалоговое окно «Параметры слоя».
Нажмите на шаблон а также Тусклые изображения, затем введите 50% и нажмите Хорошо, Фотография будет тусклой, что позволит вам лучше видеть линии, которые вы скоро рисуете над фотографией.
05 из 19Переименование слоев
На панели «Слои» нажмите Уровень 1, который даст текстовое поле для ввода нового имени. Введите имя, «Шаблон».
Затем нажмите Создать новый слой кнопка. По умолчанию новый слой называется «Layer 2.» Нажмите на имя, затем введите текстовое поле «Темные тона».
06 из 19Удалить цвет заливки и обводки
С выбранным уровнем темных тонов нажмите Ручка инструмент, расположенный на панели «Инструменты». Также на панели «Инструменты» находятся поля «Заливка и обводка». Нажми на заполнить и на Никто под ним, затем на Инсульт коробка и Никто кнопка.
07 из 19Трассировка вокруг темных тонов
Более близкий взгляд поможет мне отслеживать с большей точностью. Чтобы увеличить масштаб, выберите Просмотр> Увеличить, нажмите на маленькую стрелку в нижнем левом углу главного окна, чтобы выбрать уровень масштабирования, или используйте инструмент «Масштаб».
С помощью инструмента «Перо» нарисуйте темные тона, чтобы сформировать фигуры. Начните с темных тонов, которые формируют форму, которая составляет подошву и пятку ледового конька впереди. Пока, игнорируйте светлые тона в этой форме. (Также не обращайте внимания на стену за коньками.)
Если вы новичок в использовании инструмента «Перо», он находится на панели «Инструменты» и работает, нажимая на создание точек. Два или несколько точек создают путь. Если вы хотите искривленный путь, нажмите и перетащите. Появляются управляющие ручки, которые можно использовать для редактирования ваших кривых путей. Просто нажмите на конец дескриптора и переместите его, чтобы внести коррективы. Создание вашей последней точки над вашей первой точкой связывает два и создает форму. Использование инструмента «Перо» немного привыкает, но с практикой становится легче.
08 из 19Выберите пути
Продолжайте прослеживать вокруг всех темных фигур, таких как частично выявленная подошва конька в спине и множество проушин. Затем на панели «Слои» нажмите на целевой круг для слоя Темных тонов. Это выберет все пути, которые вы нарисовали для этого слоя.
09 из 19Применение заливки темного цвета
С помощью слоя темных тонов, выбранного на панели «Слои», дважды щелкните заполнить в панели «Инструменты», которая откроет «Выбор цвета». Чтобы указать очень темный оттенок синего, введите поля значений RGB, 0, 0 и 51. Когда вы нажимаете Хорошо, формы будут заполняться этим цветом.
На панели «Слои» щелкните значок глаза слева на уровне темных тонов, чтобы сделать его невидимым.
10 из 19Трассировка вокруг средних тонов
Теперь создайте еще один слой и назовите его «Middle Tones». Этот новый слой должен быть выбран и находиться над остальным на панели «Слои». Если это не так, вам нужно щелкнуть и перетащить его на место.
При выборе инструмента «Перо» щелкните заполнить коробка и Никто кнопка. Затем проследите все средние тона так же, как вы прослеживаете все темные тона. На этой фотографии лезвия, по-видимому, имеют средний тон, а также часть пятки и некоторые из теней. Используйте мою «художественную лицензию», чтобы уменьшить тени у крючков.(Просто не обращайте внимания на мелкие детали, такие как строчки и царапины).
Когда вы закончите трассировку вокруг средних тонов, нажмите на целевой круг для слоя средних тонов.
11 из 19Применение заливки среднего тона
С выбранным слоем средних тонов, а также нарисованными дорожками дважды щелкните заполнить в панели инструментов. В Color Picker введите поля значений RGB, 102, 102 и 204. Это даст вам средний оттенок синего. Затем нажмите Хорошо.
Нажмите на значок глаза для слоя средних тонов. Теперь слой Dark Tones и Middle Tones должен быть невидимым.
12 из 19Трассировка вокруг светлых тонов
В этой фотографии есть светлые тона и очень легкие тона. Очень светлые тона называются бликами. Пока не обращайте внимания на основные моменты и фокусируйтесь на светлых тонах.
На панели «Слои» создайте новый слой и назовите его «Light Tones». Затем нажмите и перетащите этот слой, чтобы он находился между слоем темных тонов и слоем шаблона.
При выборе инструмента «Перо» щелкните заполнить коробка и Никто кнопка. Затем проследите вокруг светлых тонов так же, как вы прорисовывали вокруг темных и средних тонов. Легкие тона - это сапоги и шнурки, которые можно нарисовать таким образом, чтобы создать одну большую фигуру.
13 из 19Применить заливку цветом
На панели «Слои» убедитесь, что выбран слой «Световые тоны», а также рисованные дорожки. Затем дважды щелкните заполнить в панели «Инструменты» и в типе «Выбор цвета» в полях значений RGB, 204, 204 и 255. Это даст вам средний оттенок синего. Затем нажмите Хорошо.
Наконец, щелкните значок глаза для слоя Light Tones, сделав его невидимым.
14 из 19Трассировка вокруг основных моментов
Основные моменты - это самые яркие белые части объекта или предмета, сильно освещенные.
На панели «Слои» создайте новый слой и назовите его «блики». Этот слой должен сидеть над остальными. Если это не так, щелкните и перетащите его на место.
Если выбран новый слой Highlights, нажмите Ручка tool и снова установите для поля Fill значение None. Следите за чисто белыми или выделенными областями.
15 из 19Применение белого заливки
Выбрав выбранные пути, дважды щелкните заполнить в панели «Инструменты», которая откроет «Выбор цвета». Введите поля значений RGB, 255, 255 и 255. Когда вы щелкните Хорошо, формы будут заполняться чистым белым.
16 из 19Просмотр комбинированных слоев
Теперь пришла интересная часть - чтобы показать все слои и увидеть, как нарисованные фигуры работают вместе, чтобы сформировать образ. На панели «Слои» щелкните каждый пустой ящик, где когда-то был значок глаза, чтобы открыть значок и сделать слои видимыми. Чтобы убедиться, что все слои не выбраны, нажмите выбор на панели инструментов, затем нажмите на холст.
17 из 19Сделать квадрат
Поскольку вы закончили трассировку, теперь вы можете удалить шаблон. На панели «Слои» нажмите шаблон затем на небольшой Удалить выделение кнопка, которая выглядит как небольшая корзина для мусора.
Чтобы создать квадрат, выберите инструмент «Прямоугольник» на панели «Инструменты», дважды щелкните заполнить в поле «Выбор цвета» в 51, 51 и 153 для значений RGB, затем нажмите Хорошо, Затем нажмите и удерживайте сдвиг когда вы нажимаете и перетаскиваете, чтобы создать квадрат, который окружает ледовые коньки.
18 из 19Изменить размер
Нажми на монтажная область инструмент и изменить размер Artboard, перемещая ручки внутрь, пока они не будут иметь тот же размер, что и квадрат. Нажмите Побег для выхода из режима Artboard выберите Файл> Сохранить - и вы сделали! Теперь у вас есть стилизованная графика с использованием монохроматической цветовой схемы.
Чтобы сделать версию с использованием большего количества цветов, переходите к следующему шагу.
19 из 19Сделать другую версию
Легко сделать разные версии одной и той же графики. Чтобы сделать версию с использованием большего количества цветов, выберите Файл> Сохранить как, и переименуйте файл (например, «ice_skates_color») и нажмите Сохранить, Это сохранит исходную сохраненную версию и позволит мне внести изменения в эту недавно сохраненную версию.
Вы хотите, чтобы слой Highlights оставался прежним, поэтому оставьте этот слой в покое и нажмите цель для слоя Light Tones. Затем дважды щелкните заполнить в поле «Выбор цвета» переместите цветной слайдер вниз на панель «Цветной спектр» до тех пор, пока он не достигнет желтой области, затем нажмите Хорошо, Внесите изменения в слой средних тонов и слой темных тонов таким же образом; выбирая для каждого цвета разные цвета. Когда закончите, выберите Файл> Сохранить, Теперь у вас есть вторая версия, и вы можете сделать третью, четвертую и т. Д., Просто повторив вышеуказанные шаги.
