Всем привет. Сегодня мы поговорим о том, как нарисовать круг в фотошопе. нужного диаметра, с использованием заливки и без нее, а также научимся рисовать различные объекты посредством этой фигуры. Многие скажут, мол, зачем вообще посвящать этой теме отдельную статью, если для этого нужно всего пару движений. На самом деле вы и правы, и одновременно ошибаетесь, так как кроме обычного рисования существует множество других нюансов, начиная от подгонки под нужный диаметр, и заканчивая тем, как поместить две окружности внутри друг друга. Самое главное, что это очень важный элемент веб-дизайна . Поэтому присаживайтесь по удобнее. Поехали!
Для того, чтобы нарисовать окружность в фотошопе, нам прежде всего нужно найти , который находится на панели инструментов. Именно там нам и предстоит выбрать ее из 6 элементов.
Пока временно поставьте оба этих параметра в режиме отсутствия, выбрав иконку с белым квадратом, перечеркнутым красной линией. Это будет означать, что у нас не будет ни заливки, ни обводки, а только контур.
И вот теперь можем приступить к рисованию эллипса. Зажимаем правую кнопку мыши в любом месте холста и начинаем тянуть мышкой. Пока мы двигаем мышкой с зажатой клавишой, у нас будет рисоваться овал, который будет меняться в зависимости от ваших движений. Но когда вы отпустите кнопку, то фигура нарисуется.
Но если же вы захотите нарисовать точный круг в фотошопе, словно по циркулю, то вам предстоит то же самое, только с зажатой клавишей SHIFT . Это обеспечит сохранение пропорции фигуры.
Если вы хотите рисовать овал или окружность из центра, то делать это нужно с помощью зажатой клавиши ALT. Только перед использованием сначала зажмите левую кнопку мыши, чтобы обозначить, что началось рисование, а же только потом зажмите ALT и чертите полноценно из центра.
Чтобы двигать окружность еще до того, как вы отпустили кнопку мыши и применили ее (А это реально нужно часто), зажмите клавишу пробел во время начертания и просто двигайте мышкой.
Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT и ALT одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.
Чтобы нарисовать окружность определенного диаметра в фотошопе, нужно выбрать данную фигуру (Эллипс) и просто кликнуть один раз левой кнопкой мыши на холсте. После этого появится окошко, где вы можете задать размер по ширине и высоте в пикселях. Естественно, в случае с окружностью данные параметры должны быть одинаковыми.
В любой момент вы можете изменить эти заданные параметры, не прибегая к трансформации. Для этого в свойствах вверху просто измените значения по длине и ширине, как вы сами посчитаете нужным.
Теперь, перейдем в сами свойства окружности или эллипса. Как и любые другие свойства инструментов, они находятся под главным меню. Только будьте уверены, что активирован именно нужный инструмент, так как для каждой фигуры свои свойства.
Выше мы уже убрали заливку и обводку с фигуры, чтобы удобнее рассмотреть контуры, а теперь давайте ими воспользуемся. Например я выберу красную заливку и синюю обводку. Для этого идем в свойства и меняем цвет в соответствующих пунктах.
Теперь рисуйте круг, как я показывал вам выше, и вы убедитесь, что они стали такого цвета, который мы и запланировали. Кстати, необязательно задавать эти параметры сразу. Цвета можно изменить в любой момент, снова зайдя в те же самые параметры и изменив цвет.
Следом идет свойство толщины обводки. Вам нужно решить, сделать ее толствой или тонкой. Но в любом случае сделать это можно посредством дергания ползунков, либо заданием размера вручную.
Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.
И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.
Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно» — «Свойства» .
Как и для любых других фигур в данном случае возможно совмещение разных фигур на одном слое. Обычно ведь каждая новая фигура рисуется на отдельном слое, но если выбрать пункт «Объединить фигуры» , который находится в разделе «Операции с контурами» в панели свойств под меню, то все новые начертания будут делаться на одном слое.
Но нужно учесть, что теперь все фигуры, которые вы нарисовали на слое, автоматически становятся единым целым, и с помощью перемещения их уже не переместить раздельно. Но выход есть. В панели инструментов выберите «Выделение контура» . Вот с помощью него вы и сможете двигать отдельные фигуры.
Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.
На первый взгляд рисование двух кругов в одном — это простая задача. Но когда доходит до дела, пользователи сталкиваются с реальной проблемой. Давайте рассмотрим все это дело на практике и начертим небольшую мишень. И сделаем мы это двумя способами.
Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J , чтобы дублировать его три раза.
Теперь, сделайте невидимыми первые два слоя. чтобы они нам пока не мешались. Для этого нажмите а глазики на миниатюрах. После этого встаньте второй слой снизу, который мы не скрыли от взора, а затем нажимаем комбинацию клавиш CTRL+T , чтобы активировать режим трансформирования. После этого тянем за уголок и уменьшаем окружность с зажатым SHIFT , чтобы сохранить пропорции. На выравнивание пока не обращайте особого внимания, мы потом все ото исправим.
Теперь, закрашиваем круг белым цветом. Для этого идем в свойства и выбираем заливку белым цветом. Должно получиться примерно так. Вы не думайте, это не дырка. Просто фон и заливка одинакового цвета, поэтому так и кажется.
Далее, делаем видимым второй слой сверху, после чего фигура снова закрасится красным цветом. Но так и должно быть. Главное, что теперь вам снова нужно уменьшить данный момент, причем еще мельче, чем тот, который мы уменьшали только что. То есть жмем CTRL+T , тянем за уголки и уменьшаем. После этого применяем трансформацию.
Ну и наконец, делаем видимум самый первый сверху слой, заливаем белым цветом через свойства и уменьшаем с помощью трансформации еще меньше. Таким образом у нас появилась небольшая мишень, правда какая-то кривая. Ее нужно выровнять, чтобы расстояния между звеньями были одинаковыми.
Сейчас я специально сделал между окружностями разное расстояние, чтобы показать вам, как сделать всё ровно буквально за одно-два нажатия. Для этого выделите все слои, участвовавшие в процессе, по очереди с помощью зажатой клавиши CTRL . Либо вы можете выделить все сразу, выделив лишь первый и последний слой с зажатым SHIFT . Все, что было между ними будет также автоматически выделено.
Теперь, обязательно выберите инструмент «Перемещение» , иначе у вас ничего не выйдет. После этого в свойствах под меню вам нужно будет выбрать выравнивание центров по вертикали и по горизонтали.
После этого наш рисунок из кругов приобретет полноценный, симпатичный и точный вид. Всё ровно и стильно, прям хоть дротики кидай. Я надеюсь, что на данной примере вы поняли, как нарисовать в фотошопе круг в круге.
Кроме вышеуказанного способа можно воспользоваться простым добавлением. Я не буду долго размусоливать эту тему, так по идее все и так должно быть понятно.
По сути, мы рисуем круг, а затем рисуем еще один, но поменьше. После этого просто меняем цвет и выравниваем точно также, как мы это делали выше. Я думаю, что с этим проблем возникнуть не должно.
Ну и напоследок мы воспользуемся одной классной фишкой, которая называется обтравочная маска. Благодаря ей мы сможем вставить любое изображение в наш круг. Причем нам ничего не нужно будет подтирать и удалять. Оно впишется туда по всей поверхности окружности частично, а мы еще и сможем двигать картинку внутри и редактировать ее.
Это очень классное решение, так как всё получается ровно и четко, а самое главное, не страдает сама картинка и мы можем перемещать ее внутри круга как захотим.
Ну а если захотим сделать круглую рамку в фотошопе по быстрому, то можно использовать два варианта:
Более подробно о том как я написал в одной из своих предыдущих статей.
Ну а если вы хотите действительно отлично разбираться в фотошопе, то настоятельно рекомендую посмотреть вам этот замечательный видеокурс . Она настолько великолепно построен, что после его просмотра у вас просто не останется вопросов о том, как пользоваться этим графическим редактором. Все разложено по полочкам и буквально разжевано простым понятным человеческим зыком.
Ну а на этом я свою сегодняшнюю статью заканчиваю. Надеюсь, что вам понятно, как нарисовать круг в фотошопе нужного диаметра, с заливкой и обводкой. Если есть какие-то вопросы, то спрашивайте, не стесняйтесь. Ну а на этом у меня всё. Не забудьте подписаться на паблики в социальных сетях и на уведомления моего блога. До скорых встреч. Пока-пока!
С уважением, Дмитрий Костин
Цель Урока
В этом уроке мы научимся создавать векторный протрет в стиле Pop Art. Мы постараемся воспроизвести стиль одного из лучших представителей этого течения Роя Лихтенштейна (Roy Lichtenstein). Для создания эффекта растра и его тонкой настройки применим плагин для Adobe Illustrator - Phantasm CS . Для выполнения этого урока вы можете использовать любую фотографию, так почему бы вам не сделать собственный портрет в стиле Поп Арт?
Roy Lichtenstein (Октябрь 27, 1923 - Сентябрь 29, 1997) - один из знаменитейших американских художников, работающих в стиле Pop Art. Мы будем воспроизводить его стиль.
В качестве референса мы будем использовать фотографию. Я взял портрет Мэрлин Монро. Мне приятно работать над портретом красивой женщины. Вы, конечно, можете взять свою фотографию и создавать автопортрет.
Помещаем фотографию в рабочую область документа (File > Place…), затем нажимаем на кнопку Embed на верхней панели инструментов
Заблокируем слой с фотографией в палитре слои, чтобы не сместить ее в процессе работы.
Выше первого слоя создадим новый слой. В этом слое мы будем работать. Теперь берем Pen Tool (P) и создаем контур лица.
Выполняя эти действия, вы должны передать общие пропорции лица, вам не следует передавать все незначительные анатомические подробности изображения. Не забывайте, мы создаем стилизованный портрет, а не копию фотографии.
При помощи Pen Tool (P) создаем контур шеи и волос.
Заменим обводку созданных объектов на заливку и оценим гармоничность созданных форм. Это действие я выполняю всегда после ручной трассировки эскиза или фотографии.
Продолжая ручную трассировку, я опять меняю заливку и обводку местами или отключаю видимость созданных объектов в палитре слои.
Приступаем к созданию глаз. Берем Pen Tool (P) и создаем контур, передающий очертания глаза и форму тени вокруг него (я залил этому форму красным цветом только для наглядности)
Создание глаз это самая ответственная работа, потому что человеческие глаза мы видим каждый день, и любая диспропорция сразу будет заметна. Я посоветую в этой работе опираться больше на свои чувства, чем на фотографию. Берем Ellipse Tool (L) и создаем окружность с заливкой голубого цвета и черной обводкой.
Эта окружность будет радужной оболочкой глаза. Берем Scissors Tool (C) и разрезаем окружность в точках A and B, после чего удаляем верхнюю часть окружности.
Теперь соединим точки A and B при помощи Pen Tool (P) как это показано на рисунке ниже.
Используя ту же технику, создадим зрачок.
Берем Ellipse Tool (L) и создаем блик света на поверхности глаза.
Для создания ресниц используйте Pen Tool (P), применяя к созданным кривым треугольный профиль из палитры Stroke.
Таким же образом создаем второй глаз.
Основываясь на фотографию, создаем элементы рта. Зубы залиты сплошным белым цветом, такая стилистика работ Роя Лихтенштейна. Как и во всей работе упрощайте контур, передавая только основные пропорции.
Блик на нижней губе я создал при помощи Pen Tool (P) и применил к линии подходящий профиль из палитры Stroke.
При помощи Pen Tool (P) я создал брови, ноздри, а при помощи Ellipse Tool (L) родинку на щеке.
Теперь создадим складки кожи возле глаз и носа, используя Pen Tool (P) и профили из палитры Stroke.
Создаем тени на шее.
Все элементы лица у нас готовы.
Приступим к созданию стилизованных волос. Задача это не простая, так как у Мэрлин довольно сложная прическа. В этой работе главное разделить (дифференцировать) локоны волос и понять их направление. Я распечатал несколько портретов Мэрлин и карандашом попытался создать несколько эскизов.
Вы, конечно, можете этого не делать, если у вас не такая сложная прическа. После таких упражнений я уверенно взял Pen Tool (P) и создал кривые линии, передающие направления волос.
Теперь группируем все линии и блокируем группу в палитре слоев. Эту группу мы будем использовать в качестве шаблона. Берем Pen Tool (P) и создаем новые линии, используя шаблон, и применяем к ним различные профили, устанавливая их ширину в палитре Stroke.
Теперь шаблон может быть удален.
Характерной особенностью работ Роя Лихтенштейна является утрированная имитация растра. Имея в своем распоряжении Phantasm CS, мы легко сможем повторить этот эффект и даже немного поэкспериментировать. Копируем форму лица и шеи и вставляем их вперед (Cmd/Ctrl + C; Cmd/Ctrl + F), заливаем их бордовым цветом и объединяем в одну форму, нажав на кнопу Unite из палитры Pathfinder.
Переместите бордовую форму в палитре слоев так, чтобы она занимала правильное положение, как это показано на рисунке ниже.
Не снимая выделения с этого объекта, переходим Effect > Phantasm CS > Halftone…. Диалоговое окно содержит множество опций позволяющих тонко настраивать эффект.
Для имитации стиля Роя Лихтенштейна я установил Grid Angle равный 45 градусам, форма точки - circle. Параметр DPI влияет на детализацию изображения, Scale, как не трудно догадаться, на величину точек. Вы можете наблюдать за изменениями эффекта, меняя параметры в диалоговом окне, это очень удобно.
Вы, наверное, заметили, что точки выступают за контур шеи, давайте скроем этот эффект. Копируем форму бордового цвета и вставляем ее вперед (Cmd/Ctrl + C; Cmd/Ctrl + F), удаляем Halftone эффект из палитры Appearance.
Теперь выделяем обе бордовые формы и нажимаем сочетание клавиш Cmd/Ctrl + 7, создавая Clipping Mask.
Портрет в стиле Pop Art готов.
Phantasm CS позволяет создавать более сложный Halftone эффект. Давайте еще немного поиграем с ним. Отключим видимость Halftone эффекта, полученного в предыдущем шаге, кожных складок т тени на шее Мэрлин.
Переместим фотографию в палитре слоев так, чтобы она занимала положение, указанное на рисунке ниже.
При помощи Phantasm CS вы можете регулировать уровни (levels) растрового изображения прямо в Adobe Illustrator без предварительной обработки в Photoshop. Кроме того что это удобно, есть еще одно преимущество, о котором речь пойдет немного позже. Выделяем фотографию и переходим Effect > Phantasm CS > Levels…, пока оставляем параметры эффекта без изменений и нажимаем на кнопку OK в диалоговом окне.
12. Теперь переходим Effect > Phantasm CS > Halftone… и устанавливаем параметры эффекта в диалоговом окне.
Несомненно, вам не следует придерживаться моих параметров, ведь вы можете создать свой неповторимый эффект. Например, вместо круглых точек вы можете использовать квадраты, линии, Characters и даже Symbols, если вы их предварительно сохранили в палитре Symbols.
После установки параметров эффекта мая работа выглядит так.
Теперь мы можем регулировать уровни растрового изображения. Откроем палитру Appearance (Window> Appearance). Мы видим, что к нашему объекту применено два эффекта Phantasm CS , которые мы можем настраивать. Открываем диалоговое окно Phantasm CS Levels, нажав на его название в палитре Appearance, управляем слайдерами слоев, наблюдая за происходящими изменениями. Получили хороший результат, жмите на кнопку OK
Скроем точки, выходящие за контур головы, используя технику создания Clipping Mask, описанную в 10 шаге.
На мой взгляд, нужно исправить некоторые места нашего портрета. На рисунке ниже стрелками показаны проблемные места.
Выделим объект с эффектами и переходим Object > Expand Appearance
В результате этих действий растровое изображение превратилось в группу векторных окружностей, которые мы можем редактировать (уменьшать или увеличивать) обычными способами. После редактирование портрет выглядит так, как показано на рисунке ниже.
Нам осталось только создать фон. В качестве фона мы будем использовать бумажную растровую текстуру. Такие текстуры вы сможете скачать здесь (link). Вставляем текстуру в поле документа (File > Place…) и устанавливаем для нее Multiply Blending Mode в палитре Transparency.
Работает для Вас!
Этот Photoshop урок познакомит вас с очень известным направлением в изобразительном искусстве как Поп-арт.
Рядом с поп-артом стоит имя Andy Warhol, который был и художником, и фотографом, и кинорежиссером, и издателем.
Именно он в середине 20 века создавал уникальные картины-коллажи из совершенно неожиданных вещей - от изображений консервных банок до столь гламурных коллажей с Элвисом Пресли и Мэрлин Монро.
Этот стиль стал невероятно популярным в то время, благодаря чему начало появляться бесчисленное количество иммитаций творчества этого художника.
Потому что создавать картинки в стиле Поп-арт очень просто, особенно, если вы владеете программой Photoshop.
Техника, о которой мы хотим вам рассказать заключается в том, что сначала делается черно-белый трафарет на основе исходного рисунка. А затем части этого рисунка раскрашиваются в очень яркие цвета в разных вариациях.
Любой портрет можно превратить в поп-арт рисунок, но особенно для этого подойдет фото с четкими границами.
Желательно, чтобы человек на фото смотрел прямо в объектив камеры.
1. Ниже показан процесс вырезания мальчика с родного фона и размещение его на новом. Для нас важно, чтобы мальчик и фон размещались на разных слоях.
Чтобы быстро убрать однотонный фон используйте инструмент - волшебная палочка , если фон разноцветный, то возьмите инструмент - Перо
2. Скорее всего Вы уже заметили, что изображения в стиле поп-арт славятся очень высокой контрастностью.
Последующие шаги удалят много мелких деталей, поэтому вам не стоит быть слишком аккуратным по ходу работы.
Разместите яркий фоновый слой прямо под рабочим слоем (с мальчиком).
3. Чтобы сделать высоко-контрастное изображение, то сначала убедитесь в том, что вы находитесь на слое с вырезанным мальчиком и выберите в меню Image > Adjustment > Threshold .
Передвиньте ползунок так, чтобы изображение содержало достаточо теней, чтобы все главные формы и черты сохранились.
4. Грубо выделите каждую часть изображения, которую вы позже будете раскрашивать.
Нажимайте Alt + Ctrl + J чтобы каждую часть копировать на отдельный слой. Назовите каждый новый слой. Поменяйте режим смешивания каждому слою на Multiply , и нажмите OK.
5. По очереди активизируйте каждый слой в палитре слоев.
Для каждого нажимайте Ctrl + клик
по окошку слоя и переходите в меню Edit > Fill
.
Кликните на строчке Use, там выйдет окошко, где вы сможете выбрать строчку Color . Благодаря чему появится палитра цветов, где вы можете на свой вкус подобрать яркий насыщенный цвет, чтобы закрасить какую-нибудь часть изображения.
6. В окне "Стили слоя" (Layer Style , появляется если дважды щелкнуть по слою) выберите стиль Color Overlay (заливка цветом) и поменяйте там blending mode (режим смешивания слоев) на Color . Выберите яркий цвет и нажмите OK.
7. Когда вы повторите эти шаги для каждого отдельного участка изображения, то вы увидите, что перед вами настоящий шедевр в стиле поп-арт.
8. Сохраните этот файл в формате фотошоп (.psd) и сделайте копии слоев, где вы делали колорирование. У вас в панели слоев каждый участок закрашен в определенный цвет. Теперь очень просто можно заменить цвет участка, использую функцию Hue/Saturation (Ctrl +U).
В конце можно скомбинировать все варианты в одно большое изображение.
Такое комбинирование различных вариантов одного и того же изображения очень характерно для стиля 60-х годов Поп-арта.
Декабрь 31, 2015 Sergey Somov
В этой статье я открою Вам страшную тайну, а именно, не стоит платить деньги за модный портрет в стиле поп-арт. Почему? Да все очень просто). Вы в состоянии сделать его сами, на холсте, своими руками, даже если не профессиональный художник! И это не «волшебная таблетка», все равно придется поработать, но весь процесс будет Вам интересен, увлекателен и возможно захватит вас. Как его сделать?
1. Работать будем на холсте. Он продается в любом художественном магазине. Если Вы вдруг живете в Москве прочтите эту статью.
2. Кисти и краски. Предлагаю использовать акриловые краски (быстро сохнут, цветостойкие, не самые дорогие), а кисти на ваше усмотрение (колонок, синтетика, щетина).
3. Подготовленный эскиз в программе (эту тему мы осветили в статье). Если у вас возникли затруднения на этом этапе, обратитесь в любую фирму, которая занимается созданием портретов в стиле поп-арт, у них эскиз бесплатно), скажите что планируете заказать, и они вам сделают серию эскизов. Схитрите чуть-чуть!).
4. Остро наточенный карандаш, кусочек рисовального угля или сепии (все это продается за копейки в художественных магазинах).
Самое интересно это то, что сам портрет на холсте в любой мастерской будет стоить от 5000 тыс. рублей, но сделать его самостоятельно, своими руками, составит не больше 1000 рублей). Как вам? Вот и представьте, какова его себестоимость и сколько люди переплачивают!
Берете Ваш эскиз, в электронном виде, и печатаете в любой типографии, которых полно в любом городе. Распечатка обойдется примерно 50 руб. Важно, чтобы размер изображения на листе, был одинаковым с вашим холстом (какой размер будет у вас решать Вам).
Вы распечатали. Берем этот лист бумаге, переворачиваем и кладем на пол, или любую ровную поверхность. Нашим кусочком угля или сепии (я использую сепию) начинаем натирать на обратной стороне бумаги, пока полностью не закрасите поверхность.
Теперь, на холст накладываем это изображение, так, чтобы ваша сепия или уголь соприкасались с поверхностью холста. Закрепляем все это скотчем чтобы бумага не двигалась.
И острым карандашом обводим все линии нашего будущего поп-арт портрета.
Все снимаем. Вуаля!!!
Не нужно тратить время на рисование, переживать, что будет похож или не похож. Теперь вы точно уверены, что будет один в один как на эскизе. Да простят меня братья по искусству и многочисленные мастерские, которых я лишаю заработка. Но правда такова, что каждый из нас может сделать стильный портрет своими собственными руками. Ну и дело осталось за малым. Намешиваем нужный цвет, и просто выкрашиваем в нужном месте, как на эскизе. Как правило, в поп-арт стиле цвета не сложные, а яркие, и практически из тюбика.
Закрашиваем торцы нашего портрета, ждем 10 мин, и все! Портрет, который вы сделали сами, сэкономив минимум 4 тыс. руб., готов!
Ну и теперь, кстати, можете открыть модную мастерскую, и зарабатывать неплохие деньги). И поверьте, это сможет сделать абсолютно любой, за один день! Я уверен в результате, но если что-то не понятно, можете звонить или писать по указанным контактам на сайте. Всем удачи!
Мы проводим уроки как для начинающих, так и для художников с опытом. Наша студия рисунка и живописи находиться на Цветном бульваре в городе Москве.
Подписывайтесь на нашу группу вконтакте
