Servisneva.ru

Сервис Нева
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как создать прямоугольник с пунктирной линией в Photoshop? Вокруг-Дом — 2021

Как создать прямоугольник с пунктирной линией в Photoshop? — Вокруг-Дом — 2021

Прямоугольник с пунктирной рамкой — отличный способ привлечь внимание читателя к чему-то важному, например, к тексту или вырезанному купону. Штриховая линия — это один из параметров границ для прямоугольников и других фигур в Adobe Photoshop CC. Чтобы создать этот эффект, сначала нарисуйте прямоугольник, затем стилизуйте пунктирный контур так, как вы хотите, чтобы он отображался.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Затем идём по вкладке Выделение —> Модификация —> Граница (Select —> Modify —> Border), задаём ширину один или два пикселя.

Читать еще:  Kaspersky Virus Removal Tool

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

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

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

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

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

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

Теперь вы видите настройки кистей. Важное изменение, чтобы сделать эффект пунктирной линии. Для простой пунктирной линии, которую я создал выше, просто изменил Spacing, выбрав 250% . Вы можете изменять это любым образом до 999.

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

Для тренировки попробуйте поиграть с настройками размера кисти и расстоянием между точками. Также вы можете загрузить квадратные кисти по адресу Adobe Photoshop>Goodies>Brushes & Patterns>Square Brushes, это даст вам квадратные точки, используйте те же настройки. Возьмите Кисть (Paintbrush ) и увидите, какой эффект это даст, тоже самое, только с размазанными точками. Все те же настройки также примените к инструменту Распыления (Airbrush tool ).

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

Автор Олег задал вопрос в разделе Другие языки и технологии

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

Ответ от Dagpress-Media[гуру]
Выберите инструмент Карандаш. Дважды щелкните на второй самой маленькой кисти в палитре Кисти. Интервалы (Spacing) до значения

250%. Теперь просто проведите линию вашим карандашом, и Вы получите пунктир. Чтобы сделать строку прямой, удерживайте клавишу SHIFT в то время, как Вы проводите линию. Другой способ: щелкните в начальной точке, затем с нажатой клавишей SHIFT в конечной точке вашей линии. Photoshop создаст пунктирную линию между этими двумя точками. Для получения разнообразных пунктиров Вы можете изменять размер кисти и увеличивать интервал. Также, Вы можете загрузить набор квадратных кистей.
Ссылка на урок.ru/2011/11/blog-post_2336.html

Ответ от Люд@Мила [гуру]
В Кореле это делается через абрис (перо абриса) . может и в Фотошопе, что-то подобное.

Читать еще:  Онлайн редактор фото Аватан (Avatan) - основные особенности

Ответ от Fiery [гуру]
можно нарисовать в иллюстраторе, скопировать и вставить в фотошоп

Ответ от Акимов Глеб [гуру]
А CS6 уже и так поддерживается эта возможность, можно сразу выбрать готовую пунктирную обводку.

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

2 способ.

Параллельные линии можно создавать с помощью градиентов. Недостаток этого способа существенный — нужно сначала создать градиент с помощью редактора градиентов. Если Вы не знаете ничего про работу с редактором градиентов — Вам сюда: Работа с градиентом

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

Создать градиент для рисования параллельных линий несложно. Открываете редактор градиентов и добавляете маркеры цвета в нужных позициях (просто щелкаете мышкой в нужных местах, цвет и расстояние задаете в соответствующих полях.). Поле Location задает отступ маркера в % от левого края, расстояния между маркерами это расстояние между линиями.

Photoshop

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

Пример использования этого градиента:

Photoshop

Маркеры над полосой градиента определяют прозрачность областей градиента. Белые маркеры обозначают прозрачные области (Opacity (Непрозрачность) равна 0). Этот градиент удобен для рисования на готовом фоне:

Photoshop

Пример использования этого градиента:

Photoshop

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

Photoshop

Способ 3. Модификация выделения

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

Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift ), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.

Модификация границ выделения

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

Увеличение ширины границы выделения

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

Закрашивание границ прямоугольного выделения

Останется только снять выделение — Ctrl+D . Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.

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

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

Читать еще:  Как в PowerPoint вставить видео с YouTube

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

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

Как быстро провести прямую и красивую линию в Photoshop

Сперва о важном. Один из самых важных параметров – толщина. Благодаря линии вы можете рисовать даже прямоугольники. Просто надо сделать ее пожирнее.

Как быстро провести прямую и красивую линию в Photoshop

Далее идет «Заливка» и «Обводка». Щелкаете по плашке с цветом слева от надписей и выбираете оттенок. Если хотите выполнить обводку, вписываете ее ширину. Сейчас, на моем скриншоте показан вариант без нее. Иконка отсутствия цвета выглядит именно так. Серая линия перечеркнутая красным.

Как быстро провести прямую и красивую линию в Photoshop

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

Как быстро провести прямую и красивую линию в Photoshop

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

Как быстро провести прямую и красивую линию в Photoshop

Следующая кнопка позволит вам сделать пунктирную обводку.

Как быстро провести прямую и красивую линию в Photoshop

Если уменьшить толщину и убрать заливку, вы получите просто пунктир.

Как быстро провести прямую и красивую линию в Photoshop

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

И закруглить углы. Правда, это будет не так уж заметно.

Как быстро провести прямую и красивую линию в Photoshop

Если в тот момент, когда вы ведете линию, нажать Shift, то Photoshop автоматически создаст ровную линию. Горизонтальную или вертикальную. В зависимости от того, куда вы ее ведете.

Как быстро провести прямую и красивую линию в Photoshop

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

Как быстро провести прямую и красивую линию в Photoshop

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

Ну а сейчас покажу другой.

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

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

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

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

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

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

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector