Разное

Штрих пунктир: Как создать штрих-пунктирную линию в Photoshop

alexxlab 31.08.2023 Нет комментариев

Как создать штрих-пунктирную линию в Photoshop

Начиная с версии CS6, в Photoshop появилась возможность создавать обводку контуров, фигур, а также линии, нарисованной инструментом «Перо» (Pen Tool) в виде штриховой, пунктирной, и штрих-пунктирной линии.

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

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

Примечание. При работе такого рода частенько мешает отображение контура. Для того, чтобы его скрыть, нажмите комбинацию Ctrl+H, после чего контур остаётся активным, но не отображается в документе. Чтобы вновь отобразить контур, снова нажмите Ctrl+H.

Для начала, рассмотрим создание пунктира как обводки для фигур, для этого воспользуемся одним из векторных инструментов — «Эллипсом» (Ellipse Tool).

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

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

Смотреть другие материалы по созданию пунктирной линии в Photoshop:
Пунктирная рамка и линия в Photoshop CS6
Рамка из точек и пунктира
Как нарисовать пунктирную линию при помощи Кисти.

По умолчанию включена опция «Заливка» (Fil), но нам она не нужна, поэтому отключаем:

Теперь форма не имеет заливки, но контур отображается:

Теперь займёмся непосредственно созданием обводки. Кликаем по значку «Обводка» (Stroke), выбираем тип «Сплошной цвет» (Solid Color), затем выбираем цвет обводки.

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

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

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

Но возможности Photoshop на этом,конечно же, не ограничиваются. Мы можем настроит штрихи так, как захотим. Внизу окна расположена кнопка «Другие параметры» (Stoke Options), кликаем по ней, и нам открывается новое окно настроек штрихов:

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

В середине окна расположены три выпадающих списка: Выровнять ( Align), Концы (Caps) и Углы (Corners). Давайте рассмотрим сначала их.

Первый параметр, «Выровнять» ( Align), отвечает за положения штриха относительно оси. Штрих может быть расположен снаружи, внутри и по центру:

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

Примечание. Иногда длину штриха приходится подгонять. Это очень удобно делать, кликнув по окну ввода и прокручивая колёсико мыши:

При создании штрих-пунктирной линии, кроме длины, важен параметр «Концы» (Caps), определяющий форму концов штриха. По умолчанию он задан как «Стык» (Butt), что значит, что штрих будет обрезан перпендикулярно по концу. Давайте вставим ещё один штрих длиной в одну ширину и пробел длиной в две ширины:

Как видите, между штрихами получилась точка, но она квадратная, что не очень красиво. Чтобы получить закруглённые концы, изменим параметр «Стык» (Butt) на «Круг» (Round), вот что получилось:

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

Последний из трёх параметров опции «Концы» — «Квадрат» (Square). Он работает, как и «Стык» (Butt), только удлиняет штрих на половину ширины с каждой стороны.

И мы подошли к последней опции — «Углы» (Corners). Эта опция имеет смысл только на углах пунктирной линии, поэтому я удалю овал и создам прямоугольный контур.

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

Собственно, назначение опции «Углы» (Corners) понятно по пиктограммам. Параметр по умолчанию «Срез» (Miter) оставляет углы:

Параметр «Круг» (Round) закругляет углы:

Параметр «Фаска» (Bevel) снимает фаску с острых углов:

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

Вы можете сохранить параметры, нажав на кнопку «Сохранить» (Save).

До сих пор я рассказывал о создании пунктирной линии на замкнутом контуре. Но пунктир можно создать на абсолютно любой замкнутой или незамкнутой линии, нарисованной инструментом «Перо» (Pen Tool). Пример:

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

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

Нина Кромина – Штрих, пунктир, точка читать онлайн бесплатно

12 3 4 5 6 7 …9

Нина Кромина

Штрих, пунктир, точка

Мемуары

Часть 1

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

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

– Как сладко спит, – донёсся голос мамы.

– Смотри, она даже не пошевелилась, – добавил отец, поправляя одеяло.

Мемуар 1. Пятое марта

Мои первые воспоминания относятся к пятидесятым годам прошлого века. В основном они, как и более поздние, сугубо частные. Но иногда связаны с историческими событиями. Хорошо помню утро 5 марта 1953 года. Сижу за обеденным столом, завтракаю, одна в комнате, которая у нас называется большой. Комната – проходная. Та, которая меньше, более интимная. Там мама, папа и я спим, мама чертит, я играю в кукольном уголке возле печки. В большой, за картонной перегородкой, спит, лежит на кровати, надев наушники, иногда что-то пишет за большим двухтумбовым столом дед. Квартира коммунальная. На втором этаже двухэтажного флигеля.

Это утро представляется мне сегодня тусклым, свет горел в комнате часов до десяти. Дед ещё спал, отец ушёл на работу, мама на кухне.

Встаю из-за стола, ещё не зная, чем заняться, как вдруг неожиданно открывается дверь из коридора, и, не раздеваясь, решительно в комнату входит муж тётки, на его лице я замечаю торжество. Следом, пытаясь заглянуть ему в глаза, суетясь, быстрыми, мелкими шагами идёт мама. Стою невидимкой. Удивляюсь незнакомой, странной ситуации. Они проходят в запроходную комнату и закрывают за собой дверь. Стою оглушённая, непонимающая. Чувство подобное тому, как год назад, когда умерла бабушка: будто деревянная, сейчас бы сказали – ступор. Может быть, это детское чувство смерти, остановившегося времени?

Спустя очень короткое время, дверь распахивается, и до меня доносятся слова, обращённые к маме: «Никто, никуда не ходите! Возможно, будут открыты люки».

Лицо мамы кажется мне бледнее обычного, а закушенная губа чуть заметно дрожит.

Мемуар 2. Абрамцево

Лето играло солнечными зайчиками, прыгало по листьям, траве, разноцветным стёклышкам веранды. Родители сняли дачу в абрамцевском посёлке. «57-ой километр» называлась тогда железнодорожная станция с высокими откосами по обеим сторонам блестящих рельсов. От платформы к светлому терему мы шли меж тёмных елей, проходили лучистую поляну. До музея, заповедника «Абрамцево», рукой подать. Родители составили мне компанию лишь раз, другой и заленились. Лишь Татьяна, папина сестра, приезжавшая по выходным, разделяла мой интерес, и мы шаркали с ней в безразмерных тапочках из зала в зал, угадывая, где сидела девочка с персиками или, посматривая в окно, любовались парком, по которому не могли нагуляться. Однажды забыли на скамейке мягкую байковую кофту, которую тётушка привезла в подарок… Лето то радовало, то печалило… Как-то, когда я играла в саду с темноволосой девочкой, у которой ресницы вспархивали опахалами, вокруг дома поднялась суета. Хозяйка выставила на окошко небольших размеров приёмник, откуда разносился победный мужской голос и взрослые, собравшись рядом, чему-то радовались, улыбались. А позже хозяйские мальчишки бегали друг за другом по поляне с возгласами: «Товарищ Берия вышел из доверия».

Мемуар 3. Метро

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

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

– Чему улыбаешься? Встретила кого-нибудь из знакомых? – спросила бабушка.

– Нет, метро завтра открывают. Говорят, такая красотища…

– Я бы хотела посмотреть. Пойдём завтра?

– Тебе будет трудно.

– Потихонечку…

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

– О, да ты я вижу, форсишь, – радостно заметил дедушка.

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

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

– Надо вернуться, – говорили почти одновременно дедушка и мама.

– Нет, что вы, такое событие.

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

На нас напирали со всех сторон. Кто-то вскрикнул. И тут, вырвав меня и бабушку из толпы, дедушка, голова которого возвышалась над зеваками, потащил нас прочь, на улицу. Следом выскочила мама…

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

Многие считают, что станция метро «Новослободская» – самая красивая! Я тоже так думаю, поскольку она – родная, и сожалею, что бабушке так и не удалось увидеть её прекрасных витражей и мозаики.

Мемуар 4. Храм

В детстве, проходя мимо заброшенного храма Александра Невского, что на Миусах, я невольно съёживалась. Он пугал тёмно-красной громадой с чёрными без стёкол окнами, тусклым, мерцающим над одним из притворов желтоватым огоньком. Силуэты людей, выходящих из дверей, мерещились мне крошечными и сутулыми, а фонарь, лязгающий на ветру, прибавлял страха. Так хотелось быстрее пройти мимо этого зловещего места. Мама же, лишая меня последнего покоя, отнимала руку и крестилась, как мне представлялось, слишком долго.

Читать дальше

12 3 4 5 6 7 …9

Как делать штриховые и пунктирные линии? – Вопросы и отзывы

рому

#1

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

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

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

дисхо

#2

  1. добавить границу к объекту
  2. перейти к параметрам этой границы – маленький значок ползунков
  3. заполнить текстовые поля «дефис» и «пробел»

772×643 33,5 КБ

4 лайка

рому

#3

Большое спасибо, это прекрасно!

Лучано Саломони

#4

Как я могу сделать его круглым, я имею в виду, что тире округляются, а не квадратные?

Антонио

#5

Эй, @LucianoSalomoni, взгляните на панель «Границы»:

792×522 38,8 КБ

1 Нравится

Лучано Саломони

#6

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

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

Антонио

#7

Да, это фора. Некоторые пресеты могут помочь, как вы говорите.

Еще одна функция для улучшения точек и линий — назначение значения смещения, как в Inkscape.

770×650 274 ​​КБ

4 лайков

симулякр

#8

Да.

.. этого явно не хватает, хорошее предложение.

Кристиан Краммер

#9

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

2 лайка

Divertimo22

#10

Большое спасибо. Я новичок в Gravit Designer, и это мне очень помогло

EllenM

#11

Вопрос в том, как сохранить равномерность штрихов

по углам ?

Ура

РенеСмит

#12

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

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

image1338×884 55,6 КБ

–xxxx—-xxxx—-xxxx–

система закрыто

№13

android – Как сделать пунктирную/пунктирную линию в Jetpack Compose?

спросил

Изменено 3 месяца назад

Просмотрено 9к раз

Мне нужно было бы воспроизвести XML-представление Android из этого ответа, но в Jetpack Compose с чистым kotlin 3

Вы можете просто используйте Canvas с методом drawLine , применяя как pathEffect a PathEffect. dashPathEffect :

 val pathEffect = PathEffect.dashPathEffect (floatArrayOf (10f, 10f), 0f)
    Холст (модификатор.fillMaxWidth(). высота (1.dp)) {
        рисоватьЛинию(
            цвет = Цвет.Красный,
            начало = смещение (0f, 0f),
            конец = смещение (размер.ширина, 0f),
            эффект пути = эффект пути
        )
    }

Вы также можете применить тот же pathEffect к другому методу, например:

 val stroke = Stroke(width = 2f,
      pathEffect = PathEffect.dashPathEffect (floatArrayOf (10f, 10f), 0f)
    )
    Холст(Модификатор.fillMaxWidth().Высота(70.dp)){
       drawRoundRect (цвет = Color.Red, стиль = обводка)
    }

1

Вы можете создать фигуру в Jetpack Compose следующим образом:

 частный класс данных DottedShape(
    val шаг: Dp,
) : Форма {
    переопределить весело createOutline(
        размер: Размер,
        LayoutDirection: LayoutDirection,
        плотность: Плотность
    ) = Outline. Generic(Path().apply {
        val stepPx = with(density) { step.toPx() }
        val stepsCount = (size.width / stepPx).roundToInt()
        val factStep = размер.ширина / количество шагов
        val dotSize = Размер (ширина = фактический шаг / 2, высота = размер. высота)
        for (i в 0 до stepsCount) {
            добавитьПрямо(
                Прямой(
                    смещение = смещение (x = i * фактический шаг, y = 0f),
                    размер = размер точки
                )
            )
        }
        закрывать()
    })
}

Применение:

 Коробка(
    Модификатор
        .высота(1.дп)
        .fillMaxWidth ()
        .background(Color.Gray, shape = DottedShape(шаг = 10.dp))
)

Результат:

4

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

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

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

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