Сделать в фотошопе круг: Узнайте, как рисовать овальные и круглые формы с помощью инструмента «Эллипс» в Photoshop.

Содержание

Как в фотошопе нарисовать пустой круг. Как сделать круг в фотошопе.

Программа «Фотошоп» представляет собой мощный комплекс инструментов для создания логотипов, редактирования фото, различных коллажей, дизайнов сайтов. Да проще сказать, чего «Фотошоп» не умеет в рамках растровой и векторной графики.

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

в «Фотошопе» и какие для этого нужны инструменты

Начинается ваш тернистый путь в мир «Фотошопа» — учимся рисовать круги и окружности.

Для этого идём в меню Файл/Создать и устанавливаем значения нового документа, (ширина и высота в пикселах, здесь вы можете выбрать произвольные цифры). Разрешение 72. Цвет фона — белый. Перед тем как нарисовать ровный круг в «Фотошопе»,удостоверимся, что у вас есть необходимые инструменты — панель с инструментами. По умолчанию она расположена слева, вертикально. Если её нет, идём в меню «Окно» и отмечаем там пункт «Инструменты». Панель с инструментами автоматически появится в виде колонки с кнопками.

Инструмент «Фотошопа» «фигура»

Теперь к самому интересному, собственно, как нарисовать круг в «Фотошопе».

В панели инструментов есть две кнопки, похожие на перекрещенные квадратики, по умолчанию один из них черный, другой белый. Тот, который сверху, является активным. Переключать цвета между собой можно, нажав на маленькую стрелочку рядом с этими квадратиками. Если нужно выбрать какой-то другой цвет, то кликните по верхнему квадратику и выберите нужный цвет в палитре или введите код цвета в поле, которое отмечено значком sharp (#). Или поэкспериментировать, вводя значения каждого цвета из цветовой модели RGB в диапазоне от 255 до 0.

Теперь перейдём непосредственно к вопросу: «Как нарисовать круг в фотошопе?»

Нажимаем правой клавишей мыши на инструмент «Фигура». В выпадающем списке выбираем Инструмент «Эллипс».
В панели настроек выставляем значение «Пикселы».
И рисуем на белом листе: в произвольном месте ставим курсор, зажимаем левую кнопку мыши и ведём по диагонали, чтобы получился круг. При этом нужно держать зажатой клавишу Shift, чтобы получился ровный круг.
Вот так с использованием только одного инструмента у нас получилась такая интересная фигура.

Инструмент «Овальная область»

В «Фотошопе» нарисовать круг заливкой можно ещё одним способом.

Выбираем инструмент «Овальная область»
Рисуем круг с зажатой клавишей Shift, затем, находясь на самом круге, нажимаем правую кнопку мыши и в выпадающем списке выбираем «Выполнить заливку»
В графе «Содержимое» выбираем «цвет» (или в палитре цветов выбираем нужный цвет и жмём «Ок»).
Затем снимаем выделение, нажав «Выделение» в верхней панели (Отменить выделение).

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

Этим же инструментом можно создать кольцо. Смените в настройках значение на контур. А нажав правой клавишей мыши на выделенном круге, нужно выбрать «Выполнить обводку». Далее выставить значение в пикселах толщины обводки. Не забываем снимать выделение.

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

Пробуйте, тренируйтесь. Ведь изучая полезный материал в интернете, можно узнать не только как нарисовать круг в «Фотошопе», а ещё много и много другого интересного. Удачи во всех ваших начинаниях!

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

Как обычно запустим фотошоп, и откроем какое-нибудь изображение. Через меню «Файл – Открыть
».

Выбираем на компьютере картинку.

Теперь в панели инструментов выбираем инструмент «Эллипс
».

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

Теперь давайте усложним себе немного задачку, и попробуем нарисовать круг в фотошопе
без заливки, чтобы был лишь круг с небольшой обводкой. Для этого теперь уже выберем другой инструмент, а именно инструмент «Овальная область
».

Здравствуйте, дорогие читатели! В этом уроке Вы узнаете, как нарисовать круг в фотошопе за несколько секунд.

Создайте новый документ (Ctrl + N). Выберите инструмент Эллипс (Ellipse Tool) (U) в режиме фигур.

Зажмите клавишу Shift и создайте круг на холсте.

В этом случае Вы могли контролировать размер круга мышью. Если Вы хотите заранее задать размер круга, в настройках инструмента выберите стиль Заданный размер (Fixed Size) и введите одинаковые значения для ширины и высоты.

Сделайте клик на холсте, и круг будет создан.

Круг можно нарисовать и при помощи обычной кисти. В этом случае он будет растрированным.
Создайте новый слой (Ctrl + Shift + Alt + N), выберите инструмент Кисть (Brush Tool) (B), кликните правой кнопкой мыши на холсте и введите нужные значения. Жёсткость (Hardness) нужно установить на 100%, чтобы края круга были чёткими. Параметр Размер (Size) определяет диаметр круга.

Кликните на холсте, чтобы нарисовать круг.

Если Вам нужно нарисовать кольцо, то для этого также существует несколько способов. Первый способ – это обводка контура. Выберите инструмент Эллипс (Elliзse Tool) (U) в режиме контура.

Нарисуйте контур круга на холсте. Затем выберите инструмент Кисть (Brush Tool) (B) и задайте размер и жёсткость. Размер повлияет на толщину кольца, а жёсткость на мягкость его краёв.

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

Круг – базовая фигура, использование которой в фотошопе ограничено лишь вашей фантазией. И каков бы ни был ваш уровень познаний, использовать ее вам все равно придется. Поэтому, тянуть не будем и сразу приступим.

Существует несколько способов рисования идеально ровного круга в фотошопе. Но для начала нам требуется создать новый документ для работы. Верхняя панель. Команда Файл – Создать. Рекомендую создавать большой документ, удобный для работы. Я предпочитаю 2000 пикселей по ширине и 1000 по высоте. Но вы можете использовать любой другой размер по своему усмотрению.

Обратим свое внимание на боковую панель инструментов. Инструмент «Эллипс». Он – то нам и нужен. Кликаем по нему, а затем по рабочей области. Удерживаем правую клавишу мыши и проводим окружность. А сейчас я расскажу вам небольшую хитрость. Дабы с первого раза добиться идеально ровного круга зажмите клавишу shift на клавиатуре. Рекомендую запомнить этот прием. Так как работает он со многими элементами.

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

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

Теперь нам требуется залить ее цветом. Обращаемся к панели выбора цвета. Кликаем и выбираем оттенок в появившемся окне. Двигая ползунок, вы можете просмотреть миллионы оттенков и в любом случае найдете то, что вам нужно. Как только сделаете выбор – жмите кнопку «ок» в том же окне.

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

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

Создаем выделенную область и переходим к вкладке «редактирование», где выбираем команду «выполнить обводку».

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

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

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

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать фигуру окружности или круга.

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

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

Как нарисовать ровный круг

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

удерживайте зажатой клавишу Shift
;
на панели параметров инструмента выберите опцию :

Еще раз обратите внимание на это окно с параметрами инструмента. Здесь же можно настроить возможность рисовать фигуру по заданным размерам или пропорциям. Укажите в поля ширины и высоты желаемые размеры/пропорции, а потом просто щелкните в любом месте документа — фотошоп сразу отобразит окружность с указанными значениями.

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

Теперь, чтобы можно было изменить размеры без потери качества, используйте команду Ctrl+T
. Когда необходимость в векторной фигуре отпадет, вы можете ее, чтобы продолжить работу над фигурой силами всех возможностей фотошопа.

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

После этого окружность будет создана сразу как растровая. Не забудьте для нее .

Способ 2. Обводка выделенной области — кольцо

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

Нарисуйте окружность произвольной формы или ровный круг (с зажатой клавишей Shift
). Так же на панели параметров инструмента можно указать для выделения заданные размеры или пропорции. Для этого из выпадающего списка Стиль
выберите соответствующую опцию. После этого, поля ширины и высоты станут активными и туда можно будет ввести нужные цифры.

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку
.

Появится новое окно, в котором укажите ширину границы обводки, ее цвет. Также есть интересные настройки о том, как будет рассчитываться ширина обводки:

Внутри
— значит рамка ляжет по внутренней стороне выделенной области;
По центру
— значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
Снаружи
— значит рамка будет огибать пунктир выделения.

Имейте ввиду. что выбранный вариант повлияет на итоговые габариты окружности (на ее ширину и высоту).

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D
.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!

Как сделать прозрачный круг в фотошопе. Как сделать круг в фотошопе.

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

Способ 1. Инструмент Эллипс

С помощью этого инструмента можно нарисовать фигуру окружности или круга.

Как нарисовать ровный круг

удерживайте зажатой клавишу Shift
;
на панели параметров инструмента выберите опцию :

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

После этого окружность будет создана сразу как растровая. Не забудьте для нее .

Способ 2. Обводка выделенной области — кольцо

Допустим, получилось такая выделенная область:

Теперь нужно сделать обводку ее границ. Для этого выберите команду: Редактирование — Выполнить обводку
.

Внутри
— значит рамка ляжет по внутренней стороне выделенной области;
По центру
— значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
Снаружи
— значит рамка будет огибать пунктир выделения.

Имейте ввиду. что выбранный вариант повлияет на итоговые габариты окружности (на ее ширину и высоту).

Теперь, когда настройки введены, жмите ОК. Останется только убрать пунктир выделения — Ctrl+D
.

Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!

Здравствуйте, дорогие читатели! В этом уроке Вы узнаете, как нарисовать круг в фотошопе за несколько секунд.

Создайте новый документ (Ctrl + N). Выберите инструмент Эллипс (Ellipse Tool) (U) в режиме фигур.

Зажмите клавишу Shift и создайте круг на холсте.

Сделайте клик на холсте, и круг будет создан.

Кликните на холсте, чтобы нарисовать круг.

Как обычно запустим фотошоп, и откроем какое-нибудь изображение. Через меню «Файл – Открыть
».

Выбираем на компьютере картинку.

Теперь в панели инструментов выбираем инструмент «Эллипс
».

Цветовой круг для рисования в программе Adobe Photoshop

Работая в компьютерных программах для рисования, мы все видели удобный цветовой круг или иные его ответвления , как пример посмотрите на цветовые круги Corel Painter и ArtRage:

Adobe пошла по своему пути и сделала сложную систему (для рисования) доступа к цветам. Приходится нажимать на пиктограммы цвета и выбирать там цвет. Каждый ускорял работу как мог – добавлял нужные цвета на край холста, «смешивал» и потом пипеткой выбирал цвет, еще делались «пресеты» в меню образцов… В новых версиях Photoshop добавили быстрый вызов цветов через комбинацию Аlt-Shift-правый клик.

В целом было неудобно, но главное что этот минус устраняется «расширениями». В интернете, на данный момент, можно найти много видов цветовых кругов (даже с «подвязкой» к интернету, генерирующие цветовые решения, но такое нас не интересует). И многие платные, а вот один простой «как 5 копеек» восьмисекторный цветовой круг с градиентной растяжкой – PaintersWheel с сайта LenWhite.com .

Ссылка на скачивание — http://nerdchallenge.com/lenwhite/LenWhite.com/LenWhite.com/Entries/2012/9/16_PW_CS6.html

Скачиваем, устанавливаем через Адоб или скопировав файлы в папку Plug-ins ( у меня путь выглядит C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Panels\PaintersWheel\PaintersWheel_CS6). Запускаем Фотошоп и включаем расширение через окно — расширения – PaintersWheel — готово!

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

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

Этого цветового круга хватает «с головой», конечно хотелось бы еще информации по цветам (разные номера раскладки цветового охвата), но расширение распространяется бесплатно, на это скажем «спасибо» разработчику.

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

Обновление:

Обновление: в версиях СС продуктов Адоби, некоторые расширения потеряли свою актуальность, т.к. программы перешли на другой «язык» написания дополнений (ранее это был флеш, а теперь это хтмл), поэтому статья актуальна для версий продуктов CS6 и ниже.

Обновление 2:

В новой версии Adobe Photoshop CC 2019, цветовой круг есть в самой программе, включается в дополнительном раскрывающемся меню на панели Цвет — Цветовой круг

С уважением Чубаров Н.

<= поделись статьей с друзьями ;3

Как нарисовать круг в Photoshop?

Ответ мастера:

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

Чтобы это сделать, необходимо создать новый документ в графическом редакторе и с помощью команды New, из меню File, открыть настройки. Выбрать цветовой режим RGB вы сможете в том случае, если воспользуетесь списком Color Mode. Используя список Background Contents, выберите пункт Background Color или White. Чтобы нарисованный вами круг был хорошо виден, основным цветом рисования выберите любой, отличающийся от фона, контрастный цвет.

Самый простой способ для рисования круга — это получение оттиска от круглой кисти. Чтобы это сделать, нужно выбрать инструмент Brush Tool, перейти к палитре Brushes и открыть ссылку Brush Tip Shape. В том случае, если вы не можете найти палитру кистей в открывшемся окне графического редактора, попробуйте развернуть ее в виде опции Brushes из меню Window.

Необходимо выбрать круглую кисть и убрать галочки из чекбоксов, которые находятся слева от наименования вкладок палитры. На вкладке Brush Tip Shape вы можете настроить величину кисти. Для этого выставите необходимый размер в пикселях, используя регулятор Diameter. В том случае, если вам требуется круг с резкими краями, нужно присвоить параметру Hardness наибольшее значение. Соответственно, чем меньше зададите значение этого параметра, тем края у отпечатка кисти будут более растушеванные.

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

Еще один способ рисования круга состоит в создании круглого выделения, а затем заливке его цветом. Для этого необходимо выбрать Elliptical Marquee Tool в палитре инструментов, поставить курсор на открытый документ и приступить к рисованию эллиптического выделения. В процессе рисования этого выделения зажмите клавишу Shift и не отпускайте ее до тех пор, пока не создадите круг нужного диаметра.

Теперь можно залить круглое выделение нужным цветом или текстурой с помощью Paint Bucket Tool. Чтобы для заливки круга использовать текстуру, в панели настроек из списка инструмента Paint Bucket необходимо выбрать пункт Pattern.

Следующий способ рисования круга в Photoshop предусматривает использование инструмента Ellipse Tool. Попробуйте выбрать этот инструмент из палитры инструментов и перестройте его в режим Fill pixels, щелкнув по кнопочке в панели настроек, которая откроется после активизации Ellipse Tool под главным меню.

Постарайтесь нарисовать эллипс, затем нажмите на кнопку Shift. Созданная фигура превратится из эллипса в круг, который заполнится цветом, таким же, как цвет переднего плана.

3D-эффект в Фотошопе. Рисуем реалистичный шар

Photoshop не предназначен для создания 3D-графики. Тем не менее, в фотошопе есть много возможностей для создания иллюзии объемных фигур. Воспользуемся некоторыми из этих возможностей и нарисуем в фотошопе 3D-шар или детский мяч.

Шаг 1. Создадим новый документ, 600px X 600px. Начнем с создания серого фона, я использую #8e8e8e. Добавим легкий градиент чтобы придать фону глубину, создавая иллюзию 3D-пространства. Создаем новый слой и, используя панель инструментов Adobe Photoshop Gradient tool (Градиент), выбираем Reflected Gradient (Зеркальный градиент). Настраиваем градиент следующим образом: цвет белый, прозрачность изменяем от 100 до 0. От предполагаемого центра изображения до края проводим курсором, затем идем в Layers (Палитру слоев) и устанавливаем непрозрачность примерно 25-35% на ваше усмотрение.

Шаг 2. Создаем новый слой над первыми двумя, называем его «Красный фон». В этом слое, в центре изображения, создаем круг выбранного вами цвета (я использую #9f0000). Используем панель инструментов Adobe Photoshop Eliptical Marquee Tool (Овальная область) вместе с Shift чтобы выделить круглую область и заливаем выбранным цветом.

Шаг 3. А теперь будем придавать фигуре объем — превращать круг в шар. Выделение красного круга не убираем. Создаем новый слой над слоем «Красный фон», называем его «Тени». Делаем активным этот новый слой (круг должен оставаться выделенным). Выбираем на панели инструментов Gradient tool (Градиент), устанавливаем Linear Gradient (Линейный градиент), настраиваем градиент следующим образом: цвет черный, прозрачность изменяем от 100 до 0. Нанесем градиент внутри нашего выделения в направлении снаружи (курсор за пределами выделенного круга) к примерному центру круга (этот воображаемый центр круга лучше представлять немного правее и выше). Это нужно сделать несколько раз с разных сторон. После нескольких неудачных попыток у вас все получится и плоский круг начнет напоминать объемный шар.
Затем идем в Layers (Палитру слоев) и уменьшаем прозрачность этого слоя примерно на 25% (это на ваше усмотрение).

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

Шаг 4. А теперь нужно сделать так, чтобы этот 3D-шар стоял на плоскости и отбрасывал тень. Создаем новый слой под слоем «Красный фон», называем его «Тень шара». Выбираем на панели инструментов Photoshop Brush Tool (Кисть) мягкую кисть размером 200px. Щелкаем один раз кистью под шаром. Затем используем Тransform tool (Ctrl+T) на этом слое и уменьшаем высоту и увеличиваем ширину пока изображение не станет похожим на тень под 3D-объектом. Можно немного уменьшить прозрачность этого слоя.

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

Шаг 5. Добавим отблеск света на шаре. Создаем новый слой поверх всех, ранее созданных слоев, называем его «Отблеск». Изменяем основной цвет на белый и, используя кисть с размером 150-200рх, делаем пятно в верхней части круга. Изменяем Blending Mode (Режим наложения) на «Overlay» (Перекрытие). Снова создаем новый слой поверх остальных, называем «Отблеск 2» и кистью с размером 50-60рх делаем еще одно пятно, немного сместив его выше и правее. Прозрачность этого слоя около 40%.

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

На этом можно и закончить работу. Вполне реалистичный 3D-шар готов!

А можно и продолжить и сделать из шара вот такой детский мячик:

Шаг 6. Дублируем слой с красным кругом и меняем цвет на любой другой. Например #2692bb. Называем слой «Синий фон». Нажимаем Ctrl+T чтобы активировать Тransform tool (Трансформация) и, удерживая нажатой клавишу Alt, изменяем высоту круга, а затем слегка поворачиваем.

Шаг 7. Дважды дублируем слой «Синий фон» и размещаем дубликаты под оригинальным слоем. Изменяем цвет обоих слоев на черный. Затем сдвигаем на 2рх оба слоя – один выше и левее, другой ниже и правее. Выделяем оба дубликата слоя на палитре слоев и объединяем их. Называем слой «Синий фон 2». Уменьшаем прозрачность этого объединенного слоя на 50%.

Шаг 8. Дублируем слой «Синий фон 2». Добавляем небольшое размытие по гауссу (Filter>Blur>Gaussian Blur).
Чтобы размытие не выходило за пределы нашего мяча выделяем красный круг на слое «Красный фон», инвертируем выделение, затем переходим на слой «Синий фон 2» и удаляем все лишнее простым нажатием клавиши Delete.

Результат — красивый объемный мяч.

Автор: Neofit

Как сделать круг в Фотошопе — Дизайн — FAQStorage.ru

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

Создаем новый документ: «File» – «New» либо откройте необходимое изображение, нажав сочетание клавиш «Ctrl+O».

Дальше в панели инструментов подберите «Ellipse Tool» (Эллипс).

Как сделать круг в Фотошопе

Курсор будет иметь вид плюсика. Кликните левой клавишей мыши, в том месте, где обязан начаться круг, и нарисуйте его, не отпуская клавишу. Круг будет нарисован того цвета, который выбран основным. Рисуется он от начала курсора.

Чтобы изобразить круг от центра, в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если необходимо нарисовать равномерный круг, а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Установив похожие значимости, нарисуете круг, разные – эллипс. Сейчас нажмите левую клавишу мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

Сейчас осмотрим, как можно изобразить круг в Фотошопе без заливки. Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопку «Paths» (Контуры).

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

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

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите кнопку «Shift», Для того чтобы изобразить ровный круг вместо эллипса. Если зажмете «Alt+Shift», то нарисовать круг можно с центра.

Таким способом, мы нарисуем только лишь контур круга.

Чтобы залить его цветом, подберите на панели инструментов «Paint Bucket Tool», и поставите требуемый цвет в качестве главного. Далее кликните мышкой внутри назначенной области.

Если Вам необходимо изобразить круг без заливки, кликните по нему правой клавишей мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окошке поставите значение для ширины линии «Width» и подберите цвет контура «Color».

Чтобы убрать выделение, нажмите «Ctrl+D». В результате мы изобразили прозрачный круг с красноватым контуром.

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

Как сделать круг в фотошопе. Как нарисовать круг в фотошопе нужного диаметра с заливкой, обводкой и без них

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

. Поэтому присаживайтесь по удобнее. Поехали!

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

Цвет заливки
. Отвечает за то, какого цвета будет ваша окружность. Если поставить пункт «Нет заливки»
, то внутри будет пустота, то есть останется только контур.
Цвет обводки
. Если задать здесь какой-либо цвет, то мы увидим, что контур стал меняться.

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

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

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

Если вы хотите рисовать овал или окружность из центра, то делать это нужно с помощью зажатой клавиши ALT.
Только перед использованием сначала зажмите левую кнопку мыши, чтобы обозначить, что началось рисование, а же только потом зажмите ALT и чертите полноценно из центра.

Чтобы двигать окружность еще до того, как вы отпустили кнопку мыши и применили ее (А это реально нужно часто), зажмите клавишу пробел во время начертания и просто двигайте мышкой.

Самое интересное, что все эти комбинации можно совмещать. Например, если вы хотите рисовать ровный круг из центра, то начните его чертить с зажатым SHIFT
и ALT
одновременно. А потом еще и можете зажать пробел и перенести куда-нибудь нашу фигуру.

Как нарисовать круг нужного диаметра

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

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

Свойства круга

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

Первичные свойства

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

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

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

Например, если я увеличу размер обводки в 6 раз, то вот как она будет у меня смотреться.

И завершают наши первичные свойства параметры обводки, которые находятся рядом с толщиной. У нас есть несколько вариантов (сплошная, прерывистая и пунктирная линии), из которых вы можете выбрать параметры. Но на данном этапе я рекомендую оставить сплошную линию по умолчанию.

Также, эти самые свойства вы можете активировать в отдельной панели. Для этого перейдите в меню «Окно»
— «Свойства»
.

Объединение и вычитание

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

Но нужно учесть, что теперь все фигуры, которые вы нарисовали на слое, автоматически становятся единым целым, и с помощью перемещения их уже не переместить раздельно. Но выход есть. В панели инструментов выберите «Выделение контура»
. Вот с помощью него вы и сможете двигать отдельные фигуры.

Я надеюсь, что вы поняли суть того, для чего нужно вычитание фигуры.

Как нарисовать круг в круге

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

Способ номер 1. Копирование слоев

Давайте сразу нарисуем круг с красной заливкой и без обводки. и уже после этого скопируем этот слой три раза (пусть у нас будет четырехслойная мишень). Для этого встаньте на слой с нарисованным только что кругом и трижды нажмите комбинацию клавиш CTRL+J
, чтобы дублировать его три раза.

Теперь, сделайте невидимыми первые два слоя. чтобы они нам пока не мешались. Для этого нажмите а глазики на миниатюрах. После этого встаньте второй слой снизу, который мы не скрыли от взора, а затем нажимаем комбинацию клавиш CTRL+T
, чтобы активировать режим трансформирования. После этого тянем за уголок и уменьшаем окружность с зажатым SHIFT
, чтобы сохранить пропорции. На выравнивание пока не обращайте особого внимания, мы потом все ото исправим.

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

Далее, делаем видимым второй слой сверху, после чего фигура снова закрасится красным цветом. Но так и должно быть. Главное, что теперь вам снова нужно уменьшить данный момент, причем еще мельче, чем тот, который мы уменьшали только что. То есть жмем CTRL+T
, тянем за уголки и уменьшаем. После этого применяем трансформацию.

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

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

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

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

Способ 2. Вставка новой окружности

Кроме вышеуказанного способа можно воспользоваться простым добавлением. Я не буду долго размусоливать эту тему, так по идее все и так должно быть понятно.

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

Обтравочная маска и рамка

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

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

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

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

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

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

С уважением, Дмитрий Костин

В этом уроке мы рассмотрим азы работы с фигурами и слоями фигур в программе Photoshop. Мы начнем наш урок с изучения пяти основных инструментов, позволяющих нарисовать геометрические фигуры, — «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник» и «Линия».

Затем, в следующем уроке, мы рассмотрим, как рисовать фигуры более сложной формы с помощью инструмента «Произвольная Фигура». Большинство людей считают, что программа Photoshop используется только для обработки изображений, и если бы вы попросили их порекомендовать вам хороший графический редактор, то в большинстве случаев ответ был бы «Adobe Illustrator».

Действительно, возможности редактора Adobe Illustrator в области векторной графики намного шире, чем программы Photoshop, но, тем не менее, и программа Photoshop в этой сфере может больше, чем следует ожидать от редактора растровых изображений. Различные инструменты группы «Фигуры» и слои фигур программы Photoshop позволяют легко добавлять простые векторные изображения на рисунки и чертежи.

В программе Photoshop представлено шесть инструментов, позволяющих нарисовать фигуры, — «Прямоугольник» (Rectangle Tool), «Прямоугольник со скругленными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и «Произвольная фигура» (Custom Shape Tool). Они расположены в одном месте на панели инструментов.

По умолчанию, видимым на панели является инструмент «Прямоугольник», но если мы нажмем на значок инструмента и удержим нажатой кнопку мыши в течение нескольких секунд, то появится всплывающее меню со списком остальных инструментов группы «Фигуры», из которых мы можем выбрать нужный:

Все шесть инструментов группы «Фигуры»расположены в одном месте на панели инструментов

Если вы сначала выбрали один инструмент группы «Фигуры», а затем захотели переключиться на другой, то нет необходимости повторно обращаться к панели инструментов (хотя и это вы можете сделать при желании). Программа Photoshop позволяет нам выбрать нужный инструмент на панели настроек в верхней части экрана, где представлены все шесть инструментов. Например, на панели инструментов я выберу инструмент «Прямоугольник»:

Выбираем инструмент «Прямоугольник»

После выбора инструмента «Прямоугольник» на панели настроек появляются шесть значков, представляющих различные инструменты группы «Фигуры». Инструменты размещены слева направо в том же порядке, в каком они представлены на панели инструментов, поэтому мы опять видим инструменты «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» и «Произвольная фигура». Чтобы выбрать нужный инструмент, просто нажмите на один из значков:

Все шесть инструментов группы «Фигуры» можно выбирать прямо на панели настроек (после того, как один из них выбран на панели инструментов)

Выбор параметра «Слой-фигура»

Прежде чем мы начнем рисовать фигуры, нам необходимо указать программе Photoshop, какой тип фигуры мы хотим нарисовать, и в данном случае я не подразумеваю под типом фигуры «прямоугольник» или «круг». В действительности, программа Photoshop позволяет нам рисовать фигуры трех разных типов — векторные фигуры, контуры и пиксельные формы.

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

Для того чтобы нарисовать векторные фигуры, выберите параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый из трех значков, расположенных ближе к левому краю (средний значок — параметр «Контур» (Paths) и правый — параметр «Заливка пикселями» Fill Pixels):

Для рисования векторных фигур выбираем параметр «Слой-фигура»

Выбор цвета для фигуры

После выбора параметра «Слой-фигура» нам нужно выбрать цвет для нашей фигуры. Мы сделаем это, нажав на значок образца цвета, расположенный справа от слова «Цвет»(Color) на панели настроек:

Нажимаем на значок образца цвета, чтобы выбрать для фигуры нужный цвет

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

В цветовой палитре выбираем цвет для фигуры

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

Инструмент «Прямоугольник»

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

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

Когда вы будете довольны результатом, отпустите кнопку мыши, и программа тотчас заполнит фигуру тем цветом, который вы выбрали на панели настроек:

Программа заполнит фигуру цветом, как только вы отпустите кнопку мыши

Рисование фигуры от центра

Если вам нужно нарисовать прямоугольник (или другую фигуру) от центра, а не от угла, установите курсор в окне документа для определения центра будущего прямоугольника и, удерживая кнопку мыши, начните протягивать курсор и рисовать фигуру, как обычно. При этом нажмите клавишу Alt (Win) / Option (Mac) и продолжайте ее удерживать нажатой по мере перемещения курсора. Нажатие этой клавиши указывает программе на то, что фигуру требуется рисовать от центра. Этот прием работает со всеми инструментами группы «Фигура», а не только с инструментом «Прямоугольник»:

Для того чтобы нарисовать фигуру от центра, по мере перемещения курсора удерживайте нажатой клавишу Alt (Win) / Option (Mac)

Рисование квадратов

Также с помощью инструмента «Прямоугольник» мы можем рисовать квадраты. Для того чтобы нарисовать квадрат, установите курсор в окне документа и начните его протягивать, рисуя прямоугольную фигуру. Как только вы начали это делать, нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Нажатие клавиши Shift преобразует фигуру в квадрат, независимо от того, в каком направлении вы перемещаете курсор. Вы можете также добавить нажатие клавиши Alt (Win) / Option (Mac) для того, чтобы квадрат рисовался от центра (таким образом, вы нажимаете и удерживаете нажатым сочетание клавиш Shift+Alt (Win) / Shift+Option (Mac)):

Для того чтобы нарисовать квадрат, при работе инструмента «Прямоугольник» нажмите и удержите клавишу Shift

И снова, программа Photoshop отобразит только тонкий контур квадрата по мере перемещения курсора, когда же вы отпустите кнопку мыши, программа заполнит квадрат цветом:

Программа всегда ожидает, когда вы отпустите кнопку мыши, и только тогда заполняет фигуру цветом

Параметры инструментов группы «Фигуры»

Если вы посмотрите на панель настроек, то справа от шести значков инструментов группы «Фигуры» увидите маленькую, указывающую вниз стрелку. Нажатие этой стрелки приведет к открытию перечня дополнительных параметров для выбранного вами инструмента группы «Фигуры». Например, при выборе инструмента «Прямоугольник», нажатие стрелки приведет к открытию меню с параметрами для инструмента «Прямоугольник». За исключением работы с инструментами «Многоугольник» и «Линия», которые мы рассмотрим в дальнейшем, вы не будете часто использовать данное меню, потому что мы с вами уже изучили, как выбирать основные параметры с помощью клавишных комбинаций и отдельных клавиш.

Например, параметр «Произвольно» (Unconstrained) выбран по умолчанию, и он отвечает за обычный режим работы инструмента «Прямоугольник», позволяя нам рисовать прямоугольные фигуры любого размера и с любым соотношением сторон. Параметр «Квадрат»(Square) позволяет нам рисовать квадраты, но мы это можем сделать, просто нажав и удержав клавишу Shift по мере перемещения курсора. Параметр «От центра» (From Center) отвечает за рисование фигуры от центра, но опять, мы это можем сделать, нажав и удержав клавишу Alt (Win) / Option (Mac):

Нажмите на маленькую стрелку, чтобы просмотреть дополнительные параметры для инструмента «Прямоугольник»

Слой-фигура

Прежде чем мы перейдем к остальным инструментам группы «Фигуры», давайте посмотрим на панель слоев. Как вы помните, в начале урока мы изучили, что для рисования векторных форм в программе Photoshop необходимо выбрать параметр «Слой-фигура» на панели настроек. И теперь после того как я нарисовал фигуру, мы можем увидеть, что на панели слоев появился слой фигуры (слой типа Shape), который программа назвала «Фигура 1» (Shape 1). Каждая новая векторная фигура, которую мы нарисуем, будет размещена на отдельном слое, который выглядит иначе, чем обычный слой, состоящий из пикселей. С левой стороны слоя находится иконка образца цвета, которая отображает текущий цвет заливки нашей фигуры, а справа от иконки цвета — миниатюра векторной маски:

Слои фигур имеют иконку образца цвета с левой стороны, а справа от нее — миниатюру векторной маски

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

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

Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать другой цвет для нашей фигуры. Я выберу, на этот раз, голубой цвет:

Из цветовой палитры выбираем другой цвет

Достаточно просто в любой момент вернуться назад и изменить цвет фигуры

Справа от иконки образца цвета на слое фигуры находится миниатюра векторной маски. Белая область на миниатюре отображает нашу фигуру. Векторные маски похожи на обычные маски слоя тем, что они частично закрывают слой, оставляя видимыми отдельные участки. Иными словами, когда мы рисуем векторную фигуру, программа в действительности заполняет весь слой выбранным цветом, но маска отображает цвет только внутри области фигуры, в то время как цвет на остальной области слоя скрыт. При работе с инструментами группы «Фигуры» знать принцип работы векторной маски, конечно, совсем не обязательно, но понимать, как работают инструменты, — всегда приятно. Серая область вокруг фигуры на миниатюре векторной маски представляет область на слое, где цвет не видно, в то время как белая область на миниатюре представляет область слоя с цветом:

Белая область на векторной маске представляет область на слое, где цвет виден

Чтобы нам было легче увидеть, как программа Photoshop отображает векторную фигуру, мы можем временно отключить векторные маски, нажав и удержав клавишу Shift и при этом кликнув по миниатюре векторной маски:

Удержите нажатой клавишу Shiftи кликните по векторной маске для ее отключения

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

После выключения векторной маски видно, что весь слой заполнен цветом

Для того чтобы включить векторную маску обратно, просто удержите нажатой клавишу Shift, и при этом снова кликните по миниатюре маски на панели слоев. После включения маски останется цвет только внутри области фигуры, в то время как на остальных участках слоя цвет скроется из вида. Белые области вокруг фигуры в окне документа принадлежат слою заднего фона, расположенному ниже:

Документ после повторного включения векторной маски

Теперь, после того как мы познакомились со слоями фигур, давайте рассмотрим другие фигуры, которые можно нарисовать в программе Photoshop с помощью инструментов группы «Фигуры».

Инструмент «Прямоугольник со скругленными углами»

Инструмент «Прямоугольник со скругленными углами» (Rounded Rectangle Tool) очень похож на инструмент «Прямоугольник» за исключением того, что он позволяет нам рисовать прямоугольники с закругленными углами. Мы регулируем степень закругления углов, используя параметр «Радиус» (Radius) на панели настроек. Чем большее значение радиуса мы вводим, тем круглее становятся углы. В моем случае, я введу значение параметра «Радиус», равное 50 пикселям:

Используйте параметр «Радиус» для определения степени закругления углов

Для того чтобы нарисовать прямоугольник со скругленными углами, после того как вы ввели значение радиуса, кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши, чтобы закончить рисовать фигуру. Также как и в случае с фигурой «Прямоугольник», по мере перемещения курсора программа будет отображать тонкий контур фигуры:

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

Когда вы отпустите кнопку мыши, программа Photoshop закончит рисовать фигуру и заполнит ее цветом:

Когда вы отпустите кнопку мыши, фигура заполнится цветом

Ниже нарисован еще один прямоугольник с установленным значением радиуса 150 пикселей. Данное значение настолько велико (для этой фигуры, во всяком случае), что левая и правая стороны прямоугольника имеют форму кривой:

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

А вот прямоугольник с небольшим значением радиуса — 10 пикселей, которое лишь немного скругляет углы фигуры:

Маленькое значение радиуса меньше скругляет углы

К сожалению, предварительного просмотра степени закругления углов нет. Посмотреть, насколько круглые получаются углы, мы можем только после того, как нарисуем прямоугольник. Также, мы не можем изменять значение радиуса в процессе рисования фигуры, как это доступно в программе Illustrator. Еще программа Photoshop не позволяет нам вернуться назад и хотя бы слегка подкорректировать закругление углов, после того как мы нарисовали фигуру.

Все вышесказанное означает, что рисование прямоугольников со скругленными углами, по сути, является методом проб и ошибок. Если вам не нравится закругление углов фигуры, после того как вы ее нарисовали, нажмите сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для быстрой отмены действия, затем введите новое значение радиуса на панели настроек и начните заново рисовать прямоугольник.

Так же как и в случае с инструментом «Прямоугольник», с помощью инструмента «Прямоугольник со скругленными углами» можно рисовать закругленные квадраты. Просто нажмите и удержите нажатой клавишу Shift после того как вы начали рисовать фигуру, и ваш закругленный прямоугольник примет форму закругленного квадрата. Нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac), чтобы нарисовать фигуру от центра.

Если мы нажмем на маленькую стрелку на панели настроек для открытия меню дополнительных параметров для инструмента «Прямоугольник со скругленными углами», то увидим, что параметры «Произвольно», «Квадрат» и «От центра» совпадают с параметрами инструмента «Прямоугольник». И снова, мы уже знаем, как выбирать эти параметры с помощью клавишных комбинаций и отдельных клавиш:

Инструменты «Прямоугольник» и «Прямоугольник со скругленными углами» имеют одинаковые дополнительные параметры

Инструмент «Эллипс»

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Так же как и при работе с инструментами «Прямоугольник» и ««Прямоугольник со скругленными углами», кликните кнопкой мыши в окне документа для определения начальной точки фигуры и затем, удерживая кнопку мыши нажатой, протяните курсор мыши, чтобы закончить рисовать фигуру:

Рисуем эллипс с помощью инструмента «Эллипс»

Отпустите кнопку мыши, чтобы закончить рисовать фигуру и заполнить ее цветом:

Эллис
заполнился
цветом

Нажмите и удержите нажатой клавишу Shift, после того как вы начали работать с инструментом «Эллипс», чтобы нарисовать идеально ровный круг. Нажатие клавиши Alt (Win) / Option (Mac) позволит вам нарисовать фигуру от центра:

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

Нажатие маленькой стрелки на панели настроек приведет к открытию параметров инструмента «Эллипс», которые схожи с параметрами инструментов «Прямоугольник» и «Прямоугольник со скругленными краями». Единственное отличие состоит в том, что с помощью параметра инструмента «Эллипс» можно рисовать круги, а не квадраты:

Инструмент «Эллипс» имеет практически те же самые параметры, что и инструменты «Прямоугольник» и «Прямоугольник со скругленными краями»

Инструмент «Многоугольник»

Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды.

Укажите число сторон, которое вам требуется для многоугольника, в окошке параметра «Стороны» (Sides) на панели настроек. По умолчанию значение параметра «Стороны» равно 5, но вы можете ввести любое число от 3 до 100:

Воспользуйтесь параметром «Стороны», чтобы указать программе Photoshop, сколько сторон будет иметь ваша многоугольная фигура

Как только вы укажете число сторон, установите курсор в окне документа и начните его протягивать для рисования многоугольной фигуры. Программа Photoshop всегда рисует многоугольные фигуры от центра, поэтому вам не нужно удерживать нажатой клавишу Alt (Win) / Option (Mac). Нажатие и удержание клавиши Shift после того, как вы начали рисовать многоугольник, позволит вам ограничить число углов для вашей фигуры и поместить ее на экране именно так, как требуется:

Инструмент «Многоугольник» незаменим тогда, когда нам нужно нарисовать другую фигуру, а не четырехугольник

Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник»

А вот представлен многоугольник с числом сторон равным 12:

Многоугольник
с
двенадцатью
сторонами

Рисование звезд с помощью инструмента «Многоугольник»

Для того чтобы нарисовать с помощью инструмента «Многоугольник» звезду, нажмите на маленькую стрелку на панели настроек для открытия перечня параметров инструмента «Многоугольник» и выберете параметр «Звезда» (Star):

Из списка параметров инструмента «Многоугольник» выбираем «Звезда»

После выбора параметра «Звезда» кликните мышкой в окне документа и протяните курсор для того, чтобы нарисовать звезду. Параметр «Стороны» на панели настроек определяет число вершин звезды. Так, если по умолчанию значение параметра равно пяти, у нас получится пятиконечная звезда:

По умолчанию, вершины звезд имеют острые углы, но мы можем их скруглить, выбрав параметр «Сгладить внешние углы» (Smooth Corners):

Выбираем параметр «Сгладить внешние углы»

Ниже представлена пятиконечная звезда с выбранным параметром «Сгладить внешние углы»:

Параметр «Сгладить внешние углы» смягчает угловатость звезд

Мы можем также скруглить углы у оснований лучей звезды, выбрав параметр «Сгладить внутренние углы» (Smooth Indents):

Выбираем параметр «Сгладить внутренние углы»

И снова, наша звезда выглядит совершенно по-другому:

Нарисованная звезда с выбранным параметром «Сгладить внутренние углы»

Инструмент «Линия»

И, наконец, мы рассмотрим инструмент «Линия» (Line Tool), который является последним инструментом группы «Геометрические фигуры». Он позволяет нам рисовать прямые линии и стрелки. Установите нужную толщину линии в пикселях, введя значение в окошко параметра «Толщина» (Weight) на панели настроек. В моем случае, я введу значение, равное 16 пикселям:

Воспользуйтесь параметром «Толщина» для определения толщины линии

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

Удерживайте нажатой клавишу
Shift

для рисования горизонтальных или вертикальных линий

Для того чтобы на концах линии задать стрелки, нажмите на значок маленькой стрелки на панели настроек для выбора параметров «Стрелки» (Arrowheads). Программа Photoshop позволяет нам добавлять стрелки в начале линии, в конце или одновременно на обоих концах. Если вы хотите, чтобы у вас появилась стрелка в том направлении, в котором вы рисуете линию, что более логично, выберите параметр «Конец»(End). Убедитесь, что вы выбрали этот параметр прежде, чем начали рисовать линию, поскольку программа не позволит нам вернуться назад и задать стрелку после того, как линия будет нарисована:

Для того чтобы добавить стрелку в том направлении, в котором линия рисовалась, выберите параметр «Конец»

Ниже представлена линия, похожая на нарисованную мной предыдущую линию, но со стрелкой на конце:

С помощью инструмента «Линия» легко рисовать стрелки

Если установленный по умолчанию размер стрелки вас не устраивает, вы можете изменить его, используя параметры «Ширина» (Width) и «Длина» (Length). Мы можем также добавить стрелке изгиб, воспользовавшись параметром «Кривизна»(Concavity). По умолчанию, значение данного параметра равно 0%. Я увеличу его до 50%:

Увеличьте значение параметра «Кривизна», чтобы изменить форму стрелки

В результате форма стрелки изменится. И снова, удостоверьтесь, что вы выбрали значение параметра «Кривизна» прежде, чем начали рисовать линию, в противном случае вам придется удалить фигуру и нарисовать ее заново:

Стрелка со значением параметра «Кривизна», равным 50%

Скрытие контура вокруг фигуры

Если вы внимательно посмотрите на нарисованную вами фигуру (независимо от того, какой инструмент группы «Фигуры» вы использовали), то, скорее всего, увидите вокруг нее тонкий контур, который иногда может вызвать раздражение. Контур вокруг фигуры появляется всякий раз, когда выделена векторная маска фигуры, а она выделяется по умолчанию всегда после того, как мы нарисуем новую фигуру.

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

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

И вот мы закончили! Мы рассмотрели основы работы со слоями фигур и пятью инструментами группы «Фигуры» в программе Photoshop! В следующем уроке мы изучим, как создавать фигуры более сложной формы с помощью инструмента «Произвольная фигура» (Custom Shape Tool).

Перевод:
Ксения Руденко

Как нарисовать и вырезать, создать и вставить ровный круг в «Фотошоп»

Многие знают, что для рисования всяческих векторных фигур отлично подходит программа Adobe Illustrator. Но если на вашем компьютере установлен только Photoshop — не стоит разводить панику. В нём тоже присутствуют различные инструменты для рисования фигур. От обычных линий до прямоугольников с закругленными углами. Если вам хочется нарисовать в «Фотошопе» круг, то нет ничего проще.

Как в «Фотошоп» нарисовать круг

Для начала следует открыть программу и создать новый файл («Ctrl+N») с подходящим для вас разрешением. В качестве фона лучше задать прозрачный альфа-канал. Photoshop обладает целой группой инструментов для рисования фигур. При этом объекты получаются векторными. Поэтому вы в процессе работы спокойно можете увеличивать их размеры, на качестве фигур это никак не отразится. Чтобы сделать круг в «Фотошопе» — выберите инструмент «Эллипс». Для этого необходимо навести курсор на инструмент «Прямоугольник», зажать левую кнопку мыши и перенести курсор на «Эллипс».

Цветовой круг в «Фотошоп»

Теперь нужно определиться с внешним видом окружности. Для этого обратите внимание на панель с параметрами, появившуюся над пустым изображением. В первую очередь выберите цвет заливки или сделайте её прозрачной. Также программа позволяет создать заливку в виде градиента или узора. Затем выберите цвет контура. Он задается в поле «Штрих». Вы можете сделать его прозрачным, в этом случае изображение ограничится цветом заливки, обводки оно иметь не будет. Правее в данной панели выбирается тип контурной линии (она может быть даже пунктирной) и её толщину. На следующие поля внимание уже не обращайте, они необходимы для задания точных размеров фигуры и её выравнивания относительно других объектов.

Как создать круг в «Фотошоп»

После выставления нужных параметров остается создать круг в «Фотошопе». Для этого наведите курсор на один угол изображения, зажмите левую кнопку мыши, и отпустите её уже в противоположном углу. Не забудьте при этом зажать клавишу «Shift», иначе с большой долей вероятности вы нарисуете овал. В случае с зажатым «шифтом» вы сразу получите идеальную окружность. На её контуре имеются квадратные маркеры, с помощью которых можно регулировать её размеры, делается это при активированном инструменте «Перемещение».

Как вырезать круг в «Фотошоп»

В любой момент вы можете изменить внешний вид уже созданного круга. Для этого имеется пара способов. Во-первых, в панели «Свойства» располагаются все те параметры, которые настраивались перед рисование окружности. Их изменение не возбраняется. Также можно перейти в панель «Слои» и добавить слою с эллипсом какой-либо стиль. Это может быть обводка, свечение, тиснение, а также заливка узором, текстурой или градиентом.

Ровный круг в «Фотошоп»

Ровный круг в «Фотошопе» чаще всего создается для использования его в оформлении сайта. Вы наверняка не раз видели на сайтах круглые кнопки, ведущие в разные разделы. Они чаще всего создаются именно в Photoshop, хотя в некоторых случаях используются векторные редакторы. Поместите на окружность логотип своей студии или организации — получится простенький баннер.

Как обрезать кругом в «Фотошоп»

Теперь вам нужно понять, что программа от Adobe способна не только рисовать окружности. Она способна предоставить даже выделение в форме круга. Так в «Фотошопе» можно обрезать кругом любую область фотографии. Давайте рассмотрим эту возможность на примере.

Откройте фотографию, которую вы хотите превратить из прямоугольной в круглую. Теперь перейдите к инструменту «Овальная область».

Как и в прошлом случае, сейчас нужно нарисовать своеобразный круг. Не забудьте и в этот раз зажать клавишу «Shift». Изначально вы можете круглую выделенную область расположить не совсем правильно. Наведите курсор на неё и зажмите левую кнопку мыши — это позволит свободно перетаскивать круг выделения по изображению. Так вы легко выделите нужный объект. Осталось понять, что же нужно делать с ним дальше.

Теперь можно вырезать круг в «Фотошопе», скопировав выделенную область на совершенно новое изображение. Для этого нажмите комбинацию клавиш «Ctrl+C» или перейдите по пути «Редактирование>>Копировать». Затем создайте новое изображение при помощи сочетания клавиш «Ctrl+N». В его свойствах ничего не меняйте, так как разрешение будет подобрано под размер скопированной области. Можете только сменить имя изображения. В поле «Содержимое фона» выберите пункт «Прозрачный». В открывшемся пустом изображении произведите нажатие комбинации клавиш «Ctrl+V». Или же перейдите по пути «Редактирование>>Вставить». Так вы получите требуемый результат — круглую фотографию на прозрачном фоне. Её можно использовать в оформлении сайта, текстового документа или в качестве аватарки.

Фото в круге в «Фотошоп»

Дополнительно вы можете поиграться со стилями слоя, добавив обводку (положение должно быть внутренним), свечение, тень или всё вместе. Может получиться очень красивое фото в круге. «Фотошоп» способен на многое, кроме обрамления вы можете исказить и само изображение при помощи фильтров. Но это уже не тема данного урока. Сохранять изображение необходимо в формате PNG, в противном случае прозрачная область заменится на белую.

Похожим образом в «Фотошопе» создаются круги на воде. Но этот процесс уже более продолжительный. Для получения подобных кругов используются фильтры «Зигзаг» и «Размытие по Гауссу».

в «Фотошопе» и какие для этого нужны инструменты

Начинается ваш в мир «Фотошопа» — учимся рисовать круги и окружности.

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

Для этого идём в меню Файл/Создать и устанавливаем значения нового документа, (ширина и высота в пикселах, здесь вы можете выбрать произвольные цифры). Разрешение 72. Цвет фона — белый. Перед тем как нарисовать ровный круг в «Фотошопе»,удостоверимся, что у вас есть необходимые инструменты — панель с инструментами. По умолчанию она расположена слева, вертикально. Если её нет, идём в меню «Окно» и отмечаем там пункт «Инструменты». Панель с инструментами автоматически появится в виде колонки с кнопками.

Инструмент «Фотошопа» «фигура»

Теперь к самому интересному, собственно, как нарисовать круг в «Фотошопе».

Теперь перейдём непосредственно к вопросу: «Как нарисовать круг в фотошопе?»

Нажимаем правой клавишей мыши на инструмент «Фигура». В выпадающем списке выбираем Инструмент «Эллипс».
В панели настроек выставляем значение «Пикселы».
И рисуем на белом листе: в произвольном месте ставим курсор, зажимаем левую кнопку мыши и ведём по диагонали, чтобы получился круг. При этом нужно держать зажатой клавишу Shift, чтобы получился ровный круг.
Вот так с использованием только одного инструмента у нас получилась такая интересная фигура.

Инструмент «Овальная область»

В «Фотошопе» нарисовать круг заливкой можно ещё одним способом.

Выбираем инструмент «Овальная область»
Рисуем круг с зажатой клавишей Shift, затем, находясь на самом круге, нажимаем правую кнопку мыши и в выпадающем списке выбираем «Выполнить заливку»
В графе «Содержимое» выбираем «цвет» (или в палитре цветов выбираем нужный цвет и жмём «Ок»).
Затем снимаем выделение, нажав «Выделение» в верхней панели (Отменить выделение).

Кликаем на инструмент «овальная область», зажимаем shift и рисуем.

На той же панели ищем инструмент «заливка». Кликаем по нему, а затем по выделенной области.

Окружность готова. Снимаем выделение, нажав комбинацию клавиш на клавиатуре ctrl+j.

В появившемся окне выбираем цвет обводки и ее толщину, которая выражается в пикселях.

Вот, что у нас получилось. Не забываем снимать выделение.

Круг «Рисованный» — Планета Photoshop

При подготовке учебного пособия, снимка экрана для статьи из книги или журнала или иллюстрации для технического документа нередки случаи, когда критическая область обозначается кружком или квадратом. Вот как добавить этому акценту немного изящества. Допустим, вы обсуждаете снимок экрана палитры слоев Photoshop и хотите убедиться, что ваша точка зрения ясна. Возможно, вы объясняете, что нужно выбрать миниатюру маски слоя, а не миниатюру самого слоя.Один из способов сделать это — использовать цветной круг. Сделайте выделение вокруг элемента, затем используйте команду «Правка»> «Обводка». Вы даже можете использовать инструмент «Форма линии», чтобы добавить стрелку для большего акцента.

ПРИМЕЧАНИЕ. Если вы используете команду «Обводка» с прямоугольным выделением и хотите получить острые углы, используйте параметр «Внутри». Если вы хотите, чтобы углы были слегка закругленными, используйте внешний вид.

Чтобы немного оживить этот эффект, поработайте над отдельным слоем и добавьте эффект слоя скоса и / или тени.

Но вот как можно сделать что-то особенное, что-то (пока) обычное: эффект «нарисованного от руки».
1. Добавьте новый слой (необязательно, но настоятельно рекомендуется).
2. Сделайте круглое или эллиптическое выделение вокруг элемента, который нужно выделить.
3. В нижней части палитры «Контуры» нажмите кнопку, которая преобразует выделение в рабочий контур. Если вы считаете, что вам может потребоваться повторно использовать этот путь позже, дважды щелкните имя Work Path в палитре Paths и назовите путь, чтобы сохранить его.

4. Выберите инструмент «Кисть».
5. В палитре «Кисти» выберите тип кисти, жесткость, округлость и другие подобные параметры. В этом примере мы покажем скошенную круглую кисть, используя параметр «Двойная кисть» и добавив кисть «брызги», чтобы края были немного неровными.

Нажатие кнопки «Обводка контура» в нижней части палитры контуров с помощью этой кисти произвело бы довольно интересный эффект, но мы можем сделать даже больше.
6. Находясь в палитре кистей, откройте панель «Динамика формы».(Щелкните имя «Динамика формы», чтобы открыть панель, а не устанавливать флажок слева.)
7. В «Динамике формы» установите ползунок «Колебание размера» где-то между 10 и 40%. Установите для всплывающего меню «Управление» значение «Затухание». Соответствующее число для ввода в поле «Шаги» зависит от длины окружности контура, который вы проводите, а также от выбранного вами минимального размера.

8. В нижней части палитры «Контуры» нажмите кнопку «Обвести контур», чтобы применить кисть к контуру.Возможно, вам придется отменить и отрегулировать количество шагов несколько раз, пока не получите желаемый вид.

9. [Необязательно] Пока контур все еще активен, вы можете снова обвести его, используя другую кисть, другой цвет, даже другой инструмент, такой как затемнение или Осветление, для дальнейшей настройки вашего внешнего вида. Команда меню палитры «Контуры» «Обводка контура» открывает диалоговое окно, в котором вы можете выбрать инструмент для обводки. Помните также, что если вы работаете с отдельным слоем, вы можете изменить режим наложения и настроить непрозрачность слоя.
10. Щелкните пустую область палитры «Контуры», чтобы отменить выбор контура.

Как нарисовать звезду в форме квадратного круга в Photoshop CC

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

Для начала мы собираемся использовать здесь этот небольшой пункт меню.Я нажимаю, удерживаю и опускаю его. Я просто нажимаю, удерживаю, удерживаю, удерживаю кнопку мыши, пока не получу эти параметры. Начнем с инструмента Ellipse Tool. Что мы собираемся сделать, так это наверху вы можете выбрать заливку для своего эллипса. Так что щелкните, щелкните и выберите все, что вам нравится. Если вы хотите выбрать более индивидуальный цвет, чем просто случайные здесь. Вы можете нажать на этот маленький значок радуги здесь. Вы получаете ту палитру цветов, которую мы использовали несколько раз. Сдвиньте Hue вверх, пока не найдете то, что хотите использовать.Выберите этот. Щелкните «ОК». Вы можете щелкнуть в любом месте здесь, чтобы избавиться от раскрывающегося списка «Заливка».

Итак, что мы хотим сделать, это щелкнуть, удерживать и перетащить. И вы получите любую старую форму. Итак, если я перейду к «Редактировать», «Шаг назад». И что мы хотим сделать, мы сделали это с помощью инструмента Rectangle Marquee Tool. Кто помнит, какую клавишу мы удерживаем на клавиатуре, чтобы получился идеальный круг? Ага, помните, это Shift. Так что удерживайте Shift, чтобы зафиксировать высоту и ширину. Если вы добились нужного размера и думаете: «Нет, не совсем правильно», вам не нужно возвращаться назад, вы можете перейдите в «Редактировать», «Преобразовать контур» и перейдите в «Масштаб».И то же самое, удерживая Shift на одном из этих краев, растяните его, и вы можете сделать его красивым и большим. Я делаю свой супер большим. Что-то подобное. Когда вы закончите, нажмите «Return» на клавиатуре, иначе ничего не получится. Так что нажмите «Return». Вот как нарисовать эллипс.

Самое замечательное в использовании именно этого инструмента, этих маленьких частей формы, заключается в том, что они масштабируемы, они векторные. Они могут увеличиваться и уменьшаться в размерах, без проблем. Давайте посмотрим на некоторые другие формы.Мы собираемся использовать прямоугольник. Это кажется довольно скучным, но подождите, потому что с этим можно кое-что сделать. Итак, выбрав его, выберите «Цвет заливки». В этом случае я буду использовать черный цвет. Вот он. Не выбирайте это, поэтому «Редактировать», «Шаг назад». Пока не беспокойтесь о цвете. Что вы можете сделать, так это увидеть эту панель слоев, вы можете щелкнуть в этой темно-серой области, чтобы убедиться, что ничего не выбрано. Теперь я могу выбрать черный цвет заливки, обводка — это линия вокруг внешней стороны, я собираюсь включить ее, чтобы показать вам.Так что у меня будет белый лайнер снаружи. Это будет, скажем, 3 пикселя, просто для примера, на самом деле обводка не нужна, но я хочу показать вам, как это работает.

Мы собираемся нарисовать прямоугольник примерно здесь. И вы думаете: «Да, это прямоугольник, Дэн». Вы должны увидеть вот эти Свойства. Самое замечательное в использовании этого конкретного инструмента — это то, что их можно настраивать. Вы можете видеть, что Обводку здесь можно сделать очень толстой.Это слишком толсто. Вы можете решить, где находится этот штрих, я думаю, что это именно этот вариант. Нет, именно этот вариант, первый. Итак, есть внутренняя часть квадрата, которая находится поперек … вы можете видеть любую сторону этого квадрата. Или это за пределами квадрата. Я не хочу никого из них. Ты мне не нравишься, Инсульт, я нажимаю на него. И я просто нажимаю на Обводку, этот маленький значок.

Видите эту маленькую красную линию? Это значит, пожалуйста, «без инсульта». Потрясающие! Другие вещи, которые вы можете сделать с прямоугольниками, все еще не очень увлекательные, — это эти углы.У вас, вероятно, установлено по умолчанию это, где у него темно-серая рамка. Смотрите, щелкните по нему. Это не совсем очевидно, но если он у вас выключен, значит, он должен выглядеть так, и что я собираюсь сделать, вы можете изменить один конкретный угол. Итак, что я собираюсь сделать, скажем, 20 пикселей в этом углу. Нажмите «Return», и вы увидите, что у меня радиус 20 пикселей. Вероятно, недостаточно большой, чтобы вы могли его увидеть. Радиус 50 пикселей. Я собираюсь увеличить масштаб, чтобы нам было немного легче увидеть это вместе. Человек, редактирующий это видео, вероятно, скажет: «Тебе следовало сделать это раньше, тебе пришлось передвигаться.»Итак, небольшой трюк с этим …

Кто знает, что такое 50 пикселей, действительно зависит от размера картинки. Так что я считаю весьма полезным видеть эти маленькие значки здесь? Практически все значки в Photoshop, вы можете навести на них курсор, увидеть это как маленькие стрелки ширины руки? Щелкните, удерживайте и перетащите его вправо. Вы можете видеть, как он идет вверх, и вы можете видеть мою маленькую — давай перейдем сюда. Перетащите их назад, чтобы перейти к квадрату, перетащите их обратно. Вы можете заблокировать их вместе, чтобы, когда вы перетаскиваете их все вверх, они все объединяются или возвращаются к нулю.

Я просто хочу, чтобы это было немного округлым, и мы собираемся изменить его позже, когда будем делать наш Type. В конце концов, это будет та коробка. Мы сделаем еще пару вещей: я собираюсь уменьшить масштаб, «Командование…» И я хочу сделать звезды в углу, вот эти ребята. Так что звезды — это не сложно, но … посмотрите это, нажмите и удерживайте. Они заходят в этот инструмент, который называется «Инструмент многоугольника», и нажимают на него. И по умолчанию он даст мне многоугольник. Я не уверен, что это за форма, Пентагон? Я хочу сказать, Пентагон.И вы можете поменять стороны здесь, у меня может быть 10 сторон. Теперь это то, что я не могу назвать. Переходим к «Отменить». Я использую ярлык, поэтому «Редактировать». ‘Шаг назад’. Это здесь. На Mac это довольно безумно, это «Command-Option-Z», шаг назад. На ПК это «Control-Alt-Z». Просто шаг назад. Я использую это довольно часто. Я, наверное, собираюсь использовать это с этого момента в курсе. Если вы видите, что я иду назад и отменяю, я просто перейду к этой опции здесь, используя свой хитрый ярлык.

Итак, что я хочу сделать, это то, что я хочу пятигранную звезду, но что я хочу сделать, это увидеть здесь эту маленькую шестеренку? Прежде чем начать рисовать, нажмите «Звездочка», поиграйте со вставкой, 50% даст вам традиционную звезду. Посмотрите это здесь, вы можете отменить его и просто поэкспериментировать. Поэкспериментируйте с отступами, например … Мне очень нравится этот, если вы опуститесь до 15, а затем поверните стороны до 50, вы получите что-то вроде звездообразования. Это очень удобно, я не знаю.Как я покупаю вино? Я смотрю на этикетку, а много ли на ней этих золотых наклеек? Я их даже не читаю, но так покупаю вино.

Выбрав этот слой, я собираюсь щелкнуть по мусорному ведру, чтобы избавиться от него, и я собираюсь получить свою звезду. Итак, «Инструмент многоугольника», сторона, вернемся к «5». Нажмите на маленькую шестеренку, и я скажу 50%. Если вы дойдете до 80%, они будут супер острыми. Вы также можете сгладить его края, просто немного поэкспериментируйте. Просто сделаю традиционную звезду.Я собираюсь вытащить — если хочешь прямо, это наш волшебный ключ, который мы сделали. Мы уже использовали его несколько раз. На данный момент это будет любой старый размер. Итак, я собираюсь растянуть и удерживать клавишу «Shift». Видите ли, это как бы запирает его в более удобные формы. Это не прямо вверх и вниз, я не знаю почему, но вы можете, вот так, поехали, в конце концов я понял. Так что удерживайте Shift и просто вращайте его, пока не получите вид … он зафиксировал его в симметричной форме, вот что я хочу сказать.

Давайте посмотрим, как изменить его цвет. Итак, выбрав этот слой, наверху я собираюсь выбрать белый цвет. Во-первых, предположим, что этот цвет исчез, вероятно, потому, что вы используете инструмент «Перемещение». Если вы находитесь на этом слое с помощью инструмента «Перемещение» — он отлично подходит для перемещения, но если вы хотите вернуться к форме, просто выберите этот инструмент, убедитесь, что этот слой выбран, и он снова появится. Вы можете уйти сейчас, потому что это почти все, что касается форм. Я собираюсь посмотреть на непрозрачность, потому что я хочу воссоздать такой звездный эффект и вот эту штуку.Погодите, я на самом деле собираюсь нарисовать этот круг и там. Вы можете полностью уйти, если уже знаете, как изменить непрозрачность.

Я хочу преобразовать этого парня, чтобы он стал меньше. Итак, слой выбран, «Редактировать», «Трансформировать», «Масштабировать». Теперь, что я собираюсь сделать до конца этого курса, это очень долгий путь, я собираюсь использовать ярлык, и он здесь, Free Transform. Он делает все это понемногу, действительно легко масштабируется. Я собираюсь использовать «Команду Т».Вам не обязательно, вы можете зайти сюда и использовать эту версию. «Command T» — отличный способ научиться чему-то. На ПК это «Control T», поэтому удерживайте «Command T» и то же самое, удерживайте «Shift» в углах, и я могу изменить его размер. Так что я хочу, чтобы это было об этом, нажмите «Return». Мне нужна другая версия, поэтому я собираюсь щелкнуть по ней правой кнопкой мыши и сказать «Дублировать слой». «Многоугольник 2», нажмите «ОК». И что я собираюсь сделать, это, вероятно, тот, который находится внизу. Итак, этот парень наверху, этот парень внизу.Я собираюсь растянуть его, используя мой супер новый ярлык, ‘Command T’, и я собираюсь масштабировать его, поэтому, если я удерживаю ‘Shift’, я могу перетащить его туда, тогда я могу в любом случае схватиться за центр и попробуйте выровнять их, и это обычно работает.

Еще одно небольшое сокращение, которым я хочу с вами поделиться. Я собираюсь нажать «Esc», «Esc» означает «Я не это имел в виду». Я собираюсь вернуться туда, где это было. У меня все еще две звезды друг на друге. А вот в нижнем я нажму «Command T», «Control T» на ПК.Удерживая Shift, вы будете исходить из левого верхнего угла. Если я удерживаю «Shift Option» на Mac или «Alt» на ПК, поэтому посмотрите вниз на клавиатуру, удерживайте «Shift», а если вы на Mac, удерживайте «Shift Option». Если вы на ПК, удерживайте Shift и Alt. Что он делает, вы видите разницу? Его размер изменяется от центра. Я не хочу слишком сильно обманывать вас ярлыками. Вам не обязательно, вы можете просто выровнять его, использовать Shift и просто выровнять его, но я хочу сделать мой немного больше, чем он был примерно там. На самом деле ничего не происходит, кроме этого нижнего. Я хочу уменьшить непрозрачность, видите ползунок «Непрозрачность»? Он будет опускать его, пока я не найду что-то, что мне нравится.На самом деле я собираюсь использовать Transform. Я собираюсь сделать его немного больше. У нас есть Drop Shadows на этом. Позже это будет выглядеть лучше, но мы еще не дошли до этого.

Если я захочу заново … Я тоже изменю размер этого верхнего. На самом деле я хочу, чтобы оба были немного меньше. Удерживая обе эти клавиши. Ты, ты. Я сделаю то же самое с кругом. Итак, этот парень выбрал мой Эллипс, я собираюсь продублировать его. Щелкните правой кнопкой мыши «Дублировать слой». Вы должны дать им имя.Я буду честен с вами, я никогда не беспокоюсь, если я не отправлю его кому-то, кого мне нужно впечатлить. Я перехожу к своей «Команде Т». Я собираюсь взять одну из этих боковых частей, удерживая «Shift Option» на моем Mac. Сделайте немного больше. Что я, вероятно, собираюсь сделать, так это то, что у меня есть большой сверху, я собираюсь положить его внизу.

Выбрав его, я пойду сюда и выберу новый цвет. Мы собираемся рассмотреть конкретные цвета, которые могут совпадать с фоном в следующем уроке, но я этим и занимаюсь.Итак, этот парень наверху, этот парень внизу, и он просто немного крупнее. Вы также можете поиграть с непрозрачностью этого. Выглядит круто. Здесь черная полоса, я уменьшаю непрозрачность многих из них, просто чтобы, я не знаю, начать просвечивать сквозь предметы. Это круто, когда есть немного прозрачности.

Последнее, что я хочу сделать, это получить это … Я хочу, чтобы оно было длиннее, поэтому я собираюсь использовать «Command T» на Mac, «Control T» на ПК и просто перетаскивать его. из. Самое классное в живых фигурах то, что угол все еще сохранился.Неважно, как долго, это не искажает. Так что я собираюсь перетащить его, чтобы он отключился, даже за край, это не имеет значения. «Enter» на моей клавиатуре, чтобы закончить его, и я собираюсь использовать его как своего рода вне страницы в поле типа обрезки. Еще одна вещь, которую я хочу, — это маленький кружок здесь внизу. Я буду ленивым. Вместо того, чтобы нарисовать Эллипс и придать ему цвет, я собираюсь схватить этого парня, я собираюсь щелкнуть по нему правой кнопкой мыши, я собираюсь дублировать его. Да, я дам этому имя, потому что вы смотрите на меня, давайте перейдем к «Малому кругу».Я собираюсь трансформировать его. Удерживая мои горячие клавиши, хватая где угодно, кроме центра, и он собирается пойти сюда, куда-то. Нажмите «Return» на клавиатуре.

Вот и готово наше видео о создании эпической формы. Давайте перейдем к следующему видео, где мы начнем добавлять Type, а затем сделаем Drop Shadows. Еще много предстоит сделать, но давайте сделаем это в следующем видео. Ну пока.

Как создать анимацию повторяющегося круга в Photoshop

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

Поскольку создание анимации становится немного сложнее, я разделю шаги на 2 части. Часть 1 включает шаги по организации слоев для анимации, а часть 2 расскажет, как создать анимацию в Photoshop.

Часть 1: До анимации

Всегда полезно организовать слои перед созданием анимации, чтобы птицы летели плавно.

Шаг 1: Откройте фоновые изображения для повторяющегося GIF в Photoshop. У меня есть фотография здания, смотрящего вверх в небо в качестве фона, и черный силуэт птицы в полете.

Шаг 2: Щелкните и перетащите птицу на фон, чтобы они оказались в одном документе.

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

Вы можете изменить размер птицы с помощью Free Transform, нажмите Command + T / Ctrl + T на клавиатуре, и вы увидите рамку масштабирования. Удерживайте клавишу Shift при изменении размера, чтобы сохранить пропорции объекта.

Так как мы хотим создать анимацию в круге, вам нужно разместить птицу на краю круга.

Шаг 4: Дублируйте слой с птицей в палитре слоев. Убедитесь, что исходный слой с птицей выбран, и нажмите Command + J / Ctrl + J для дублирования.

Выделив новый дублированный слой, поверните его на 180 градусов. Вы можете сделать это с помощью свободного преобразования Command + T / Ctrl + T и использовать мышь, чтобы повернуть объект или ввести значение угла ( 180 ) на панели инструментов в верхней части окна. экран.

Шаг 5: Выделив тот же слой, используйте инструмент перемещения, чтобы перетащить новый слой на место.

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

Шаг 6: Выберите оба слоя в палитре слоев и продублируйте оба слоя. Удерживая клавишу Shift , выберите оба слоя и щелкните правой кнопкой мыши, чтобы дублировать.

Новые слои появятся над оригиналами.

Шаг 7: Выбрав новые слои, используйте инструменты преобразования и поверните слои на 90 градусов.

Шаг 8: Теперь выберите все 4 слоя и продублируйте снова.

Теперь у вас должно быть 8 слоев с выбранными верхними 4 слоями.

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

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

Повторное дублирование последних 4 слоев и использование инструментов преобразования для поворота еще на 30 градусов даст вам все этапы анимации.

Теперь у вас должно получиться что-то похожее на изображение ниже с 12 птицами (слоями) поверх фонового слоя.

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

Со всеми переименованными слоями. Щелкните и перетащите слои в порядке номеров на палитре слоев.Это поможет ускорить процесс создания анимации.

Шаг 9: Последний шаг — убедиться, что ваши элементы для анимации находятся в правильном положении. Например, я изменил размер птиц, чтобы они были меньше, и поместил ближе к центру.

Теперь вы готовы создать свою анимацию.

Часть 2: Создание анимации круга

После того, как вы все настроили и организовали в части 1, вы можете приступить к созданию анимации.

Шаг 1: Откройте окно временной шкалы. Перейдите в верхнее меню и выберите Window > Timeline .

Внизу экрана откроется окно временной шкалы. Нажмите кнопку Create Frame Animation .

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

Шаг 2: Отключите видимость других слоев, потому что для первого кадра вам нужен только фон и первая птица, помеченные как 0 в палитре слоев.

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

Шаг 3: Чтобы установить скорость кадров, щелкните время, показанное на первом кадре, и измените скорость. Я изменил свое на 0,5 секунды.

Шаг 4: Перетащите первый кадр на значок «Новый кадр», чтобы дублировать кадр.

Шаг 5: Включите видимость вашего второго кадра (слой с именем 30) и отключите видимость первого кадра (слой 0), чтобы первый слой с птицами (0) больше не отображался, а следующий слой с птицами (30) показывает.

Шаг 6: Продолжайте дублировать слои и выбирать, какие слои должны отображаться на каждом.

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

Если вы хотите, чтобы анимация воспроизводилась непрерывно, а не заданное количество раз. Измените параметр с Once в нижнем левом углу шкалы времени на Forever .

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

Ниже моя анимация со скоростью 0,5 на каждый кадр.

Ваша GIF-анимация создана!

Если вы хотите изменить скорость, вы можете выбрать все кадры, выбрав первый кадр, а затем последний кадр, нажав Shift, а затем изменив скорость в раскрывающемся списке на одном из кадров, и это изменится для всех .

Я ускорил анимацию, выбрав время 0,25.

Я решил, что хочу, чтобы анимация была более плавной, для этого я добавил больше кадров с большим количеством вращений птиц.В финальной анимации было 24 кадра, все по 0,25 секунды с птицами, повернутыми на каждые 15 градусов.

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

Шаги могут показаться длинными и повторяющимися, на самом деле сделать круговую анимацию в Photoshop не так уж и сложно. Самая важная вещь, когда дело доходит до создания повторяющейся круговой анимации, — это то, что вам нужно организовать слои в части 1 и помнить, какой из них вы включаете и выключаете видимость в части 2.

О Ханне

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

10 полезных инструментов и ярлыков в Photoshop, которые вы, вероятно, не используете

Adobe постоянно добавляет новые инструменты и функции в Photoshop CC (как вы, возможно, помните из моего обзора, в этом вся идея Photoshop CC). Этими дополнениями могут быть новые плагины, улучшения дизайна, изменения в рабочем процессе или даже его ускорение.. Становится трудно держать в курсе всех этих новых функций. Вот 10 полезных инструментов и функций, о которых вы, вероятно, не знали, о существовании в Photoshop CC:

Для начала…

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

Список горячих клавиш (щелкните, чтобы увеличить версию)

А вот список всех инструментов, доступных в Photoshop.

Шпаргалка по инструменту (нажмите, чтобы увеличить)

1. Составьте круг из эллипса

Если вы хотите нарисовать идеальный круг с помощью эллиптической области, удерживайте Shift .Эллипс превратится в круг.

2. Верните свой выбор назад

Терять выбор не так часто, но иногда случается. Простой выбор не имеет большого значения, но когда вы потратили много времени на то, чтобы сделать идеальный выбор, и потеряете его, это может сильно расстроить. Нажмите Control + Shift + D при использовании Windows или Command + Shift + D на Mac.

3.Быстрая выборка цветов фона и переднего плана

Есть более простой способ пробовать цвета фона и переднего плана с помощью Photoshop CC. Вместо того, чтобы просто щелкать образец фона или переднего плана, как вы это делали раньше, щелкните инструмент Eyedropper и щелкните, чтобы выбрать цвет фона. Удерживая Alt в Windows или Option на Mac, вы получите выборку нового цвета переднего плана.

4. Поместите выделение или фигуру

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

5. Более быстрый способ открытия файлов

Каждый раз, когда вы хотите открыть файл, вы обычно переходите в меню. Однако Adobe продолжает добавлять новые ярлыки, чтобы облегчить вам жизнь. Если вы хотите открыть файл, просто дважды щелкните на сером фоне окна Photoshop.Появится диалоговое окно открытия файла.

6. Изменение серого цвета в окне изображения

Заказной голубовато-зеленый фон.

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

7. Скрыть область выделения

В некоторых случаях рамка выбора закрывает обзор. Таким образом, вместо того, чтобы удалять и повторять его, вы можете сохранить выделение, но скрыть его. Нажмите Control + H в Windows или Command + H на Mac. Когда он понадобится, нажмите ту же комбинацию клавиш.

8. Автоматический выбор слоя

Вместо того, чтобы пролистывать все слои, чтобы найти тот, который вам нужно отредактировать или переместить, используйте автоматический выбор.Удерживая Control в Windows или Command на Mac, щелкните нужный слой на холсте. Это автоматически выберет слой, над которым находится курсор. Также есть возможность включить автоматический выбор, чтобы он всегда был включен (в верхнем левом меню).

9. Палитры выравнивания / стека

Когда вы используете несколько палитр, может оказаться очень удобно разместить их в определенных местах. С Photoshop CC вы можете перемещать их куда угодно.Все, что вам нужно сделать, это перетащить палитру с боковой панели.

10. Сброс значений диалогового окна

Кнопка отмены превращается в кнопку сброса

Не думаете, что у вас есть возможность сбросить значения по умолчанию в диалоговых окнах? Ну ты вообще. Если вы хотите восстановить исходные настройки диалогового окна Photoshop, откройте соответствующий диалог. Затем удерживайте Alt в Windows или Option на Mac. Вы увидите, что ваша кнопка «Отмена» превратится в кнопку «Сброс».

Находите эти советы и рекомендации Photoshop полезными (или, может быть, у вас есть свои собственные)? Пожалуйста, оставьте комментарий и дайте мне знать! И не забудьте подписаться на еженедельную рассылку, чтобы быть в курсе последних технических статей, подобных этой.

Связанные

Photoshop: Создание эффекта тени

Это учебное пособие по созданию тени, которая будет располагаться под объектом, создавая едва уловимый эффект выпуклости.Окончательная тень будет выглядеть так:

Шаг 1. Настройка сцены

Сначала добавьте в сцену элемент, под которым должна располагаться ваша тень. В этом примере я выбрал одну из встроенных фигур из инструмента Custom Shape Tool .

Шаг 2: слой тени

Затем создайте новый слой и назовите его «тень». Убедитесь, что этот слой находится над объектом сцены, созданным на шаге 1.

Затем выберите инструмент Elliptical Marquee Tool и нарисуйте круговое выделение вокруг объекта сцены.Используйте клавишу shift , чтобы размеры круга оставались одинаковыми.

Пока не беспокойтесь о ширине круга, мы изменим это позже.

Шаг 3: градиент тени

Выберите инструмент Gradient Tool и выберите опцию Radial Gradient на верхней панели.

Установите градиент от черного к прозрачному.

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

Шаг 4: Размер тени

Отмените выделение текущего выделения («Выделение»> «Отменить выделение» или Ctrl / Cmd + D).

Теперь свободно трансформируем слой «тень» (Edit> Free Transform или Ctrl / Cmd + T).

Используйте верхнюю ручку, чтобы раздавить слой тени, как показано на следующем снимке экрана. На этом этапе вы можете использовать левую / правую ручки, чтобы сделать тень шире.

Совет: удерживайте shift и перетащите левый маркер, это автоматически настроит правый, чтобы соответствовать.

Шаг 5: Размещение тени

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

Теперь щелкните значок галочки, выделенный ниже, чтобы принять преобразование.

Шаг 6. Завершить

Наконец, используйте выделенный пункт меню, расположенный над панелью слоев, чтобы установить непрозрачность слоя «тень» на 30%.

Если вы хотите скачать PSD-файл для этого урока, пожалуйста, найдите его здесь.

Как создать виньетку в Photoshop

Виньетки могут быть одним из самых мощных средств настройки, помогающих улучшить композицию и освещение изображения. В предыдущей статье вы узнали, как создать виньетку в Lightroom, но сегодня мы поднимаем планку, чтобы увидеть, как выборочно создать виньетку в Photoshop.

Помимо возможности открыть изображение в Camera Raw и добавить виньетку аналогично тому, как мы делали это в Lightroom, в Photoshop нет очевидного способа сделать это.Вместо этого вы можете использовать несколько подходов и различных инструментов, ни один из которых не обязательно лучше других.

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

Мы уже говорили о том, что такое виньетка и как она может повлиять на ваш имидж, в предыдущей статье, так что давайте перейдем к делу:

Метод 1: затемнение с кривыми

Curves — мощный инструмент, который можно использовать самыми разными способами; один из них — добавить виньетку.Есть также несколько подходов к использованию техники кривых; вы можете придерживаться основ или выбрать более сложный метод.

Начнем с основ:

Выберите инструмент Elliptical Marquee Tool (M)
Перетащите круг по экрану и перемещайте его, пока края не будут имитировать виньетку, которую вы хотите создать. Возможно, вам придется создать круг несколько раз, прежде чем вы получите желаемую форму
Инвертируйте выделение (cmd / ctrl + Shift + I). Мы делаем это, потому что хотим, чтобы корректировка была видна только за пределами круга, который мы сделали
Создайте корректирующий слой Curves
Щелкните в середине линии кривой и перетащите ее немного вниз, пока виньетка не будет выглядеть хорошо

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

Использование маски слоя

Преимущество основного метода в Photoshop по сравнению с основным методом в Lightroom состоит в том, что Photoshop предлагает гораздо большую гибкость.К слою кривых прикреплена маска слоя; Теперь он должен иметь черную форму посередине с белой рамкой вокруг нее (это маска, с которой мы создали виньетку).

Маска слоя просто показывает или скрывает части определенного слоя / корректировки. Запомните: белые раскрывают, черные скрывают. Это означает, что белые области маски показывают корректировку, в то время как она скрыта в черных частях, по сути, оставляя внешний вид «как есть».

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

Выберите черную кисть (B) и уменьшите непрозрачность примерно до 50%
Щелкните маску слоя кривых
Тщательно закрасьте области, на которых вы хотите удалить виньетку из

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

Передовой, но точный путь

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

Маски яркости

— это продвинутое, но эффективное решение этой проблемы, и лучший способ создать их — использовать панель Photoshop, такую как Raya Pro. Эти маски выбирают только определенные пиксели изображения. В нашем случае мы не хотим затемнять самые темные области изображения, поэтому мы будем использовать маску Darks , чтобы удалить / скрыть их; опять же, это предотвращает проявление эффекта виньетки в этих частях, поэтому они сохраняют свой первоначальный вид.Я знаю, это звучит немного сложно, но давайте сделаем это шаг за шагом:

Создание масок яркости
Найдите маску Darks , которая является white только в тех областях, которые вы хотите избежать затемнения с помощью виньетки, но пока не выбирайте ее. Запишите его название, чтобы его можно было легко переместить за несколько шагов.
Выберите инструмент Elliptical Marquee Tool (M)

Перетащите круг по экрану и перемещайте его, пока края не будут имитировать виньетку, которую вы хотите создать.Возможно, вам придется повторить это пару раз, пока круг не приобретет желаемую форму.
Инвертировать выделение (cmd / ctrl + Shift + I)
Удалите маску Darks из вашего выделения (cmd / ctrl + alt / option + щелкните левой кнопкой мыши по конкретной маске Darks, которую вы отметили на шаге 2)
Создайте корректирующий слой кривых
Щелкните в середине линии и слегка потяните ее вниз, пока виньетка не совпадет с перфорацией

Позвольте мне объяснить, что только что произошло:

Когда мы создали маску (наш выбор виньетки), мы удалили из нее самые темные области, используя маску яркости Darks .Созданная нами виньетка не так сильно влияет на самые темные области изображения, как при использовании основного метода.

Маска слоя после использования Luminosity Masks

Один из способов увидеть, как эта техника повлияла на изображение, — это сравнить маску слоя, которая у нас теперь есть, с предыдущей. Вы заметите, что наша текущая маска слоя черная в более темных частях изображения; области, которые не затронуты.

Это стало моим основным методом создания виньеток в Photoshop, и после того, как я сделал это несколько раз, он уже не так запутан или труден, как может показаться прямо сейчас.Потренируйтесь несколько раз, и скоро вы с легкостью пройдете через это…

Создание виньетки с помощью Color Efex Pro 4

Последний метод, который мы рассмотрим в этой статье, реализуется в стороннем плагине от Nik Software. Если у вас еще нет Nik Software Collection, я настоятельно рекомендую вам бесплатно скачать ее с их веб-сайта. Это плагин, на который я полагаюсь в большинстве своих рабочих процессов.

В этом примере мы будем использовать Color Efex Pro 4 и настройку «Центр темнее / светлее».

При установленном программном обеспечении Nik перейдите в Фильтр -> Коллекция Nik -> Color Efex Pro 4
Найдите Центр затемнения / осветления на левой панели навигации и выберите его
Отрегулируйте ползунки по своему усмотрению. Я стараюсь хранить их, как показано ниже. Если изображение очень темное, увеличьте яркость границы примерно до -30–25%
Щелкните значок рядом с Place Center
Щелкните область изображения, которую вы хотите сделать центром виньетки.
Повторяйте шаги 4 и 5, пока не получите удовлетворительный результат.
Нажмите ОК

Возможно, вы уже заметили разницу между этой виньеткой и той, которую мы сделали ранее. Инструмент «Центр затемнения / осветления» работает в точности так, как указывает его название; он затемняет внешние края и осветляет центр, чтобы создать еще более яркую виньетку.

Подобно предыдущему методу, создание виньетки с помощью Color Efex Pro 4 является глобальной настройкой, и мы хотим избежать воздействия на самые темные области изображения.Поскольку мы еще не создали маску слоя, процесс скрытия эффекта немного отличается.

Выберите центральный слой затемнения / осветления
Создать маску слоя
Создать все маски яркости
Найдите маску Darks , где все темные части, которые вы хотите удалить, белые
Щелкните маску слоя (белое поле рядом с корректирующим слоем)
Выберите маску яркости, которую вы хотите использовать (cmd / ctrl + щелчок)
Выберите мягкую черную кисть
Не снимая выделения с маски, аккуратно закрасьте области изображения, с которых вы хотите удалить виньетку.

Сводка

Есть несколько методов создания виньетки в Photoshop; это только три из них.Хотя методы совершенно разные, результаты очень похожи и служат одной цели. Я рекомендую изучить и попробовать эти (а также другие) техники, пока вы не найдете то, что подходит для вашего рабочего процесса.

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

Я предпочитаю создавать виньетки в Photoshop, а не в Lightroom, поскольку он предлагает больше возможностей для более точного выборочного добавления их только к частям изображения.

У вас есть предпочтительный способ добавления виньеток? Обязательно поделитесь этим с нами в комментариях ниже!

кругов в Photoshop | PSD чувак

Сделать круг в Photoshop легко , любой может сделать это, используя стандартный Photoshop Ellipse Tool . Мой новый список содержит 18 различных векторных кругов , сделанных из других фигур, таких как звезды, точки или стрелки, и помещенных в форму круга. Скачайте бесплатно прямо сейчас и пополните свою коллекцию Photoshop этими красивыми векторами в форме круга . Вы можете легко создавать векторные штампы, используя эти круглые круги

Твитнуть

Если вы ищете бесплатных высококачественных фигур Photoshop , которые можно использовать в коммерческих проектах, вы можете ознакомиться с этими векторами, фигурами и силуэтами в PhotoshopSupply.

Векторные фигуры кругов для Photoshop

Ниже вы найдете ссылку для скачивания с круговыми фигурами Photoshop, которые вы можете установить, а затем использовать в своих работах. Этот набор нестандартных форм был изготовлен
с Photoshop CS4.

Этот файл содержит 1 файл CSH (18 кругов для Photoshop) и файл лицензии TXT. Надеюсь, вы сочтете его достаточно полезным, чтобы поделиться им со своими друзьями. Скачать бесплатно для всех наших
Зарегистрированные пользователи.

Лицензия

Этот CSH-файл предоставляется бесплатно для личного и коммерческого использования с указанием ссылки на наш блог.Вы не имеете права распространять, перепродавать без нашего письменного
соглашение. Если вы размещаете эти формы на своем веб-сайте, вы должны разместить ссылку на эту страницу, а не ссылку на файл CSH / ZIP.

СКАЧАТЬ! (96.0КБ)

Если вы хотите вставить символ круга ● ◉ ◎ ◍ ◌ ○ ❂ в сообщения блога, текстовые сообщения, социальные сети, просмотрите этот список. Просто скопируйте и вставьте текстовый символ звезды.

Создавайте фигур в Photoshop быстро и легко! Этот набор содержит 1 PSD-файл со слоями, который позволит вам создать силуэт векторной формы из любой фотографии / графики / изображения .Пакет также содержит экшен Photoshop, который можно использовать для создания нестандартных форм .

Вы также можете попробовать этот экшен Photoshop; преобразовать изображение в вектор с помощью Photoshop. Вы получаете векторное изображение с цветами, а не только с формой / силуэтом. Из JPG в вектор одним щелчком мыши!

Обрезать картинку по кругу

Вы можете обрезать круг в Photoshop с помощью этого бесплатного экшена. Чтобы добавить изогнутый текст вокруг круга, используйте текстовый экшен Photoshop из PhotoshopSupply.

Если у вас нет Photoshop, все эти круглые векторные формы можно использовать онлайн с помощью инструмента графического дизайна MockoFun. Если вы хотите обрезать картинку в круг онлайн, используйте MockoFun.

Предыдущий пост

Интересные уроки по органической типографии по Adobe Photoshop

Следующее сообщение

Бесплатный файл Photoshop в металлическом стиле