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

Обновлено: 01.07.2024

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

Запустите Photoshop и откройте любой файл изображения на своем компьютере, одновременно нажав клавиши "Ctrl" и "O" на клавиатуре.

Нажмите образец "Цвет переднего плана" и выберите цвет стрелки в палитре цветов.

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

Нажмите кнопку "Формирование слоев" на панели параметров. Это первая кнопка слева. Он создает векторную фигуру на новом слое.

Нажмите значок "Форма" на панели параметров. Откроется панель с выбором фигур. Нажмите кнопку "Стрелка" в правом верхнем углу панели, выберите "Стрелки" в раскрывающемся меню, нажмите "ОК" и выберите стрелку.

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

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

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

Повторите шаги с 6 по 8, чтобы нарисовать дополнительные стрелки на изображении. Стрелки на одном слое используют один и тот же цвет. Чтобы нарисовать стрелки другого цвета, сначала добавьте новый слой, выбрав «Создать» в меню «Слой» и нажав «Слой».

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

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

Эта статья была просмотрена 190 921 раз.

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

Изображение с названием Make Arrows in Photoshop Step 1

Изображение с названием

Изображение с названием

Изображение с названием Создание стрелок в Photoshop, шаг 4

Изображение с названием Создание стрелок в Photoshop, шаг 5

Изображение с названием

Добавьте новый слой, нажав значок "Создать новый слой", а затем измените размер кисти на 20 пикселей.

Изображение с названием Создание стрелок в Photoshop, шаг 7

Используя инструмент "Линия", нажмите на контуры и добавьте стрелку в начале линии. Установите размер линии на 10 пикселей.

Изображение с названием

Используя нарисованный путь, щелкните правой кнопкой мыши слой пути в окне путей. Нажмите "Обвести путь".

Изображение с названием Создание стрелок в Photoshop, шаг 10

Изображение с названием Создание стрелок в Photoshop, шаг 11

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

Изображение с названием

Изображение с названием Создание стрелок в Photoshop, шаг 13

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

Изображение с названием Создание стрелок в Photoshop, шаг 14

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

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

Изображение с названием Создание стрелок в Photoshop, шаг 15

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

Изображение с названием Создание стрелок в Photoshop, шаг 16

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

Изображение с названием Создание стрелок в Photoshop, шаг 17

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

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

Изображение с названием Создание стрелок в Photoshop, шаг 19

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

Изображение с названием Создание стрелок в Photoshop, шаг 20

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

Изображение с названием Создание стрелок в Photoshop, шаг 21

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

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

  • Главная
  • Экосистема Photoshop
  • Обсуждения
  • Рисование линии, стрелки и наконечника стрелки в Photoshop C.

/t5/photoshop-ecosystem-discussions/drawing-a-line-arrow-and-arrowhead-in-photoshop-cs6/td-p/10208407 22 октября 2018 г. 22 октября 2018 г.

Скопировать ссылку в буфер обмена

У меня Photoshop CS6. Я не могу понять, как нарисовать прямую линию, стрелку и наконечник стрелки.

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

1 правильный ответ

Скопировать ссылку в буфер обмена

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


Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

Что если я нарисую две линии формы, образующие угол 90 градусов, но я хочу, чтобы только одна линия имела стрелку?

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

Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

Скопировать ссылку в буфер обмена

<ПР>
  • Выберите инструмент "Линия".
  • Выберите режим формы.
  • Выберите цвета заливки и обводки.
  • Нажмите на значок шестеренки, чтобы добавить стрелку в начало или конец строки (или в оба)
  • Установите высоту
  • Удерживая нажатой клавишу Shift, перетащите мышь, чтобы добавить прямую линию.
  • Будьте добры и уважительны, отдавайте должное оригинальному источнику контента и ищите дубликаты перед публикацией. Узнать больше

    Скопировать ссылку в буфер обмена

    Еще один вариант, о котором стоит помнить, — это настраиваемые формы.



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

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

    Как нарисовать изогнутую стрелку в Photoshop (2 простых способа)

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

    Чтобы нарисовать изогнутую стрелку в Photoshop, выберите инструмент «Линия», нажмите значок шестеренки на верхней панели настроек, затем установите для параметра «Стрелка» значение «Конец». Теперь щелкните и перетащите, чтобы создать стрелку, нажмите Command/Control + T, щелкните правой кнопкой мыши и выберите «Деформация». Наконец, установите предустановку деформации «Дуга», чтобы изогнуть стрелку.

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

    Начнем.

    Как нарисовать изогнутую стрелку в 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. Активируйте инструмент «Деформация»

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


    Шаг 8. Изгиб стрелки

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

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


    Теперь у вас есть еще одна изогнутая стрелка!

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


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

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

    Шаг 0. Сведение слоев

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

    Удерживая нажатой клавишу «Command» или «Control», щелкните слои, использованные для создания изогнутой стрелки (это не относится к фоновому слою). Затем щелкните правой кнопкой мыши любой из выбранных слоев и выберите «Объединить слои» в раскрывающемся меню. Теперь слои едины, и вы можете сделать их произвольной формы.


    Шаг 1. Создайте выделение вокруг фигуры

    Удерживая нажатой клавишу «Command» или «Control», щелкните миниатюру слоя со стрелкой на панели слоев. Это превратит вашу фигуру в активное выделение (она будет окружена марширующими муравьями).


    Шаг 2. Выберите «Правка» > «Определить пользовательскую форму»

    Далее нажмите «Изменить» в строке меню и выберите «Определить пользовательскую форму» в раскрывающемся меню.


    Шаг 3. Назовите собственную фигуру

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


    Шаг 4. Доступ к инструменту создания пользовательских фигур

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


    Шаг 5. Найдите собственную фигуру

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


    Шаг 6. Нарисуйте изогнутую стрелку с помощью инструмента «Пользовательская фигура»

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


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

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

    Читайте также: