Фотошоп вместо линии рисует стрелку: инструмент линия печатает стрелку вместо линии

Содержание

Как нарисовать стрелку в Фотошопе


Стрелка, нарисованная на изображении, может понадобиться в различных ситуациях. К примеру, когда необходимо указать на какой-либо объект на изображении. Есть как минимум два способа сделать стрелку в Фотошопе, и в этом уроке мы о них расскажем.

Создание стрелок

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

Способ 1: Инструмент «Линия»

  1. Берем инструмент.

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

  3. Рисуем стрелку, зажав и левую кнопку мыши на холсте и проведя в нужную сторону.

Способ 2: Инструмент «Произвольная фигура»

  1. Этот инструмент находится в той же группе, что и предыдущий. Активируем.

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

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

Надеемся, мы понятно рассказали, какие есть способы рисования стрелки в Фотошопе. Если вам нужно будет её подредактировать, воспользуйтесь сочетанием клавиш CTRL+T и потяните за маркеры, чтобы увеличить или уменьшить стрелку, также наведя мышь на один из ползунков можно поворачивать стрелку в нужную сторону.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

Как в фотошопе увеличить толщину линии


Как в Фотошопе изменить толщину линии после того, как она нарисована?

Инструкция
1
Запустите программу Microsoft Word, установите панель инструментов «Рисование», либо перейдите в меню «Вставка» – «Рисунок» (в зависимости от версии программы). Выберите инструмент «Линия». Щелкните левой кнопкой мыши в той части документа, где она будет начинаться, далее не отпускайте и ведите в нужном направлении. После того, как вы нарисовали линию, необходимо установить толщину линии. Если вы работаете с программой Word 2007, тога для того, чтобы изменить толщину линии, выделите линию, далее на панели инструментов отобразится меню «Формат», выберите там пункт «Контур фигуры», далее «Толщина линии» и выберите необходимое значение толщины линии согласно образцу. Кроме того, вы можете выбрать свое значение толщины линии, для этого щелкните по кнопке «Другие линии» и задайте необходимые параметры.
2
Перейдите на панель инструментов «Рисование», если работаете в любой другой версии программы Microsoft Word. Найдите там кнопку «Толщина линии», щелкните по ней и выберите необходимую толщину.

3
Запустите программу PicPick, простой графический редактор для создания элементарных изображений и их редактирования. Перейдите в панель инструментов и выберите инструмент «Прямая линия». Щелкните левой кнопкой мыши в том месте рисунка, где начнется линия, далее проведите в нужном направлении и нарисуйте линию. На панели инструментов выберите опцию «Контур», установите нужный контур, а в меню справа нажмите стрелку и выберите толщину линии (от 1 до 15 пикселей).
4
Запустите программу Adobe Photoshop, создайте новый файл, перейдите в палитру инструментов и выберите инструмент «Линия». На панели инструментов введите в поле «Толщина» необходимое значение толщины линии в пикселях. Щелкните левой кнопкой мыши в том месте рисунка, где начнется линия, далее проведите в нужном направлении и нарисуйте линию.

Подробнее: http://www.kakprosto.ru/kak-62909-kak-pomenyat-tolshchinu-liniy#ixzz3BhX3msi9

Редактирование контуров в Adobe Photoshop

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку»  и инструмент «Удалить опорную точку» .

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

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

Как установить толщину линии в Photoshop — Вокруг-Дом

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

кредит: Photos.com/Photos.com/Getty Images

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Рисование линии в Photoshop

Создаём прямую линию инструментом «Линия» (Line Tool)

Другой способом рисования является использование инструмента «Линия» (Line Tool), доступного на инструментальной панели Photoshop:

Эта линия является векторной формой (Vector Shape), так что в последствии Вы можете легко изменить её форму, цвет и размер без потери качества. Вы также можете использовать клавишу Shift для построения горизонтальных, вертикальных и направленных под углом 45° линий:

Ломаная, прямая и кривая линия с помощью «Пера» (Pen Tool)

Третий иp распространённых способов создания лини — использование универсального инструмента «Перо» (Pen Tool):

Сначала необходимо переключить «Перо» на режим «Контур» (Paths), этот переключатель находится на панели параметров в верхнем левом углу окна программы. Затем кликните в том месте, где должна начинаться линия, это будет начальная точка, потом добавьте вторую точку и т.д.
То же самое правило действует и при нажатии клавиши Shift:

Давайте выполним несложную практическую работу. Сначала выберите инструмент «Кисть», задайте диаметр 3 пикселя,жёсткость 100%, цвет — чёрный.
Затем возьмите «Перо», выберите режим «Контур» и нарисуйте линию с помощью двух точек. Вы можете увидеть созданный контур на панели слоёв во вкладке «Контур» (Path), там наша линия будет добавлена в качестве рабочего контура (Work Path).

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

При активном инструменте «Перо», кликните правой клавишей мыши по контуру в документе. Откроется контекстное меню, где нажмите на строку «Выполнить обводку контура» (Stroke Path):

Откроется новое окно, где выберите пункт «Кисть» (Brush) и нажмите ОК. Обводка толщиной в 3 пикселя появится:

Эту операцию лучше всего производить на новом прозрачном слое.

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

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

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

1. Рисуем прямую линию

Шаг 1

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line

Tool ​ (U) (Линия):

Шаг 2

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Шаг 3

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

Шаг 4

Также можно использовать инструмент Brush Tool (B) ​ (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

2. Рисуем ломанную линию

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

3. Рисуем линию под углом 90 градусов

Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.

4. Рисуем изогнутую линию

Шаг 1

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) ​ (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).

Шаг 2

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool 

 (Перо):

Шаг 3

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Шаг 4

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное ­— это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color  (Цвет).

Шаг 2

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

Шаг 1

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

Шаг 2

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

Шаг 1

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Шаг 2

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Шаг 3

Теперь просто рисуем линию.

Шаг 4

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

Хорошая работа!

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

Автор: Monika Zagrobelna

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

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

1. Рисуем прямую линию

Шаг 1

Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool ​ (U) (Линия):

Шаг 2

Устанавливаем Mode (Режим) на Pixels (Пикселы).

Шаг 3

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

Шаг 4

Также можно использовать инструмент Brush Tool (B) ​ (Кисть). Щелкаем в том месте, где должна начинаться линия, и, удерживая Shift, щелкаем в конечной точке линии. Photoshop нарисует ее за нас!

2. Рисуем ломанную линию

Хороша, а как нарисовать ломаную линию? Для этого можно использовать тот же метод. Если сначала кликнуть, а затем нажать Shift, вы нарисуете отдельную прямую линию. Но если вы продолжите удерживать Shift и кликаем еще раз, конечная точка предыдущей линии станет начальной точкой новой. Итак, запоминаем порядок: кликаем и нажимаем Shift для отдельной линии, нажимаем Shift и кликаем для непрерывной ломаной линии.

1: кликаем, нажимаем Shift, кликаем, отпускае Shift, 2: кликаем, нажимаем Shift, кликаем, кликаем, кликаем…

3. Рисуем линию под углом 90 градусов

Теперь разберемся, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживая Shift, начинаем рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.

4. Рисуем изогнутую линию

Шаг 1

Итак, мы разобрались с прямой линией, но как нарисовать изогнутую линию в Photoshop? Конечно, можно использовать инструмент Brush Tool (B) ​ (Кисть), чтобы просто нарисовать любую линию, которую хотите, но, если у вас нет графического планшета, может быть сложно контролировать ее форму. Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) (Перо кривизны).

Шаг 2

Инструмент Curvature Pen Tool (P) (Перо кривизны) скрыт в меню Pen Tool  (Перо):

Шаг 3

Устанавливаем Mode (Режим) на Shape (Фигура), убираем Fill (Заливку), добавляем цвет Stroke (Обводка) и настраиваем толщину линии.

Шаг 4

Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая. Самое удобное ­— это то, что линия остается полностью редактируемой: просто кликаем и перетаскиваем любую из ее точек, чтобы изменить форму. Удерживая нажатой клавишу Ctrl, кликаем, чтобы закончить рисование. Используем инструмент Direct Selection Tool (Кисть) или другого инструмента в режиме Pixels (Пиксели) настраиваем цвета на панели Color  (Цвет).

Шаг 2

Если предпочитаете инструмент Curvature Pen Tool (P) (Перо кривизны) или любой другой в режиме Shape (Фигура), настраиваем цвет обводки — это можно сделать даже после того, как линия уже нарисована.

Шаг 1

Чтобы нарисовать жирную линию есть два варианта: либо увеличить размер кисти, что можно сделать с помощью клавиш с квадратными скобками ([, ]).

Шаг 2

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

Шаг 1

Но как нарисовать линию под 45 градусов или под любым другим углом? Вот хитрость: используем инструмент Rotate View Tool (R) (Поворот вида).

Шаг 2

Вводим значение угла в поле Rotation Angle (Угол поворота) и нажимаем Enter.

Шаг 3

Теперь просто рисуем линию.

Шаг 4

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

Хорошая работа!

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

Автор: Monika Zagrobelna

Решено: изменение толщины линий, созданных с помощью прямоугольника … — Сообщество поддержки Adobe

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

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

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

Возможна ли эта задача в Photoshop? В Illustrator это просто — кажется, это должно быть довольно простой задачей в P-shop. Я искал ответ в Google и в справке P-shop CS2, но не могу найти решение. Я не вижу чего-то действительно очевидного?

Любая помощь приветствуется.

Спасибо!

.

Как изменить детали линий в Photoshop | Small Business

Если графика и изображения являются частью вашего профессионального рабочего процесса, Adobe Photoshop, вероятно, является одним из ваших основных ресурсов программного обеспечения. Когда вы используете инструменты Photoshop для создания фигур, вы создаете векторную графику в середине приложения для редактирования растровых изображений. Инструмент Photoshop Line рисует отдельные сегменты линии со стилистическими опциями. Не путайте его вывод с выводом инструмента «Перо», который вы используете для создания контуров, не содержащих ни цвета заливки, ни обводки контуров.Создав формы с помощью инструмента «Линия», вы можете редактировать их внешний вид на той же панели Photoshop, которую вы используете для установки параметров перед рисованием.

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

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

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

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

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

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

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

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

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

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

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

.

Как увеличить разрешение изображения за 5 шагов

Можете ли вы улучшить качество изображения с низким разрешением?

Это знакомая сцена: детектив просит кого-то «улучшить» размытое изображение на компьютере, пока оно не станет достаточно четким, чтобы разглядеть ключевое свидетельство. Это работает? Не так, как это делает Голливуд.


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

Как передискретизация и интерполяция влияют на разрешение.

Передискретизация изображений в Photoshop означает изменение их разрешения путем добавления или вычитания пикселей. Разрешение измеряется в пикселях на дюйм или PPI. Чем больше пикселей начинается с изображения, тем выше разрешение.Уменьшение количества пикселей называется понижающей дискретизацией, при которой из изображения удаляются данные. Увеличение количества пикселей называется повышающей дискретизацией, которая добавляет данные к изображению. Когда вы увеличиваете количество пикселей в изображении без изменения размеров, вы добавляете больше пикселей в такое же пространство и увеличиваете разрешение (или количество деталей), удерживаемых в пределах каждого дюйма. Удаление данных предпочтительнее их добавления, поскольку Photoshop должен будет угадывать, как должны выглядеть вновь добавленные пиксели.

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

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

.

Можно ли увеличить толщину линии при использовании Java Graphics для апплета? Я не верю, что BasicStroke работает

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Wher
.

Как перевернуть объект в фотошопе. Учимся поворачивать объекты в фотошопе

Как вращать объекты в Photoshop. Из этой статьи вы узнаете, как вращать объекты в Adobe Photoshop в Mac OS X и в Windows. Откройте или создайте файл Photoshop. Для этого дважды щелкните по синему значку с буквами «Ps», нажмите «Файл» в…

Шаги

  1. 1

    Откройте или создайте файл Photoshop.

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

    • нажмите «Открыть», чтобы открыть существующее изображение;
    • или нажмите «Создать», чтобы создать новую картинку.
  2. 2

    Нажмите на слой.

    На панели «Слои» в правом нижнем углу экрана щелкните по слою с объектом, который вы хотите повернуть.

    • Если панель «Слои» скрыта, нажмите «Окно» в строке меню в верхней части экрана, а затем нажмите «Слои». Панель «Слои» отобразится в правом нижнем углу окна.
  3. 3

    Возьмите инструмент «Быстрое выделение».

    Этот значок в виде кисти с пунктирным контуром расположен вверху панели инструментов в левой части окна.

    • Если этот инструмент не отображается, нажмите на «Волшебная палочка», чтобы открыть меню с нужным инструментом.
  4. 4

    Выберите объект.

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

    • Если вы хотите повернуть весь слой, ничего не выделяйте.
  5. 5

    Нажмите Редактирование. Это меню находится в строке меню в верхней части экрана.

  6. 6

    Нажмите Трансформирование. Эта опция находится посередине меню.

  7. 7

    Нажмите Поворот на 180°, чтобы перевернуть объект или слой вверх ногами.

  8. 8

    Нажмите Поворот на 90° по часовой, чтобы повернуть объект на 90 градусов по часовой стрелке.

  9. 9

    Нажмите Поворот на 90° против часовой, чтобы повернуть объект на 90 градусов против часовой стрелки.

  10. 10

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

    Вокруг объекта или слоя отобразятся 8 маркеров.

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

    Нажмите ⏎ Return, когда вы закончите.

Источник: http://ru.wikihow.com/вращать-объекты-в-Photoshop

Основные моменты

Для начала откроем иллюстрацию, с которой и будем действовать (Файл>Открыть>Выбор изображения>Ок)


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


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

Источник: http://krasivodel.ru/lessons/photoshop/kak-v-fotoshope-povernut-obekt.html

Применение функции “Свободное трансформирование”

Это самый легкий и быстрый метод поворота картинки. Для активации функции можно воспользоваться комбинацией горячих клавиш Фотошопа – CTRL+T. Также она представлена в меню “Редактирование”.

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

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

Зажав на клавиатуре клавишу SHIFT можно вращать картинку с шагом в 15 градусов до достижения требуемого результата. По готовности жмем клавишу ENTER.

Источник: http://myphotoshop.ru/kak-povernut-izobrazhenie/

Как поворачивать изображения в фотошопе?

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

Вероятно, самый простой из них – опция Transform Controls. Для того чтобы активировать ее, нужно выбрать инструмент Move Tool, после – поставить галочку напротив пункта Show Transform Controls в интерфейсе программы.

При активированной опции Transform Controls по контуру текущего изображения (активного слоя) отображаются ползунки. Те, что отвечают за поворот картинки, располагаются по углам. Для того чтобы их корректно задействовать, нужно расположить стрелку мыши на расстоянии 7-8 миллиметров от соответствующего ползунка – так, чтобы на экране отобразилась двойная стрелка, изогнутая дугой.

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

Альтернативный способ достижения аналогичного результата работы с картинкой – задействование группы опций Free Transform. Для того чтобы воспользоваться соответствующим инструментом, нужно выбрать инструмент Rectangular Marquee Tool, затем щелкнуть правой кнопкой мыши на редактируемом рисунке, после – еще раз кликнуть правой кнопкой на нем и выбрать пункт Free Transform.

За поворот изображений отвечает опция Rotate.

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

Рассмотрим теперь то, как задействовать соответствующие опции фотошопа при работе с текстами.

к содержанию ↑

Источник: http://thedifference.ru/kak-povernut-obekt-v-fotoshope/

Если вместо линии в Photoshop рисует стрелки. Решение проблемы | IT портал

В этой небольшой статье мы скажем как исправить проблему с инструментом «Линия» («Line Tool»). Данное решение разумеется подойдет новичкам фотошоп, возможно кому то будет полезно. Итак начнем.

Если при использовании инструмента «Line Tool» вместо обычной линии на концах рисуются стрелочки, это значит, что в параметрах «Arrowheads» включены пункты «Start» (рисование стрелки в начале линии) «End» (рисование стрелки в конце линии).

Сняв флажки с данных пунктов, вы получите при рисовании обычную линию.

Источник

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

Похожие материалы:

Источник: http://designlessons.ru/raznoe/pochemu-v-fotoshope-vmesto-linii-strelka-risuetsya-esli-vmesto-linii-v-photoshop-risuet-strelki-reshenie-problemy-it-portal-instrument-liniya-pechataet-strelku-vmesto-linii.html

Деформация фрагмента

В результате выбора команды Редактирование (Edit) -> Трансформирование (Transform) -> Деформация (Warp) на фрагмент накладывается сетка, редактирование которой выполняется путем изменения положения узлов и угла наклона направляющих (рис. 4).

Чтобы применить изменения и выйти из режима действия этой команды, нажмите клавишу Enter (в Mac OS — Return).

Рис. 4. Имитация фотографии, наклеенной на вазу. Для искажения фотографии розы использовалась команда Деформация

Источник: http://compuart.ru/article/22428

Советы

  • Воспользуйтесь сочетаниями клавиш или горячими клавишами, чтобы упростить поворот объекта:
    • M — инструмент «Прямоугольная область»;
    • V — инструмент «Перемещение»;
    • Ctrl + T (Cmd + T на компьютере Mac) — масштабирование и/или вращение объекта;
  • удерживайте клавишу Shift, чтобы шаг вращения был равен 15°.

Источник: http://ru.wikihow.com/вращать-объекты-в-Photoshop

Вырезаем изображение

Сейчас будет рассказано о том, как вырезать изображение в “Фотошопе”. Чтобы это сделать, нужно будет воспользоваться инструментом “Кадрирование”. Он располагается на боковой панели слева, третьим по списку. Выбрав его и зажав ЛКМ, укажите необходимую область на изображении для вырезки. После выделения область можно отредактировать, растянув вширь или в высоту. Остается нажать лишь Enter. Теперь излишки, которые были за областью выделения, исчезли.

Источник: http://usercpu.ru/kak-perevernut-figuru-v-fotoshope-uchimsya-povorachivat-obekty/

Вставляем текст в изображение

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

Теперь нажмите ЛКМ там, где думаете вставлять изображение. После этого нужно вписать в поле ваш текст. На данном этапе можете не обращать внимания на его шрифт, цвет или размер. Теперь в меню нужно открыть раздел “Окно”, в нем выберите “Символ”. В появившемся окошке можете видоизменять свою надпись как душе угодно. Как только вы внесли все коррективы, можете смело сохранять изображение.

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

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

  • Неправильно или поставлен кадр
  • Завален горизонт
  • Создание своей композиции
  • Поворот отдельных элементов при монтаже или создании коллажей
  • Изображение снято вверх огами или боком
  • И многое другое

Поэтому я постараюсь рассказать так, чтобы затронуть все аспекты.

Источник: http://usercpu.ru/kak-perevernut-figuru-v-fotoshope-uchimsya-povorachivat-obekty/

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

Эту страницу просматривали 38 630 раз.

Источник: http://ru.wikihow.com/вращать-объекты-в-Photoshop

Как повернуть изображение 90 и 180 градусов

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

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

Теперь идите в главное меню и выберите пункт «Редактирование» — «Трансформирование». Там вы увидите сразу несколько пунктов поворота: Повернуть боком на 90 градусов по часовой и против часовой стрелки, а также поворот на 180 градусов, то есть вверх тормашками.

Источник: http://usercpu.ru/kak-perevernut-figuru-v-fotoshope-uchimsya-povorachivat-obekty/

Использование инструмента “Перемещение”

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

После его выбора в верхней строке с параметрами активируем опцию “Показать управляющие элементы”.

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

Источник: http://myphotoshop.ru/kak-povernut-izobrazhenie/

Как повернуть кисть в Фотошопе

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

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

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

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

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

А сейчас давайте разберемся, что можно сделать, если нужно перевернуть изображение в Фотошопе зеркально или на несколько градусов. Пригодится это, если картинка или фотография, хранящиеся на компьютере, повернуты на 90 градусов по или против часовой стрелке, из-за того, что во время съемки человек держал фотоаппарат или телефон не под тем углом. Или нужно сделать коллаж из нескольких фото или картинок. Тогда повернутые на различный угол кадры будут смотреться на нем интереснее.

Источник: http://hd01.ru/info/kak-vrashhat-sloj-v-fotoshope/

10 популярных способов сойти с ума, работая в Adobe Photoshop

Каких только ужасов о «глюках» Photoshop я не услышал за шесть лет преподавания! Чего только люди не рассказывают! Правда, как выясняется, большинство проблем происходит из-за незнания каких-то опций или из-за банальной невнимательности.

Но недавно, в разговоре с Инарой, я обмолвился, что в свое время тоже не раз оказывался на грани сумасшествия в результате необъяснимых причуд программы. У нее было абсолютно то же самое! Чего только мы не вспомнили — и многометровые картинки на сайт в результате использования сантиметров вместо пикселей, и переустановку системы из-за зажатой клавиши Caps Lock.

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

1. Caps Lock

Безусловно лидером всех проблем в Photoshop является необъяснимое поведение курсора, когда вдруг кисть перестает показывать свой размер. Мне рассказывали о случаях переустановки программы. Но это, как можете догадаться, не помогло. Не помогает даже запуск программы при одновременно зажатых alt, cmd и shift — гарантированный народный способ вернуть программу к заводским настройкам.

Кто бы мог подумать — всё дело в том, что клавиша Caps Lock переключает курсор в Photoshop в режим «precise view». И это работает для всех курсоров. Могу добавить лишь, что это очень удобная штука, так как мультяшная пипетка или лассо (меня лично) раздражают очень.

2. Перо на планшете

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

А виновата не мышь. Просто не кладите перо на планшет. Даже если так нарисовано на коробке, в которой он продавался.

3. Выделение-невидимка

В один день Photoshop перестает работать. То есть совсем. Что ни выберешь, что ни нажмешь — результата ноль. Но перезагрузка помогает, конечно. Главное — во время перезагрузки вспомнить, что полчаса назад выключил отображение выделения комбинацией клавиш cmd+H.

В общем это, конечно, проблема. Программа работает в выделенной области, а область эта очень мала, и не та что надо, и вообще невидима. В результате кажется, что программа не работает. Такие выделения постоянно появляются от привычки снимать выделение кликом где попало, а не командой Deselect (cmd+D).

4. Пипетка не того размера

Конечно, каждый ребенок знает, что цвет можно взять прямо с изображения, кликнув пипеткой при открытой палитре (color picker), или во время работы кистью — удерживая alt. Однако однажды случается необъяснимое: программа вдруг теряет точность и сохраняет вовсе не те цвет,а в которые мы тычем (уже который раз, постепенно утрачивая человеческий облик). И вот что странно — цвета похожи, конечно, но точно не те! Будто бы Photoshop, утомленный нашей бездарностью, решает подтолкнуть нас к более зрелым решениям, спокойным цветам и классическим тенденциям. Самое время задуматься об учении Итена, выключить компьютер и сходить в музей.

А тем временем в пре-пресс бюро сходит с ума ваш коллега, у которого вдруг одновременно перестали работать обе главные пипетки в Levels — те самые, без которых, как известно, невозможно корректно установить точку черного и точку белого. И уже прислали ему из типографии запоротый тираж. И слишком молчалив почему-то начальник. И художник Марина даже не зовет на перекур.

А ведь всего этого можно было избежать, если знать, что все-все-все пипетки в Photoshop настраиваются в одном-единственном месте. Живет этот пипеточный царь в панели инструментов, отзывается на кнопку I и имеет вот такие настройки:

Самый точный вариант — первый, Point Sample, остальные дают усреднение по области соответствующего размера. Конечно, это не дает ответа на вопрос — кто тот гад, что всё тут переключает куда не надо.

5. Кисть мешает

Кисть нужна всем. И кисть в программе повсюду. Рисуешь — кисть. В маске — кисть. Ретушируешь —  оказывается, что все эти инструменты — тоже кисть. Особенно с маской беда. Вот бывало начинаешь в маске что-то протирать, а оно не протирается. И вроде бы ПРОВЕРИЛ: РИСУЕШЬ НЕ ЧЕРНЫМ ПО ЧЕРНОМУ, а оно все равно не рисует. Горе с этим фотошопом, короче.

Обычно это происходит от того, что для кисти выбран какой-нибудь режим смешивания (blend mode). А это дело такое. В режимах затемняющих никогда не получится рисовать белым, в осветляющих — черным. Что происходит в режимах вроде Difference, вообще страшно представить. «Но постойте — скажете вы, — я этих режимов и знать не знаю, кнопку эту не трогаю, не знаю, где она, и вообще боюсь!! Откуда они появляются у моей кисти??»

А ответ в ваших руках. В буквальном смысле этого слова. Все знают, что менять масштаб изображения в Photoshop можно при помощи комбинации клавиш cmd + «+» и cmd + «-». Так? А что будет, если случайно вместо cmd зажимать shift? Правильно — комбинацей клавиш SHIFT + «+» (и SHIFT + «-») переключаются  режимы смешивания для кисти.

6. Картинки в интернете не того цвета

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

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

Ребята, никого не слушайте. Всего две вещи вам нужны:

1. Иногда калибровать монитор.

2. Всегда перед сохранением в сеть переводить картинку в sRGB.

Делается так: Edit > Convert To Profile. Появится вот такое окно:

В поле Destination Space выберите sRGB (как на картинке).

7. Слой вместо маски

Это скорее курьез, но нельзя не упомянуть. Иногда вдруг перестает работать маска. Трешь-трешь — ничего. И цвета проверил, и режимы смешивания проверил, и прозрачность кисти (о, кстати, — прозрачность кисти) — все нормально, а маска не работает! Удаляем маску — и что мы видим?? А видим жуткую черную (или белую) мазню по всей фотографии!

В общем — работая в маске, посматривайте в панель Layers: в маске ли вы работаете или уже закрашиваете черной кистью слой?

8. Не открывается RAW

После покупки новой камеры пришлось перейти на JPG, потому что Photoshop перестал «видеть» RAW. Звучит как: «После приобретения пикапа Dodge RAM пересел на велосипед, так как новый автомобиль не входит в гараж».

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

9. Крейзи экшн

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

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

А тем не менее, не очень-то и глюк. Дело в том, что программа работает с пикселями, вычисляя их через сантиметры (по умолчанию). Другими словами, Resolution имеет принципиальное значение. Если вы не хотите (а практика показывает, что вы очень не хотите) разбираться в этом запутанном, но логичном вопросе, то запомните следующее. Первым шагом подобных экшенов должна быть установка разрешения картинки. К счастью, это можно сделать без изменения размера — при снятом флажке «resample» в окне Image Size.

10. PS VS LR

Честно говоря, я хотел поставить это первым. Потому что у меня есть ощущение, что приемные психотерапевтов уже ломятся от людей, которые пытаются понять — что же лучше Photoshop или Lightroom???

Запомните. Lightroom не является программой обработки фотографий. То есть — совсем.

Все очень просто и логично: Lightroom это каталогизатор, программа для организации фотоархива, Photoshop — программа для фотоманипуляций (коррекция, монтаж, ретушь и т.д.).

Для обработки RAW-файлов существует программа Adobe Camera RAW (сокращенно — ACR), которую можно вызвать как из Photoshop, так и из Lightroom. А еще из AfterEffects, и из Premier, и, наверное, еще откуда-нибудь. Именно она, ACR, является программой обработки и главным инструментом цветокоррекции для современного фотографа.

Поэтому вопрос «Photoshop или Lightroom?» не имеет смысла, так как в обоих случаях фотограф имеет дело с ACR. А уж что лучше — каталогизировать или фотошопить — это вопрос не ко мне.

Иллюстрированный самоучитель по компьютерной графике и звуку › CorelDRAW › Рисование линий [страница — 108] | Самоучители по средствам мультимедиа

Рисование линий

Как и в Фотошопе, в CorelDRAW можно рисовать произвольные линии и кривые Безье. Кроме того, Corel умеет создавать размерные линии для чертежей и несколько видов высокохудожественных линий, залитых симпатичными текстурками.

Произвольная линия

Карандашик Freehand рисует произвольную линию – ведет ее, пока нажата кнопка мышки. Как отпустили, так и прекратили рисовать. Тут же программа преобразует произвольную кривую в набор понятных ей простых кривых, расставит по линии узелки (начальный узелок будет самым большим), а внизу в информационной панели напишет что-то вроде: Curves on Layer 1 (кривая на первом слое) и Number of Nodes: 12 (число узелков 12).

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

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

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

Возникает такой вопрос: а если мы собирались вовсе не продолжать линию, а начать новую вблизи этой точки, как быть?

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

Противоположный вопрос: а как продолжить линию, если с нее уже снято выделение? Ответ напрашивается: выделить стрелочкой Pick, снова взять карандашик и продолжить.

Настройки линии показаны на рисунке 2.18, вся левая половина этой панели нам знакома, поговорим только о правой.


Рис. 2.18. Панель настроек инструмента Freehand

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

Кнопка Auto Close замыкает линию отрезком прямой. Самый правый движок всплывающая подсказка называет Freehand Smoothing, что переводится как «сглаживание произвольной линии». Именно этим параметром движок и управляет: при нуле нет никакого сглаживания, при 100% сглаживание максимально.

Из всех клавиш-модификаторов здесь действует только одна – SHIFT, причем весьма необычным образом. Стоит нажать эту клавишу (не отпуская мышки), как линия тянуться перестает. Таскаете мышку туда-сюда, а ничего не происходит. Но едва только вы отпустите SHIFT, как CorelDRAW соединит прямой линией текущее положение мышки с предыдущей точкой кривой и продолжит вычерчивание.

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

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

Фигуры в фотошопе: как нарисовать или вставить

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.
  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

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

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

  • Радиус. В этом поле задаётся радиус будущего многоугольника.
  • Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
  • Звезда. Установите флажок, если на выходе хотите получить звезду.
  • Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
  • Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

  • Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
  • Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
  • Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
  • Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
  • Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

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

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

Постигаем азы компьютерной графики

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

  • «Прямоугольник»;
  • «Прямоугольник со скруглёнными углами»;
  • «Эллипс»;
  • «Многоугольник»;
  • «Линия»;
  • «Произвольная фигура».


Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию . Для этого применяется одноимённый инструмент.


Для круга используйте клавишу Shift либо меню дополнительных настроек

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


Рисуем красивую композицию стандартными средствами

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


Стрелки в начале или конце можно задать в свойствах инструмента

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


Шаблоны, идущие в обычной комплектации приложения

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

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

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

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

Инструмент «Произвольная фигура»

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

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

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

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

Выбор формы произвольной фигуры

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

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

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

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

Чтобы выбрать фигуру, просто нажмите на ее миниатюру, затем — на клавишу Enter (Win) / Return (Mac) для закрытия палитры. Или дважды щелкните кнопкой мыши по миниатюре фигуры, в результате чего фигура будет выбрана и палитра закроется сама. Я выберу фигуру в форме сердца:

Выбираем фигуру в форме сердца из палитры «Произвольные фигуры»

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

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

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

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


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

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

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

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

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


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

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


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

Рисование фигуры с правильными пропорциями

Обратите внимание, что моя фигура в форме сердца выглядит немного искаженной. Она шире и короче, чем я ожидал увидеть. Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.

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


Чтобы нарисовать фигуру с правильными пропорциями, удержите нажатой клавишу Shift при перемещении курсора

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

Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши

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

Нажимаем на миниатюру музыкальных нот для выбора фигуры

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

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

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

Новая фигура заполнится тем же цветом, что и предыдущая

Изменение цвета заливки нарисованной фигуры

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

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

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


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

Нажмите ОК, когда вы будете готовы закрыть цветовую палитру, и таким образом программа Photoshop изменит цвет фигуры для нас:

Мы можем в любой момент изменить цвет векторной фигуры

Загрузка дополнительных наборов фигур

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

Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур

Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:

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

Если вы знаете, какой набор фигур вам нужно, вы можете его выбрать, нажав на соответствующее название набора в перечне. Однако проще — загрузить все наборы фигур за раз. Мы можем это сделать, выбрав название «Все» (All) в верхней части списка наборов:

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

После этого появится диалоговое окно, и вам нужно будет решить — заменить текущие произвольные фигуры новыми или добавить фигуры к имеющимся. Выберите в окне пункт «Добавить» (Append), что позволит вам сохранить изначальные фигуры и добавить к ним новые:


Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)

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

В палитру фигур теперь загружены все дополнительные фигуры, доступные в программе Photoshop

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


В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop

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

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

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

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

Идея создания урока пришла ко мне в процессе просмотра журнала по скрапбукингу, на страницах которого были готовые шаблоны простых форм. Все эти фигуры были разделены по разным темам и стоили они довольно дорого. Тогда я предположил: «А ведь их можно создать самим в программе Фотошоп и совершенно бесплатно»! Ко всему прочему, вам не обязательно увлекаться скрапбукингом для того, чтобы извлечь пользу из создания собственных произвольных фигур.

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

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

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

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

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

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

1. Выбираем инструмент Перо (P)

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

Выбрать его также можно нажатием клавиши P на клавиатуре.

2. Параметр «Слой-фигура» в панели настроек

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

Они показывают, что можно сделать при помощи пера. Значок, расположенный справа, на данный момент окрашен серым цветом. Это говорит о том, что он доступен только тогда, когда мы работаем с инструментами группы «Фигуры» (у пера и инструментов, относящихся к группе «Фигуры», схожи параметры на панели настроек). Иконка, расположенная в середине, необходима для рисования контуров, но в данном случае нам это не нужно. Для рисования фигуры выберите значок слева, отвечающий за параметр Shape Layers (Слой-фигура).

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

Следует отметить, что нет никакой разницы между рисованием фигур и контуров с помощью пера. И в работе имеются сходства: создание опорных точек, перемещение направляющих линий для создания прямых или изогнутых линий. Независимо от того, что вы создаете контур или фигуру – вначале вы всё равно рисуете контуры. Разница лишь в том, что создавая фигуру, Фотошоп автоматически заполняет контур выбранным цветом в процессе рисования, это позволяет видеть создаваемую фигуру.

На самом деле данная функция немного затрудняет работу. Мы рассмотрим это ниже.

3. Рисуем фигуру

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

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


В следующем шаге мы решим эту проблему.

4. Уменьшение непрозрачности

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

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

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


5. Продолжаем выделять объект

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

Обратите внимание на маску слоя с фигурой, на ней появилась четкая фигурка.

В обведенный силуэт мы добавим рот, глазки, две пуговицы, галстук в виде бабочки. Здесь возникает вопрос — как добавить дополнительные детали в обведенный силуэт?

6. Выбор инструмента «Эллипс»

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

7. Параметр «Вычесть из области фигуры»

После выбора эллипса, посмотрите на панель настроек. Слева расположена группа значков в виде маленьких квадратиков. Они позволяют совершать с фигурами различные действия: добавить к области фигуры, пересечение областей нескольких фигур и вычесть из области. Нас интересует третий значок Subtract from shape area (Вычесть из области фигуры).

8. Извлечение фигур из обведенного силуэта

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


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

Пряничного человечка, расположенный на нижнем слое.


Повторите те же действия для правого глаза. Для начала нарисуйте овал вокруг правого глаза.


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


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

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

То же самое проделайте со второй пуговицей. Эллипсом обведите область вокруг неё.

Отпустите кнопку мыши, и в отверстии появится вторая пуговица.

Обратите внимание на панель слоев. На маске слоя Shape 1 появились по два отверстия для глаз и пуговиц, которые были вырезаны из обведенной формы.

9. Вырезаем оставшиеся детали при помощи пера

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

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

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

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

Обратите внимание на маску слоя Shape 1, здесь показаны вырезанные формы: галстук в виде бабочки, рот, 4 волнистых формы сахарной пудры.

Фигурка Пряничного человечка готова! При помощи пера мы обвели фигуру человечка, затем, используя опцию Вычесть из области фигуры и инструменты Эллипс и Перо, мы добавили на фигурку дополнительные детали.

10. Увеличение непрозрачности фигуры до 100%

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

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

Вот, как должна выглядеть фигура Пряничного человечка:

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

11. Определяем форму человечка в произвольную фигуру

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

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

После того, как выбран нужный слой, зайдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру).

В результате откроется окно, в котором будет запрашиваться «имя» для фигуры. Назовем её Gingerbread Man (Пряничный человечек).


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

12. Создание нового документа

Создайте новый документ в Фотошоп с параметрами, указанными ниже на скриншоте.


13. Выбор инструмента «Произвольная фигура»

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

14. Выбираем нашу фигуру

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

15. Рисуем фигуру

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

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

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

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

16. Изменяем цвет

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

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


После нажатия OK, фигура сразу же окрасится в выбранный вами цвет.

Изменять цвет вы можете, сколько захотите и когда захотите.

17. Изменение размера и местоположения фигуры

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

Если вы решили изменить размер фигуры, просто выберите на панели слоёв слой с фигурой и нажмите Ctrl + T. Этими действиями откроется рамка трансформации где вы, потянув за любой угловой маркер, сможете изменить размер. Для сохранения пропорций при изменении размера зажимайте Shift. При зажатой клавише Alt размер фигуры будет изменяться от центра.

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

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

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


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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:

Выбор опции «Фигура» (Shape) на панели параметров

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:


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

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

  • Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
  • Чистый цвет (Solid Color) — заливка сплошным цветом
  • Градиент (Gradient) — заливка градиентом
  • Узор (Pattern) — залива Photoshop-узором (паттерном)


Различные методы заливки формы

Нет цвета (No Color)

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

Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:


Фигура «Прямоугольник» без заливки и обводки.

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:


Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

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


Выбор цвета нажатием на образец.

Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:


Клик на значок Color Picker для выбора собственного цвета.

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:


Фигура, залитая цветом.

Заливка градиентом

Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.


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

Вот тот же форма, только теперь она заполнена градиентом:


Форма, заполненная одним из предустановленных градиентов Photoshop.

Заливка узором (Patterns)

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

Ниже показана та же форма, на этот раз заполненная узором:


Та же форма, только на этот раз залитая стандартным узором Photoshop.

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

Добавление обводки к векторной фигуре

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

Для добавления обводки, нажмите на соответствующую опцию в панели параметров:


Опция добавления обводки.

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

В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

Изменение толщины обводки

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


Изменение ширины и единиц измерения обводки.

Опция выравнивания краёв (Align Edges)

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

Дополнительные параметры обводки

По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options) на панели параметров:


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

Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:


Диалоговое окно дополнительных параметров обводки

Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

  1. штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
  2. конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
  3. конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:


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

Рекомендуем также

Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка. Как рисовать векторные фигуры в Photoshop CS6

Инструменты рисования позволяют создавать и редактировать векторные фигуры. С ними легко создавать различные элементы для веб-страниц.

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

R ectangle (Прямоугольник) () — соответственно, позволяет рисовать прямоугольник (а с нажатой клавишей — квадрат), залитый цветом переднего плана.
Rounded Rectsngle (Скругленный прямо угольник) — создает фигуры, подобные описанным выше, но позволяет задавать радиус скругления углов прямоугольника.

Ellipse (Эллипс) — создает овалы (в сочетании с нажатой клавишей — круги).
Poligon(Многоугольник) — позволяет создавать геометрические фигуры с произвольным количеством углов, а также — многолучевые звезды. По умолчанию создает выпуклый пятиугольник.
Line(Линия) — рисует прямые линии произвольной или заданной длины, толщины, цвета и направления.
Custom Shape(Произвольная фигура) — позволяет создать геометрическую фигуру произвольной формы и сохранить ее для использования вдальнейшем.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент — фигуры- на панели инструментов, откроется окно выбора инструмента:



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

Для любой фигуры можно выбрать:

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

    • Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке «Контуры» панели «Слои».

    • Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение

  • стиль и цвет фигуры

  • задать параметры, характерные для этой фигуры

Рисуем прямоугольники

Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура . Выберем стиль, щелкнув по треугольнику справа.

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

Теперь можно задать геометрические параметры:


  • Произвольно — как нарисуете, так и будет.
  • Квадрат — при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
  • Заданный размер — можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
  • Задать пропорции — можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
  • От центра — рисует прямоугольник от центра.
  • Привязать к пикселам — края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles .


Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

Рисуем прямоугольники со скругленными углами

Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

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


Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

Рисуем многоугольники

Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:


  • Радиус — радиус многоугольника.
  • Сгладить внешние углы
  • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
  • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
  • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:


Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:



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

  • Начало — стрелка в начале линии.
  • Конец — стрелка в конце линии.
  • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
  • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
  • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).
  • Рисуем несколько фигур в одном слое

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

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


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

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

    Сохраняем фигуры

    Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.
    Photoshop

В этом уроке мы изучим основы рисования векторных фигур в программе Photoshop CS6 с помощью простых инструментов группы «Фигуры»! Мы начнем с изучения работы инструментов «Прямоугольник» (Rectangle Tool), «Прямоугольник с закругленными краями» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool) и «Линия» (Line Tool). Далее мы научимся выбирать цвета заливки и обводки для фигур, изменять внешний вид обводки, редактировать фигуры за счет полезных свойств слоев-фигур и многое другое! Нам надо многое изучить, поэтому в этом уроке мы сфокусируемся на работе и свойствах пяти основных инструментов группы геометрических фигур. В следующем уроке мы научимся добавлять более сложные фигуры в наш документ с помощью инструмента «Произвольная фигура»!

Этот урок рассчитан для пользователей программы Photoshop CS6. Если вы работаете в более старой версии программы, то изучите исходный урок «Фигура и слой-фигура в Фотошоп» .

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

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

Инструменты группы «Фигуры»

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

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

Я выберу первый инструмент в списке — инструмент «Прямоугольник»:

Векторные фигуры, контуры и пиксельные формы

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

Для того чтобы нарисовать векторные фигуры, а не контуры или пиксельные формы, выберите параметр «Фигура» (Shape) на панели настроек инструмента в верхней части экрана:

Выбираем на панели настроек режим инструмента «Фигура»

Заполнение фигуры цветом


Кликаем по значку образца цвета заливки

В результате, откроется диалоговое окно, где будет предложено выбрать один из четырех способов заливки фигуры, обозначенных отдельным значком. Слева направо можно увидеть значок «Нет цвета» (с красной диагональной полосой), значок заливки Цветом, значок Градиента и значок Узора:

4 параметра заливки фигуры («Нет цвета», «Чистый цвет», «Градиент» и «Узор»)

Способ заливки «Нет цвета»

Как следует из названия, способ заливки «Нет цвета» (No Color) фигуру никаким цветом не заполняет. Вы можете спросить, зачем же нам нужна пустая фигура? Ну, в некоторых случаях, возможно, вам потребуется, чтобы у фигуры был только тонкий контур. Далее мы рассмотрим, как добавить к фигуре обводку, но если вы захотите, чтобы у фигуры был только контур без заливки цветом, выбирайте параметр «Нет цвета»:

При выборе параметра «Нет цвета» фигура никаким цветом не заполнится

Ниже приведен образец фигуры после применения параметра «Нет цвета». Всё, что мы видим — это тонкие очертания фигуры, так называемый «контур». Контур можно увидеть только в программе Photoshop, поэтому если вы начнете распечатывать документ или сохранять его в форматах JPEG или PNG, контур исчезнет. Чтобы сделать его видимым, нам нужно добавить к нему обводку, что мы и изучим далее, после того, как рассмотрим все опции заливки (Fill):


Когда в качестве способа заливки выбран параметр «Нет цвета», виден только контур фигуры (и то, только в программе Photoshop)

Способ заливки «Чистый цвет»

Для того чтобы заполнить фигуру цветом, выберите параметр «Чистый цвет» (Solid Color) (второй значок слева):

Кликаем по значку параметра «Чистый цвет»

После выбора параметра «Чистый цвет», выбираем цвет для фигуры, кликнув по одному из образцов цвета. Цвета, которые вы недавно использовали, появятся в ряду «Недавно использованные цвета» (Recently Used Colors) над основными образцами:

Выбираем цвет, кликнув по его образцу

Если среди образцов нет требуемого цвета, кликните по иконке Палитры цветов в правом верхнем углу диалогового окна:

Кликаем по иконке Палитры цветов

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


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

Ниже представлена та же фигура, только на этот раз заполненная цветом:


Наша фигура теперь заполнена цветом

Способ заливки «Градиент»

Для того чтобы заполнить фигуру градиентной заливкой, выберите параметр «Градиент» (Gradient). Затем кликните по одной из миниатюр для выбора нужного образца градиента или создайте собственный с помощью опций, расположенных под миниатюрами градиентов. В отдельном уроке мы рассмотрим, как создавать и редактировать градиенты:

Сначала выбираем параметр «Градиент», а затем — нужный образец градиента

Ниже представлена та же фигура, только на этот раз заполненная градиентной заливкой:


Наша фигура теперь заполнена одним из образцов готовых градиентов

Способ заливки «Узор»

И, наконец, выбрав параметр «Узор» (Pattern), мы сможем заполнить фигуру узором. Кликните по одной из миниатюр, чтобы определиться с готовым узором. Первоначально в программе представлено не так много узоров, но вы также можете загрузить дополнительные узоры, скачанные из Интернета или созданные самостоятельно, кликнув по маленькому значку шестерни (под значком Палитры цветов) и выбрав пункт «Загрузить узоры» (Load Patterns) из появившегося меню:

Сначала выбираем параметр «Узор», а затем — нужный образец узора

И вот как будет выглядеть фигура, заполненная одним из узоров программы Photoshop. Для того чтобы закрыть диалоговое окно «Заливка» (Fill), нажмите клавишу Enter (Win) / Return (Mac) или кликните по пустому месту на панели настроек. Если вы сомневаетесь в выборе правильного цвета, градиента или узора для фигуры, не переживайте, позже мы изучим, как их можно изменить:


Фигура, заполненная выбранным узором

Добавление к фигуре Обводки

По умолчанию, программа Photoshop не добавляет обводки по краям фигуры, однако добавить ее так же легко, как и выполнить заливку цветом. В действительности, опции параметров «Обводка» («Штрих») (Stroke) и «Заливка» (Fill) в версии программы Photoshop CS6 одинаковые, поэтому вы уже знаете, как их использовать!

Чтобы добавить обводку, кликните по образцу цвета обводки на панели настроек:


Кликаем по образцу цвета обводки

В результате, откроется диалоговое окно с теми же самыми параметрами, что и для заливки, за исключением того, что теперь мы выбираем цвет для обводки. В верхней части окна опять находятся четыре значка «Нет цвета» (No Color), «Чистый цвет» (Solid Color), «Градиент» (Gradient) и «Узор» (Pattern). По умолчанию, выбран параметр «Нет цвета». Я, в свою очередь, выберу параметр «Чистый цвет» и затем в качестве цвета обводки установлю черный, выбрав его из образцов. Так же как и в случае с заливкой, если нужного вам цвета среди образцов нет, кликните по значку Палитры цветов в верхнем углу, чтобы выбрать нужный цвет вручную:

Выбираем для обводки параметр «Чистый цвет», а затем из образцов цвета выбираем нужный

Изменение ширины Обводки

Для того чтобы изменить ширину (толщину) обводки, воспользуйтесь параметром «Ширина» (Width), расположенным справа от образца цвета обводки на панели настроек. По умолчанию, его значение равно 3 pt. Для изменения ширины можно или ввести определенное значение прямо в окошко ввода данных (нажав Enter (Win) / Return (Mac) после ввода для подтверждения данных), или кликнуть по маленькой стрелке справа от значения и переместить бегунок:

Изменяем ширину обводки

Опция «Выровнять края»

Если вы посмотрите далее в правую часть панели настроек, то увидите опцию «Выровнять края» (Align Edges). При включенной опции (с выставленной галочкой) программа Photoshop будет выравнивать края фигуры по пиксельной сетке, в результате чего они будут оставаться острыми и четкими:

Удостоверьтесь, что опция «Выровнять края» включена

Однако, для того чтобы опция «Выровнять края» работала, недостаточно просто выбрать ее. Также необходимо, чтобы ширина обводки была в пикселях (px), а не в пунктах (pt). Поскольку в настоящий момент ширина моей обводки измеряется в пунктах (единица измерения по умолчанию), я вернусь обратно и введу новое значение ширины, равное 10 пикселям (px):

Для того чтобы опция «Выровнять края» работала, установите ширину обводки в пикселях (рх)

Ниже к фигуре применена черная обводка шириной 10 рх:


Простая фигура с черной обводкой вокруг нее

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


Та же самая фигура, с параметром заливки «Нет цвета»

Дополнительные опции обводки

По умолчанию, программа рисует обводку в виде непрерывной линии, но мы можем изменить это, кликнув по кнопке «Задать тип штриха фигуры» (Stroke Options) на панели настроек:


Кликаем по кнопке «Задать тип штриха фигуры»

В результате откроется диалоговое окно «Параметры обводки» (Stroke Options), где мы сможем изменить внешний вид обводки с непрерывной линии на штриховую или пунктирную. Параметр «Выровнять» (Align) позволяет нам выбрать тип выравнивания для обводки: внутри контура, снаружи или посередине. Мы можем сделать концы линий для обводки (параметр «Концы» (Caps)) округлыми, квадратными или утолщенными, а места соединения линий в обводке (параметр «Углы» (Corners)): острыми, закругленными или скошенными. При нажатии кнопки «Другие параметры» (More Options), расположенной в нижней части диалогового окна, откроется еще одно окошко, где мы сможем установить конкретные значения для штрихов и пробелов пунктирной линии и даже сохранить настройки в виде пресета:

Параметры обводки

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


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

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

Итак, мы уже узнали, как выбирать различные инструменты группы «Фигуры» на панели инструментов, как выбирать цвет заливки и обводки, как изменять внешний вид обводки. Теперь давайте изучим, как рисовать сами векторные фигуры! Мы начнем с изучения первого инструмента группы фигур в списке — «Прямоугольник» (Rectangle Tool). Я выберу его на панели инструментов, как уже делал ранее:

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

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


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

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


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

Изменение размера фигуры после того, как она нарисована

Как только вы нарисовали первоначальную фигуру, на панели настроек появятся ее текущие размеры: ширина (Width (W)) и высота (Height (H)). В моем случае, я нарисовал фигуру 533 пикселя шириной и 292 пикселя высотой:


На панели настроек видны первоначальные размеры фигуры (ширина и высота)

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


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


Изменяем размеры фигуры

Изменение размера фигуры до того, как она нарисована

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

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

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

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


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

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

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


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

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

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

Опции инструмента группы «Фигуры»

Если вы посмотрите на панель настроек, то слева от параметра «Выровнять края» (Align Edges) вы увидите значок шестерни. Кликнув по нему, вы откроете диалоговое окно с дополнительными настройками для того инструмента группы «Фигуры», который в данный момент выбран:

Кликаем по значку шестрени

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

Если вы выберете параметры «Заданный размер» (Fixed Size) или «Задать пропорции» (Proportional) и введете значения ширины и высоты, то данные значения также повлияют и на следующую фигуру, которая будет нарисована, а не только на ту, которую вы уже нарисовали. Поэтому нужно помнить о том, чтобы после рисования фигуры вернуться и заново выбрать параметр «Произвольно» (Unconstrained), в противном случае каждая новая нарисованная фигура будет такого же размера или с такими же пропорциями:

Параметры, которые вы видите, зависят от того, какой инструмент группы «Фигуры» выбран

Редактирование слоев-фигур

Ранее мы с вами изучили, что для того чтобы нарисовать в программе Photoshop векторные фигуры, нам нужно установить режим рисования — «Фигура» (Shapes) (в отличие от контуров и пиксельных форм). Когда мы рисуем векторную фигуру, программа автоматически размещает ее на отдельном специальном слое под названием «Слой-фигура» (Shape layer). Если мы посмотрим на панель слоев, то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник» (Rectangle Tool), располагается на отдельном слое-фигуре «Прямоугольник 1». Название слоя будет зависеть от того, какой инструмент был использован, поэтому если я, допустим, нарисую овал инструментом «Эллипс» (Ellipse Tool), слой-фигура будет называться «Эллипс 1»:

Каждая новая векторная фигура размещается на отдельном слое-фигуре

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


Значок на миниатюре слоя говорит нам о том, что это слой-фигура

Главное же отличие между слоем-фигурой и обычным пиксельным слоем состоит в том, что слои-фигуры остаются полностью редактируемыми. Когда мы ранее изучали, как выбирать цвета заливки и обводки для фигуры, я упомянул, что мы всегда сможем вернуться назад и изменить цвет даже после того, как фигура нарисована. Все, что нам требуется — удостовериться, что на панели слоев выбран слой-фигура, а инструмент группы «Фигуры» активирован. Затем просто кликните либо по образцу цвета Заливки (Fill), либо по образцу цвета Обводки (Stroke) на панели настроек для выбора другого цвета. Вы также можете при необходимости изменить ширину обводки и поработать с другими параметрами. Я кликну по образцу цвета Заливки:

Выбрав слой-фигуру, кликаем по образцу цвета Заливки

Кликаем по образцу голубого цвета

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


Цвет фигуры был изменен без необходимости заново рисовать фигуру

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

Когда мы внесли изменения, миниатюра слоя-фигуры также изменила свой вид

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

Давайте рассмотрим второй из инструментов группы «Фигуры» — «Прямоугольник со скругленными углами» (Rounded Rectangle Tool). Я выберу его на панели инструментов:

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

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


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

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


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

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


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

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


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

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


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

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

Если вам не нравится закругление углов прямоугольника, после того как вы его нарисовали, перейдите в раздел меню «Редактирование» (Edit) в верхней части экрана и выберите пункт «Отменить: Инструмент «Прямоугольник со скругленными углами»» (Undo Rounded Rectangle Tool) (или нажать сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac)), в результате чего фигура будет удалена из документа. Затем введите новое значение радиуса на панели настроек и начните заново рисовать прямоугольник.

Выбираем «Редактирование» > «Отменить: Инструмент «Прямоугольник со скругленными углами»

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

Чтобы нарисовать фигуру от центра, а не от угла, начните рисовать фигуру, а затем нажмите и удержите в нажатом состоянии клавишу Alt (Win) / Option (Mac). И, наконец, совместное нажатие клавиш Shift + Alt (Win ) / Shift + Option (Mac ) приведет к тому, что будет нарисован квадрат от центра. Клавиши необходимо отпустить только после того, как вы отпустите кнопку мыши.

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

Инструмент «Эллипс» (Ellipse Tool) позволяет нам рисовать эллипсы и круги. Я выберу его на панели инструментов:

Выбираем инструмент «Эллипс»

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


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

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


Фигура заполнена цветом.

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

Круг, нарисованный инструментом «Эллипс»

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

Инструмент «Многоугольник» (Polygon Tool) более интересен для нас с точки зрения возможностей рисования фигур. Я выберу его на панели инструментов:

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

Если с помощью инструмента «Прямоугольник» мы можем рисовать только четырехугольные прямоугольники, то инструмент «Многоугольник» позволяет нам рисовать многоугольники с таким числом сторон, какое мы пожелаем. Далее мы рассмотрим, как с помощью это инструмента можно нарисовать даже звезды! Для того чтобы нарисовать фигуру с помощью инструмента «Многоугольник», для начала введите количество сторон, которое вам требуется, в окошко параметра «Стороны» (Sides) на панели настроек. Вы можете ввести любое число от 3 до 100. По умолчанию, количество сторон равно 5, я и оставлю его таким:

Введите количество сторон в окошко параметра «Стороны»

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

Фигура с 5 сторонами, нарисованная с помощью инструмента «Многоугольник»

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

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

Ниже представлен многоугольник с числом сторон равным 12. Так же, как и в случае с параметром «Радиус» для инструмента «Прямоугольник с закругленными углами», мы не можем изменить количество сторон после того, как нарисовали фигуру, поэтому если вы сделали ошибку, вам нужно перейти в раздел меню «Редактирование» (Edit) в верхней части экрана и выбрать пункт «Отменить: Инструмент «Многоугольник» (Undo Polygon Tool) (или нажать клавиши Ctrl+Z (Win) / Command+Z (Mac)), затем ввести другое значение в окошко параметра «Стороны» и заново нарисовать фигуру:

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

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

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

Кликаем по иконке шестерни и выбираем параметр «Звезда»

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

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

Изменив значение параметра «Стороны» на 8, мы получим восьмиконечную звезду:

Определите число вершин звезды с помощью параметра «Стороны»

Мы можем нарисовать фигуру, похожую на взорвавшуюся звезду, увеличив остроту лучей звезды с помощью параметра «Глубина лучей» (Indent Sides By). По умолчанию, значение этого параметра равно 50%, я увеличу значение до 90%. Также я увеличу число вершин звезды до 16:

Рисуем фигуру, похожую на взорвавшуюся звезду, увеличив значение параметра «Глубина лучей»

И вот, какая фигура у меня получилась:

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

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

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

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

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

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

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

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

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

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

Последним из основных инструментов группы Фигуры является инструмент «Линия» (Line Tool). Я выберу его на панели инструментов:

Выбираем инструмент «Линия»

Данный инструмент позволяет нам рисовать простые прямые линии, но также мы можем с его помощью нарисовать стрелки. Для того чтобы нарисовать прямую линию, во-первых, установите толщину линии, введя значение (в пикселях) в окошко параметра «Толщина» (Weight) на панели настроек. По умолчанию, значение толщины равно 1 пикселю, я увеличу его до 16 пикселей:

Параметр «Толщина» отвечает за толщину (или ширину) линии

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

Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий

Рисование направляющих стрелок

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

Кликните по иконке шестерни, чтобы получить доступ к опциям «Стрелки».

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

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

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

Изменяем форму стрелки, увеличив значение параметра «Кривизна»

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

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

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

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

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

На панели инструментов есть группа однородных инструментов (быстрая клавиша U ). Туда входят: прямоугольник, прямоугольник со скругленными краями, эллипс, многоугольник, линия и произвольная фигура .

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


Что такое произвольная фигура?

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

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


Как использовать?

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

Зажмите клавишу Shift , чтобы рисовать фигуру идеально ровной, без искажений в какую-либо сторону.

Как установить свои фигуры в фотошоп?

Вы можете самостоятельно установить набор фигур себе в программу. Здесь работают те же принципы, что и, например, с или . Чтобы их установить, во-первых, скачайте себе на компьютер набор с фигурами. Такие наборы имеют расширение csh .

После этого, откройте меню фигур. Вы увидите такие 4 команды:

Выбрав «Загрузить…» , откроется диалоговое окно, в котором нужно указать путь до файла с расширением csh, например, так:


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

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

А если вы загрузили несколько наборов, удалили какие-либо отдельные фигуры, использовав команду «Удалить…» , вообщем, сделали набор под себя, то можете его сохранить командой «Сохранить произвольные…» . В будущем его можно будет загрузить в том же виде или передать кому-нибудь через интернет.

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

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

Второй способ установки с дополнительным преимуществом

Произвольные фигуры еще можно установить непосредственно в системные файлы фотошопа.

Сделать это немного сложнее, но главный плюс такого способа в том, что ваш набор появится в списке, что я описал выше (Животные, Стрелки, Природа, Объекты и т.д.). В случае, если вы намерены часто пользоваться этим инструментом, то такой способ установки сократит время, и вы сможете выбрать нужный набор в два клика.

Для этого необходимо скопировать файл с расширением csh в системную папку фотошопа «Custom Shapes» , обычно у нее такой адрес: C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Custom Shapes.

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

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (Shape) из видов режимов инструмента в панели параметров:

Выбор опции «Фигура» (Shape) на панели параметров

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:


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

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

  • Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
  • Чистый цвет (Solid Color) — заливка сплошным цветом
  • Градиент (Gradient) — заливка градиентом
  • Узор (Pattern) — залива Photoshop-узором (паттерном)


Различные методы заливки формы

Нет цвета (No Color)

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

Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:


Фигура «Прямоугольник» без заливки и обводки.

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:


Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

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


Выбор цвета нажатием на образец.

Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:


Клик на значок Color Picker для выбора собственного цвета.

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:


Фигура, залитая цветом.

Заливка градиентом

Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.


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

Вот тот же форма, только теперь она заполнена градиентом:


Форма, заполненная одним из предустановленных градиентов Photoshop.

Заливка узором (Patterns)

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

Ниже показана та же форма, на этот раз заполненная узором:


Та же форма, только на этот раз залитая стандартным узором Photoshop.

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

Добавление обводки к векторной фигуре

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

Для добавления обводки, нажмите на соответствующую опцию в панели параметров:


Опция добавления обводки.

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

В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

Изменение толщины обводки

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


Изменение ширины и единиц измерения обводки.

Опция выравнивания краёв (Align Edges)

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

Дополнительные параметры обводки

По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options) на панели параметров:


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

Это открывает окно «Параметры обводки» (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:


Диалоговое окно дополнительных параметров обводки

Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

  1. штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
  2. конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
  3. конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры…» (More Options…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:


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

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.
  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

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

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

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

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

  • Радиус. В этом поле задаётся радиус будущего многоугольника.
  • Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
  • Звезда. Установите флажок, если на выходе хотите получить звезду.
  • Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
  • Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

  • Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
  • Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
  • Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
  • Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
  • Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

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

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

Блог Джулианны Кост | Работа с инструментами формы в Photoshop

Вот мои любимые советы, приемы и ярлыки для работы с инструментами формы в Photoshop.

До рисования фигур — Перед тем, как начать работу с любым из инструментов формы, обязательно используйте раскрывающееся меню на панели параметров, чтобы выбрать между созданием слоя формы, контура или областей с заполненными пикселями, или вам, возможно, придется вернитесь назад или выполните дополнительные действия, чтобы исправить это. Примечание: другие параметры (например, изменение атрибутов заливки и обводки) легко изменить / уточнить после рисования формы с помощью панели «Свойства».

• Щелкните образцы цвета «Заливка» и «Обводка», чтобы выбрать тип содержимого: «Нет» (для прозрачной формы), «Сплошной цвет», «Градиент» или «Узор». Или щелкните образец цвета, чтобы выбрать цвет из палитры цветов или из недавно использованных цветов.

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

• Чтобы сохранить все параметры для инструмента формы (заливка, обводка, размер и т. Д.), Создайте набор настроек инструмента. Щелкните здесь, чтобы получить дополнительную информацию о предварительных настройках инструментов.

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

Инструмент «Прямоугольник»: ‘[‘ или ‘]’ уменьшает или увеличивает радиус угла на один пиксель. Добавьте клавишу Shift для увеличения / уменьшения радиуса с шагом 10.

Инструмент «Многоугольник»: «[‘ или] ’уменьшает или увеличивает количество сторон на единицу.Добавьте клавишу Shift, чтобы увеличить / уменьшить количество сторон с шагом 10.

Инструмент «Линия»: ‘[‘ или ‘]’ уменьшает или увеличивает значение веса линии на один пиксель. Добавьте клавишу Shift для увеличения / уменьшения ширины линии с шагом 10.

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

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

• Добавьте клавишу Shift, чтобы ограничить пропорции при рисовании фигур (ограничение пропорций по умолчанию отключено).

Option -drag (Mac) | Alt -drag (Win), чтобы нарисовать фигуру из центра.

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

Command -drag (Mac) | Control -drag (Win) для изменения угла (поворота) многоугольника во время рисования.

Экранные элементы управления преобразованием — После рисования фигур Photoshop отображает экранные элементы управления преобразованием:

Перетащите любую контрольную точку, чтобы масштабировать форму.По умолчанию функция «Сохранить пропорции» отключена. Добавьте клавишу Shift, чтобы сохранить пропорции.

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

Перетащите контрольную точку радиуса угла, чтобы увеличить / уменьшить радиус формы. По умолчанию радиусы углов связаны: Option -drag (Mac) | Alt -drag (Win), чтобы изменить радиус одного угла. Примечание. Инструменты «Треугольник» и «Многоугольник» имеют один маркер контрольной точки «Радиус угла», который одинаково изменяет округлость всех углов. В настоящее время нет отдельных контрольных точек радиуса угла для инструмента «Треугольник».

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

Примечание. Чтобы применить преобразования, такие как «Наклон», «Искажение», «Перспектива» и «Деформация», выберите «Правка»> «Преобразовать контур», однако это преобразует свойства динамической формы в обычную форму.

Контрольная точка— Чтобы изменить контрольную точку для слоев формы (Контрольная точка — это точка, от которой фигуры масштабируются и поворачиваются с помощью элементов управления преобразованием на холсте), выберите «Установки»> «Инструменты»> «Показать контрольную точку при использовании преобразования».

Или выберите «Правка»> «Свободное преобразование» и проверьте пустую ячейку слева от значка контрольной точки на панели параметров, чтобы включить ее. Чтобы изменить положение контрольной точки, перетащите значок центральной точки в области изображения.

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

• Для просмотра изменений, внесенных с помощью панели «Свойства» в режиме реального времени, вместо ввода значений в текстовые поля (которые требуют нажатия Enter или Return для предварительного просмотра изменений) используйте ползунки Scrubby Photoshop (поместите курсор над названием функции: когда курсор изменится на руку со стрелками, указывающими в обоих направлениях, щелкните и перетащите влево / вправо, чтобы уменьшить / увеличить значения).Вариант — перетаскивание (Mac) | Alt-перетаскивание (Win) увеличивает / уменьшает значения медленнее, тогда как Shift-перетаскивание уменьшает / увеличивает значения быстрее.

Предотвращение автоматического раскрытия панели свойств при рисовании фигур — Когда панель «Свойства» свернута в режим «значок», добавление фигуры автоматически расширяет панель (упрощая доступ к свойствам формы). Чтобы панель «Свойства» не раскрывалась автоматически, во всплывающем меню панели «Свойства» снимите флажок «Показывать при создании фигуры». Примечание. Для доступа к этому всплывающему меню у вас должен быть слой «Форма» со свойствами динамической формы.

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

Применение предустановок к формам — Этот пост (Предустановленное поведение панели в Photoshop 2020 v21) раскрывает все, что вам нужно знать о применении образцов, градиентов, узоров и стилей к формам.

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

Выбор формы и слоев формы — Если выбран инструмент «Выделение контура» или «Прямое выделение», при выборе слоя формы на панели «Слои» автоматически отображается контур формы в области изображения (что упрощает быстрое редактирование формы).

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

• Используйте инструмент «Выделение контура» для выделения фигур в области изображения с помощью перетаскивания. Используйте инструмент «Прямое выделение», чтобы перетащить выделенные части фигуры / контура (ов). Чтобы изолировать выделение только от текущего выбранного слоя (или слоев), установите для параметра «Выделение» (на панели параметров) значение «Активные слои».Чтобы перетаскивать фигуры из нескольких слоев, установите для параметра «Выбрать» значение «Все слои».

• Чтобы назначить настраиваемое сочетание клавиш для переключения между активными слоями и всеми слоями, выберите «Правка»> «Сочетания клавиш» и установите «Горячие клавиши для: Инструменты». Прокрутите вниз и введите один символ для переключения режима прямого выбора.

Копирование и вставка атрибутов заливки и обводки — Чтобы скопировать и вставить атрибуты заливки или обводки из одной формы в другую, щелкните правой кнопкой мыши (или Control-щелкните Mac) на панели слоев (справа от имени слоя) и выберите Копировать атрибуты формы.Затем на панели «Слои» выберите слой (-ы) для вставки атрибутов и щелкните правой кнопкой мыши (или Control-щелкните Mac) и выберите «Вставить атрибуты формы».

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

Скрытие контура слоя-фигуры — Command + H (Mac) | Control + H (Победа) скрывает путь слоя формы. Примечание. При первом использовании этого сочетания клавиш (Command + H) в Mac OS Photoshop отобразит диалоговое окно с вопросом: «Хотите ли вы использовать Command + H, чтобы скрыть Photoshop (стандарт Mac) или скрыть / отобразить выделенные области, направляющие и т. д. (традиционный Photoshop)? » Щелкните «Скрыть дополнительные элементы», если вы не хотите «Скрывать Photoshop» каждый раз при использовании ярлыка. Если вы все же выбрали «Скрыть Photoshop», вы можете изменить это поведение позже, выбрав «Правка»> «Сочетания клавиш». Установите ярлыки для: меню приложений и переключите треугольник раскрытия для меню «Просмотр».Прокрутите вниз до «Дополнительно», снова измените ярлык на Command + H и нажмите «Принять», а затем «ОК».

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

Преобразование фигур в смарт-объекты — Чтобы предотвратить преобразование фигуры с помощью свойств динамической формы в обычную фигуру, сначала преобразуйте фигуру в смарт-объект, а затем примените преобразование. И, если вы сначала создаете слой-фигуру и конвертируете его в смарт-объект и , затем дублируете смарт-объект, когда вы редактируете содержимое смарт-объекта (например, для изменения цвета или радиуса угла формы), все экземпляры этого смарт-объекта будут обновлены.Это видео демонстрирует, как (пример начинается в 8:30).

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

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

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

• Удерживая Option + Shift (Mac) | Alt + Shift (Победа) и перетаскивание фигуры добавляет новую нарисованную фигуру к текущему слою фигуры и отображает пересечение фигур, если два пути перекрываются (Пересечение областей фигуры). Примечание: после того, как вы начнете рисовать фигуру, вы можете отпустить горячие клавиши-модификаторы.

Чтобы применить операции контура к фигурам после их создания, выберите нужные фигуры (на одном слое) и используйте следующие ярлыки:

• Коснитесь клавиши + (плюс), чтобы объединить фигуры (установите операцию контура на панели параметров, чтобы объединить фигуры).

• Коснитесь клавиши — (минус), чтобы вычесть переднюю форму (установите операцию контура на панели параметров на «Вычитание передней формы»).

• Коснитесь клавиши / (косая черта), чтобы установить операцию контура на пересечение областей формы.

• Коснитесь клавиши * (умножить), чтобы установить операцию контура на «Исключить перекрывающиеся формы». Примечание: этот ярлык требует ввода с расширенной клавиатуры (shift + 8 не работает).

Выше приведены примеры: Объединить формы, Вычесть переднюю форму, Пересечь области формы и Исключить перекрывающиеся формы.

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


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

Атрибуты заливки и обводки — Все фигуры на одном слое формы будут иметь одинаковые атрибуты заливки и обводки.Чтобы применить различные атрибуты к фигурам, поместите каждую фигуру на отдельный слой, выделив фигуру и выбрав «Слой»> «Создать»> «Слой фигуры через вырез». Или воспользуйтесь сочетанием клавиш: Command + Shift + J (Mac) | Control + Shift + J (Победа).

Вставка фигур из Illustrator — Если вы скопируете и вставите форму из Illustrator в Photoshop, результаты будут отличаться в зависимости от типа выбранного слоя:

• Если в Photoshop выбран слой пикселей, вставленная фигура примет заливку образца цвета переднего плана, установленного на панели инструментов.

• Если в Photoshop выбран слой-фигура, вставленная фигура примет заливку из панели параметров.

Сохранение пользовательских фигур — Чтобы сохранить фигуру для повторного использования в будущем, выберите фигуру и выберите «Правка»> «Определить пользовательскую фигуру», чтобы добавить фигуру на панель «Фигуры».

Отображение фотографии в форме или контуре — В Photoshop есть несколько способов отображения фотографии внутри формы или контура.

• В этом первом примере используется векторная маска для управления тем, какая часть фотографии будет скрыта или открыта.Чтобы создать этот эффект, выберите нужный инструмент «Форма» и установите параметры формы (на панели параметров) для создания контура. Вытяните фигуру (с выделенным фото-слоем), затем выберите «Слой»> «Векторная маска»> «Текущий контур».


• Второй пример показывает фотографию, обрезанную на слой-фигуру. Чтобы создать этот эффект, выберите нужный инструмент фигуры и установите параметры инструмента Фигура (на панели параметров), чтобы нарисовать фигуру. Вытяните фигуру, затем переместите слой фигуры на панели «Слои» так, чтобы фигура находилась под слоем с фотографией.Выбрав целевой слой с фотографией (выбран), выберите «Слой»> «Создать обтравочную маску».


• В третьем примере показана копия слоя фотографии (фотокопия) под слоем-фигурой. Непрозрачность слоя фотокопии уменьшена, а к слою-фигуре применена тень для создания интересного эффекта.

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

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

Направляющие, созданные из слоя формы.

Инструменты вектора привязки и преобразования в пиксельную сетку — Если вы увеличите масштаб изображения более 500%, пиксельная сетка автоматически отобразится поверх изображения.По умолчанию Photoshop «привязывает» фигуры, нарисованные с помощью инструментов «Фигура» (а также фигуры, нарисованные с помощью инструментов «Перо»), в пиксельную сетку. Это предотвращает создание мягких, сглаженных краев на фигурах, таких как прямоугольники, и может помочь, когда требуется точное выравнивание фигур. Примечание. Если по какой-либо причине вам нужно отключить «привязку», выберите «Настройки»> «Инструменты»> «Привязать векторные инструменты и преобразовать в пиксельную сетку» и отмените выборку. Чтобы отключить пиксельную сетку, снимите флажок «Пиксельный просмотр» в разделе «Просмотр»> «Показать»> «Пиксельная сетка».

На рисунке ниже показаны три варианта выравнивания формы:

• Первая форма была нарисована с включенными настройками Snap Vector Tools и Transforms to Pixel Grid. В результате все стороны прямоугольника получаются сплошными. Примечание: даже если исходная форма прямоугольника могла быть нарисована не с точным выравниванием по пиксельной сетке, Photoshop автоматически привязал форму прямоугольника к этой сетке, поскольку эта настройка была включена.

• Средняя иллюстрация была нарисована с отключенными настройками Snap Vector Tools и Transforms to Pixel Grid.Это привело к сглаживанию краев (различные уровни непрозрачности), потому что форма прямоугольника не была идеально выровнена по краю пикселя при рисовании прямоугольника.

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

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

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


Выровнять слои (2), Распределить (3), Градиент (8), Направляющие (5), Операции с контурами (1), Панель свойств (6), Контрольная точка (2), Слои формы (6), Смарт-объекты (19) ), Инструменты вектора привязки и преобразования в пиксельную сетку (2), Обводка (3), Преобразование (10)

Как нарисовать изогнутую стрелку в Photoshop (2 простых способа)

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

Чтобы нарисовать изогнутую стрелку в Photoshop, выберите инструмент «Линия», щелкните значок шестеренки на верхней панели настроек, затем установите для параметра «Стрелка» значение «Конец». Теперь щелкните и потяните, чтобы создать стрелку, нажмите Command / Control + T, щелкните правой кнопкой мыши и выберите Warp.Наконец, установите предустановку деформации на Дугу, чтобы изогнуть стрелку.

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

Давайте начнем.

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

Шаг 1. Создайте новый документ

Откройте Photoshop и создайте новый холст. Перейдите к параметру «Файл» в верхнем левом углу экрана и нажмите «Создать».

Шаг 2. Создайте новый слой

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

Шаг 3. Доступ к инструменту Elliptical Marquee Tool

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

Выберите инструмент «Овальная область» в меню «Инструменты» в левой части экрана или нажмите M на клавиатуре.Если вы его не видите, нажмите и удерживайте инструмент прямоугольной области, а затем выберите вариант эллипса.

Шаг 4. Создание выделения эллиптической области

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

Шаг 5. Добавьте обводку к активному выделению

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

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

Когда вы закончите наносить обводку, ваш круг будет выглядеть так:

Шаг 6. Добавьте маску слоя

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

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

Шаг 7. Откройте инструмент «Кисть» и установите черный цвет переднего плана

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

Шаг 8: Выберите маску слоя

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

Шаг 9: закрасьте половину круга, чтобы скрыть его

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

Шаг 10. Доступ к инструменту «Перо»

Теперь, когда у вас есть изгиб стрелки, пора сделать наконечник стрелки.Здесь на помощь приходит инструмент «Перо». Чтобы получить доступ к инструменту «Перо», щелкните его на панели инструментов или нажмите P на клавиатуре.

Шаг 11. Используйте инструмент «Перо», чтобы нарисовать стрелку

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

Подробнее об использовании инструмента «Перо» и работе с опорными точками можно узнать здесь.

Шаг 12: Заполните стрелку

Теперь, когда вы нарисовали стрелку по контуру пера, вам нужно заполнить ее. Щелкните правой кнопкой мыши путь и выберите «Заливка пути», чтобы окрасить стрелку в черный цвет.

Теперь вы сделали изогнутую стрелу!

Вот и все, вы создали изогнутую стрелку с помощью инструмента эллиптической области и треугольного контура пера!

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

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

Шаг 1. Доступ к инструменту «Линия»

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

Шаг 2. Отрегулируйте толщину линии

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

Шаг 3. Добавьте стрелку

После того, как вы выбрали толщину линии, пора решить, куда вы собираетесь добавить стрелку.Photoshop позволяет добавлять стрелку в начало или конец линии. Щелкните значок шестеренки рядом с параметром веса, затем выберите «Начало» или «Конец» в раскрывающемся меню, чтобы решить, куда поместить стрелку. Я решил поставить стрелку в конце строки.

Шаг 4. Выберите цветную заливку для стрелки

Прежде чем нарисовать стрелку, нужно выбрать еще один цвет — это цвет. Поскольку вы будете использовать инструмент «Форма», вы можете использовать параметры «Заливка» и «Обводка», чтобы раскрасить стрелку.Параметр «Заливка» окрашивает всю стрелку, а параметр «Обводка» добавляет контур.

Щелкните параметр «Заливка» на верхней панели инструментов и выберите цвет стрелки. Повторите этот шаг и для варианта обводки.

Шаг 5. Нарисуйте стрелку

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

Шаг 6. Активируйте инструмент свободного преобразования

После того, как вы нарисовали стрелку, которая вас устраивает, самое время использовать инструмент бесплатного преобразования, чтобы изогнуть ее. Нажмите кнопку «Редактировать» в верхней части окна и выберите «Свободный путь преобразования» в раскрывающемся меню. Вы также можете получить доступ к бесплатному инструменту преобразования, используя сочетание клавиш Command или Control + T.

Шаг 7. Активируйте инструмент Warp Tool

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

Шаг 8: Изгиб вашей стрелки

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

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

Теперь у вас есть еще одна изогнутая стрелка!

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

Как сохранить изогнутые стрелки как произвольную форму

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

Шаг 0: сгладьте слои

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

Удерживая нажатой клавишу «Command» или «Control», щелкните слои, используемые для создания изогнутой стрелки (сюда не входит фоновый слой). Затем щелкните правой кнопкой мыши любой из выбранных слоев и выберите «Объединить слои» в раскрывающемся меню. Теперь слои являются одним целым, и вы можете придать им индивидуальную форму.

Шаг 1. Создайте выделение вокруг вашей формы

Удерживая Command или Control, щелкните миниатюру слоя в виде стрелки на панели слоев. Это превратит вашу фигуру в активный выбор (он будет окружен марширующими муравьями).

Шаг 2. Перейдите в меню «Редактировать»> «Определить произвольную форму»

Затем нажмите «Правка» в строке меню и выберите «Определить произвольную форму» в раскрывающемся меню.

Шаг 3. Назовите свою произвольную форму

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

Шаг 4. Доступ к инструменту Custom Shape Tool

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

Шаг 5. Найдите свою индивидуальную форму

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

Шаг 6. Нарисуйте изогнутую стрелку с помощью инструмента произвольной формы

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

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

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

Удачного редактирования!

Знакомство с Adobe Photoshop | Инструмент Line

Предыдущая | Далее | Оглавление

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

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

Попробуйте инструмент и нарисуйте линии и стрелки на вашем холсте.

Хотя инструмент линии довольно прост в использовании, он не совсем лучший способ делать линии. Фактически, большинство дизайнеров для получения линий обычно используют клавишу SHIFT вместо инструмента линии. Чтобы нарисовать прямую линию с помощью любого из инструментов рисования или редактирования, вы следует 1) щелкнуть по холсту, 2) нажать клавишу SHIFT и 3) щелкните по второй точке холста.Photoshop нарисует линию между двумя указанными вами точками. Попробуйте сами.

Вам также не нужно останавливаться на двух точках. Если вы продолжаете удерживать нажатой клавишу SHIFT и нажимаете больше точек на холст, вы добавите дополнительные линии, соединяющие все указанные точки. Можете ли вы сделать следующий дизайн без использования инструмента «Линия»?

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

Попробуйте получить следующее изображение…

Предыдущая | Далее | Оглавление

Как нарисовать линию без стрелки в Photoshop? — AnswersToAll

Как нарисовать линию без стрелки в Photoshop?

Вы видите раскрывающееся меню со стрелкой рядом с инструментом Custom Shape? Есть флажки для начала и конца. Снимите галочки с обоих, и вместо стрелки будет нарисована линия!

Почему мой инструмент Photoshop «Линия» — это стрелка?

re: Мой «инструмент линии» застрял в виде «стрелки». Нажмите кнопку «Параметры геометрии» на панели инструментов, где вы установите параметры стрелки.Если вы уберете отметки в полях начала / конца, это будет только линия.

Когда я рисую в фотошопе линию, она исчезает?

Если ваши линии исчезают: 1. Убедитесь, что ваша непрозрачность выше 0% для вашего инструмента. Вы можете найти ползунок непрозрачности на внутреннем кольце колесика инструментов в виде круга с заполненной стороной.

Что такое отчет с пунктирной линией?

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

Может ли у вас 2 линейных руководителя?

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

Что такое пунктирная линия на диаграмме ER?

сущность-связь erd. Пунктирная линия означает, что отношения сильные, а сплошная линия — слабые.

Как узнать, сплошная это или пунктирная линия?

Если неравенство равно <или>, обозначьте уравнение пунктирной линией. Если неравенство ≤ или ≥, изобразите уравнение сплошной линией. Эта линия делит плоскость xy на две области: область, удовлетворяющую неравенству, и область, которая не удовлетворяет.

Как узнать, будет ли у неравенства сплошная линия викторины?

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

Что такое пунктирная линия?

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

Почему это называется девятиштриховой линией?

Истоки линии из девяти штрихов можно проследить до официальных карт, составленных правительством националистического Гоминьдана (также известного как Китайская националистическая партия) до и после Второй мировой войны, согласно книге американского ученого «Котел Азии». и стратег Роберт Д. Каплан.

Photoshop Shapes and Shape Layers Essentials

Инструменты формы

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

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

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

.

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

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

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

Параметр слоев формы

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

Чтобы рисовать векторные фигуры, выберите параметр Shape Layers на панели параметров. Это первый из трех значков в крайнем левом углу (параметр «Пути» находится в середине из трех значков, за которыми следует параметр «Заполнить пиксели» справа):

Выберите параметр «Слои фигур», чтобы рисовать векторные фигуры.

Выбор цвета для формы

Выбрав параметр Shape Layers, следующее, что нам нужно сделать, это выбрать цвет для нашей формы, и мы сделаем это, щелкнув образец цвета справа от слова Color на панели параметров:

Щелкните образец цвета, чтобы выбрать цвет для формы.

Photoshop откроет панель выбора цвета , где мы сможем выбрать цвет, который хотим использовать. Я выберу красный. Нажмите OK после того, как вы выбрали цвет, который нужно закрыть из палитры цветов:

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

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

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

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

Вытягивание прямоугольной формы. При перетаскивании появляется только контур фигуры.

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

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

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

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

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

Квадраты для рисования

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

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

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

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

Параметры формы

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

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

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

Слои формы

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

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

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

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

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

Выбор другого цвета из палитры цветов.

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

В любой момент легко вернуться и изменить цвет фигуры.

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

Белая область на векторной маске представляет видимую область формы на слое.

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

Удерживая Shift, щелкните векторную маску, чтобы выключить ее.

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

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

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

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

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

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

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

Используйте значение «Радиус», чтобы задать округлость углов.

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

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

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

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

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

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

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

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

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

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

Если мы щелкнем маленькую стрелку на панели параметров, чтобы открыть параметры прямоугольника со скругленными углами, мы увидим, что он имеет те же параметры, что и обычный инструмент прямоугольника, такие как Unconstrained , Square и From Center , и опять же, мы уже знаем, как получить к ним доступ с клавиатуры:

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

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

Инструмент Ellipse Tool

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

Рисование эллиптической формы с помощью инструмента «Эллипс».

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

Эллиптическая форма с цветной заливкой.

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

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

Если щелкнуть маленькую стрелку на панели параметров, появятся параметры эллипса, которые снова почти идентичны параметрам «Прямоугольник» и «Прямоугольник со скругленными углами».Единственная разница, конечно же, заключается в том, что инструмент Ellipse Tool позволяет рисовать круг, а не квадрат:

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

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

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

Введите необходимое количество сторон для многоугольника в поле Sides на панели параметров. Значение по умолчанию — 5, но вы можете ввести любое значение от 3 до 100:

.

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

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

Инструмент «Многоугольник» отлично подходит, когда нам нужно что-то, кроме четырехстороннего прямоугольника.

Установка параметра «Стороны» на 3 для инструмента «Многоугольник» дает нам простой способ нарисовать треугольник:

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

А вот форма многоугольника с параметром «Стороны», равным 12:

.

Двенадцатигранный многоугольник.

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

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

Выберите «Звезда» в меню «Параметры многоугольника».

Выбрав опцию «Звезда», просто щелкните внутри документа и вытяните звезду. Параметр Sides на панели параметров контролирует количество точек в звезде, поэтому, например, при значении сторон по умолчанию 5, мы получим пятиконечную звезду:

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

Изменение значения сторон на 8 дает нам 8-конечную звезду:

Установите количество точек в звезде с помощью параметра «Стороны».

Мы можем создать звездообразную форму, увеличивая отступ точек с помощью параметра Отступ сторон на . Значение по умолчанию — 50%. Увеличу до 90%:

Увеличение отступа звездочки до 90%.

Вот моя форма звезды с отступом 90%. Я также увеличил количество сторон до 16:

.

Увеличьте значения сторон и отступа, чтобы создать звездообразную форму.

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

Выбор параметра «Сглаженные углы».

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners ::

Параметр «Сглаженные углы» придает звездам дружеский вид.

Мы также можем сгладить отступы и сделать их скругленными, выбрав опцию Smooth Indents :

Выбор параметра «Сглаживание отступов».

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

Форма звезды с включенными сглаженными отступами.

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

Наконец, инструмент «Линия», последний из инструментов Photoshop «Геометрическая форма», позволяет рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Установите толщину линии, введя значение в пикселях в параметр Weight на панели параметров. Я устанавливаю свой на 16 пикселей:

Используйте параметр «Вес», чтобы задать толщину линии.

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

Удерживайте Shift при перетаскивании для рисования горизонтальных или вертикальных линий.

Чтобы добавить стрелки к линиям, щелкните маленькую стрелку на панели параметров, чтобы открыть параметры Arrowheads . Photoshop позволяет нам добавлять стрелки либо в начало, либо в конец строки, либо в оба.Если вы хотите, чтобы стрелка отображалась в том направлении, в котором вы рисуете линию, что обычно бывает, выберите опцию End . Убедитесь, что вы выбрали этот параметр перед рисованием линии, поскольку Photoshop не позволяет нам вернуться и добавить стрелки после того, как линия уже была нарисована:

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

Вот линия, похожая на предыдущую, на этот раз со стрелкой на конце:

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

Если размер стрелки по умолчанию вам не подходит, вы можете отрегулировать его с помощью параметров Ширина и Длина . Мы также можем сделать стрелку вогнутой, используя опцию Concavity . Значение по умолчанию — 0%. Увеличу до 50%:

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

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

Стрелка со значением «Вогнутость», равным 50%.

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

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

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

Щелкните миниатюру векторной маски, чтобы отменить выбор и скрыть контур вокруг формы.

Выбор по форме — Photoshop CC: Недостающее руководство, 2-е издание [Книга]

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

Инструменты прямоугольной и эллиптической области

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

Рисунок 4-2. Вы потратите уйму времени, делая выбор с помощью инструментов «Прямоугольная область» и «Эллиптическая область». Чтобы вызвать это меню, нажмите и удерживайте кнопку мыши пару секунд.

Чтобы сделать выделение с помощью любого инструмента выделения, просто возьмите инструмент, щелкнув его значок на панели «Инструменты» или нажав M, а затем наведите указатель мыши на свой документ. Когда ваш курсор превратится в крошечный знак +, проведите пальцем по области, которую хотите выбрать (вы увидите марширующих муравьев, как только начнете перетаскивать).Photoshop начинает выделение в том месте, где вы щелкнули, и продолжает его в направлении, в котором вы перетаскиваете, пока вы удерживаете кнопку мыши. Когда вы увидите марширующих муравьев вокруг области, которую хотите выбрать, отпустите кнопку мыши.

Вы можете использовать различные инструменты и методы, чтобы изменить свой выбор, большинство из которых контролируется панелью параметров (рис. 4-3). Например, вы можете:

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

    Совет

    Когда вы начинаете рисовать выделение, Photoshop активирует «Новое выделение» на панели параметров. »(См. Рисунок 4-3). В этом режиме вы можете переместить выделение как , которое вы рисуете , перемещая мышь, одновременно нажимая кнопку мыши и пробел. Когда выделение окажется там, где вы хотите, отпустите клавишу пробела, но не кнопку мыши, и продолжайте рисовать выделение.

  • Добавить в подборку . Когда вы щелкаете значок «Добавить к выделению» на панели параметров (обозначенный на рис. 4-3) или нажимаете и удерживаете клавишу Shift, Photoshop помещает крошечный знак + под курсором, чтобы вы знали, что все, что вы перетащите дальше, будет добавлено. к текущему выбору. Этот режим удобен, когда вам нужно выбрать области, которые не соприкасаются друг с другом, например двери на рис. 4-3, или если вы выбрали или из того, что вам нужно, но заметили, что пропустили какое-то место.Вместо того, чтобы начинать сначала, просто переключитесь в этот режим и обведите эту область, как если бы вы создавали новое выделение.

  • Вычтите из выделенного . Щелчок по значку «Вычесть из выделенного» (также обозначен на рис. 4-3) или нажатие и удерживание клавиши Option (Alt на ПК) дает противоположный эффект. Под курсором появится крошечный знак -, чтобы вы знали, что вы находитесь в этом режиме. Наведите указатель мыши на свой документ и нарисуйте рамку (или овал) вокруг области, для которой нужно отменить выбор .

  • Пересечение одного выделения с другим . Если вы щелкнете значок «Пересечь с выделением» на панели параметров после того, как сделаете выделение, Photoshop позволит вам нарисовать еще один фрагмент, который перекрывает первый; тогда марширующие муравьи окружают только ту область, где две выборки перекрывают . (Это немного сбивает с толку, но не беспокойтесь — вы редко будете использовать этот режим.) Сочетание клавиш — Shift-Option (Shift + Alt на ПК). Photoshop помещает крошечный знак умножения (x) под курсором, когда вы находитесь в этом режиме.

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

    Рисунок 4-3. Используя эти значки панели параметров (или, что еще лучше, сочетания клавиш, упомянутые в этом разделе), вы можете добавлять или удалять из выделения, а также создавать выделение из двух пересекающихся областей. Все выделения начинаются в точке, где вы впервые щелкнули, поэтому вы можете легко выбрать одну из этих дверей, перетащив ее по диагонали из ее верхнего левого угла в нижний правый. По крошечному значку + рядом с курсором в виде перекрестия можно сказать, что вы находитесь в режиме «Добавить в выделение», поэтому у этой фигуры теперь есть два варианта выбора: синяя дверь и красная дверь.При перетаскивании для создания выделения вы также получаете полезное наложение, отображающее информацию о ширине и высоте. Если вы переместите выделение, вместо этого вы увидите информацию по осям X и Y, которая указывает, насколько далеко вы переместили выделение. Попробуйте эту технику выбора, загрузив практический файл Doors.jpg со страницы этой книги по адресу www.missingmanuals.com/cds.

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

  • Ограничить выбор . Чтобы ограничить свой выбор фиксированным размером или соотношением сторон (чтобы соотношение между его шириной и высотой оставалось неизменным), выберите «Фиксированный размер» или «Фиксированное соотношение» в меню «Стиль» панели параметров, а затем введите нужный размер в результирующую ширину. и Поля высоты.(Если вы выбрали «Фиксированный размер», не забудьте также ввести единицу измерения в каждое поле, например, пикселей, пикселей.) Если вы оставите выбранной опцию «Нормальный», вы можете выделить любой размер по своему усмотрению.

Вот как выбрать два объекта на одной фотографии, как показано на рисунке 4-3:

  1. Щелкните значок инструмента выделения на панели инструментов, а затем выберите прямоугольную область в меню, показанном на рисунке. 4-2 .

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

    Подсказка

    Для переключения между инструментами «Прямоугольная область» и «Эллиптическая область» нажмите M, чтобы активировать набор инструментов выделения, а затем нажмите Shift-M, чтобы активировать каждый из них по очереди. Если это не сработает, убедитесь, что гремлин не отключил настройку, которая делает возможным этот трюк: выберите Photoshop → Настройки → Общие (Правка → Настройки → Общие на ПК) и подтвердите, что «Использовать клавишу Shift для переключения инструментов. »Включен.

  2. Перетащите, чтобы нарисовать рамку вокруг первого объекта .

    Например, чтобы выбрать синюю дверь, показанную на Рисунке 4-3, щелкните ее верхний левый угол и перетащите по диагонали к нижнему правому углу. Когда вы выделите всю дверь, отпустите кнопку мыши. Не волнуйтесь, если вы не выбрали нужный вариант; вы можете переместить его на следующем шаге.

  3. При необходимости переместите ваш выбор на место .

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

  4. На панели параметров щелкните значок «Добавить в выбор», а затем выберите второй объект, выделив его .

    Photoshop позволяет узнать, что вы находитесь в режиме «Добавить в выделение», поместив крошечный знак «+» под курсором.Увидев ее, наведите указатель мыши на вторую дверь и перетащите по диагонали из ее верхнего левого угла в нижний правый, как показано на рисунке 4-3. (В качестве альтернативы вы можете нажать и удерживать клавишу Shift, чтобы перевести инструмент в режим «Добавить к выделению».)

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

Вы только что сделали свой первый выбор и добавили его. Вперед!

Совет

Чтобы нарисовать идеально квадратную или круглую область выделения, нажмите клавишу Shift при перетаскивании с помощью инструмента «Прямоугольная или эллиптическая область» соответственно. Чтобы нарисовать выделение от центра кнаружи (а не от угла к углу), вместо этого нажмите и удерживайте клавишу Option (Alt на ПК).А чтобы нарисовать идеально квадратное или круглое выделение от центра кнаружи, нажмите и удерживайте Shift-Option (Shift + Alt) при перетаскивании любым инструментом. Обязательно используйте эти приемы только для новых выделений — если у вас уже есть выделение, нажатие клавиши Shift переводит вас в режим «Добавить в выделение».

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

  1. Откройте два изображения и объедините их в один документ .

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

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

    Убедитесь, что оба слоя разблокированы, чтобы вы могли изменить их порядок наложения. Если вы видите крошечный замок справа от имени фонового слоя, щелкните его одним щелчком, чтобы разблокировать (в предыдущих версиях Photoshop вам приходилось удвоить — щелкнуть замок).Затем перетащите слой с фотографией, которую вы хотите виньетировать (на рис. 4-4, это изображение броненосца), в верхнюю часть панели «Слои».

    Рисунок 4-4. Создав выделение с помощью инструмента «Эллиптическая область», добавив маску слоя (стр. 120), а затем растушев маску, вы можете создать быстрый коллаж из двух фотографий, подобный этому. Свадебные фотографы и мамы, не говоря уже о поклонниках броненосцев, любят такие вещи! Используя панель «Свойства» для применения растушевки, вы получаете возможность впоследствии изменить или даже удалить растушевку (при условии, что вы сохраните документ как файл PSD).Как только вы освоите эту технику, попробуйте создать ее с помощью инструмента Эллипс (один из инструментов векторных фигур Photoshop), настроенного на рисование в режиме контура, как описано на странице 568.

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

    Взгляните на панель «Слои», чтобы убедиться, что активен правильный слой изображения (броненосец), а затем — в главном окне документа — поместите курсор рядом с центром изображения.Нажмите и удерживайте клавишу Option (Alt на ПК), а затем перетащите, чтобы нарисовать овальное выделение изнутри. Когда выделение будет достаточно большим, отпустите клавишу Option (Alt) и кнопку мыши.

  4. Скройте область за пределами выделения с помощью маски слоя .

    Вы, , можете просто инвертировать выделение (Знакомьтесь с марширующими муравьями), а затем удалить область за его пределами, но это было бы безрассудно. Что, если вы передумали? Вам придется отменить несколько шагов или начать все заново! Менее разрушительный и более гибкий подход, о котором вы узнали еще при наложении слоев, — это скрыть область за пределами выделения с помощью маски слоя.Для этого на панели «Слои» убедитесь, что активен правильный слой (броненосец), а затем добавьте маску слоя, щелкнув значок круга в квадрате в нижней части панели. Photoshop скрывает все, что находится за пределами выделенной области, позволяя вам видеть нижний слой с голубым капюшоном. Красивый!

  5. Используйте ползунок «Растушевка» на панели «Свойства», чтобы растушевать края выделенной области .

    При активной маске слоя откройте панель «Свойства», выбрав «Окно» → «Свойства» или дважды щелкнув миниатюру маски.На появившейся панели перетащите ползунок «Растушевка» вправо, и Photoshop смягчит выделение в документе при просмотре. (Или введите число или десятичное значение в текстовое поле над ползунком «Растушевка».)

  6. Выберите «Файл» «Сохранить как», а затем выберите Photoshop в качестве формата .

    Это позволит вам позже настроить величину растушевки, активировав маску слоя, а затем снова открыв панель «Свойства».

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

Инструменты выделения для одной строки и столбца

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

Вы можете спросить: «Когда я захочу это сделать?» Не часто, но это правда, но примите во внимание следующие обстоятельства:

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

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

  • Растягивание изображения для заполнения пространства . Например, если вы разрабатываете веб-страницу, вы можете использовать эти инструменты, чтобы увеличить изображение на один или два пикселя. Используйте любой инструмент, чтобы выбрать строку или столбец пикселей внизу или сбоку изображения, возьмите инструмент «Перемещение», нажав V, а затем коснитесь клавиши со стрелкой на клавиатуре, удерживая клавишу Option (Alt на ПК), чтобы подтолкнуть выделение в нужном вам направлении и при этом продублируйте его. Однако лучшим вариантом является использование Content-Aware Scale (см. Content-Aware Scale).

  • Придать изображению вид, будто оно тает или движется в космосе со скоростью деформации . Возможно, наиболее забавное использование этих инструментов — вы можете создать выделение, а затем растянуть его с помощью инструмента Free Transform (см. Рис. 4-5).

Рисунок 4-5. Удачной ловли курицы! Чтобы добиться такого вида, используйте область «Одноколоночная область», чтобы выбрать столбец пикселей. Затем «переместите» выделение на отдельный слой, нажав ⌘-J (Ctrl + J). Затем вызовите инструмент «Свободное преобразование», нажав ⌘-T (Ctrl + T), и перетащите один из квадратных белых центральных маркеров влево.И последнее, но не менее важное: добавьте маску градиента (стр. 294), а затем поэкспериментируйте с режимами наложения, пока не найдете тот, который заставляет растянутые пиксели смешиваться с изображением (на стр. 296 больше о режимах наложения). (К сожалению, вы не можете активировать инструменты «Однорядная» и «Одноколоночная область» с помощью сочетания клавиш; вам нужно щелкнуть их значки на панели «Инструменты».) Создайте свою собственную курицу, ускоряющуюся, загрузив файл практики Hen.jpg из этой книги. Отсутствует страница компакт-диска на сайте www.missingmanuals.com/cds.

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

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

  1. Откройте фотографию и активируйте инструмент «Прямоугольник со скругленными углами» на панели «Инструменты» .

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

    Подсказка

    Для циклического перебора всех инструментов формы Photoshop нажимайте Shift-U несколько раз.

  2. На панели параметров установите режим рисования инструмента на Путь и измените поле Радиус на 40 пикселей (или что вам нравится) .

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

    Затем измените число в поле «Радиус», которое определяет степень закругления углов изображения: меньшее число приводит к меньшему округлению, чем большее число.Это поле было установлено на 40 пикселей, чтобы создать углы, показанные на рисунке 4-6. Однако вам нужно будет использовать большее число, если вы работаете с документом с высоким разрешением.

  3. Обведите изображение рамкой .

    Наведите указатель мыши на изображение и, начиная с одного угла, проведите по диагонали, чтобы нарисовать рамку вокруг всего изображения. Когда вы отпускаете кнопку мыши, Photoshop отображает поверх изображения тонкий серый контур, называемый path , о котором вы узнаете все в главе 13.Если вам нужно переместить контур во время его рисования, нажмите и удерживайте клавишу пробела. Если вы хотите переместить путь после того, как вы его нарисовали , нажмите A, чтобы захватить инструмент выбора пути (его значок на панели инструментов — черная стрелка), щелкните путь, чтобы активировать его, а затем перетащите, чтобы переместить его в любое место.

  4. Добавьте маску слоя, чтобы скрыть область за пределами пути .

    На панели параметров нажмите кнопку «Маска», и Photoshop добавит к изображению векторную маску слоя .(Зачем нужна векторная маска? Поскольку контур, который вы нарисовали с помощью инструмента формы, основан на векторном , а не на пиксельном. Как вы узнали в поле Растровые изображения и векторные изображения, вы можете изменить размер вектора в любое время, не теряя качества, активировав его, а затем используя Free Transform [The Transformers]. Чтобы узнать больше о векторных масках, перейдите к разделу «Использование векторных масок».) Вы можете сделать то же самое, нажав ⌘ (Ctrl-щелчок) кружок в квадрате в нижней части панели «Слои», чтобы сделать то же самое. В любом случае Photoshop скрывает скучные квадратные края фотографии.

Рисунок 4-6. Если вы устали от скучных квадратных углов на изображениях, воспользуйтесь инструментом «Прямоугольник со скругленными углами», чтобы создать гладкие углы, как показано здесь. Обязательно сначала переведите инструмент в режим «Путь», используя раскрывающееся меню рядом с левым концом панели параметров, иначе вы создадите слой-фигуру, который вам действительно не нужен. (Вы можете использовать ту же технику с инструментом Эллипс, чтобы создать эффект виньетки, показанный в предыдущем разделе.) Чтобы растушевать маску слоя после ее добавления (см. Шаг 4), дважды щелкните маску и затем перетащите растушевку полученной панели свойств ползунок вправо.К счастью, вы можете изменить округлость этих углов после того, как нарисовали форму. На странице 588 есть совок.

Кто знал, что придать фотографии закругленные углы — это так просто?

Чтобы разместить новую фотографию с закругленными краями поверх другого фона в программе для презентаций или на веб-сайте, выберите «Файл» → «Сохранить как» и выберите в качестве формата PNG. (Как вы знаете из главы 2, формат PNG поддерживает прозрачность. Подробнее об этом формате вы узнаете в разделе «Выбор наилучшего формата файла».)

Сделайте редактируемые стрелки в Photoshop

Вам когда-нибудь нужно было создать стрелку, чтобы указать на что-то на фотографии? (Например, «Здесь найден труп» или «Обратите внимание на трещину в фюзеляже»?) Для этого не нужно переходить в другую программу.Открыв изображение в Adobe Photoshop, есть как минимум два способа создать редактируемую векторную стрелку, указывающую именно на то, что вы хотите.
Метод 1. Использование одной из встроенных пользовательских фигур
Для начала выберите инструмент «Пользовательская форма» на панели инструментов. Не можете найти? Нажмите на инструмент «Прямоугольник» в нижней части группы векторных инструментов на панели инструментов (инструмент «Перо», инструмент «Текст», инструмент «Выделение»). Теперь на панели параметров отображаются все варианты инструмента векторной формы. Инструмент Custom Shape (Пользовательская форма) выглядит как клякса справа.Выделите его там или выберите во всплывающем меню инструмента «Прямоугольник» на панели инструментов.
Убедитесь, что инструмент находится в режиме векторной формы, одном из трех режимов, доступных при работе с векторными инструментами в Photoshop. Таким образом, перетаскивание инструмента по изображению создает слой векторной формы (вместо контура или выделения), что нам и нужно. Режим векторной формы — это первый значок в крайнем левом углу панели параметров, который выглядит как квадрат с точками по углам (рис. 1). Щелкните его, если он еще не выбран.
Рис. 1.

Теперь, когда вы выбрали правильный режим и нужный инструмент, вы можете открыть библиотеку пользовательских форм. На панели параметров найдите метку «Фигуры:» и щелкните миниатюру фигуры справа, чтобы открыть библиотеку. Стрелки не входят в набор форм по умолчанию, поэтому вам, вероятно, придется использовать всплывающее меню библиотеки, чтобы выбрать их. (Подсказка: нужная библиотека называется «Стрелки». Очень непонятно.) Добавьте или добавьте фигуры к уже имеющимся в библиотеке; либо работает.
Вы увидите двадцать различных форм стрелок на выбор. Нажмите на тот, который вас зовет, а затем нажмите Return / Enter, чтобы закрыть библиотеку. Теперь просто начните перетаскивать изображение по диагонали, и вы увидите стрелку, меняющую соотношение ширины и высоты при перетаскивании мыши. Отпустите кнопку мыши, когда она станет примерно такой, как вы хотите (рис. 2).
Рисунок 2.

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

Вы можете изменить путь с помощью инструмента «Прямое выделение», добавить / удалить / изменить точки с помощью различных вариантов инструмента «Перо» и изогнуть форму с помощью «Правка»> «Преобразование»> «Деформация» (рисунок 4).
Рисунок 4.

Чтобы вернуть ограничивающую рамку (чтобы вы могли изменить ширину, высоту и поворот всей формы стрелки), нажмите Command / Ctrl-T, что является сочетанием клавиш для Edit> Free Преобразовать путь.
Способ 2. Используйте инструмент «Линия»
Вот еще один способ снять шкуру с кошки.Вы могли заметить, что одним из вариантов инструмента векторной формы является инструмент Линия. Это единственный инструмент в Photoshop, который позволяет добавлять стрелки в начале или в конце (или в обоих).
Уловка с инструментом «Линия» заключается в том, что вы должны настроить его толщину и стили стрелок, прежде чем перетаскивать с ним линию. После создания линии ее форму можно изменить только с помощью инструментов «Прямое выделение» и редактирования контура или путем ее преобразования, как указано выше. Таким образом, может потребоваться поэкспериментировать с различными линиями и настройками, чтобы получить то, что вы хотите.(Тем не менее, вы можете сохранить идеальные настройки в виде предустановки инструмента «Линия». Таким образом, у вас могут быть стрелки того же типа в других файлах Photoshop.)
Инструмент «Линия» находится во всплывающем меню инструмента «Форма» (нажмите и удерживайте любой инструмент формы, активный в данный момент (по умолчанию это Прямоугольник, чтобы открыть всплывающее окно) или как одну из фигур на панели параметров, когда активен любой инструмент «Перо» или «Форма».
Выберите инструмент «Линия» и измените его вес (толщину) в поле «Вес» на панели параметров со значения по умолчанию в 1 пиксель.Затем щелкните направленный вниз треугольник справа от набора инструментов формы на панели параметров. Откроются параметры для выбранного инструмента формы. Когда выбран инструмент «Линия», все параметры сводятся к стрелкам (рис. 5).
Рис. 5.

Вот ваша шпаргалка по параметрам стрелки:
Начало: Вы хотите, чтобы стрелка появлялась в начальной точке линии, которую вы собираетесь растянуть? Если да, установите этот флажок.
Конец: Вы также или альтернативно хотите, чтобы в конце строки была стрелка, когда вы отпускаете кнопку мыши? Если да, включите его.
Ширина: Какой процент толщины линии должен составлять острие стрелки? Значение по умолчанию — 500% (в пять раз больше толщины линии), это обычная стрелка. Когда вы трансформируете готовую стрелку, стрелка будет пропорционально увеличиваться / уменьшаться.
Длина: Значение по умолчанию 1000% означает, что длина наконечника стрелки (от заостренного делового конца до основания) должна быть в десять раз больше веса линии.Другими словами, принятие 500% ширины и 1000% длины по умолчанию означает, что вы получите несколько узкую заостренную стрелку — ее длина будет вдвое больше ширины. Если вы хотите, чтобы стрелка была в виде равностороннего треугольника, введите для параметра «Длина» такое же процентное значение, что и для параметра «Ширина».
Вогнутость: Поскольку по умолчанию установлено значение 0%, основание стрелки — сторона, которая касается конца линии — совершенно прямая. Чтобы нижний край изгибался внутрь, к кончику стрелки, введите больший процент.Вы можете увеличить до 50%, что, я думаю, составляет 50% длины наконечника стрелы. Интересно, что вы также можете опуститься до отрицательных 50% (введите -50), что приведет к тому, что нижний конец кривой будет направлен наружу в линию.
Теперь, когда вы ввели свои настройки, нажмите Return / Enter, чтобы закрыть окно параметров стрелки и перейти к перетаскиванию (рисунок 6).
Рисунок 6.

Все ваши стрелки будут прямыми, когда вы их впервые создадите, потому что это то, что делает инструмент «Линия», но вы можете изогнуть их, выбрав Правка> Преобразование> Деформация.Для большего контроля вы можете добавить к фигуре точки кривой с помощью инструмента «Добавить точку привязки» (один из вариантов инструмента «Перо»). Однако это довольно сложно, поскольку инструмент «Линия» на самом деле создает очень тонкие прямоугольники, а не линии (!), Поэтому вам придется добавлять совпадающие точки кривой с обеих сторон.
Чтобы изменить общую ширину, высоту и поворот самой стрелки, используйте тот же метод свободного преобразования, что и выше.
Fancy It Up
С помощью обоих этих методов вы работаете со слоями-фигурами и можете применять эффекты слоя к слоям-фигурам (рис. 7).Я видел несколько ярких стрелок, созданных дизайнерами Photoshop с помощью умных приложений Stroke, Drop Shadow, Gradient Overlay и Bevel & Emboss. Их также можно сохранить в предустановках инструмента Custom Shape или Line.
Рисунок 7.

.

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

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