Как сделать дугу в фотошопе
Перейти к содержимому

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

  • автор:

Рисуем дуги в Фотошопе

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

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

Дуги в Фотошопе

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

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

Для урока нам понадобится создать новый документ. Для этого нажимаем CTRL+N и выбираем нужный размер.

Создание нового документа для урока в Фотошопе

Способ 1: дуга из окружности (кольца)

  1. Выбираем инструмент из группы «Выделение» под названием «Овальная область». Инструмент Овальная область в Фотошопе
  2. Зажимаем клавишу SHIFT и создаем выделение круглой формы необходимого размера. Созданное выделение можно перемещать по холсту с зажатой левой кнопкой мыши (внутри выделения). Овальное выделение в Фотошопе
  3. Далее необходимо создать новый слой, на котором мы и будем рисовать (это можно было сделать в самом начале). Создание нового слоя для урока в Фотошопе
  4. Берем инструмент «Заливка». Инструмент Заливка в Фотошопе
  5. Выбираем цвет нашей будущей дуги. Для этого нажимаем на квадратик с основным цветом на левой панели инструментов, в открывшемся окне перетаскиваем маркер на желаемый оттенок и нажимаем ОК. Настройка цвета заливки в Фотошопе
  6. Кликаем внутри выделения, заливая его выбранным цветом. Заливка выделения в Фотошопе
  7. Переходим в меню «Выделение – Модификация» и ищем пункт «Сжать». Пункт меню Модификация выделения в Фотошопе
  8. В окне настройки функции выбираем размер сжатия в пикселях, это и будет толщина будущей дуги. Жмем ОК. Настройка сжатия выделения в Фотошопе
  9. Нажимаем клавишу DELETE на клавиатуре и получаем кольцо, залитое выбранным цветом. Выделение нам больше не нужно, убираем его сочетанием клавиш CTRL+D. Создание кольца в Фотошопе

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

Инструмент Прямоугольная область в Фотошопе

выделить участок, который хотим удалить,

Выделение участка дуги в Фотошопе

и нажать DELETE.

Удаление участка дуги в Фотошопе

Вот такая дуга у нас получилась. Перейдем к созданию «неправильной» дуги.

Способ 2: дуга из эллипса

Как Вы помните, при создании круглого выделения, мы зажимали клавишу SHIFT, что позволило сохранить пропорции. Если этого не сделать, то получится не окружность, а эллипс.

Эллипсовидное выделение в Фотошопе

Далее выполняем все действия, что и в первом примере (заливка, сжатие выделения, удаление).

Дуги из эллипса в Фотошопе

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

Способ 3: инструмент «Перо»

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

  1. Берем инструмент «Перо». Инструмент Перо в Фотошопе
  2. Ставим первую точку на холсте. Первая опорная точка Пера в Фотошопе
  3. Ставим вторую точку там, где хотим закончить дугу. Внимание! Кнопку мыши не отпускаем, а тянем перо, в данном случае, вправо. За инструментом потянется луч, перемещая который, можно регулировать форму дуги. Не забываем, что кнопку мыши следует держать нажатой. Опускаем только тогда, когда закончим. Вторая опрная точка Пера в ФотошопеЛуч можно тянуть в любом направлении, потренируйтесь. Точки можно перемещать по холсту с зажатой клавишей CTRL. Если поставили вторую точку не там, где нужно, просто нажмите CTRL+Z.
  4. Контур готов, но это ведь еще не дуга. Контур необходимо обвести. Сделаем это кистью. Берем ее в руки. Инструмент Кисть в Фотошопе
  5. Цвет настраивается так же, как и в случае с заливкой, а форма и размер – на верхней панели настроек. Размер определяет толщину обводки, а вот с формой можно поэкспериментировать. Настройка размера и формы кисти в Фотошопе
  6. Снова выбираем инструмент «Перо», кликаем правой кнопкой мыши по контуру и выбираем пункт «Выполнить обводку контура». Пункт меню Выпонить обводку контура в Фотошопе
  7. В следующем окне, в выпадающем списке, выбираем «Кисть» и жмем ОК. Выбор кисти для обводки контурв в Фотошопе
  8. Дуга залита, осталось только избавиться от контура. Для этого снова кликаем ПКМ и выбираем «Удалить контур». Удаление контура в Фотошопе

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

Похожие инструкции:

Сергей Николаев Вам помогли мои советы?

Рисуем дугу в Photoshop

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

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

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

Вариант 1: Создание из окружности

Инструкция к этому варианту выглядит следующим образом:

  1. В панели инструментов выберите инструмент “Окружность”. Он может быть скрыт за другим инструментом по рисованию примитивных фигур. В таком случае кликните по изображению данного инструмента правой кнопкой мыши и в списке выберите окружность (показано на скриншоте).
  2. Зажмите клавишу Shift, чтобы нарисовать ровную окружность. Вам нужно просто выделить эту окружность на холсте. Примечательно, что в версии Photoshop от 2021 года зажимать клавишу Shift не нужно, так как в таком случае будет наоборот сделана отвязка от пропорций.
  3. В панели со слоями выделите новый слой с окружностью. Он создастся автоматически как только вы закончите ее рисовать.

Вариант 2: Создание дуги из эллипса

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

  1. В панели с инструментами выберите инструмент “Эллипс”.
  2. Нарисуйте эллипс. В данном случае нам не требуется, чтобы получился ровный круг, поэтому зажимать Shift не требуется. Исключение только в том случае, если у вас установлен Photoshop последней версии.
  3. В панели со слоями выделите новый слой с окружностью. Он создастся автоматически как только вы закончите ее рисовать.
  4. В верхней части интерфейса нажмите по кнопке “Выделение”. Откроется контекстное меню, где нужно выбрать вариант “Модификация”. Затем в появившемся подменю выберите вариант “Сжать”.
  5. В окне настройки функции выбираем размер сжатия в пикселях, это и будет толщина будущей дуги. Жмем ОК.
  6. Нажмите клавишу Delete, чтобы окончательно получить кольцо, удалив внутреннюю заливку. Также уберите само выделение, так как оно теперь не требуется. Для этого используйте сочетание клавиш Ctrl+D.
  7. Теперь снова обратите внимание на левую панель инструментов. Там выберите инструмент “Прямоугольная область” в группе инструментов выделения.
  8. Теперь выделите ту область окружности, которую вы хотите обрезать, чтобы получить дугу. Нажмите клавишу Delete, чтобы обрезать ненужную часть.
  9. Уберите выделение, воспользовавшись сочетанием клавиш Ctrl+D.

Вариант 3: Воспользоваться инструментом “Перо”

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

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

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

Деформация изображений, фигур и контуров

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

Трансформирование деформации

Обновлено в Photoshop 22.5 (выпуск за август 2021 г.)

Использование деформации в Photoshop

Использование деформации в Photoshop

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

  • Выберите Редактирование > Трансформирование > Деформация или
  • Нажмите клавиши Control + T (Win) / Command + T (Mac), затем нажмите кнопку Переключение между свободной трансформацией и режимами деформации на панели параметров.

Щелкните значок шестеренки на панели «Параметры», чтобы просмотреть дополнительные параметры визуальных направляющих . В Photoshop 22.4.1 (выпуск за май 2021) визуальные направляющие стали еще лучше благодаря дополнительным параметрам направляющих.

Варианты отображения направляющей деформации преобразования

Варианты отображения направляющей деформации преобразования

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

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

Для трансформирования объекта с использованием набора настроек деформации выберите стиль деформации во всплывающем меню Деформация на панели выбора параметров.

  • Выберите размер сетки — по умолчанию (1×1), 3×3, 4×4 или 5×5.
  • Выберите Заказная , а затем укажите число столбцов и строк в диалоговом окне Пользовательский размер сетки .
  1. Выполните одно из следующих действий.
    1. На панели параметров нажмите любую кнопку в группе Разделить .
    2. Выберите Редактирование > Трансформирование > Разделить деформацию по горизонтали , Разделить деформацию по вертикали или Разделить деформацию крестообразно .

    Дополнительные сведения о параметрах разделения деформации см. в разделе Разделение деформации.

    Выполните одно или несколько следующих действий.

    • Для манипуляций с фигурой можно перетаскивать контрольные точки, сегмент ограничительной рамки или сетки, а также область внутри сетки. Кривая настраивается с помощью рукоятей опорных точек. Это аналогично настройке рукоятей искривленного сегмента в векторной графике.
    • Щелкните линию сетки, чтобы активировать контрольные точки для редактирования деформации. Щелкните опорную точку (на пересечении линий сетки), чтобы редактировать окружающие ее контрольные точки. Перетащите контрольные точки для деформации изображения.
    • Чтобы выбрать несколько точек, щелкайте опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. При выделении двух и более точек вокруг них появляется прямоугольная рамка.
    • Чтобы отменить выделение нескольких точек, щелкайте активные опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. Размер прямоугольной рамки вокруг выделенных точек автоматически меняется при выделении или отмены выделения точек.
    • Чтобы удалить выделенную линию сетки (вдоль нее видны контрольные точки), нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
    • Чтобы удалить горизонтальную и вертикальную линии сетки, проходящие через опорную точку, щелкните эту точку, затем нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
    • Чтобы изменить ориентацию стиля деформации, выбранного в меню «Деформация», нажмите кнопку «Изменить ориентацию деформации» на панели параметров.
    • Чтобы сместить центр преобразования, щелкните квадрат на координатном манипуляторе контрольной точки на панели параметров.
    • Чтобы задать интенсивность искажения в числовом виде, введите на панели выбора параметров значения изгиба (поле «Изгиб») и искажений по горизонтали («Х») и вертикали («Y»). Если в выпадающем меню «Стиль деформации» был выбран параметр «Заказной» или «Нет», то числовые значения задать нельзя.

    Работа с формой деформации в Photoshop

    Работа с формой деформации в Photoshop

    Выполните одно из следующих действий.

    • Нажмите клавишу «Ввод» (Windows), или Return (Mac OS), или кнопку «Завершить» на панели выбора параметров.
    • Чтобы отменить трансформацию, нажмите клавишу Esc или нажмите кнопку «Отмена» на панели параметров.

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

    Преобразование деформации: Цилиндр

    Добавлено в выпуске Photoshop 23.4 (июнь 2022 г.)

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

    Трансформирование деформации: цилиндр

    Трансформирование деформации: цилиндр

    Для работы с новой функцией трансформирования цилиндрической деформации выполните следующие действия:

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

    Выберите «Редактирование» > «Трансформирование» > «Деформация» в меню или нажмите клавиши Command+T (Mac) или Control+T (Win).

    Нажмите кнопку переключения режимов «Свободное трансформирование/Деформация» на панели выбора параметров.

    Перейдите в раскрывающееся меню «Деформация» на панели выбора параметров и выберите нижний значок: «Цилиндр» .

    Чтобы настроить деформацию формы, нажмите и перетащите экранные элементы управления:

    • Угловые элементы управления: для произвольного трансформирования выделенного фрагмента целиком, используйте элементы управления изменением размера снизу/слева и сверху/справа.
    • Сочетание угловых элементов управления + Shift ограничивает пропорции.
    • Элементы управления кривизной:
      • Элемент сверху по центру синхронно изменяет дугу верхней и нижней границ.
      • Элемент снизу по центру регулирует только дугу нижней границы.

      Элементы управления для трансформирования путем деформации: цилиндр

      A. Регулирует кривизну как верхней, так и нижней части B. Задает правый верхний угол C. Регулирует перспективу. Проведите к центру для отдаления или вправо — для приближения D. Регулирует кривизну нижней части независимо от верхней E. Задает левый нижний угол

      Как нарисовать кривую линию в Photoshop

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

      Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества.

      Количество просмотров этой статьи: 125 621.

      В этой статье:

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

      Метод 1 из 2:

      С помощью инструмента «Перо»

      Step 1 Откройте проект в Photoshop.

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

      Step 2 Выберите инструмент «Перо».

      Выберите инструмент «Перо». Иконка данного инструмента выглядит как вечное перо и находится на панели инструментов в левой части окна. В выпадающем меню выберите пункт Инструмент «Перо».

      Step 3 Расположите курсор.

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

      Step 4 Задайте исходную точку и наклон кривой линии.

      • Точка, в которой нужно отпустить курсор — это верхняя точка вашей кривой линии.

      Step 5 Создайте вторую точку кривой линии.

      • Чтобы получить «S»-образную кривую, нужно перетаскивать курсор мыши в том же направлении, что и желаемый наклон.

      Step 6 Добавляйте другие кривые.

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

      Step 7 Замкните кривую.

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

      Метод 2 из 2:

      С помощью инструмента «Перо кривизны»

      Step 1 Откройте проект в Photoshop.

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

      Step 2 Выберите инструмент «Перо кривизны».

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

      Step 3 Выберите исходную точку.

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

      Step 4 Создайте вторую точку.

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

      Step 5 Создайте третью точку.

      Создайте третью точку. Добавьте третью точку вашей кривой, в результате чего вершиной линии окажется вторая точка. [2] X Источник информации

      Step 6 Добавляйте новые точки.

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

      Step 7 Измените положение точки на кривой.

      Измените положение точки на кривой. Если нужно вогнуть или выгнуть часть кривой, то щелкните и перетащите точку внутрь или наружу.

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

      Предупреждения

      • Также можно восстановить точку, если кривая выгнулась в неожиданном направлении. Для этого нажмите Ctrl + Z (Windows) или ⌘ Command + Z (Mac).

      Дополнительные статьи

      сделать обводку текста в Photoshop

      сделать обводку текста в Photoshop

      изогнуть текст в Photoshop

      изогнуть текст в Photoshop

      создать таблицу в Adobe Illustrator

      создать таблицу в Adobe Illustrator

      изменить фон в Adobe Illustrator

      изменить фон в Adobe Illustrator

      добавить шрифты в Illustrator

      добавить шрифты в Illustrator

      в Photoshop преобразовать текст в кривые

      в Photoshop преобразовать текст в кривые

      вращать объекты в Photoshop

      вращать объекты в Photoshop

      добавить тень в Illustrator

      добавить тень в Illustrator

      создать фон в фотошопе

      создать фон в фотошопе

      добавить гиперссылку в Illustrator

      добавить гиперссылку в Illustrator

      сделать плавный переход с одного изображения в другое в Photoshop

      сделать плавный переход с одного изображения в другое в Photoshop

      изменить размер монтажной области в Adobe Illustrator

      изменить размер монтажной области в Adobe Illustrator

      изменить размер изображения в Microsoft Paint

      изменить размер изображения в Microsoft Paint

      добавить текстуру в Illustrator

      добавить текстуру в Illustrator

      1. ↑https://helpx.adobe.com/photoshop/using/drawing-pen-tools.html
      2. ↑https://www.youtube.com/watch?v=OAlbJDQ7Bfc

      Об этой статье

      Штатный автор wikiHow

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

      Команда контент-менеджеров wikiHow тщательно следит за работой редакторов, чтобы гарантировать соответствие каждой статьи нашим высоким стандартам качества. Количество просмотров этой статьи: 125 621.

Добавить комментарий

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