Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Креатив » Создание в фотошопе супергероя из простых векторных фигур

Создание в фотошопе супергероя из простых векторных фигур

Автор: sondar | Категория: Уроки Photoshop » Креатив | 23-02-2016, 15:36
Описание урока
Сложность: для начинающих
Продолжительность: средняя

Создание в фотошопе супергероя из простых векторных фигур

(то, что мы будем создавать)

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

1. Подготовка эскиза

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

Шаг 1
Начнем с предварительного определения позы: для этого достаточно торса и ног.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
Теперь давайте развернем торс вправо, для чего просто изогнем его линию как показано ниже:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 3
Добавляем ключицы и руки:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Так мы создали достаточно опорных линий для того, чтобы с их помощью образовать остальные части тела.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 5
Пририсуйте кисти рук, пятки, а так же по большому и маленькому пальцу на каждой ноге.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 6
Закончив с эскизом, отсканируйте или сфотографируйте цифровой камерой созданный рисунок.

2. Подготовка файла

Перед началом работы нам следует подготовить соответствующее рабочее пространство.

Шаг 1
Запустите фотошоп, и нажатием Ctrl+N откройте окно создания нового документа. Задайте размер 1000х1650 пикселей. В данном случае размер не имеет принципиального значения. Ведь мы будем работать в векторе. Поэтому здесь речь идет больше о комфортных условиях работы.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
Бросьте свой оцифрованный набросок на созданный документ. Он автоматически будет добавлен на документ в виде нового слоя.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 3
Активируйте Свободную трансформацию (Ctrl+T). Подкорректируйте размер наброска в соответствии с размерами холста. Чтобы изменять размер сохраняя пропорции, тяните за любой из углов прямоугольника трансформации при нажатой клавише Shift. Этот режим так же позволяет поворачивать объекты, чем мы еще воспользуемся в дальнейшем.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Двойным кликом по названию слоя, активируйте текстовое поле с его названием, и переименуйте его в “Линии”.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 5
Кликните по полю с надписью Непрозрачность (Opacity) в верхней части палитры слоев, и уменьшите непрозрачность данного слоя до 20%.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 6
Теперь заблокируем слой, чтобы защитить его от случайных модификаций:

Создание в фотошопе супергероя из простых векторных фигур


Вот как должен выглядеть наш документ на данном этапе:

Создание в фотошопе супергероя из простых векторных фигур


3. Создание цветовой схемы

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

Шаг 1
Найдите на панели инструментов инструмент Прямоугольник (Rectangle Tool (U)), и кликните по нему правой кнопкой мыши. В результате откроется список из дополнительных инструментов. Выберите в нем инструмент Эллипс (Ellipse Tool).

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
Обратите внимание на то, что данный инструмент должен быть установлен, на панели опций в верхней части окна программы, в режим Фигура (Shape), а не Контуры или Пиксели.

Создание в фотошопе супергероя из простых векторных фигур


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

- удерживая при этом Shift, можно создать круг;
- удерживая Alt, можно рисовать от центра создаваемое окружности;

Можно так же удерживать обе эти клавиши, чтобы объединить эффект. Главное, нажимать кнопки следует после клика мышью по холсту.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Двойным кликом по иконке слоя с фигурой откройте окно настройки ее цвета:

Создание в фотошопе супергероя из простых векторных фигур


Выберите, в качестве основного цвета персонажа, приятный красный цвет:

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Шаг 6
Активируйте Свободную трансформацию (Ctrl+T), чтобы уменьшить копию фигуры в соответствии с тем, какую долю на иллюстрации будет занимать содержащийся на ней цвет.

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Шаг 7
Этим же методом создайте пробы цвета для кожаных элементов облачения нашего героя.

Создание в фотошопе супергероя из простых векторных фигур


…и для металлических элементов:

Создание в фотошопе супергероя из простых векторных фигур


Вот как примерно должна выглядеть собранная палитра цветов:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 8
Теперь давайте наведем порядок на палитре слоев. Создадим новую группу:

Создание в фотошопе супергероя из простых векторных фигур


Выделите слои, содержащие цветные фигуры, кликая по ним на палитре слоев при нажатой клавише Shift:

Создание в фотошопе супергероя из простых векторных фигур


Затем перетащите выделенные слои на иконку создания новой группы в нижней части палитры слоев.

Создание в фотошопе супергероя из простых векторных фигур


Сверните группу, кликнув по стрелке, направленной вниз рядом с ее иконкой, и переименуйте в “Цвета”:

Создание в фотошопе супергероя из простых векторных фигур


4. Создания туловища при помощи векторных контуров

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

Шаг 1
Выберите инструмент Перо (Pen Tool (P)) и убедитесь, что он установлен в режим Слой-фигура (Shape), точно так же, как мы сделали прежде чем применить инструмент Эллипс. Кликните в той точке, их которой хотите начать свой контур.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
Кликните в следующей точке, чтобы образовать линию:

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Создание в фотошопе супергероя из простых векторных фигур


Создание в фотошопе супергероя из простых векторных фигур


Шаг 3
В завершение, снова кликните по точке, с которой начали, чтобы замкнуть контур:

Создание в фотошопе супергероя из простых векторных фигур


После того, как контур будет создан, вы так же можете изменять его форму, перемещая опорные точки при помощи инструмента Стрелка (Direct Selection Tool (A))

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Продолжаем рисовать тело нашего персонажа. Добавим ему ноги, начав с двух простых многоугольников:

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Теперь нарисуем ступни. Для этого достаточно просто соединить контуром оба пальца:

Создание в фотошопе супергероя из простых векторных фигур


Здесь прорисованы видимые части пяток:

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Затем добавляем рельефность:

Создание в фотошопе супергероя из простых векторных фигур


Здесь простыми формами обозначаем кулаки:

Создание в фотошопе супергероя из простых векторных фигур


Соединяем кулаки и плечи, добавив предплечья:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 6
Добавляем голову. Ее можно создать при помощи повернутого овала:

Создание в фотошопе супергероя из простых векторных фигур


Добавляем шею. Для этого воспользуемся инструментом Прямоугольник (Rectangle Tool (U)). Если хотите, можно несколько детализировать голову, обозначив скулы при помои инструмента Перо (Pen Tool).

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


5. Раскрашивание

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

Шаг 1
Кликните по самому верхнему слою на палитре слоев, после чего, зажав клавишу Shift, кликните по самому нижнему. В результате все слои между ними, а так же сами эти слои, окажутся выделенными. Кликните по выделенным слоям правой кнопкой мыши, и выберите, в открывшемся контекстном меню, пункт Объединить фигуры (Merge Shapes). Назовите вновь созданный объединенный слой “Основой”.

Создание в фотошопе супергероя из простых векторных фигур


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

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

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
Выберите инструмент Пипетка (Eyedropper Tool (I)) и кликните по выбранному темному цвету на палитре. Нарисуйте этим цветом длинную, похожую на тунику, рубашку. Вытравив этот слой, вы можете создать эту фигуру несколькими кликами, проводя прямые линии.

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle Tool), который находится в том же свитке, что и инструмент Прямоугольник. Создайте с его помощью показанный ниже обширный вырез:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 3
Добавьте две прямоугольные черные фигуры в область грудной клетки.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Затем еще два прямоугольника поверх них:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 5
Защитите плечи двумя прямоугольниками, сымитировав, с их помощью, накладки:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 6
Добавьте скругленный прямоугольник на левое плечо:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 7
При помощи все тех же прямоугольников добавляем ремешки:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 8
Добавляем перчатки и обувь, просто покрыв существующие фигуры контурами другого цвета:

Создание в фотошопе супергероя из простых векторных фигур


Чтобы немного детализировать обувь, добавьте сюда пару красных прямоугольников:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 9
Переходим к голове. Создайте эллипс, чтобы обозначить некое подобие обода в области шеи.

Создание в фотошопе супергероя из простых векторных фигур


Затем еще одним эллипсом, закончите обод:

Создание в фотошопе супергероя из простых векторных фигур


Следующим эллипсом обозначаем лицо:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 10
“Заплатками” несложной формы, подобными тем, что показаны ниже, обозначаем глаза:

Создание в фотошопе супергероя из простых векторных фигур


Можно создать одну заплатку, затем продублировать ее (Ctrl+J) и воспользоваться меню Редактирование > Трансформирование > Отразить горизонтально (Edit > Transform > Flip Horizontal).

Создание в фотошопе супергероя из простых векторных фигур


Теперь обозначаем сами глаза двумя белыми эллипсами:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 11
Наконец, добавьте в область поясницы коричневый ремень, обозначив его прямоугольником соответствующего цвета:

Создание в фотошопе супергероя из простых векторных фигур


6. Добавление деталей

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

Шаг 1
Начнем с того, что украсим пояс нашего героя пряжкой. Обозначьте ее при помощи красного круга, расположив его по центру ремня.

Создание в фотошопе супергероя из простых векторных фигур


Затем расположите внутри него еще один круг, но уже черного цвета.

Создание в фотошопе супергероя из простых векторных фигур


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

Создание в фотошопе супергероя из простых векторных фигур


Добавим сюда же две металлические застежки.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 2
И какая же экипировка супергероя без множества навесных кармашков?! Добавляем кармашки и сумочки на пояс, и одну – на бедро:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 3
На два пустующих ремня на бедрах подвешиваем две кобуры. Их можно выполнить из простых черных многоугольников.

Создание в фотошопе супергероя из простых векторных фигур


Шаг 4
Чтобы подчеркнуть воинственную позу нашего супергероя, вложим в его руки по пистолету:

Создание в фотошопе супергероя из простых векторных фигур


Шаг 5
В завершение, снабдим нашего супергероя двумя мечами-катана, закрепленными за спиной:

Создание в фотошопе супергероя из простых векторных фигур


Ну вот и все!
Теперь у вас есть собственный супергерой, выполненный в векторе. Вы можете увеличить его до размеров постера, либо уменьшить до формата почтовой марки, без какого-либо ущерба для качества. Чтобы в этом убедиться, вы можете сохранить этот исходный файл в очень маленьком размере, затем снова открыть его в фотошопе, и увеличить через меню Изображение > Размер изображения ( Image > Image Size).

Если вам понравилось работать в векторной технике, подумайте над тем, чтобы испытать свои силы в Adobe Illustrator.

Создание в фотошопе супергероя из простых векторных фигур


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

Другие новости по теме:


Просмотров: 2667 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

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