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

Работа с инструментом «Линия»

Создавайте линии и стрелки с помощью инструмента «Линия» в Photoshop.

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

Выполните эти быстрые действия, чтобы нарисовать линию.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Настройка ширины линии

Режим «Фигура»

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

A. Настройка ширины линии с помощью параметра «Обводка» B. Настройка ширины линии с помощью параметра «Толщина»

Режим «Контур» или «Пиксели»

Режим Пиксели и параметр Толщина недоступны для инструмента Линия в версиях Photoshop 22.0–22.2.

Щелчок и перетаскивание

Щелкните точку на холсте и перетащите в нужное место, чтобы нарисовать линию.Чтобы ограничить угол линии и сделать его кратным 45 градусам, удерживайте клавишу «Shift» при перетаскивании и рисовании линии.

Параметры режима «Фигура»

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

A. Можно настроить различные атрибуты и свойства инструмента, выбрав «Параметры обводки». B. Другие параметры

Режим «Линия»

Цвет заливки

Цвет обводки

Ширина обводки

Толщина

Дополнительные параметры

Параметры режима «Пиксели»

Режим «Линия»

Режим

Непрозрачность

Толщина

Дополнительные параметры

Источник

Table of Contents:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Photoshop предлагает несколько стилей для пунктирных границ. Кредит: Изображение предоставлено Adobe.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Нарисуйте прямоугольник. Кредит: Изображение предоставлено Adobe.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Выберите «Не заполнять» на панели параметров. Кредит: Изображение предоставлено Adobe.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Укажите пунктирную границу для rectangle.credit: Изображение предоставлено Adobe.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Стилизуйте штрихи по желанию из окна Stroke.credit: Изображение предоставлено Adobe.

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

Как сделать фото прямоугольник в Facebook

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как избавиться от пунктирной линии в инструменте выделения в Adobe Photoshop?

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как нарисовать прямоугольник с рамкой в ​​Photoshop

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Обводка пунктиром или как сделать пунктир в фотошопе (Декабрь 2021).

Источник

Мы принимаем к оплате:Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов.

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

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

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

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

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

Еще урок: Как сделать обводку текста в Фотошопе

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

Возвращаемся к нашему основному документу, выбираем «кисть», и как видите, здесь она уже стоит. Выбираем непрозрачность кисти 100% и зайдем в настройки палитры кисти и немного изменим ее параметры. Нам обязательно нужно увеличить количество интервалов, и зайдите: динамика кисти/управление/направление. И тогда наша кисть будет повторить изгибы контура. Также на этом этапе установите цвет, которым будет рисовать ваша кисть, и выберете размер, его можно сделать чуть-чуть поменьше.

Теперь берем также инструмент «перо». Рисуем тот контур, который нам нужен. Также действуем в режиме контура. Подводим инструмент «перо» к самому контуру и правой кнопкой мыши вызываем «контекстное меню/выполнить обводку контура/выбираем нашу кисть (выберется та, которую мы установили на предыдущем шаге. Нажимаем «ОК». Кисть полностью повторила изгиб контура.

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

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

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

В этом уроке я покажу Вам, как сделать пунктирную линию в Фотошопе.

Скачать последнюю версию Photoshop

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

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

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

Берем инструмент «Прямоугольник» и настраиваем его, как показано на картинках ниже:

Размеры пунктира выбирайте под свои потребности.

Затем кликаем в любом месте белого холста и, в открывшемся диалоговом окне нажимаем ОК.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Далее переходим в меню «Редактирование – Определить кисть».

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Даем имя кисти и нажимаем ОК.

Инструмент готов, давайте проведем тест-драйв.

Выбираем инструмент «Кисть» и в палитре кистей ищем наш пунктир.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Затем нажимаем F5 и в открывшемся окне настраиваем кисть.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Попробуем нарисовать линию.

Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Затем ставим кистью первую точку на направляющей и, не отпуская кнопку мыши, зажимаем SHIFT и ставим вторую точку.

Скрыть и показать направляющие можно клавишами CTRL+H.

Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT.

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

Снова нажимаем клавишу F5 и видим такой инструмент:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Помогла ли вам эта статья?

Пунктирная линия в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Линию можно растрировать. В окне слоев найдите слой с линией, щелкните по нему правой клавишей мыши и выберите команду «растрировать текст».

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Давайте дадим кисти имя.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Из перечня кистей выбираем созданную нами и устанавливаем настройку «интервалы» на 300%.

Все! Смотрим, что получилось.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Давайте изучим третий способ. Здесь нам опять придется воспользоваться кистью. Выбираем круглую жесткую кисть размером 4 пикселя. И вновь устанавливаем настройку интервалы величиной в 300%.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

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

Источник

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

Пунктирная рамка и линия в Photoshop CS6

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

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

Пуктирная окантовка становится доступна при активном инструменте «Перо» (Pen Tool) и «Свободное перо (Freeform Pen Tool), а также при всех инструментах группы векторных фигур:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Все эти инструменты должны быть переключены в режим «Фигура» (Shape). При работе пером контур замыкать не обязательно.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Белый квадратик, перечёркнутый красной полосой (на рисунке обведён красным овалом), означает, что окантовка не включена.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

После клика по кнопке отрывается диалоговое окно настройки контура, где Вы можете сами назначить параметры пунктира. Для того, что бы линия перестала быть сплошной, надо поставить галку в чекбоксе «Пунктирная линия» (Dashed Line). Далее, можно задать длину штриха и пробела в окошках внизу. Photoship CS6 позволяет задать до трёх видов штрихов в одной линии. На примере внизу у меня заданы два вида штриха, отрезок и точка.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

В этом уроке я покажу Вам, как сделать пунктирную линию в Фотошопе.

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

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

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

Берем инструмент «Прямоугольник» и настраиваем его, как показано на картинках ниже:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе
Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Размеры пунктира выбирайте под свои потребности.

Затем кликаем в любом месте белого холста и, в открывшемся диалоговом окне нажимаем ОК.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Далее переходим в меню «Редактирование – Определить кисть».

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Даем имя кисти и нажимаем ОК.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Инструмент готов, давайте проведем тест-драйв.

Выбираем инструмент «Кисть» и в палитре кистей ищем наш пунктир.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе
Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Затем нажимаем F5 и в открывшемся окне настраиваем кисть.

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Попробуем нарисовать линию.

Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Затем ставим кистью первую точку на направляющей и, не отпуская кнопку мыши, зажимаем SHIFT и ставим вторую точку.

Скрыть и показать направляющие можно клавишами CTRL+H.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT.

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

Снова нажимаем клавишу F5 и видим такой инструмент:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе
Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Вот таки нехитрым способом мы с Вами научились рисовать пунктирные линии в Фотошопе.

Создание пунктирной линии в Adobe Photoshop

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Методы построения

Настройка кистей

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

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

Инструмент «Перо»

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

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Другие инструменты

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

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

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

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

Рисование прямой пунктирной линии в Photoshop

Создаём новый или открываем документ в Photoshop.

Основу для прямой линии мы сделаем с помощью инструмента «Перо» (Pen Tool):

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Но, т.к. мы делаем пунктир, нам для начала надо настроить инструмент «Кисть» (Brush Tool). Подробнее настройках «Кисти» Вы можете почитать здесь. Возьмите этот инструмент, выберите жесткую круглую кисть, размер 3px, цвет черный, далее Вы поймете, почему мы выбрали такие настройки. Но настройки «Кисти» на этом не закончены. Откройте панель кистей (Brushes Panel) и увеличьте параметр «Интервал» (Spacing) до 150%, или до зависимости от того, какое расстояние между пунктиром Вы хотите получить:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Теперь переключитесь на «Перо» (Pen Tool), вверху окна программы выберите режим «Контур» (Paths) и создайте прямую линию методом нанесения в документе двух точек, после чего наша линия будет добавлена как рабочий контур (Work Path).

Создайте новый слой (Ctrl+Shift+N). Теперь просто кликните по полученному контуру правой клавишей мыши и в контекстном меню нажмите на пункт «Выполнить обводку контура» (Stroke Path). Откроется новое окно, где выберите инструмент «Кисть» и нажмите ОК. И наша простая пунктирная линия будет создана. Теперь вы можете удалить рабочий контур (Work Path) или использовать его дальше для создания новых линий. Вы можете перемещать, масштабировать контур, изменять его форму, поворачивать, добавлять опорные точки, пунктирная линия повторит все изменения контура. Просто помните, что выполнять обводку контура следует на новом слое.

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Создание пунктирной кривой линии в Photoshop

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как создать пунктирную окружность в Photoshop

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Давайте определимся сразу: все рамки мы будем рисовать на новом слое!

Забегая вперёд, скажу, что описанный ниже способ относится к версиям Photoshop CS5 и ниже. В Photoshop CS6 существует свой способ создания пунктирных и точечных рамок, обводок и линий.

Создание рамок из точек

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Создание рамок из пунктирных линий

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Такой кистью можно провести горизонтальную линию. Но вертикальную уже не получится, вернее, получится, но некрасиво:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Для создания вертикальной прерывистой линии нужно повернуть отпечаток кисти на 90 или 270 градусов:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Теперь можно смело дорисовать и вертикальную прерывистую линию:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Но если мне нужен пунктир по кругу или по любой кривой, то этот способ уже не подходит. Если спросить у мирового разума, то он, разум, посоветует не заниматься ерундой с пунктиром в Photoshop, а воспользоваться Adobe Illustrator, создать в нём слой с нужной линией, и перенести в Фотошоп. Я Illustrator не использую, и мне нужно создать круговой пунктир именно в Фотошопе. Оказалось, способ есть, и довольно простой. Мне потребовалось десять минут на его изобретение.

Выбираем круглую кисть, задаём диаметр отпечатка 9 пикселей, интервал 170%. Создаём контур, выполняем обводку контура, как в случае с точками.
Далее кликаем правой клавишей мыши по контуру, выбираем пункт «Образовать выделенную область» (Make Selection) с радиусом растушёвки 0. Вот увеличенный фрагмент рисунка:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

Теперь надо инвертировать выделенную область нажатием комбинации клавиш Ctrl+Shift+I. Убираем лишнее, нажав клавишу Delete.
У меня получился симпатичный такой пунктирный круг:

Как сделать пунктирную обводку в фотошопе. Смотреть фото Как сделать пунктирную обводку в фотошопе. Смотреть картинку Как сделать пунктирную обводку в фотошопе. Картинка про Как сделать пунктирную обводку в фотошопе. Фото Как сделать пунктирную обводку в фотошопе

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

Источник

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

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