Конечный результат:
Ресурсы урока:
Пингвин
Шаг 1
Процесс обучения работе с инструментом Перо (Pen Tool) будет заключаться в том, что мы будем создавать контур поверх изображения.
Откройте изображение пингвина в Photoshop и уменьшите его до того размера, который Вам нужен. Я уменьшил изображение до 1800х2546 пикселей. Дублируйте фоновый слой (Ctrl + J) и удалите оригинал. Уменьшите непрозрачность слоя с пингвином до 50% - это облегчит процесс рисования контура.
Шаг 2
Создайте новый слой (Create New Layer), назовите его «Body» и выберите инструмент Перо (Pen Tool) (горячая клавиша для вызова этого инструмента P).
Убедитесь, что инструмент Перо (Pen Tool) находится в режиме контуров (Paths):
Шаг 3
Для начала, создадим контур по форме туловища пингвина. Кликните левой кнопкой мыши по верхней части головы (макушки) пингвина – появится небольшой маленький квадрат. Он называется Опорная точка (якорь/узловая точка). Это начало контура.
Для больших областей я предпочитаю не создавать много опорных точек, а одну большую линию. Но, если Вы хотите, можете создавать линии меньшего размера, используя больше опорных точек. Попробуйте оба метода и выберите тот, который будет для Вас удобнее.
Шаг 4
Кликните и удерживайте левую кнопку мыши в том месте, где начинается крыло пингвина.
Перетащите мышь вниз и заметите, что линия сгибается. Перетащите линию и отпустите кнопку мыши, когда линия будет изогнута вокруг головы и прикоснется к ее краям.
Если линия получилась не такой, как Вам хотелось бы, ее можно будет исправить. Один из вариантов это сделать – удалить последнюю опорную точку: для этого, нажмите кнопку Delete.
После того, как Вы удалили опорную (узловую) точку, не забудьте кликнуть по последней ой точке, которую Вы сделали перед удалением, иначе создание контура не будет продолжено, а вместо него появится новый.
Также, Вы можете изменить угол наклона линии, выбрав инструмент Угол (Convert Point Tool). При создании кривой, Вы, вероятно, заметили, что появляются две линии. Они называются направляющие/контрольные линии. Они контролируют угол наклона и длину кривой.
При активном инструменте Перо (Pen Tool) нажмите и удерживайте клавишу Alt (эта клавиша сделаем активным инструмент Угол (Convert Point Tool)) и наведите курсор на верхнюю контрольную линию (курсор не измениться до тех пор, пока Вы не наведете его на контрольную линию или опорную точку). Теперь, если Вы кликните и удержите верхнюю контрольную линию, Вы сможете изменить ее в любом направлении.
Еще один способ редактирования контура – при помощи клавиши Ctrl. В этом случае, Вы сможете перемещать опорные точки и контрольные линии, изменяя линии и кривые.
Шаг 5
Нижняя контрольная линия будет такой же длинной, как показано на скриншоте (если Вы ее еще не редактировали).
Если Вы попытаетесь продолжить и кликните пером (Pen Tool) по контуру на крыле пингвина, линия не будет направлена туда, куда Вам нужно. Это произойдет потому, что контрольная линия большого размера и будет создана большая кривая (в основном, длинная контрольная линия равняется длинной кривой, а короткая контрольная линия равняется короткой кривой).
Удерживая клавишу Alt, кликните и перетащите нижний конец контрольной линии вверх, чтобы он находился достаточно близко к ой точке и имел направление в сторону крыла.
Теперь Вы должны создать контур вокруг крыла, используя вышеперечисленные способы:
Следуйте описаниям шагов с третьего по пятый и создайте контур вокруг всего туловища пингвина.
Запомните:
- удерживая нажатой кнопку мыши, перетащите кривую линию
- длинная контрольная линия равняется длинной кривой
- короткая контрольная линия равняется короткой кривой
- если Вы удалите опорную (узловую) точку, кликните по последней созданной
- используйте инструмент Угол (Convert Point Tool), чтобы сократить/удлинить контрольную линию
- увеличивайте области, в которых присутствует много деталей, чтобы создать более точный контур
- ничего страшного, если контур в начале, получится не достаточно точным – на это нужно время.
Шаг 6
Как только будет создан контур на правом крыле, кликните по первой контрольной точке, которую Вы создали в самом начале, чтобы закрыть и закончить создание контура.
Ваше изображение должно выглядеть приблизительно так:
Для цвета переднего плана выберите черный:
При активном инструменте Перо (Pen Tool) кликните правой кнопкой мыши по контуру, чтобы открыть вот это диалоговое окно:
Выберите пункт Выполнить заливку контура (Fill Path) и установите те параметры, которые показаны на скриншоте:
Нажмите клавишу Delete , чтобы удалить контур:
Ваше изображение будет выглядеть так:
Шаг 7
Кликните по иконке глаза в палитре Слоев (Layers), чтобы сделать невидимым слой «Body».
Создайте новый слой (Create New Layer) над слоем «Body» и назовите его «Stomach». Инструментом Перо (Pen Tool) нарисуйте контур вокруг белой части тела пингвина.
Когда вы закончите создание контура и его закроете, для переднего плана выберите белый цвет, кликните правой кнопкой мыши по контуру и выберите пункт Выполнить заливку контура (Fill Path). Нажмите клавишу Delete, чтобы удалить контур. Включите видимость слоя «Body».
Теперь Ваше изображение вместе со слоем «Body» будет выглядеть так:
Шаг 8
Над всеми слоями создайте новый слой (Create New Layer) и назовите его «Left Eye». Сделайте невидимыми все слои, кроме слоя с оригинальным изображением пингвина. Нарисуйте круглые глаза, воспользовавшись инструментом Эллипс (Ellipse Tool),
или создайте контур вокруг левого глаза инструментом Перо (Pen Tool) и заполните его черным цветом. После того, как левый глаз нарисован, дублируйте слой с ним (Ctrl + J) и переместите его на правый глаз. Этот слой назовите «Right Eye».
Вот так выглядит изображение, когда все слои включены:
Шаг 9
Над всеми существующими слоями создайте новый слой (Create New Layer) и назовите его «Beak». Снова сделайте невидимыми все слои, кроме оригинального слоя с пингвином и создайте контур вокруг носа. Для цвета переднего плана выберите #fbdf26 и заполните им контур. Теперь контур можно удалить.
Шаг 10
Удалите слой с исходным изображением пингвина и сделайте все слои видимыми. Под все слои с отрисовкой пингвина добавьте новый слой (Create New Layer) и залейте его белым цветом. Теперь обрежьте изображение так, чтобы пингвин находился ровно по центру.
Ссылка на источник урока
No comments:
Post a Comment