Тренинг. Курс третий. Урок №5. Рисуем матрёшку. Часть 1. - Тренинг Ольги Бор - Уроки - Каталог статей

Приветствую всех участников тренинга!

Мы продолжаем работу с инструментами
групп "Перо" и "Контур".

Все подробности о работе с этими инструментами,
порядок действий, настройки, пояснения действий
изложены в предыдущем уроке - ссылка.

В этом уроке мы будем рисовать русскую классическую матрёшку.
Но, в отличии от предыдущего урока,
у нас будет основа рисунка (исходник).
Фактически, мы не нарисуем, а отрисуем контур,
а дизайн будем создавать сами.

В качестве основы я взяла превью векторного рисунка
с сайта стоковых изображений dreamstime
автор рисунка Elmmksat
Скачать превью - ссылка
Чтобы сохранить превью у себя на компьютере,
сделайте клик правой кнопкой мыши по рисунку
- сохранить изображение как...

Зачем нам нужна основа?
Всё просто - нарисовать набросок матрёшки у вас вряд ли получится,
а нарисовать с нуля матрёшку пером....совсем мало шансов.
Поэтому мы воспользуемся основой.

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

Вы можете воспользоваться другой основой для своей матрёшки,
но со следующими условиями:
1. Исходник (основа) не должен превышать 500пикселей по большой стороне.
2. В комментарии опубликовать ссылку,
откуда взят исходник.

Урок состоит из двух частей.
В этом посте первая часть.

Приступим.

1.Создаём документ не менее 3000 пикселей по малой стороне.
Для чего нужен такой большой документ?
Дело в том, что рисовать мелкие детали на большом холсте гораздо легче.
Конечный результат можно всегда уменьшить до нужного размера.
Да и мелкие огрехи при уменьшении размера скроются.

Итак, создаём документ 3000х3500пикселей, фон прозрачный.

2. Открываем файл с исходником и переносим на наш документ.
Выглядеть это будет так.

3. Удерживая клавиши Shift+Alt ( для равномерного изменения)
Свободной трансформацией увеличиваем исходник).
Получаем такой вид.

4. Контур матрёшки.

В работе мы будем использовать инструмент"перо"
Почему в нашем случае невозможно использовать инструмент "свободное перо",
который работает, как инструмент "прямолинейное лассо"
и "магнитное лассо?.
Дело в том, что при увеличении исходника
плавное очертание превратилось в неровные, волнистые края

В этом случае инструмент "свободное перо" нам не сможет дать
хорошего результата.

1) Активируем инструментом "перо" с параметрами "контур"

и создаём закрытый контур матрёшки.
Советую начинать с нижнего левого края.

Я создала контур из 6 точек.

2) Чередуя инструменты "угол" и "стреклка"

редактируем точки и сегменты так, чтобы получился контур матрёшки.
Я не буду подробно описывать эти действия,
с ними вы познакомились в предыдущем уроке.
Не торопитесь, добавляйте, если нужно, опорные точки
(инструмент "перо+
- сделать клик этим инструментом по нужному месту)
Я добавила ещё две точки.
В итоге получилось так.

3) Когда контур готов, образуем выделенную область
(клик правой кнопкой мыши по документу,
из выпавшего списка выбрать
"образовать выделенную область)

4) В панели слоёв создаём новый слой и заливаем его цветом.
Можно произвольным, а потом отредактировать,
а можно определённым, если вы решили, какая матрёшка у вас будет.
Я выбрала синий цвет.
После заливки снимаем выделение
(меню - выделение - отменить выделение)

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

1) Отредактируйте усердно одну сторону матрёшки
2) Образуйте выделенную область и залейте её цветом.
3) Снимите выделение.
4) Инструментом "прямоугольная область"
выделите плохую часть матрёшки и удалите её.
5)Снимите выделение.
6) Дублируйте оставшуюся часть и
разверните дубликат по горизонтали.
7) Инструментом "перемещение, удерживая клавишу Shift,
переместите дубликат на место удалённой части.
8) Соедините оба слоя.
Всё.

Если вам нужен контур полученной фигуры, то:
1) При активном инструменте выделения
клик правой кнопкой мыши по документу,
из выпавшего списка выбрать
"образовать выделенную область"

2) Ещё раз клик правой кнопкой мыши по документу,
из выпавшего списка выбрать
"образовать рабочий контур"

3) Контур отобразится в панели "контуры".
Его можно сохранить, вдруг пригодится.

5. Лицо.

1)Отключаем видимость слоя с болванкой матрёшки,
которую мы создали и приступаем к работе над лицом.

Для удобства работы потянем направляющие по вертикали и горизонтали,
чтобы определить, примерно, середину лица.
Не забываем, что направляющие тянем от линеек
(горизонтальной и вертикальной)
Если линейки не активны, то откройте их
(меню - просмотр - линейки)

2) Пипеткой определяем основной цвет лица.

3) Активируем инструмент "эллипс"
с параметрами "заливка пикселей".

4.) Создаём новый слой, называем его "лицо"

5) Зажимаем клавиши Shift+Alt и образуем круглую фигуру
от пересечения направляющих.

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

8) Определяем цвет волос пипеткой.

7) Рисуем волосы.

а)Активируем инструмент "перо"
с параметрами "слой - фигура"
и создаём первую точку.

б) Вторую точку ставим в районе начала изгиба

в) Не отрывая кнопку мыши растягиваем примерно так
(немного вниз и вправо)

г) Переходим на инструмент "угол"
и уменьшаем правы усик - тянем его к опорной точке.

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

е) Нужная линия создана
Так как у нас идёт заливка контурв,
то создадим несколько произвольных точек,
чтобы залить область волос.
Я создала 5 точек.

Растрируем слой фигуру
(в панели слоёв клик правой кнопкой мыши по слою,
из выпавшего списка выбрать-
растрировать слой)

ж)Сейчас нам нужно сделать обводку волос.
а потом удалить всё, что находится за границами слоя "лицо"

Обводка ( небольшой кантик по контуру)
сделаем цветом чуть темнее волос.

Чтобы определить цвет открываем окно палитры цветов,
сделав клик по иконке цвета в панели инструментов.
Устанавливаем цвет, темнее волос.

Находясь на слое с волосами топаем в
меню - редактирование - выполнить обводку
Настройки:
ширина - 7 пикселей
расположение - по центру

Но у нас только одна часть волос.
Дублируем слой, отражаем по горизонтали
и перемещаем в противоположную часть лица.

Соединям слои с волосами,
полученный слой называем "волосы".

Теперь удаляем лишние волосы.

Загружаем выделение слоя "лицо"
( стоя на слое меню -выделение - загрузить выделенную область)

У нас выделилась область лица,
на котором должны лежать волосы.
Всё, что находится за границами выделения,
нужно удалить.

Поэтому, мы инвертируем выделение
( меню - выделение - инверсия)
и удаляем со слоя с волосами
(клавиша Delete или
меню - редактирование - очистить).

Снимаем выделение
(меню - выделение - отменить выделение)

3) Нарисуем несколько волосинок, как на превью.
Для этого создадим открытые контуры.

Создаём новый слой.
Определяем кисть для обводки контура.
Выбираем жёсткую круглую, размер, как у обводки - 7 пикселей.

Активируем инструмент "перо" с параметрами "контур"

Создаём дугообразную линию (сегмент),
(чтобы получить дугу, тяните вторую точку).

Выполним обводку контура
(клик правой кнопкой мыши по документу,
из выпавшего списка выбрать"выполнить обводку контура").

Получаем.

Сбрасываем контур
(в панели слоёв клик по пустому месту.

А можно сохранить контур,
(открыть список, нажав на стрелку сверху справа панели "контуры" -
выбрать - сохранить контур)

Следующую дугу можно создать как из нового контура,
так и из сохранённого.
Из нового я уже описала выше.
Давайте разберём, как создать новую дугу
из сохранённого контура:

Активируем инструмент "выделение контура"

Сдвигаем контур

Активируем инструмент "стрелка"

Изменяем дугу - увеличиваем её,потянув за нижнюю точку,
верхнюю можно тоже потянуть, чтобы дуга увеличилась.

Создаём новый слой и выполняем обводку контура.

Третью дугу создаём также на новом слое.

На одном слое с дугой применяем
эффект слоя "наложение градиента".

Градиент я создала из существующих.
Цвета указаны на скрине.
Как создать градиент, читайте ЗДЕСЬ.

Получаем.

Копируем стиль слоя
(клик правой кнопкой мыши по слою,
выбрать из выпавшего списка
"скопировать стиль слоя"

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

После выделяем слои с дугами о объединяем их в один слой.
(меню - слои - объединить слои)
Как выделять слои читайте ЗДЕСЬ.

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

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

Объединяем все слои с волосами.

Кое что уже нарисовали.)))

8) Рисуем брови и глаза.

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

Берём ту же кисть, но размер увеличиваем до 14 пикселей.

Открываем окно настроек кисти
(жмём на иконку настроек)

Или меню - окно - кисти.

Выбираем позицию "динамика формы"
и устанавливаем минимальный размер нажима пера.
Я поставила 25 %
Чем процент меньше, тем острее будут края
и наоборот.

Цвет тот же, что и у обводки волос.

б) Пером создаём дугу для брови и
на новом слое делаем обводку контура.

в)Для глаза изменим немного кисть.
Уменьшим размер до 10 пикселей,
а динамику формы увеличим до 40%

Переходим на инструмент "перо" и создаём закрытый контур.
Сначала создаём дугу.

Переходим на инструмент "угол",
уменьшаем и поворачиваем верхний усик.

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

Получился такой контур

г) Создаём новый слой и на нём сделаем обводку контура.

д) Создаём ещё один слой,
в панели слоёв располагаем его под слоем с обводкой контура глаза.
Образуем выделенную область и заливаем её белым цветом.
Снимаем выделение.

У нас получился белок глаза.

е) Теперь нарисуем зрачок.
Активируем инструмент "эллипс" с параметрами "заливка контура.
Создаём новый слой, в панели слоёв располагаем его
над слоем с белком.
Пипеткой определяем цвет и рисуем зрачок.

е) Создаём слой и рисуем чёрный зрачок.

ж) Глаз почти готов.
Осталось сделать блики.
Создаём новый слой,
Берём мягкую круглую кисточку,
Устанавливаем:
размер - 50 пикселей
жёсткость 40%

Создаём новый слой над слоем с чёрным зрачком
и делаем клик кисточкой, цвет белый.

Уменьшаем кисть до 30 пикселей
и делаем ещё один клик на том же слое.

В заключении, создаём ещй один слой,
в панели слоёв располагаем его над слоем с цветом глаза
( у меня это 6 слой)
Режим наложения слоя меняем на "перекрытие".
Берём мягкую кисточку 110 пикселей,
жёсткость на ноль, и делаем клик,
чтобы создать свечение.

Что ж..глаз готов...Но мне кажется,
что обводка белка очень тонкая.
Это очень легко исправить.
Сделаем жёсткую кисть с размером 14 пикселей, как у брови,
а динамику поставим 40%, как и делали для обводки.

Перейдём в панель "контуры" и активируем рабочий контур
(клик по названию)

Переходим в панель слоёв, удаляем слой с обводкой
( самый верхний в панели слоёв)
создаём новый слой и делаем обводку контура.
Получилось, как мне кажется, лучше.

Выделяем все слои с бровью и глазом -
это 3 - 10 слои

убираем их в группу с параметрами "глаз"
(меню - слои - новый - группа из слоёв)

Чтобы не запутаться в слоях группы, я их переименовала
(изменила параметры слоя).

Почему нельзя объединить слои?
1. В создании второго глаза
( а мы будем дублировать уже сделанный)
не все слои можно отобразить по горизонтали.
Например, блики должны оставаться в той же позиции,
как у этого глаза.
2. Возможность редакции
( изменения цвета, замена бликов и т.д.)

з) Дублируем группу и перемещаем её на другую сторону лица.
Дубликат называем "Левый глаз",
оригинал "Правый глаз.