Инструменты групп "Перо" и "Контур".
Рисуем пасхальное яйцо.



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

Приношу свои извинения за задержку
публикации очередного урока.

Сегодня мы начинаем знакомиться с инструментами групп
"ПЕРО" и "КОНТУР"





С помощью этих инструментов можно рисовать векторные объекты(фигур).
Основное достоинство векторных объектов -
после его создания можно изменять форму без потери качества.

Основная составляющая - это КОНТУР.
Контур - основа векторного рисунка да и не только векторного.
Уверена, что каждый, хоть раз что-то рисовал карандашом.
Что вы сначала нарисуете?
Конечно контур, которой потом закрасите тем же карандашом.

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

Получится типа этого



Ну...можа у вас и покрасивше получится
Но не получится так.



Разница в контурах очевидна.

Я рисую кистями, исключительно, на планшете,
но это совсем другая история,
которая к теме урока не имеет никакого отношения.

Мы же с вами будем рисовать ПЕРОМ.
Давайте познакомимся с группой инструментов "Перо"
и группой "Контур".

1.Перо



Это основной инструмент для создания контура и векторный объектов
путём точечного рисования.
Каждый клик мышкой по документу этим инструментом создаёт точку
(опорная точка)
В зависимости от настроек инструмента,
с каждой новой точкой будет образовываться контур или объект (фигура).
Настройки находятся в верхней панели инструмента.





1)Если активна настройка "слой-фигура",
то, после третьей точки будет происходить заливка
цветом или стилем.



Подробно о верхней панели настроек
векторных инструментов читайте ЗДЕСЬ.

2)Если активна настройка "контуры",
то, создавая опорные точки вы будете получать контур.



2. Свободное перо.



Этот инструмент используется, в основном, для создания крнтура
объектов с изображения.
Проще говоря, как инструмент "прямолинейное лассо".
Если активировать позицию "магнитное"
(галочку поставить)



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

3.Перо+



Если, после создания контура вам нужно добавить ещё опорную точку,
то этот инструмент как раз то, что вам нужно.

4.Перо -



А этот инструмент удаляет лишнюю точку.

5. Угол.



Очень полезный инструмент .
С его помощью можно острый угол сделать округлым,
изменить траекторию контура....

6. Выделение контура.



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



7. Стрелка.



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

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

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

Рисуем пасхальное яйцо".



1.Создаём новый документ 500х700пикселей,
фон прозрачный.

2.Активируем инструмент "перо" с параметрами "слой-фигура",
цвет значения не имеет,
и начинаем создавать фигуру, похожую на яйцо.
Углы переходов от одной точки к другой будут острыми,
но пусть вас это не смущает.
Мы всё исправим позже.





И замыкаем контур, кликнув на первую опорную точку.



2. Редактируем контур, то есть из этого не пойми что,
создаём яйцо.
Нам понадобятся для этого два инструмента:
угол и стрелка.

1) Активируем инструмент "угол" и, сделав клик по любой опорной точке,
тянем мышкой.



Острый угол заметно округляется.

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

3)Если узлов слишком много, и плавная линия не получается,
то удалите лишние узел, активировав инструмент "перо-"

Не спешите, не забывайте менять инструменты в зависимости от своих действий.

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



4)Если перейти в панель "Контуры",
то мы увидим наш контур.



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

Открываем список опций,
нажав на стрелку в правом верхнем углу.
Выбираем "Сохранить контур".





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



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



6) Чтобы сбросить контур переходим в панель "контуры"
и делаем клик левой кнопкой мыши по пустому месту.



Контур исчез.



Переходим в панель слоёв для дальнейшей работы.

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

В качестве рисунка можно использовать всё, что угодно:
кисти, формы, текстуры, клипарты...
Это зависит от вашей фантазии.
Но обязательным выполнением части урока -
создание орнамента с использованием инструментов групп
"перо" и "контур".
Орнамент будет простой,
но это вам позволит потренироваться работать с инструментами.

3. Создание орнамента.

1)Для удобства работы откройте линейки,
если они не открыты
(меню - просмотр - линейки.)

2) Определим направляющие,
которые нам помогут создать симметричный контур.

Для этого, при активном инструменте "перемещение"
потяните левой кнопкой мыши с горизонтальной линейки вниз.



Цвет направляющих можно определить в установках.
(меню - редактирование - установки - направляющие, сетка, фрагменты)



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

Я определила 2 направляющие.
Каждую направляющую я отдельно тянула с линейки:
сначала одну, потом вторую.



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

3) Орнамент мы будем создавать контуром.
Но контур нужно чем-то обвести.
Мы для этого будем использовать кисть.
Возьмём обычную круглую жёсткую кисть в 5 пикселей.
цвет значения не имеет, так как мы будем редактировать цвет.



Определение кисти важный момент, потому что
на обводке контура будет именно та кисть,
которую определили.

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



5) Определяем начало контура,
сделав клик мышкой на верхней направляющей
чуть дальше границы яйца.



6) Следующую точку делаем чуть дальше противоположной границы,
но не отпускаем зажим мышки.



У нас образовался прямой сегмент.

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



У опорной точки появились усики.
Эти усики можно регулировать.

8) Активируем инструмент"угол",
цепляем им точку правого усика.
Уменьшаем усик и меняем угол.
Эти действия проводим с зажатой левой кнопкой мыши:
уменьшаем - двигаемся ближе к опорной точке.
меняем угол - поворачиваем.



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



10) Тянем мышкой влево вниз,
чтобы сегмент ушёл за границу яйца.



11) Создаём следующую точку на противоположной стороне яйца
и тянем немного вверх.



Дуга получилась не очень хорошая.
Редактируем (изменим) этот сегмент (дугу)

12) Активируем инструмент "стрелка"
и потянем немного вниз усик правой нижней опорной точки.



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

Должно получиться, примерно, так.



В принципе, можно было создать закрытый контур из 4 опорных точек
и после редактировать опорные точки.
Но это мы делали, когда создавали яйцо.
Я показала ещё один вариант редактирования..

14) Теперь сделаем обводку контура.

а) Для обводки создаём новый слой.

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



В выпавшем окне выбираем инструмент,
нажав на стрелочку справа.



Жмём ОК. Получаем обводку



15) Теперь нам нужно выделить ту часть,контур который мы создали
и залить другим цветом.

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



Получаем выделение.



б) Заливаем выделение любым цветом.



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

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

Открытый контур
(первая точка слева, последняя справа)



Закрытый контур.



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

Для чего мы все контуры создаём не в чётких границах, а немного больше.
Если у вас нет опыта работы с этими инструментами,
вы потратите уйму времени, чтобы подогнать под границы объекта.
Так что, не бойтесь, а наоборот, давайте себе больше пространства,
можно и холст увеличить, если боковые границы яйца
очень близко к границам холста (документа).
Мы всё подгоним под нужные границы очень легко.

17) Итак, контур сделан.
Создаём новый слой.
В панели слоёв располагаем его между слоями "заливка и "обводка".
Параметры слоя.. пусть будет "рисунок".



Образуем область выделения и заливаем любым цветом.



Снимаем выделение.

18) Теперь избавляемся от всего лишнего.

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

б) Инвертируем выделение
(меню - выделение - инверсия)

в) Переходим на слой "заливка" и удаляем лишнее.
Можно нажать клавишу Delete или топать в
меню - редактирование очистить.

Получаем



Также поступаем и со слоями "рисунок" и "обводка":
переходим на слой - очищаем.
Когда все слои очищены снимаем выделение.

Получаем.



г) Осталось очистить слой рисунок.
Для этого :
загружаем выделение слоя "заливка"
инвертируем выделение
переходим на слой "рисунок" и очищаем.
В заключении снимаем выделение.

Получаем такой вид.



Итак, основную часть мы сделали.
Осталось вкусненькое:
цвет , создать блики и тени.

Перед тем, как продолжить работу,
советую сохранить файл в psd, как рабочий.
Он может вам пригодится, как шаблон (основа).

д)Цвета создаём эффектом (стилем) слоя
"наложение цвета".
Вызвать эту опцию можно нажав на вторую иконку слева
внизу панели слоёв.
Не забывайте, эффект будет накладываться на тот слой,
который активен в панели слоёв.



А ещё можно на самом слое сделать клик правой кнопкой мыши
и в выпавшем списке выбрать "параметры наложения".



Откроется панель со стилями, выбираем "наложение цвета"
Для изменения цвета жмём на иконку цвета.
Откроется палитра, на которой выбираете цвет.



После выбора цвета в палитре нажмите Ок,
чтобы она закрылась.

Я раскрасила (наложила цвета) так.



А можно и не цветом, а градиентом
на слоях с заливкой и рисунком.







В принципе, этого достаточно.
Орнамент закончен.
Но уж очень у нас скучное яйцо.
Давайте добавим декор: цветы.

4. Декор.

1) Создаём новый слой с параметрами "цветы"
В панели слоёв располагаем его на самом верху.



2)Активируем инструмент "произвольная фигура;
с параметрами "заливка пикселов"



3) В панели с фигурами выбираем какой нить цветочек.
Я выбрала этот.



Набор, в который входит много разных цветов,
в том числе и этот, можно скачать ЗДЕСЬ.

Как загрузить формы ( фигуры) в фотошоп
читайте ЗДЕСЬ (14пункт)

4) Рисуйте ( создавайте) цветы с зажатыми клавишами Shift+Alt,
тогда форма отпечатается именно в том месте, на которое вы нажали мышкой на полотне.
Только сначала нажмите мышкой , а потом зажимайте клавиши.

Если у вас трудности с созданием цветов на одном слое.
То можно поступить так:
создать один цветок и дублировать его;
дублированные слои расставляйте в нужные места
инструментом "перемещение",
свободной трансформацией уменьшать размер.
Не забывайте, что трансформировать лучше
с зажатыми клавишами Shift+Alt для равномерного трансформирования.
После, когда все цветы расставлены по местам,
соедините их в один слой.

У меня получилось так.



Цвета я определяла пипеткой :
с рисунка - жёлтый,
с обводки - синий.
Делаете клик пипеткой по нужному цвету на документе
и он тут же отобразится на иконке основного цвета палитры цветов.
Менять цвет местами в иконке палитры цвета можно нажав на стрелочки,
которые находятся рядом.
На скрине я обвела иконки палитры цвета и инструмент пипетка.

5) Цветы выглядят несколько мутными ( размытыми).
Это произошло от того, что форма, которую мы использовали,
создавалась с большого размера исходного рисунка.

Увеличим резкость цветов.
Для этого топаем в
меню - фильтры - усиление резкости - умная резкость.
Эффект устанавливаем на 100%
Галочка на "Точнее"



Совсем другое дело.



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



Снимаем выделение и получаем такой вид.



7) Осталось создать свет и тень.

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

В панели слоёв располагаем так:
Слой "свет" над слоем "яйцо"
Слой "тень" на самом верху.



б) К слою "свет" применяем эффект слоя
"Внутреннее свечение"
Заливка 0%



в) К слою "тень" применяем эффект слоя
"Внутренняя тень"
Заливка 0%



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

Получиться должно, примерно, так.



г) Последний штрих -
затемним немного нижнюю часть яйца.
Для этого;
Загружаем выделение слоя "яйцо"
Создаём новый слой,
в панели слоёв он должен быть выше слоя "яйцо"
Режим наложение "умножение", заливка 70%
Пипеткой определяем цвет яйца
Мягкой кисточкой большого размера проходимся по низу яйца.



Снимаем выделение.
Готово!
Сохраните рабочий файл
(на всякий случай)
и на прозрачном фоне в формате PNG.
Он послужит вам клипартом при создании
своих творческих проектов с пасхальной тематикой.

Совет.
Если вы в качестве орнамента используете какой-то узор,
чтобы он не выглядел плоским, его нужно немного исказить, придать объём.
Для этого:
загружаем выделение слоя "яйцо"
переходим на слой с узором и применяем фильтр "сферизация"
(меню - фильтры - искажение - сферизация.)
Количество не стоит делать большим.



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

**********************************************************

Задание участникам тренинга:

Сделать 3 яйца на разных файлах с разными рисунками.
Одно из яиц должно быть с орнаментом,
выполненным пером.
(можно повторить орнамент из урока)
Опубликовать свои работы в комментарии.
Размер файла не больше 500 пикселей по большой стороне.
Для публикации можно сохранить в jpg.

***********************************************************

Проявите фантазию, тренируйтесь работать пером,
проявите терпение и у вас получатся великолепные результаты!

С дружеским теплом, Ольга Бор.