Как в фотошопе сделать кривую линию: 6 методов работы, которые должен знать каждый фотограф / Photoshop / Фотомоушен2 — DesignLessons – все о дизайне

Содержание

6 методов работы, которые должен знать каждый фотограф / Photoshop / Фотомоушен2

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

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

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

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

Следующие шесть рекомендаций-приёмов помогут вам овладеть лучшим инструментом тоновой коррекции, который может предложить Photoshop.

Основные понятия

Диалоговое окно кривых вызывается с помощью сочетания клавиш Ctrl/Cmd+M, а уровней – Ctrl/Cmd+L. Кроме того, вы можете создавать корректирующие слои кривых или уровней через меню Layer > New Adjustment Layer > Curves (или Levels) или же нажимая на соответствующие пиктограммы в палитре Adjustments.

На графике кривых горизонтальная ось отражает исходные значения яркости пикселей, а вертикальная – те значения, которые вы желаете получить на выходе. Изначально все выходные значения равны входным и кривая представляет собой диагональную прямую, проходящую через две точки, соответствующие чёрному (0; 0) и белому (255; 255) цветам. Вы можете добавить на кривую (точнее, пока ещё прямую) до четырнадцати дополнительных контрольных точек, чтобы придать кривой нужную вам форму. Когда вы тянете точку вверх, то те области изображения, которые соответствуют данному участку кривой, становятся светлее, поскольку значения яркости на выходе превышают значения на входе. Когда же вы прогибаете кривую вниз, выходные значения яркости становятся меньше входных и изображение темнеет. Используя точки в разных местах кривой, вы можете раздельно управлять яркостью светов, теней и полутонов. Лишнюю точку всегда можно удалить, выбрав её и нажав Delete.

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

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

Шестой приём

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

Например, мы выбрали красный канал (Red) и уменьшили красный оттенок волос, «прогнув» кривую вниз с помощью пары узловых точек.

В красном канале если Вы двигаете узловую точку вверх, то усиливается красный цвет; если вниз – циан («голубой» цвет). В синем канале (Blue) если Вы двигаете точку вверх, то усиливается синий цвет; если вниз – жёлтый цвет. Наконец, в зелёном канале (Green) если Вы двигаете точку вверх, то усиливается зелёный цвет; если вниз – маджента («сиреневый» цвет).

Наклон кривой и контраст

Изменение контраста изображения зависит от угла наклона кривой. Говоря словами Дэна Маргулиса: чем круче кривая, тем выше контраст. Обратите внимание, что исходная нетронутая кривая, где все выходные значения яркости равны входным, имеет угол наклона 45°. Увеличение угла наклона означает повышение контраста, а уменьшение угла означает снижение контраста. Понимание этого принципа имеет большое значение, поскольку очень часто мы будем повышать контраст в одном тональном диапазоне и одновременно снижать его в другом, за счёт того, что разные участки кривой будут иметь различный угол наклона.

Как это работает

Аналогично уровням яркости, тональные кривые получают на вход тональный диапазон и избирательно расширяют или сжимают его участки. Однако, в отличие от уровней, для которых существуют только точки чёрного, белого и центра полутонов, тональная кривая управляется любым числом контрольных точек (обозначены маленькими квадратиками), вплоть до 16. Результат данной кривой можно проконтролировать, проследив по вертикали входной тон от горизонтальной шкалы до кривой, и от неё по горизонтали к вертикальной шкале выходного тона. Таким образом, кривая в виде центральной диагонали оставит тон без изменений.

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


Выберите:
Высокий контраст	Низкий контраст
Показывать тональные метки?
да	нет

Примечание: кривые и гистограммы, показанные выше, применяются к яркости (не RGB)

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

Повышение яркости с повышением контраста

Наведите курсор на изображение, чтобы сравнить его с исходной фотографией.

Уменьшив входное значение для точки белого цвета, мы тем самым отсекли верхние света и пропорционально растянули оставшийся тональный диапазон. Угол наклона кривой превысил 45° на всём её протяжении, что привело к повышению контраста. Чем светлее объект изначально, тем сильнее повышается его яркость.

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

Корректирующий слой Curves (Кривые)

Кривые лучше всего применять через Adjustment Layer (Корректирующий слой). Перейдите на панель Layers (Слои), щёлкните по иконке Create Adjustment Layer (Добавить новый корректирующий слой или слой-заливку) и выберите Curves (Кривые). Пока что ваше оригинальное изображение осталось нетронутым. Независимо от того, какие настройки вы примените, их всегда можно отредактировать, дважды щёлкнув по иконке слоя, к тому же вы можете использовать все опции, предоставляемые слоями, такие как маски, режимы наложения и непрозрачность.

Нелинейное повышение яркости

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

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

Обработка фото: Цветокоррекция с помощью «кривых» в Adobe Photoshop

Этой статьей я хочу начать серию заметок о несложных приемах обработки фотографий. Профессиональные фотографы вряд ли почерпнут отсюда много нового, а новичкам и любителям данная информация возможно будет полезна. В каждой статье я планирую разбирать обработку одной-двух фотографий, касаясь исправления наиболее распространенных и тяжелых ошибок новичков. Фотографии, разбираемые в статьях, либо мои, либо были присланы мне для обработки и опубликованы с согласия автора. Для обработки фотографий будут использованы программы Adobe Photoshop (на примере CS3 Ru), Adobe Lightroom (на примере 3й версии Eng) и некоторые другие. Хотя статьи рассчитаны на начинающих и любителей, предполагается, что читатели знакомы с минимальными основами работы в этих программах.

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

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

1. Основы теории цвета и цветокоррекции

Для того чтобы разобраться с цветокоррекцией, нам надо сначала понять, что же такое цвет в цифровой фотографии, какими параметрами он задается и как эти параметры менять, чтобы получить нужный результат. Разумеется, всем, занимающимся цифровой фотографией, известны буквы RGB. Это – основное цветовое пространство, с которым работает большинство фотоаппаратов и воспроизводящей цифровой техники (есть и другие цветовые пространства, но речь сейчас не об этом). Все цвета в этом пространстве получаются «смешиванием» 3 базовых тонов (их часто называют каналами) – красного (Red), зеленого (Green) и синего (Blue). Записываются значения обычно последовательно, красный-зеленый-синий, например 125-80-245. Яркость каждого тона задается значением от 0 до 255. Это – всем известная истина.

Еще одна истина, менее известная, но тоже важная: при равных значениях всех трех каналов мы получаем нейтрально-серый цвет. 0-0-0 – абсолютно черный, 255-255-255 – абсолютно белый, между ними – все оттенки серого. Как же получаются остальные цвета, кроме трех основных? Понимание этого также является важнейшим для работы с цветами. Наиболее наглядно цветообразование в RGB можно изобразить в виде цветового круга. На нем, помимо трех основных цветов, присутствуют дополнительные (а лучше сказать, противоположные) цвета: CMY – зелено-голубой (Cyan), пурпурный (Magenta) и желтый (Yellow).

Этот простой на вид круг дает важнейшую для осознанной цветокоррекции информацию. Имея 3 основных канала (RGB), мы можем также управлять дополнительными цветами. Увеличение интенсивности любого из основных каналов (равно как и одновременное ослабление двух оставшихся основных каналов) приводит к усилению основного цвета. Уменьшение интенсивности каждого основного канала (или одновременное усиление двух оставшихся оосновных каналов) ведет к усилению противоположного цвета. То есть, уменьшая синий канал, усиливаем желтые цвета, усиливая зеленый – уменьшаем пурпурные оттенки, уменьшая одновременно красный и зеленый – усиливаем синий и т.д. Если нам надо, скажем, сделать фото более теплым – нам понадобится добавить оранжевого и желтого. С желтым понятно – уменьшаем интенсивность синего канала. А оранжевый = красный+желтый. Значит надо добавить еще интенсивности красному каналу. Постепенно использование этого цветового круга доходит до автоматизма, но пока можно нарисовать что-то вроде шпаргалки. Итак, теория нам более-менее ясна, теперь перейдем к практике.

2. Инструмент «кривые» и полуавтоматическая цветокоррекция по «трем точкам» (простой случай)

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

Первым делом, давайте разберемся, какие инструменты нам предлагает процедура «кривые», и какие настройки надо сделать, прежде чем приступить к цветокоррекции. Открываем «кривые» (Ctrl-M), щелкаем «параметры отображения кривой». Мне нравится более частая сетка, но это на любителя. Нажимаем справа кнопку «параметры», ставим отсечение черных и белых цветов по 0.10 %, чтобы при коррекции яркости программа не уходила в глухой пересвет (255-255-255) и глухую тень (0-0-0), ставим галочку «использовать по умолчанию». Остальные настройки можно не трогать. Итак, мы видим окно кривой. По оси Х откладывается исходная яркость, по оси Y – яркость после обработки, от 0 (полная тень) до 255 (полный свет). Фоном показана гистограмма, дающая нам распределение точек на фото по яркости. По диагонали проходит собственно кривая – до обработки она представляет собой прямую линию: исходное = обработанному. В процессе работы мы можем как усиливать интенсивность определенных участков (тянем кривую вверх), так и понижать (кривую вниз). Работать можно как с кривой RGB (серая кривая, регулирует яркость одновременно по всем 3 каналам), так и с кривой каждого канала по отдельности. Ниже окна кривых есть 3 пипеточки. Они служат для задания точек черного, нейтрально-серого и белого цвета на фотографии. В простейших случаях достаточно использования этих пипеточек, коррекцию цвета и яркости умная программа выполнит за Вас.

Попробуем воспользоваться этим приемом: сначала нам нужно понять, где на фото нейтральные точки – это те точки, которые в реальности были серыми. На них не должны падать отражения объектов (например, на нашем фото на краях бутылки серая фольга имеет другой оттенок за счет рефлексов). Кроме того, надо определить самую яркую и самую темную точку. Важно, что эти 2 точки не должны быть в мертвой тени (0-0-0) и мертвом пересвете (255-255-255), т.к. из таких точек программа не получит информации для коррекции. Алгоритм работы следующий: определяем белую точку (тыкаем белой пипеткой), затем черную (соответственно черной пипеткой), а дальше тыкаем серой пипеткой по потенциально серым местам, пока результат нас не устроит. Программа при этом автоматически пересчитывает баланс кривых, что можно видеть в соответствующем окне.

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

3. Цветокоррекция с использованием эталонных точек

К сожалению, далеко не всегда все так просто, и иногда пипетками не обойтись. Да и в нашем относительно простом случае коррекция пипетками дает не идеальный результат (мне, например, не нравится красноватый оттенок верхней части фото). Вернемся к исходному фото и попробуем второй вариант – ручная цветокоррекция. Здесь мы будем сами двигать кривые до достижения желаемого результата. Но простое движение кривых «на глаз» требует опыта и, хорошо бы, калиброванного монитора, который будет передавать реальный цвет фото. Калибровки мы касаться не будем, это тема других статей, и фотографы, работающие с калиброванными мониторами, обычно уже не задаются вопросом, как делать цветокоррекцию. Нам же остается полагаться на те же «реально серые» точки, т.е. точки, которые при съемке были нейтрально-серыми. Программа Adobe Photoshop позволяет выбрать эталонные точки, по которым мы будем следить за коррекцией. Делается это инструментом «цветовой эталон», разновидностью инструмента «пипетка». В настройках инструмента надо выбрать размер образца среднее 3х3 или 5х5 пкс, чтобы исключить попадание пипеткой в случайный пиксель, который может являться и цветовым шумом. Информация о цветовых эталонах отображается в панели «инфо». Мы можем выбрать до 4 эталонных точек.

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

Информация о точках отражается в панели, и теперь мы ясно видим, что у нас не сбалансированы каналы. Собственно, итогом цветокоррекции станет выравнивание значений в эталонных точках, а заодно и исправление цвета всего изображения. Какой канал взять за основу, к которой мы будем приводить 2 остальных канала? Обычно выбирается канал с наиболее сбалансированной гистограммой, чаще всего это зеленый. Тогда из эталонных точек можно видеть, что нам надо понизить интенсивность красного канала и усилить синий. Что ж, приступим. Начнем с красного. Во-первых, видно, что мы имеем пересвет по красному каналу (гистограмма обрезана справа). Это печально, но не смертельно. И означает это то, что мы спокойно можем двигать точку 255 (самую яркую), чтобы достичь результата. Теперь двигаем кривую так, чтобы для всех эталонных точек достичь значений R=G (примерно, ±2 ед.). Одной точки для этого мало. Точки на кривую можно ставить как непосредственно мышкой, так и «брать» их с фото (Ctrl+щелчок по области фото). Здесь важно, чтобы на кривой не было резких перегибов (если мы не имеем нескольких источников освещения разной цветовой температуры, например лампа накаливания и дневной свет, но это уже гораздо более сложный случай). На цвет картинки не обращаем внимания – работа еще не закончена.

Аналогично поступаем с синим каналом. Здесь гистограмма обрезана слева – недосвет синего канала, и недотягивает до правого края. Значит, скорее всего придется двигать точку 0 (самую темную) и 255. Выровняли эталонные точки, стало лучше, но не идеально – верхняя часть фото явно краснит:

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

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

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

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

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

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

P.P.S. Все права на данную статью принадлежат автору. Любое копирование статьи или ее части без разрешения автора, или без ссылки на данную страницу, запрещено.

Снижение яркости с повышением контраста

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

Контрастность изображения

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

Нелинейное снижение яркости

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

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

Применение кривых для коррекции баланса цвета

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

На примере вверху количество синего избирательно снижено в тенях, чтобы избавиться от синевы. Не забудьте зафиксировать ключевые точки строго на диагонали для всех тональных диапазонов, где изменения не нужны. Если вам не нужны точные корректировки цветности, использование кривых, вероятно, избыточно. В таких случаях коррекция баланса белого была бы намного проще (Photoshop: «Image → Adjustments → Color Balance…»).

Как вариант, глобальную цветокоррекцию можно производить, используя привязку нейтральных полутонов («Snap Neutral Midtones» под кнопкой «Options»). Этот метод лучше всего работает для изображений, в которых усреднение полутонов примерно нейтрально; для снимков с господством одного цвета (например, снятых в лесу) следует использовать другие методы, такие как баланс белого в RAW или с помощью уровней.

Линейное повышение контраста

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

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B.

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:

Проводим линию:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

S-образная кривая

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

Очевидно, что эффект S-образной кривой не может быть воспроизведён при помощи уровней, поскольку требует не менее четырёх точек.

Четвёртый приём

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

Иногда целесообразно установить третью узловую точку посередине.

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

Если Вы хотите, чтобы с ростом контрастности, насыщенность цветов сохранялась, выберите «Светимость» («Luminosity») в качестве режима наложения корректирующего слоя.

Обратная S-образная кривая

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

Третий приём

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

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

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

Нестандартные кривые

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

Второй приём

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

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

Работа с индивидуальными каналами

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

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

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

В схеме Lab у вас имеется возможность раздельно редактировать канал L, отвечающий за светлоту, и хроматические каналы a и b, что позволяет независимо управлять яркостью, контрастом, цветовой насыщенностью и цветовым контрастом, т.е. параметрами, которые в режимах RGB и CMYK обычно тесно сцеплены друг с другом (если кто-то забыл, то цветовые схемы можно переключать через меню Image > Mode).

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

Предосторожности

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

Смежная тема обсуждается в статье: Photoshop: используем «Уровни»

Где это применяется?

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

Группа инструментов Пера

Говоря о инструменте Pen Tool, нельзя не упомянуть инструменты находящиеся с ним в одной группе. Прежде всего это сам:

Pen Tool — перо Безье, тот самый инструмент о котором я рассказываю всю статью

Free Form Pen Tool — аналог обычного Пера, но отличается тем, что рисует как обычная кисть. То есть не дает никакой возможности настраивать направляющие, а создает кривую на лету. К сожалению, этот инструмент не имеет никаких возможностей настроить сглаживание линии, поэтому кривую создает он ровно, там, где провели мышкой. Ну, а так как рука почти у всех дрожит, о гладких линиях можно забыть. Единственной интересной настройкой инструмента является галочка Magnetic. Она находится на панели настроек выше и превращает Перо, в Magnetic Lasso Tool. Только векторный.

Add Anchour Point Tool — добавляет точку на кривую. Нет никаких причин выбирать его отдельно. Обычный Pen Tool превращается в Add Anchour при простом наведении на кривую.

Delete Anchour Point Tool — удаляет ненужные точки кривых. И опять нет никакой необходимости выбирать его отдельно. Обычное перо прекрасно удаляет точки само, превращаясь в Delete Anchour при наведении на точку.

Convert Point Tool — позволяет перенастраивать с нуля направляющие точки. Готовые направляющие может растаскивать в разные стороны. Незаменимый инструмент, но вы убьете в два раза больше времени если будете постоянно его выбирать. Значительно проще использовать ALT при выбранном Пере.

Немного об инструменте Pen Tool (Перо)

Pen Tool — стандартный и типовой инструмент для создания векторных кривых где бы то ни было. В различных вариациях он присутствует почти во всех программах для графического дизайна. Он есть в Фотошопе и Иллюстраторе. Честно говоря он переехал в Фотошоп как раз из Иллюстратора, вместе с другими базовыми инструментами вектора лет 15 назад. Он есть в Corel Draw, там он называется Bezier Tool. Конечно, перо было и в Macromedia Freehand, пока программа была жива. Есть перо и в бесплатных программах вектора типа InkScape. Перо есть в InDesign в Flash и даже в GIMP-e. Во всех перечисленных программах перо везде работает одинаково. То есть, если вы разобрались с пером в Фотошопе, то разобрались с ним во всех перечисленных мною графических платформах.

По моему мнению учиться рисовать Пером удобнее все же в векторных рисовалках вроде Иллюстратора. Просто потому что в векторной программе Перо отделено от всякой мишуры, оно выглядит как перо, оставляет за собой линию, как при рисовании на бумаге. Тем не менее я решил написать о Пере применительно к Фотошопу, просто потому что именно Фотошоп является самой распространенной графической программой, именно через него люди начинают изучать Pen Tool и только после этого начинают осваивать Adobe Illustrator.

Ну и в заключении немного истории. Инструмент Pen Tool или Перо Безье, как его называют во всем мире, основано на математической формуле математика Пьера Безье. На самом деле Поль де Кастельжо изобрел кривые Безье немного раньше самого Безье. Но его работы не опубликовались, так как являлись корпоративной тайной Ситроен. Впрочем исторический экскурс вы можете прочитать и сами в Википедии, в том числе и о самой Кривой Безье. Нас же больше интерисуют не графики с формулами, а ответ на простой вопрос: как же этим Пером нарисовать хотя бы что-то?

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

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

Вам понадобится

— Русифицированная версия Adobe Photoshop CS5

Инструкция

Запустите программу и создайте новый документ, щелкнув пункт меню «Файл», затем «Создать» (или комбинацию клавиш Ctrl+N), указав в полях «Ширина» и «Высота», например, по 500 (остальные параметры можно оставить без изменений), и снова нажав «Создать».
Выберите инструмент «Перо» (горячая клавиша P) и, щелкая левой кнопкой мыши, поставьте на рабочей области две точки на небольшом расстоянии друг от друга, но достаточном для того, чтобы получился заметный отрезок. Ставя вторую точку, не отпускайте мышку и потяните ее куда-нибудь в сторону. Прямая линия превратится в кривую, и ее кривизна будет зависеть от того, каким образом вы расположите направляющую – линию, которая появилась после того, как вы потянули мышку, создав вторую точку.
Нажмите правой кнопкой на «Перо» в панели инструментов и в выпадающем меню выберите «Угол» (используется, если после создания опорной точки вы следом не создали направляющую). Зажмите левую кнопку на самой первой точке и потяните мышь в сторону. Возле точки появится такая же направляющая. Изменяя ее координаты, вы можете манипулировать параметрами той части кривой, которая исходит из первой точки. Таким образом, получившуюся кривую можно условно поделить на две части: одна берет начало в первой точке, другая – во второй.
Вы можете продолжить создание кривой, поставив еще несколько точек и изменяя их так же, как описано в предыдущих шагах инструкции. Чтобы создать опорную точку внутри линии, используйте инструмент «Перо+», чтобы удалить – «Перо-». Каждая нарисованная вами таким образом линия будет отображаться во вкладке «Контуры» окна «Слои» (если оно отсутствует, нажмите F7).
Если вы захотите сохранить полученный результат, нажмите комбинацию клавиш Ctrl+Shift+S, в появившемся окне укажите путь, напишите имя, укажите в поле «Тип файлов» Jpeg (если хотите получить рисунок) или Psd (если сохранить полностью весь проект) и кликните «Сохранить».

Оцените статью!

imguru.ru

Как на фейсбук отправить сообщение – 13 функций новой системы Сообщений на Страницах Facebook, о которых должен знать каждый админ
Как вернуть инструменты в фотошопе слева – У меня в фотошопе СЛЕВА пропала панель инструментов. Как вернуть?
Руководство пользователя эксель – Иллюстрированный самоучитель по Microsoft Excel 2003 › Введение в Excel [страница — 2] | Самоучители по офисным пакетам
Youtube настройка – Как настроить YouTube плеер под себя 2019. ⋆ Интернет технологии для вас
Добавить на экспресс панель одноклассники – Как добавить страницу в закладки браузера и сделать стартовой [вход в mail ru почта, одноклассники и мой мир моя страница]
Недавние места windows 7 как восстановить – Иллюстрированный самоучитель по Microsoft Windows 7 › Устранение неполадок – Рабочий стол, Проводник, Панель задач › Исправление ошибки, когда папки «Недавние места» и «Недавние документы» пустые [страница — 242] | Самоучители по операционным системам

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

как нарисовать инструментами «Перо» и «Фигура» в Photoshop CS5, урок TeachVideo

Как нарисовать кривые линии в Photoshop® CS5

Процесс рисования в «Adobe® Photoshop® CS5» включает в себя создание векторных («кривых») фигур и контуров. «Photoshop®» позволяет рисовать с помощью любого из инструментов группы «Фигура» и группы «Перо». Режимы работы каждого инструмента можно изменять на панели атрибутов.

Векторные объекты представляют собой прямые

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

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

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

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

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

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

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

www.teachvideo.ru

Выделение логотипа

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

Выбирайте инструмент Magic Wand Tool
Настройте в опциях Tolerance 20 или 30.
Там же кликните по иконке Add to Selection. Подробно о их работе я писал в статье Add, Subtract, Intersect и Exlude в Фотошопе где речь шла об инструментах вектора, но в выделении эти опции работают так же.
При желании можете использовать быстрые клавиши. Зажатая клавиша SHIFT наделит Magic Wand Tool свойством Add to Selection, а на курсоре появится плюсик.

Мне честно говоря все равно как вы выделите логотип, хоть в ручную лассо, хоть через Color Range. Просто в данной ситуации, конкретно на этом изображении проще всего это сделать инструментом Magic Wand Tool.

Немного теории

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

Итак, путь или контур в Adobe Photoshop – непрерывная кривая, образованная одной или несколькими кривыми Безье (линия, вписанная в выпуклую оболочку из произвольных точек, называемых «опорными»). Если проще – то точка кривой имеет 2 касательные (векторы). И результаты умножения размера каждого из них на углы прилегания к кривой должны быть равны.

На практике это выглядит так: у нас есть точка на кривой и 2 вектора. Изменяя углы наклона векторов и их длину, мы изменяем кривизну линии.

Желающие получить точное определение могут обратиться к соответствующему разделу Википедии или учебнику Математического анализа за второй курс мехмата.

Построение кривой линии

Смотрите также: “Как сделать градиент в Фотошопе”

Как и ломаные линии, кривые делятся на два типа: незамкнутые и замкнутые. Для построения кривой в программе Photoshop существует множество инструментов и способов.

Незамкнутая кривая

Для построения такой линии есть всего один инструмент — «Перо» ( с последующей обводкой). Либо же можно нарисовать такую линию вручную.

Замкнутая кривая

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

Лассо

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

Овальная область

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

Фигура

Возьмем инструмент — «Эллипс». В верхнем меню выставим требуемые настройки и создаем фигуру – овал.

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

Результат после применения деформации:

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

Смотрите также: “Как увеличить изображение в Фотошопе”

Точки и направляющие Пера

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

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

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

Настройка панели Path в Фотошопе

Я уже говорил что Pen Tool в режиме Path создает контуры, которые существуют в отрыве от слоев. Но где то же эти контуры находятся и как то ими можно управлять? Находятся они в панели Path и если вы не можете найти её в своих панелях откройте Windows > Path.

По устройству панель Path похожа на панель Слоев, но работает немного иначе. В ней уже присутствует базовый слой Work path. Это не обычный слой, а скорее временная область. Все отрисованные кривые в Фотошопе появляются на слое Work Path. И пока кривые остаются выделенными, слой Work Path сохраняет их для нас. Но стоит нам потерять выделенную кривую, как Work Path обнулится, а контур будет удален. Почему выделение пропадает? Например, вы можете случайно кликнуть по какой-то векторной маске. Или вы можете перейти на панель Path и кликнуть по пустой области. Тогда слой Work Path потеряет выделение, и когда вы опять переключитесь на Pen Tool и начнете рисовать, все старые контуры на Work Path будут удалены.

Чтобы не терять выделенные контуры я советую сразу сохранять их. Для сохранения нужно дважды кликнуть по слою Work Path. Тогда он предложит сохранить контур в отдельный «слой». Либо, другой вариант, нажмите на небольшую иконку на дне панели контуров Create New Path. Тогда панель создаст новый не стирающийся слой для контуров. Но я все же советую работать так. Нарисовали новый контур, кликнули по Work Path и сохранили в новый слой. Таким образом ваши контуры всегда будут на разных «слоях», что очень удобно.

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

Как нарисовать кривую линию в Photoshop Как? Так!

Содержимое:

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

Шаги

1
В панели инструментов (слева) выберите инструмент «Перо».
Этот инструмент является одним из самых мощных и популярных инструментов в Photoshop, хотя к нему трудно привыкнуть. Панель инструментов «Перо» находится непосредственно над инструментом «Текст». Или просто нажмите клавишу P, чтобы автоматически выбрать «Перо».
2
В панели опций (сверху) выберите «Контуры».
При выборе любого инструмента в верхней части окна Photoshop открывается панель опций. В случае инструмента «Перо» убедитесь, что в крайнем левом меню панели опций выбрано значение «Контуры», а не «Фигура» или «Пиксели».
- В новых версиях Photoshop щелкните по значку в виде шестеренки и включите функцию «Показать», чтобы активировать предварительный просмотр линии при ее прорисовке (данная функция очень полезна начинающим пользователям).
- Остальные настройки можно оставить без изменений.
3
На экране щелкните там, где вы хотите начать рисовать кривую линию.
Это приведет к созданию опорной точки в виде небольшого черного квадрата; такие точки помогут вам нарисовать кривую линию. Ваша линия будет создана при помощи опорных точек и направляющих, но о последних поговорим позже. Сейчас просто щелкните там, где будет начинаться ваша кривая линия.
- Зажмите и перетащите опорную точку, чтобы сразу получить кривую линию. Но сейчас лучше не изгибать линию, сделаем это чуть позже.
4
Перетащите первую опорную точку, чтобы создать вторую опорную точку и приступить к изгибу линии.
Щелкните по второй опорной точке и не отпускайте кнопку мыши. Перетащите вторую опорную точку в любом направлении, чтобы посмотреть, как изгибается линия. Прямая линия с кругами на концах – это направляющая, которая определяет то, как искривляется линия. Направляющие можно подправить позже, поэтому сейчас они могут быть произвольными.
- Длинная направляющая приводит к созданию плавной кривой, а короткая направляющая – к резкому изменению хода кривой.
- Пересечение направляющей приводит к тому, что линия искривляется по направлению к самой себе. Попробуйте использовать направляющие для ограничения кривой (наподобие забора), чтобы она шла в нужном вам направлении.
- Согласно рекомендации компании Adobe длина направляющей должна составлять около 1/3 расстояния до следующей опорной точки, по которой вы собираетесь щелкнуть.
5
Продолжайте добавлять опорные точки и направляющие.
Помните о том, что их можно подправить позже. Закончите рисование линии с помощью инструмента «Перо». Если вам нужно избавиться от опорной точки, нажмите Ctrl+Alt+Z (Windows) или Cmd+Opt+Z, чтобы удалить каждую точку, начиная с последней. Если вы нажмете клавишу Del, это приведет к удалению только последней опорной точки. Добавляйте опорные точки, до тех пор пока ваша кривая не примет требуемую форму.
6
Не пользуйтесь направляющими, если хотите получить острые углы.
Для этого при создании новых опорных точек зажмите Alt (Windows) или Opt (Mac OS), что приведет к игнорированию направляющих.
7
Откорректируйте кривую при помощи инструмента «Преобразовать опорную точку».
Не волнуйтесь, это проще, чем кажется. На панели инструментов щелкните по инструменту «Перо» и удерживайте его нажатым. Откроется список аналогичных инструментов, предназначенных для создания особых контуров. В нижней части этого списка выберите инструмент «Преобразовать опорную точку», при помощи которого вы сможете изменить любую опорную точку или направляющую. Также этот инструмент позволит вам добавить или удалить опорную точку.
- Вы также можете изменить начальную точку вашей кривой. Если вы рисуете новые кривые, перетащите начальную точку, чтобы сразу же создать направляющие.
8
Закончите рисовать кривую, соединив начало и конец или щелкнув по новому инструменту.
Закончив с построением кривой, щелкните по другому инструменту, чтобы выйти из режима рисования линий. Или зажмите Ctrl/Cmd и щелкните в любом месте, чтобы прекратить рисовать линии. Вы также можете соединить начало и конец кривой, если хотите получить некую фигуру, а не просто искривленную линию.
9
Закончив искривлять линию, щелкните по кривой правой кнопкой мыши, чтобы обвести ее.
Выберите один из инструментов «Перо» и щелкните правой кнопкой мыши по кривой; в открывшемся меню нажмите «Выполнить обводку контура». Откроется окно «Выполнить обводку контура», в котором вы сможете окрасить вашу кривую в определенный цвет. В меню «Инструмент» выберите «Кисть». Это приведет к автоматическому использованию любых установленных вами кистей для обводки кривой.
- Перед тем, как нажать «Обвести», настройте параметры кисти.
- Или нажмите клавишу B, чтобы настроить параметры кисти. Заданные вами параметры кисти, включая ее толщину и цвет, будут использованы при обводке кривой.
10
На палитре слоев нажмите «Контуры», чтобы изменить старые контуры.
На самом деле инструмент «Перо» ничего не рисует – он просто наносит контуры, которые можно использовать в разных целях. Чтобы подкорректировать кривую, измените только что созданные контуры или воспользуйтесь старыми контурами. Для этого нажмите «Контуры» на палитре слоев (расположена в правой части экрана), а затем выберите контуры, которые вы хотите использовать.

Советы

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

Прислал: Васильева Светлана . 2017-11-06 17:53:48

kak-otvet.imysite.ru

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

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

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

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

Самый простой способ выделить Пером

Самый простой способ начать пользоваться инструментом Pen Tool — забыть о направляющих. То есть, просто возьмите картинку и начинайте выделять предметы без использования направляющих. Как это делать? Очень просто. Сделайте клик, затем второй, затем третий. Примерно так.

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

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

Следующий шаг

Следующий шаг предполагает более смелое использование инструмента Перо. Зачем делать столько лишних точек? Начинайте понемногу пользоваться направляющими. Не ставьте просто точку. Поступайте так только на ровных контурах. На местах изгиба применяйте направляющие точки. Вначале короткие скромные направляющие. Кликайте инструментом Pen Tool и не отпуская клавишу мышки немного протягивайте курсор. Появятся направляющие линии. Создавайте короткие направляющие без всяких премудростей. Задавайте им направления в сторону линии.

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть, горячая клавиша вызова инструмента – B.

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Создаем обтравочный путь для буквы R

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

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

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

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

Понятно что, в прошлом шаге мы действовали на ощупь и расставили направляющие неверно. Все это легко можно подправить. При включенном Pen Tool нажмите CTRL немного уменьшите направляющую. Кстати тоже самое можно сделать и нажав ALT, но CTRL вызывает инструмент Direct Selection Tool. Этим инструментом вы можете подвинуть векторные точки. Вы также можете поменять расположение векторных направляющих. Причем, если направляющие точки уже разбиты, вы можете редактировать их порознь друг от друга. Но если они связаны, то редактируются только симметрично друг другу. Чтобы разбить их надо вызывать Convert Point Tool или нажать ALT.

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

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

Теперь я нажму SHIFT, чтобы получить идеально горизонтальную линию и поставлю новую точку. Ясно, что в этом случае точке тоже нужна только одна направляющая. Кликаем ALT и вытягиваем её.

Очевидно, что я немного не учел расположение точек и направляющих, и перед предпоследней точкой нужна ещё одна. Или, возможно, нужно перенастроить направляющие. Я выберу первый вариант и создам дополнительную точку, чтобы получить ещё больше контроля над кривой. Наведите Pen Tool на пустое место в кривой, и когда на иконке инструмента появится + кликайте. Таким же образом вы можете удалять ненужные точки, наведя на них Pen Tool.

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

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

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

Коррекция контуров

Именно возможности коррекции делают контуры таким удобным инструментом.

Для исправления контуров:

Перейдите на вкладку «Контуры» (Path) и щелчком мыши выделите нужный контур.
Вернитесь на вкладку «Слои».
На панели инструментов выберите инструмент «Добавить точку».
Наведите мышью на контур и щёлкните левой клавишей. Все точки и кривые стали доступными для редактирования (появились направляющие, точки).
Для коррекции линии изгиба – работайте с векторами-направляющими (как описано в алгоритме создания контура).
Чтобы переместить точку, наведите на неё курсор мыши и, нажав левую клавишу, перетяните в нужное место. Путь изменится автоматически.
Чтобы добавить точку – щёлкните на пути. Точка добавляется с направляющими.
Чтобы удалить точку – выберите инструмент «Удалить точку», наведите и щёлкните левой клавишей мыши.

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

Обратное преобразование аналогично: тот же инструмент, нажатие на точке – направляющие исчезают.

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

— В состоянии выделения контура клавиша Пробел (Spacebar) активирует инструмент «Рука» (Hand Tool), позволяющий выполнять прокрутку изображения на экране монитора без снятия выделения контура или смены инструментов.

— Переходим в меню Просмотр — Показать – Сетку (View > Snap To > Grid) для более точного создания контура.

Вопрос: Как нарисовать кривую линию в Photoshop? — Компьютеры и электроника

Содержание статьи:

Как нарисовать прямую линию в Фотошопе
Видео взято с канала: Роман Авдеев

Как нарисовать прямую линию в Photoshop
Показать описание
Этим видео Центр “Специалист” при МГТУ Баумана продолжает серию лайфхаков по работе в фотошопе. Мы начнем с роликов на самые простые темы (хотя даже тут, уверены, вас ждут некоторые неожиданности) и будем поэтапно усложнять задачи, чтобы ответить на самые популярные и востребованные вопросы людей, работающих в фотошопе..
В этом ролике мы расскажем:.
Как нарисовать прямую линию в фотошопе,.
Сделать ее толстой или тонкой,.
Автоматически создавать горизонтальные, вертикальные или диагональные линии в фотошопе,.
Нарисовать кривую линию,.
Поменять цвет и расположение линии..
В видеоролике рассматриваются два варианта построения линии:
С использованием инструментов “Кисть” (Brush Tool) или “Карандаш” (Pencil Tool). Этот способ наиболее простой, однако созданную линию нельзя редактировать..
С помощью инструментов “Перо” (Pen Tool) и “Линия” (Line Tool). Этот способ посложнее, однако вы сможете менять цвет, толщину и длину нарисованной линии, передвигать ее вершины и даже делать из прямой ровной линии кривую и наоборот..
Рекомендуем также следующие видео:
Как удалить объект из фотографии в Photoshop https://www.youtube.com/watch?v=RVBnL6fDdfI.
Как сделать круговую панораму в Photoshop https://www.youtube.com/watch?v=BtNl9oBYr7U.
Записывайтесь (или смотрите в записи) наши бесплатные семинары http://www.specialist.ru/course/seminars?utm_source=youtube&utm_medium=referral&utm_campaign=youtube_seminars.
Научитесь всем базовым функциям фотошопа на популярном курсе “Photoshop. Уровень 1. Растровая графика”. После обучения вы получите признанный во всем мире международный сертификат Adobe..

Специальное предложение обучение в кредит: от 450 р. в месяц http://www.specialist.ru/course/fsh2-d?utm_source=youtube&utm_medium=referral&utm_campaign=youtube_photoshop7_1.
Приходите на курсы Photoshop в центр “Специалист” при МГТУ имени Баумана!
Видео взято с канала: SpecialistTV

Инструмент Перо в Фотошоп. / Photoshop pen-tool
Видео взято с канала: Gulden Media

Как сделать плавные, изогнутые фигуры в фотошопе
Видео взято с канала: Фотошопер уроки фотошопа

Самый ПРОСТОЙ СПОСОБ нарисовать кривые линии в фотошопе. Часть 2
Видео взято с канала: Web Design Way / Никита Брусков

Как нарисовать КРИВЫЕ ЛИНИИ в фотошопе
Видео взято с канала: Web Design Way / Никита Брусков

Как нарисовать КРИВЫЕ ЛИНИИ, ВОЛНЫ в фотошопе. Все способы
Показать описание
В этом видео я покажу все известные мне, на текущий момент, способы рисования кривых и волнистых линий в Photoshop. Для этого мы в большинстве случаев будем использовать инструмент «Перо», но будут и другие, более простые способы, без этого инструмента..
Эти линии можно применять на сайтах, лендингах, графических баннерах для соцсетей и не только. На сайте, например, часто кривые линии используют в разделах «Схема работы», «Этапах производства» или в прочих местах, как декорирующий элемент пунктиром, точкой или сплошной линией..
=
Подписывайтесь на канал и на мои соцсети:
https://vk.com/new_rasvet.
https://www.instagram.com/webdesign_raw/.
https://www.facebook.com/Rasvet.Bruskov
Видео взято с канала: Web Design Way / Никита Брусков
Пунктирная линия в фотошоп. Пунктир в фотошопе. Создание пунктирной кривой линии в Photoshop
В Photoshop нет «правильного» способа рисования линий — каждый художник и дизайнер со временем находит собственные методы и выбирает инструменты, которые ему удобны. Независимо от того, используете ли вы инструмент «Line», «Pen» или «Brush», можно подойти к творческому проекту различными способами и при этом получить одинаковые результаты. В этом практическом руководстве мы расскажем, как рисовать прямые линии в Photoshop, используя множество инструментов рисования, доступны в этой программе.
Инструмент «Line»
Чтобы найти инструмент «Line», нажмите и удерживайте кнопку мыши над инструментом «Rectangle» на главной панели инструментов. Будет открыто меню для выбора формы инструмента. Если включены какие-либо инструменты фигур, также можно выбрать инструмент «Line» в верхнем меню параметров.

Почему инструмент «Line» считается фигурой? По сути, инструмент «Line» просто создает тонкие прямоугольники, которые выглядят как линии, потому что цвета заливки «Fill» и контура «Stroke» одинаковы. Если вы хотите, чтобы линия была пустой внутри (как прямоугольник), просто выключите заливку.
С помощью инструмента «Line» легко рисовать прямые линии. Просто щелкните в любой точке изображения и перетащите линию в требуемом направлении. Если вы хотите нарисовать строго горизонтальную или вертикальную линию, удерживайте клавишу Shift при перетаскивании, и Photoshop позаботится обо всем остальном.

Научившись рисовать прямые линии в Photoshop, можно поэкспериментировать с расширенными параметрами и создать пунктирные линии из точек или штрихов. Чтобы найти эти параметры, щелкните значок «Stroke Options» в левой части панели параметров, а затем выберите «More Options». Здесь можно задавать и сохранять пользовательские настройки, включить пунктирную линию и выбрать длину штрихов и пробелов.
Инструмент «Brush»
Инструмент «Brush» также позволяет рисовать прямые линии, и, в отличие от инструмента «Line», позволяет создавать собственные стили кистей. Инструмент «Brush» находится на главной панели инструментов, он расположен отдельно от инструментов формы.

Чтобы создавать идеально прямые линии в любом направлении, удерживайте клавишу Shift при рисовании с помощью инструмента «Brush». Чтобы создать фигуру из нескольких линий, нарисуйте линию, удерживая Shift, отпустите кнопку мыши, снова нажмите на кнопку Shift, а затем начинайте рисовать новый сегмент с конечной точки последней линии.
Как и инструмент «Line», «Brush» имеет множество параметров штрихов, которые можно изменить на верхней панели параметров, включая твердость, непрозрачность и стиль кисти. Мы рекомендуем настроить эти параметры, прежде чем начинать рисовать штрихи, потому что изменения не будут применяться ко всем мазкам кисти, которые вы уже сделали.

Инструмент «Pen»
Наконец, инструмент «Pen» чрезвычайно полезен для рисования прямых и изогнутых линий. Чтобы выбрать инструмент «Pen», нажмите на значок в форме пера на главной панели инструментов, затем щелкните кнопкой мыши на изображении, чтобы установить начальную точку, и еще раз, чтобы установить конечную точку. Photoshop автоматически создаст прямую линию между двумя точками, независимо от того, где они расположены на изображении. Если удерживать клавишу Shift при задании этих точек, можно создать линейные сегменты с углами наклона 45 и 90 градусов.
В этом уроке я расскажу вам, как делать пунктирные линии. Самый простой способ: мы возьмем с вами «перо», выберем режим «фигура», уберем «заливку» на «нет цвета» и выберем тот цвет для обводки, который нам хотелось. Пускай это будет синий. Также на этом этапе нам нужно выбрать какой толщины у нас будет пунктирная линия. Давайте, допустим, 2 пикселя и выбираем какой она будет. Будут ли это точки или это будут пунктиры. Давайте их выберем.

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

Здесь уже мы рисуем в режиме «контур». Также создаем тот изгиб, который бы нам хотелось. Пускай это будет вот такой вот полукруг. И теперь нам нужно переключиться на инструмент «Текст». Подвести курсор к контуру, и мы увидим, что рядом с нашим курсором появляется такая небольшая пунктирная линия. Это значит, что когда мы щелкнем, наш контур превратится в редактируемый, и здесь мы можем написать какой-либо текст. Но так как мы создаем пунктирную линию, нам нужно просто много раз нажать на тире. Такой контур у нас получился. Также данный контур можно обвести точками. Второй способ – это текст.
И ещё один способ, это также обрисовка контура при помощи инструмента «кисть». Первый шаг – мы настраиваем с вами кисть. Для этого нам понадобиться сначала сделать эту кисть. Мы создаем новый документ: Ctrl+N. Шириной -27 пикселей и высотой – 6. На этом этапе нам нужно задать тот размер, который будет равен размеру стежка. Выбираем прозрачный фон. Нажимаем «OK». И заливаем данный документ черным цветом. Теперь нам нужно определить кисть: редактирование/определить кисть. Давайте назовем ее и нажимаем «ОК». Данный документ можно удалить.

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

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

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

Затем нажимаем F5 и в открывшемся окне настраиваем кисть.
В первую очередь нас интересуют интервалы. Беремся за соответствующий ползунок и тянем вправо до тех пор, пока между штрихами не появятся промежутки.
Попробуем нарисовать линию.
Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).
Затем ставим кистью первую точку на направляющей и, не отпуская кнопку мыши, зажимаем SHIFT и ставим вторую точку.
Скрыть и показать направляющие можно клавишами CTRL+H .
Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT .
Для проведения вертикальных линий необходимо произвести еще одну настройку.
Снова нажимаем клавишу F5 и видим такой инструмент:
С его помощью мы можем повернуть пунктир на любой угол. Для вертикальной линии это будет 90 градусов. Не трудно догадаться, что таким образом можно проводить пунктирные линии в любых направлениях.
Вот таки нехитрым способом мы с Вами научились рисовать пунктирные линии в Фотошопе.
Дизайн сайта состоит из множества элементов. И заключается в мелочах. Потому, приходиться постоянно пополнять багаж своих знаний. Порой, для достижения двух разных целей вам приходится применять одинаковый набор операций. Но так будет не всегда. Даже если вы продвинутый дизайнер, иногда вам приходится поломать голову или воспользоваться какой либо обучающей литературой. Сейчас мы изучим вещь, которая будет полезна не только новичкам, но и тем, кто уже давно крутиться в сфере веб дизайна.
Как нарисовать пунктирную линию в фотошопе… Ответов на этот вопрос может быть несколько. Все зависит от того, каково ее назначение. Допустим, вы хотите обыграть ссылку, подчеркнув текст. Самый просто способ – инструмент текст. Да, это несколько банально, но, тем не менее работает. Просто «пишем» так сказать символ «_». Пробел можете поставить один. Или несколько. На ваше усмотрение.
Линию можно растрировать. В окне слоев найдите слой с линией, щелкните по нему правой клавишей мыши и выберите команду «растрировать текст».

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

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

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

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

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

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

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

Теперь снова выбираем инструмент «перо» и удаляем контур, сделав клик правой клавишей и выбрав соответствующую команду.
Как видите, сделать пунктирную линию в фотошопе оказалось довольно просто.
Лайфхак как создать линию пунктир в Photoshop — Каждый второй пользователь ПК знаком с фотошопом. Для многих юзеров — это исключительно программа для редактирования фотокарточек, однако с помощью fotoshop возможно изображать чертежные элементы.
Если есть необходимость создать пунктирную линию, то следует воспользоваться хорошим и верным помощником ретушера — кисть. Первое действие — это создание одного элемента — пунктира. Следует открыть новый документ произвольного размера и выполнить заливку в белый цвет. Это необходимый шаг для получения желаемого результата. Затем выбираем инструмент «Прямоугольник » и выставляем параметры согласно рекомендациям на изображениях, приведенных ниже:
Размер пунктирной линии можно настроить так, как Вам необходимо. Следом, с помощью клика на белом листе, открывается диалоговое окно, где подтверждается действие. На экране появляется построенная фигура прямоугольника. Не стоит паниковать, если ее размер слишком мал по отношению к листу. Это не критично. Затем в меню «Редактирование » — «Определить кисть » нужно ввести имя и подтвердить действие, кликнув ОК .
Таким образом, был построен инструмент «Пунктир » и можно пробовать создавать пунктирную
линию.
1) Выбираем «Кисть » и среди палитры находим созданный инструмент.
2) Нажимаем клавишу F5 и определяем интервалы между пунктирами. (с помощью специального ползунка регулируем расстояние).
3) Хорошим помощником выступит направляющая линия (горизонтальная, вертикальная).
После следует поставить кисть на начало направляющей, и с помощью кнопки Shift , не отпуская мышь, продолжить пунктир. Скрыть или показать ортогональность можно нажав комбинацию CTRL+H . Если вы не сомневаетесь в своих умениях, то провести направляющую можно, не используя SHIFT . Чтобы построить вертикальные оси, следует выполнить ряд действий: нажать клавишу F5 и увидеть изображение, как на картинке.
Как в фотошопе вставить линии. Рисуем линии в фотошопе
В Adobe Photoshop встроено огромное множество функций, которые можно использовать для создания различных объектов, ретуши фотографий и прочего. Начинающему пользователю, который только-только стал постигать азы этой программы, не помешает рассмотреть такую проблему, как нарисовать прямую линию в «Фотошопе». И тем, кто уже в этой среде давно, возможно, будет интересно вспомнить основные способы рисования прямой линии. Тот или иной метод будет полезен в индивидуальных случаях.
Как нарисовать прямую линию в «Фотошопе»?
Существует множество способов и техник рисования различных линий и элементов. Но перед тем как нарисовать прямую линию в «Фотошопе», нужно иметь в виду, что существует три основных и быстрых способа изображения линий: инструменты «Кисть», «Перо» и «Линия». Несмотря на их простоту, можно предположить, что техника рисования у каждого своя и каждый пользователь выбирает инструмент сам, руководствуясь своими предпочтениями и задачей, которая перед ним стоит.
Инструмент «Кисть»
Самой простой и понятный метод — рисование при помощи инструментов «Карандаш» и «Кисть» в «Фотошопе». Стоит иметь в виду, что эти инструменты рисуют, а не создают какой-то объект, поэтому изображение линий будет на самом выбранном слое. Можно избежать этой ситуации и рисовать линию на отдельно созданном слое. В этом случае можно без ограничений редактировать след от кисти без вреда для других слоев.
Для того чтобы нарисовать линию, достаточно выбрать инструмент «Кисть» или «Карандаш». Затем нажать на левую кнопку мыши и курсором задать направление линии. Помимо этого, можно с помощью правой кнопки мыши вызвать вспомогательное окно с настройками, где можно выбрать тип кисти, определить жесткость и формы наконечника.
Прямую линию можно нарисовать с помощью рассматриваемого инструмента методом многократных увеличений изображения. Чем сильнее приближено изображение, тем больше шансов нарисовать более-менее прямую линию вручную. Идеально прямую линию можно создать благодаря зажатой клавише Shift и используя все тот же инструмент «Кисть/Карандаш». Активировав нужный инструмент, зажимаем левую кнопку мыши и клавишу Shift — наблюдаем построение прямой линии, регулируемой курсором.
Инструмент «Линия»
Есть другой способ рисования прямой линии с помощью инструмента «Линия» в «Фотошопе». В панели быстрого доступа включен блок, который объединяет некоторое количество геометрических инструментов, включая и рассматриваемый. Созданные линии будут распределяться в новые слои, которые образуются автоматически после построения прямой линии.
Перед тем как нарисовать прямую линию в «Фотошопе», необходимо выбрать одноименный инструмент и нажать на левую кнопку мыши в точке, где будет начало этого элемента. Чтобы завершить построение, нужно повторно нажать на ЛКМ.
Удобство этого метода заключается в том, что линии можно объединять в общий слой и обеспечить полноценное редактирование группы построенных элементов. Объединенный слой, после окончания работы над ним, можно растрировать, однако работать с объединенными элементами в формате векторной графики уже не получится. Форматировать растрированный слой можно точно так же, как и другие. Еще одним преимуществом является тот факт, что можно редактировать сами линии без потери качества. Меню векторного редактирования линий находится в верхней части программы — ее шапке. Здесь можно задать цвет линии, ее контур, форму и толщину.
Инструмент «Перо»
Универсальный инструмент для создания фигур различной сложности. С помощью этой функции и метода многократного увеличения изображения можно выбрать в новой фигуре труднодоступные участки на изображении. Так, например, можно нарисовать как прямые линии в «Фотошопе», так и кривые. Овладеть этим инструментом крайне важно — он используется повсеместно во многих творческих работах, когда необходимо вырезать какое-то изображение или создать новую графическую интерпретацию.
Взаимодействие инструментов «Кисть» и «Перо»
С помощью пера можно легко нарисовать ровную линию в «Фотошопе». Для этого необходимо выбрать сначала инструмент «Кисть», где с помощью правой кнопки мыши открывается диалоговое окно и проставляется нужная жесткость, размер и цвет будущей линии. Теперь следует активировать инструмент «Перо» в быстрой панели доступа (помимо обычного пера в блоке существуют и другие виды инструмента «Перо», но они нам не понадобятся). Ставим первую опорную точку в том месте, где должно находиться начало линии. Затем ставим другую точку — конец линии.
Инструмент «Перо» создает не рабочий объект, а лишь контур. Чтобы пользователь смог превратить контур в реальный объект, ему необходимо выполнить обводку контура. Панель контуров находится по умолчанию в правом нижнем углу, где обычно располагаются слои. В этом окне выбирается вкладка «Контур», где можно заметить наш рабочий контур. Правой кнопкой мыши кликаем по контуру и выбираем пункт «Выполнить обводку контура». В появившемся окне «Фотошопа» кисть стоит по умолчанию в поле — ничего менять не нужно, достаточно подтвердить действие.
В этом уроке я покажу вам, как создать красивые абстрактные линии, которые пригодятся в оформлении ваших работ. Этот урок прекрасно подойдет для начинающих пользователей.
Вот так выглядит финальный результат:
Шаг 1. Создаем новый документ размером 800х800 px, заливаем фон черным цветом. Создаем новый слой над фоновым, жмем клавишу Р чтобы активировать Pen Tool (Перо). Создаем линию, как на скриншоте ниже:
Если у вас не получается нарисовать кривую, ничего страшного. Для этого нужно зажать клавишу ALT и потянуть за конец кривой, чтобы отредактировать ее форму:
Жмем B, чтобы активировать Brush Tool (Кисть), выбираем кисть размером 1 px:
В окне Color Picker (Выбор цвета) выбираем необходимый цвет:
Снова активируем Pen Tool (Перо) (P), затем жмем правой кнопкой мыши по созданной кривой и выбираем Stroke Path (Обводка контура):
Выбираем Brush (Кисть) из выпадающего меню, убеждаемся, что опция Simulate Pressure (Симулировать нажим) активна, и жмем OK:
И получаем такую красивую кривую:
Шаг 2. Используя описанный выше процесс, создаем еще три линии. Убедитесь что:
— каждая линия находится на отдельном слое;
— для первой линии размер кисти 2 px, второй — 3 px, третьей — 4 px;
— уменьшаем непрозрачность слоев до 80%, 60% и 40%.
Корректируем расположение линий и получаем такой результат (4 линии на 4 слоях):
Шаг 3. Создаем группу «Линии» Layer — New — Group (Слой — Новый — Группа) и перемещаем в нее все 4 слоя с линиями. Дублируем группу один раз и объединяем копию группы в один слой (CTRL+E). Уменьшаем opacity (непрозрачность) нового слоя до 70% и перемещаем линии ниже и левее, чтобы создать эффект глубины:
Продолжаем дублировать слой, чтобы создать больше линий:
Теперь мы должны немного разнообразить линии цветом. Для этого используем корректирующий слой Layer — New Adjustment Layer — Hue/Saturation (Слой — Новый корректирующий слой — Цветовой тон/Насыщенность) для слоев с линиями (не забываем создать для корректирующего слоя обтравочную маску CTRL+ALT+G).
Выбираем любой понравившийся цвет:
Продолжаем добавлять больше цветов. Вы можете воспользоваться Free Transform (Свободное трансформирование) (CTRL+T), чтобы отрегулировать угол наклона линий:
Также корректируем размер линий:
Шаг 4. Теперь добавим несколько серых линий. Для этого переходим Image — Adjustments — Desaturate (Изображение — Коррекция — Обесцветить) или SHIFT+CTRL+U, чтобы обесцветить один из слоев:
Смешиванием серые линии вместе с остальными:
И получаем следующий результат:
Шаг 5. Почти закончили. Теперь объединяем слои с линиями, которые мы создали, в один (CTRL+E), затем дублируем их, поворачиваем, меняем положение:
Добавим вокруг линий абстрактных точек, чтобы разнообразить работу. Для этого настраиваем кисть, как показано ниже (жмем F5, чтобы вызвать окно параметров кисти).
Доброго всем времени суток, мои дорогие друзья и гости моего блога. Сегодня я хотел бы рассказать вам, как нарисовать прямую линию в фотошопе или в его онлайн версии. Конечно же отрезок смотрится намного аккуратнее, нежели что-то нарисованное дрожащей рукой. Ох уж эта дрожащая рука)). Ну да ладно, не будем тянуть кота за резину. Поехали!
Для начала разберем наипростейшие методы рисования.
Рисуем линии по горизонтали и вертикали
Самый простой способ нарисовать ровную линию — это взять любой инструмент рисования (карандаш или кисть), зажать клавишу SHIFT и вести в нужном вам направлении (вверх вниз или вправо-влево). Будьте уверены, пока вы держите шифт , ни какой дрожащей руки не будет, все будет зафиксировано.
Рисуем линии под углом
Если вы захотите нарисовать линию под углом, точно также выберите инструмент кисть (карандаш) на панели инструментов, после чего поставьте точку в том месте, где по вашему должно быть начало.
Теперь, зажмите клавишу SHIFT и кликните в том месте, где должен будет находиться конец. После этого линия мгновенно прочертится автоматически от начальной до конечной точки.
Кроме того, вы можете делать самую настоящую ломанную. Для этого всего лишь нужно тыкать в тех местах, где она должна ломаться. Только не забывайте это делать с зажатым шифтом.
Рисование прямых линий при помощи направляющих
Как раз вчера я опубликовал статью о том, и сегодня эта тема нам также очень сильно пригодится. Для этого вытащите направляющие из зоны линейки с зажатой кнопкуой мышки и поставьте их в тех местах, где вам это нужно, а потом снова берите (карандаш) и рисуйте по ней. Благодаря своему свойству привязки, она примагнитит ваше рисование к себе.
Только в отличие от предыдущего способа, вы не сможете отдаляться на далекое расстояние, так как все таки направляющая действительно действует, как магнит. Пока вы рисуете близко, рисование притягивается, а как-только отодвинитесь, то снова в ход идет ваша дрожащая рука.
Фигуры
Ну и конечно же нельзя забывать про основной инструмент, а именно одноименной фигуры. Для того, чтобы нарисовать прямую в фотошопе таким образом, вам нужно идти в инструмент «Фигуры» и выбрать там инструмент «Линия» .
Прежде чем начать рисовать, зайдите в настройки инструмента сверх и посмотрите, что здесь вы сможете настроить под себя:

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

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

В итоге у нас получилась черная полоска, которую вы сможете превратить в линию. Для этого достаточно перейти в режим трансформирования (CTRL+T ) и просто увеличивать или уменьшать длину и ширину, путем зажатия левой кнопкой мыши на краях.
Ну а если вы захотите, чтобы она была под углом, то с помощью того же самого трансформирования переверните ее. Для этого поставьте курсор мышки рядом с уголками выделения, пока курсор не изменится на изогнутую стрелку.
Как нарисовать линию в фотошопе онлайн
Я знаю, что не все готовы устанавливать громоздкую программу к себе на компьютер, поэтому мы постораемся обойтись специальным сервисом. На самом деле, нарисовать прямую или ломанную линию в фотошопе онлайн несложно, просто из-за того, что эта версия сильно кастрированная, способов там очень мало.
Первый способ заключается в том, что вам нужно будет выбрать инструмент Кисть или Карандаш и тыкнуть в любой части холста, чтобы создать начальную точку. Теперь зажмите клавишу SHIFT и тыкните та, где бы вы хотели видеть конечную точку. После этого у вас образуется прямой отрезок. Этот способ аналогичен тому, что мы делали в программе.
Второй способ заключается в том, что мы выбираем инструмент «Рисование» , назначаем любой цвет (или оставляем тот, который по умолчанию), зажимаем левую кнопку мыши и начинаем вырисовывать черный прямоугольник. Вы сами можете контролировать, какая у него будет толщина или длина.
Но важно помнить, что в фотошоп онлайн нет инструмента «Трансформация», поэтому нарисованный вами отрезок нельзя будет изменить, увеличить, уменьшить или повернуть под углом.
Ну вот в принципе и все, что я хотел сказать. Я надеюсь, что теперь вам понятно, как нарисовать прямую линию в фотошопе разными способами и без каких-либо усилий.
Ну а если вы не знаете фотошоп или знаете его плохо, то я рекомендую вам посмотреть эти замечательные видеоуроки , где вам расскажут и покажут от А до Я, как работать в фотошопе. Все уроки рассказаны простым человеческим языком и с большим интересом. Если не будете филонить, то сможете изучить фотошоп уже за пару недель. Очень рекомендую.
Ну а на этом я свой урок заканчиваю, надеюсь, что моя сегодняшняя статья вам понравилась. Не забывайте подписываться на мой блог, а также делиться материалами статьи в социальных сетях. Жду вас у себя снова. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин.
25.01.2017 28.01.2018
Привет всем любителям программы фотошоп!
Нарисовать прямую линию в фотошоп совсем не сложно, достаточно провести курсором мыши, но, увы, не всегда при этом движении она получается ровной. В уроке мы научимся рисовать прямые линии.
Чтобы линия в фотошопе получилась ровной, то зажмите клавиву SHIFT и вы нарисуте прямую линию в фотошопе. Это позволяет рисовать прямые горизонтальные и вертикальные линии. Можно также нарисовать по диагонали, для этого нужно один раз щелкнуть левой кнопкой мыши по области где начинается линия, второй раз где заканчивается (с зажатым SHIFT ). Таким образом нарисуется прямая линия в заданных координатах.
Есть несколько способов нарисовать прямые линии в фотошопе, задав им цвет, толщину и другие стили. Обычно используют следующие инструменты: Кисть, Карандаш, Перо, Линия, Прямоугольная область. Какой инструмент лучше подходит для задачи — решать только вам. У каждого способа есть свои плюсы и недостатки.
Рисуем прямую линию инструментом Кисть (Brush Tool)
Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N ) с произвольным размером, у меня это 800х600 пикселей :
Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента — B .

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:
Проводим линию:
Какая-то она не совсем ровная, резонно заметите вы, так ведь?
Чтобы нарисовать идеально ровную линию, нужно перед началом рисования зажать клавишу Shift , провести линию и отпустить клавишу. Вот какая ровненькая линия получилась:
Способ с зажатием клавиши Shift перед началом рисования линии помогает провести строго горизонтальную или вертикальную линию под углом 90 градусов, если же нужно провести линию, например, по диагонали, то необходимо сначала сделать щелчок клавишей мыши у начала линии, зажать клавишу Shift , провести линию, затем отпустить клавишу мышки и Shift .
Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)
Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть , горячая клавиша вызова инструмента — B .

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью — делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.
Рисуем линию инструментом Перо (Pen Tool)
Для того, чтобы нарисовать линию инструментом Перо понадобится чуть больше времени, чем в предыдущих случаях.
Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента — P .

Не забудьте убедиться, что инструмент Перо находится в режиме «контур». Посмотреть это можно в верхней панели настроек инструмента:
Создаем новый слой, нажимаем на иконку создания слоя в панели слоев :
Рисуем прямую линию — просто поставьте две точки. Чтобы нарисовать горизонтальную или вертикальную линию, снова зажимаем клавишу Shift :
Чтобы начать рисовать новую линию, зажимаем клавишу Ctrl и щелкаем мышью по холсту, если этого не сделать, линии будут создаваться непрерывно.
Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.
Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window-Paths) ), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.
Для того, чтобы сделать их видимыми, возвращаемся к инструменту Кисть , в верхней панели настройки инструмента настраиваем размер , жесткость кисти и при необходимости выбираем саму кисть. Нам понадобится круглая кисть:
Выбираем цвет:
Активируем инструмент Перо , щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:
Результат:
Если оставить галочку «Имитировать нажим» (Simulate Pressure) , линии к концам будут становиться тоньше:
Рисуем линию инструментом Линия (Line tool)
Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия . Находится в левой панели:
Прекрасно то, что можно легко настроить цвет и толщину линии:
С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.
Прямая линия с помощью выделения в фотошопе
Бывает так, что не хочется заморачиваться с настройками векторных фигур и кистей. Поэтому можно просто выделить нужную область в фотошопе, например, в виде линии и залить её цветом.
Есть в фотошопе инструмент Прямоугольное выделение:
Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:
Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.
Заливаем цветом выделенную область и снимаем выделение CTRL+D . У нас получилась прямая линия.
Вот такие простые способы нарисовать линию в фотошоп. Надеемся, вам была полезна эта информация! Успехов в творчестве и хорошего настроения!
Здравствуйте, дорогие читатели! В этом уроке вы узнаете, как в фотошопе нарисовать линию
Создайте новый документ в Фотошопе (Ctrl + N) с белым фоном.
Самый простой инструмент для рисования прямых линий — инструмент Линия (Line Tool) (U). Помимо стандартных режимов векторных инструментов на верхней панели есть параметр Толщина (Width). Он и отвечает за толщину линии.
Чтобы создать линию, тяните мышь в сторону, удерживая левую кнопку. Если удерживать клавишу Shift, то можно получить горизонтальную или вертикальную линию. Если тянуть линию по наклонной, удерживая Shiift, то она будет наклонена под углом 45 градусов.
Таким образом рисуются прямые векторные линии.

Для рисования линий можно использовать и инструмент Кисть (Brush Tool) (B). Выберите его, кликните правой кнопкой мыши на холсте и установите Размер (Size) на 1 пиксель, чтобы линии были тонкими. Как и в первом случае нужно удерживать клавишу Shift, чтобы рисовать прямые линии.
Также можно рисовать линии по точкам. Сделайте одиночный клик на холсте на начальной точке. Зажмите клавишу Shift и кликните на следующей точке (там, где должен быть конец линии), затем ещё на одной, если Вы хотите создать ломанную.

Но что делать, если нужно нарисовать волнистую линию? Для этого можно воспользоваться сочетанием инструментов Перо (Pen Tool) (P) и Кисть (Brush Tool) (B). В Фотошопе есть функция обводки контура.
Выберите инструмент Перо (Pen Tool) (P) и в настройках выберите режим Контуров (Paths):
Этим инструментом линии рисуются при помощи одиночных кликов. Нарисуйте простую линию в два клика.

Наведите курсор на линию и рядом с ним появится знак «+».

Потяните линию вниз и она искривится. На линии появится ещё одна якорная точка. Инструментом Стрелка (Direct Selection Tool) (A) вы сможете изменить кривизну линий при помощи рычажков. Для быстрого переключения на этот инструмент, нажмите клавишу Ctrl при активном инструменте Перо (Pen Tool) (P).

Сейчас нужно выбрать кисть, которой будет обведён контур. Выберите инструмент Кисть (Brush Tool) (B), задайте размер в 2 пикселя и понизьте жёсткость до 0%.

Снова выберите инструмент Перо (Pen Tool) (P), кликните правой кнопкой мыши на холсте и выберите пункт Выполнить обводку контура (Stroke Path).

В появившемся окне выберите Кисть (Brush). Если включить функцию Имитировать нажим (Simulate Pressure), то края линии будут сужаться.

Нажмите Enter, чтобы убрать контур.

Обводку можно было сделать более быстрым способом. После настройки кисти, не переключайтесь на Перо (Pen Tool) (P), а нажмите Enter для выполнения обводки. Многократное нажатие на эту клавишу будет повторять обводку. Чтобы убрать контур нажмите Delete.
На этом мы заканчиваем урок. Теперь Вы знаете как в фотошопе нарисовать линию.
Как в фотошопе пером сделать пунктирную линию. Как быстро провести прямую и красивую линию в Photoshop. Создание пунктирной кривой линии в Photoshop
Дизайн сайта состоит из множества элементов. И заключается в мелочах. Потому, приходиться постоянно пополнять багаж своих знаний. Порой, для достижения двух разных целей вам приходится применять одинаковый набор операций. Но так будет не всегда. Даже если вы продвинутый дизайнер, иногда вам приходится поломать голову или воспользоваться какой либо обучающей литературой. Сейчас мы изучим вещь, которая будет полезна не только новичкам, но и тем, кто уже давно крутиться в сфере веб дизайна.
Как нарисовать пунктирную линию в фотошопе… Ответов на этот вопрос может быть несколько. Все зависит от того, каково ее назначение. Допустим, вы хотите обыграть ссылку, подчеркнув текст. Самый просто способ – инструмент текст. Да, это несколько банально, но, тем не менее работает. Просто «пишем» так сказать символ «_». Пробел можете поставить один. Или несколько. На ваше усмотрение.
Линию можно растрировать. В окне слоев найдите слой с линией, щелкните по нему правой клавишей мыши и выберите команду «растрировать текст».

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

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

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

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

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

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

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

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

Затем нажимаем F5 и в открывшемся окне настраиваем кисть.
В первую очередь нас интересуют интервалы. Беремся за соответствующий ползунок и тянем вправо до тех пор, пока между штрихами не появятся промежутки.
Попробуем нарисовать линию.
Поскольку нам, скорее всего, нужна прямая, то протянем направляющую от линейки (горизонтальную или вертикальную, какую хотите).
Затем ставим кистью первую точку на направляющей и, не отпуская кнопку мыши, зажимаем SHIFT и ставим вторую точку.
Скрыть и показать направляющие можно клавишами CTRL+H .
Если у Вас твердая рука, то линию можно провести и без клавиши SHIFT .
Для проведения вертикальных линий необходимо произвести еще одну настройку.
Снова нажимаем клавишу F5 и видим такой инструмент:
С его помощью мы можем повернуть пунктир на любой угол. Для вертикальной линии это будет 90 градусов. Не трудно догадаться, что таким образом можно проводить пунктирные линии в любых направлениях.
Вот таки нехитрым способом мы с Вами научились рисовать пунктирные линии в Фотошопе.
Автор Олег задал вопрос в разделе Другие языки и технологии
Как сделать в фотошопе пунктирную линию? и получил лучший ответ
Ответ от Dagpress-Media[гуру]
Выберите инструмент Карандаш. Дважды щелкните на второй самой маленькой кисти в палитре Кисти. Интервалы (Spacing) до значения ~250%. Теперь просто проведите линию вашим карандашом, и Вы получите пунктир. Чтобы сделать строку прямой, удерживайте клавишу SHIFT в то время, как Вы проводите линию. Другой способ: щелкните в начальной точке, затем с нажатой клавишей SHIFT в конечной точке вашей линии. Photoshop создаст пунктирную линию между этими двумя точками. Для получения разнообразных пунктиров Вы можете изменять размер кисти и увеличивать интервал. Также, Вы можете загрузить набор квадратных кистей.
Ссылка на урок.ru/2011/11/blog-post_2336.html
Ответ от Люд@Мила [гуру]
В Кореле это делается через абрис (перо абриса) . может и в Фотошопе, что-то подобное.
Ответ от Fiery [гуру]
можно нарисовать в иллюстраторе, скопировать и вставить в фотошоп
Ответ от Акимов Глеб [гуру]
А CS6 уже и так поддерживается эта возможность, можно сразу выбрать готовую пунктирную обводку.
Лайфхак как создать линию пунктир в Photoshop — Каждый второй пользователь ПК знаком с фотошопом. Для многих юзеров — это исключительно программа для редактирования фотокарточек, однако с помощью fotoshop возможно изображать чертежные элементы.
Если есть необходимость создать пунктирную линию, то следует воспользоваться хорошим и верным помощником ретушера — кисть. Первое действие — это создание одного элемента — пунктира. Следует открыть новый документ произвольного размера и выполнить заливку в белый цвет. Это необходимый шаг для получения желаемого результата. Затем выбираем инструмент «Прямоугольник » и выставляем параметры согласно рекомендациям на изображениях, приведенных ниже:
Размер пунктирной линии можно настроить так, как Вам необходимо. Следом, с помощью клика на белом листе, открывается диалоговое окно, где подтверждается действие. На экране появляется построенная фигура прямоугольника. Не стоит паниковать, если ее размер слишком мал по отношению к листу. Это не критично. Затем в меню «Редактирование » — «Определить кисть » нужно ввести имя и подтвердить действие, кликнув ОК .
Таким образом, был построен инструмент «Пунктир » и можно пробовать создавать пунктирную
линию.
1) Выбираем «Кисть » и среди палитры находим созданный инструмент.
2) Нажимаем клавишу F5 и определяем интервалы между пунктирами. (с помощью специального ползунка регулируем расстояние).
3) Хорошим помощником выступит направляющая линия (горизонтальная, вертикальная).
После следует поставить кисть на начало направляющей, и с помощью кнопки Shift , не отпуская мышь, продолжить пунктир. Скрыть или показать ортогональность можно нажав комбинацию CTRL+H . Если вы не сомневаетесь в своих умениях, то провести направляющую можно, не используя SHIFT . Чтобы построить вертикальные оси, следует выполнить ряд действий: нажать клавишу F5 и увидеть изображение, как на картинке.
Adobe Photoshop обладает большим спектром возможностей, благодаря которым можно решать некоторые прикладные задачи, а также полноценно работать в одной среде без перехода в другую. Программа предназначена в основном для растровой графики, но работа с векторной тоже возможна. Как раз одним из интересных вопросов является построение пунктирной линии в «Фотошопе СС». Задача вовсе не сложная, просто достаточно следовать шагам, которые будут описываться ниже. На практике часто можно использовать не один метод построения, а несколько.
Методы построения
Не каждый метод будет подходить индивидуально под конкретную ситуацию. Но, с другой стороны, есть универсальный подход, который может создать пунктирную линию любой геометрической сложности. Для всех методов необходимо пройти промежуточный этап — настройку кисти. В этих настройках есть некоторые параметры, которые способны поменять интервал и изменить толщину пунктирной линии.
Настройка кистей
Каждый пользователь этой графической среды хоть раз использовал инструмент «Кисть». Но не всякий настраивал его под различные ситуации, в которых необходимы было разные значения настроек.
Итак, перед тем как создавать пунктирную линию, необходимо выбрать инструмент «Кисть» и вызвать контекстное меню настроек. Здесь следует задать нужную жесткость и толщину линий. После процедуры перейти в панель кистей, где располагается интервальная опция. Ползунок интервала можно передвинуть до нужного значения, оптимальным решением считается 150%.
Инструмент «Перо»
После всех преобразований с кистью можно приступать непосредственно к рисованию пунктирной линии. Создавать наш объект будем с помощью инструмента «Перо», который находится на главной панели быстрого доступа. Пунктирную линию пользователь может получить с помощью преобразованного контура.
Активируем «Перо» и ставим первую — начало линии.
Ставим вторую точку в желаемом месте, где будет заканчиваться геометрический объект.
Следующим шагом станет создание нового слоя, который можно добавить с помощью горячих клавиш или на панели управления слоев.
Теперь следует кликнуть на полученный контур правой кнопкой мыши и в появившимся окне выбрать пункт «Выполнить обводку контура».
Всплывет еще одно окно, где будет отображаться способ обводки. По умолчанию стоит значение «Кисть» — подтверждаем.
Любая версия программы, например «Фотошоп CS6», пунктирную линию поддерживает. После всех пройденных выше этапов получаем прямую линию, но, помимо нее, можно создавать кривую с пунктиром.
Операция для построения кривой ничем не отличается от рисования прямой линии. Единственный шаг, который будет изменен — создание и вытягивание опорных точек. Ниже представлены некоторые дополнения:
Создаем опорную точку все тем же инструментом «Перо».
Находим нужное место на холсте и зажимаем левую кнопку мыши — стараемся преобразовать радиус кривизны до нужного значения.
Можно продолжить создание кривой новыми дугами, которые делаются точно так же, как и в пункте 2.
Последующие этапы остаются неизменными — общая картина операций не меняется, и все делается в точности, как в случае с прямой пунктирной линии в «Фотошопе».
Другие инструменты
С помощью графических объектов возможно создать геометрическую окантовку фигур в виде линий с пунктиром. Все эти графические инструменты находятся в одной ячейке на главной панели. С их помощью можно создать как и самые примитивные фигуры: линия, многоугольник, эллипс; так и произвольные, которые были загружены автоматически в редактор: стрелка, звезда, диалоговое облако и другие. Какой бы вы инструмент ни выбрали, у каждого есть свои настройки и параметры, которые отображаются в верхней части программы в ее шапке. Обводка для фигуры любой формы производится почти так же, как и с инструментом «Перо»:
Выбираем нужный инструмент и воссоздаем объект. Важное примечание — созданные фигуры автоматически имеют свой собственный слой, который можно впоследствии растрировать.
Управляем настройками и ставим оптимальные, которые будут необходимы пользователю.
Правой кнопкой мыши нажимаем на объект и выбираем пункт «Выполнить обводку контура». Всплывет привычное диалоговое окно, где нужно выбрать параметр «Кисть».
Теперь на экране появится фигура, окантованная пунктирной линией по контуру. Новый объект можно продолжить редактировать по своему усмотрению.
Как сделать перо в фотошопе. Руководство по использованию инструмента Pen Tool
В 99% работ в Adobe Illustrator используется инструмент «Перо» (Pen tool) . Вот почему так важно хорошо им владеть. Ведь это даёт не только более качественный результат, но и ускоряет работу.
Статья, которую я публикую сегодня, не новая, но важная, и многим будет полезна для улучшения техники.
Функции

Курсоры
Pen tool может принимать различные формы в зависимости от того, на какое действие он сейчас настроен (автоматически или вручную). Для смены вида между ручкой и крестиком нажмите Caps Lock.
Готов приступить
Промежуточное состояние во время создания или редактирования кривой
При нажатой мышке
При выделенном сегменте кривой — добавление опорной точки
То же, но удаление
Подсвечивается только на начальной точке кривой и означает «замкнуть кривую»
Подсвечивается на конечной точке не выделенной кривой. Означает продолжить
У активной опорной точки означает регулировку ползунков
Контроль мышкой (кривая выбрана)
Наведение Pen tool на опорную точку : удаление точки
Наведение Pen tool на сегмент : добавление точки
Наведение Pen tool на конечную опорную точку : отрегулировать ползунки
Контроль клавиатурой
Если зажать Shift , то движения во время создания или редактирования точек будут производится под углами 45°, 90°, 135° или 180°
Выберите опорную точку инструментом Direct selection tool и нажмите Delete . Удалится сама точка и прилегающие к ней сегменты.
Pen tool + Option (Alt) : смена режима на Convert anchor point tool.
Если навести Pen tool на кривую и нажать Cmd (Ctrl) — кривая выделится и станет доступна для редактирования.
Pen tool + Option (Alt) во время создания кривой — появляется возможность изменить состояние ползунков (независимо друг от друга).
Навести Pen tool на ползунок и Option (Alt) : то же, что и в п.5
Scissors tool + Option (Alt)
Add anchor point tool + Option (Alt) : режим инструмента Delete anchor point tool.
Delete anchor point tool + Option (Alt) : режим инструмента Add anchor point tool.
Другие полезные приёмы

Улучшаем технику

Упражнения
Для закрепления материала существует несколько уроков. Просто скачайте файлы и выполните упражнения
Упражнение от Vectortuts
Упражнения от Veerle Pieters
Для Illustrator CS5
Для Illustrator CS3 и CS4
Видео
И напоследок несколько видео-уроков использования Pen tool в Illustrator
Все эти приёмы помогут улучшить качество и скорость работы инструментом Перо. Будьте профессиональны!
Группа этих инструментов используется для создания и редактирования сложных контуров, а также часто применяется для точного выделения объектов.
Итак, выберите на панели инструментов инструмент «Перо»
Панель параметров этого инструмента такая же как у инструментов типа «Фигура»:
Перо — позволяет создавать контуры. Суть его работы: вычерчивание прямой или дугообразной линии от одной опорной точки до другой.

Свободное перо — очень похож на инструмент «Лассо», только тот создает выделение, а «Свободное перо» — контур. Его хорошо использовать тем, кто может точно рисовать курсором мыши.

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

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

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

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

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

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

Перо- — удаляет точки привязки.

Угол — изменяет свойства узловых точек. В контурах различают три вида узловых точек:
Гладкий узел — обеспечивает плавный переход от одного сегмента к другому в виде единой дуги.

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

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

Так вот при щелчке инструментом «Узел» на гладком узле образуется угловой узел, а при протягивании углового узла – образуется гладкий узел.

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

Стрелка — используется для перемещения части контура. Для этого: возьмите этот инструмент, нажмите мышкой на нужный узел контура (курсор в виде белой стрелки) и перетащите в нужное место.
Если нужно одновременно переместить какую-то часть контура, то сначала этой белой стрелкой растяните рамочку вокруг нужных узлов контура, узлы станут серого цвета (выделятся), теперь хватайте мышкой любой из выделенных узлов и перетаскивайте.

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

В панели «Контуры» сохраните контур с именем «Цифра 1» и создайте новый контур с именем «Цифра 2». Будем рисовать цифру 2.
Берем инструмент «Перо» и щелкаем в точке 1, отпускаем.

Щелкаем в точке 2, отпускаем. Появилась прямая линия.

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

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

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

В панели «Контуры» создайте новый контур с именем «Цифра 3». Будем рисовать цифру 3.
Нарисуйте так все цифры, это очень хорошая тренировка. На этом все. В следующий раз познакомимся с инструментом «Магнитное перо».
В фотошопе границей векторной фигуры служит контур. Контур можно нарисовать с помощью инструмента перо (Pen Tool) . В данной статье показаны основные моменты при работе с инструментом перо.
Финальное изображение того, что мы будем делать.
1 Скачайте изображение http://www.sxc.hu/photo/1104824
Надеюсь, вы не думаете, что на этом все – мы будем следовать за этим изображением.
Откройте изображение в фотошопе и измените размеры на свои. Я поменял размеры на 1800 px Х 2546 px.
Я также уменьшил opacity (непрозрачность) до 50%, поскольку так будет легче видеть контуры и кривые.
Чтобы это сделать продублируйте оригинальный слой, понизьте непрозрачность до 50% и удалите нижний слой.
2 Создайте новый слой и назовите его body , затем выберите инструмент перо Pen Tool (или просто ‘P’).
Убедитесь, что на панели параметров инструмента нажата кнопка paths (контуры).
3 Начнем работу с обрисовки тела пингвина.
Левой кнопкой мыши кликните по макушке пингвина. Появится маленький квадратик. Вы установили первую опорную точку .
Для больших областей я предпочитаю создавать большие линии, так как кривая получается более гладкой, чем если бы вы использовали небольшие линии и большое количество опорных точек; но если хотите, то вы вправе использовать небольшие линии и больше опорных точек.
Когда вы создаете небольшие и подробные области, например нога, то лучше всего использовать маленькие линии и кривые.
4 Кликните (и не отпускайте кнопку мыши) по началу руки.
Переместите курсор мышки вниз и отметьте что линия изогнется.
Продолжайте тянуть курсор до тех пор, пока кривая линия не совпадет с краем головы.
Если линия не так хороша, как вы хотите, нет проблем, инструмент перо (Pen Tool) весьма снисходителен.
Вы можете удалить последнюю опорную точку. Чтобы сделать это нажмите delete . После того как вы удалили опорную точку, не забудьте кликнуть по последней опорной точке, которую вы сделали, или создайте новый под-путь.
Вы также можете регулировать угол наклона линии с помощью инструмента convert point tool (преобразовать опорную точку). Когда вы создадите кривую, появятся две линии. Это управляющие (или ) линии. Они отвечают за угол и длину кривой.
При выбранном инструменте перо (Pen Tool), нажмите и удерживайте клавишу ALT (это горячая клавиша для инструмента Convert Point Tool) и поместите курсор мышки над точкой направления. Отметьте, что курсор мышки не изменится, пока вы не переместите курсор на точку направления или на опорную точку.
Теперь, если вы кликните по точке направления и будете удерживать левую кнопку мыши, то сможете редактировать и сделать более точные настройки кривой.
Отредактировать контуры можно также, удерживая клавишу ctrl . Это позволит вам перемещать опорные точки, управляющие линии и снова делать любое редактирование над вашими кривыми и линиями.
Если хотите, поиграйте с несколькими линиями, чтобы упрочить свои навыки.
5 Нижняя линия направления слишком длинная, если вы ее не отредактировали.
Если вы захотите продолжить обрисовку пингвина и кликните где-то на руке инструментом Pen Tool , то линия не встанет так, как вы хотите.
В этом случае линия направления слишком большая и поэтому вы создадите большую кривую (длинная линия направления = большая кривая, короткая линия направления = короткая кривая).
Удерживая клавишу ALT , кликните и перетащите нижнюю точку направления вверх, так чтобы она была близка к якорной точке и соблюдала направление руки.
Сейчас вы должны талантливо обрисовать руку пингвина, используя различные вышеописанные методы редактирования линий/кривых.
Используя информацию из шагов 3 и 5, вы в состоянии обрисовать все тело пингвина.
Помните:
Удерживая мышь, тяните за точку направления, чтобы изогнуть линию.
Длинные линии направления = длинная кривая
Короткие линии направления = короткая кривая
Если вы удаляете опорную точку, кликнете по последней опорной точке
Используйте инструмент Convert Point Tool , чтобы укоротить/увеличить линии направления
Увеличивайте масштаб там, где необходима детализация и маленькие кривые/линии. Не страшно, если кривые ложатся на края не идеально.
Если линия направления отсутствует, то точка сглаживание преобразуется в точку преломления.
Не торопитесь!
6 Как только управитесь с правой рукой, кликните по первой опорной точке. Тем самым вы соедините и закончите контур.
Ваше изображение должно походить на следующее:
Теперь измените передний цвет (foreground colour) на черный.
Кликните правой кнопкой мыши (выбрав предварительно инструмент Pen Tool) и появиться блок.
Нажмите Fill Path (заливка контура) и примените следующие настройки.
Удалите контур, нажав клавишу delete .
Ваше изображение должно выглядеть следующим образом.
7 Перед слоем body уберите символ глаза, для того чтобы скрыть слой.
Я решил написать подробный гид по использованию инструмента Перо в Фотошопе или Pen Tool , его англоязычное название. И причины, которые меня побудили на это, заключаются в том что Перо очень непростой инструмент. Изучение Пера осложняет также то, что в Фотошопе он идет в связке с массой непонятных настроек. Даже подробный разбор всех настроек не гарантирует успешное освоение инструмента Pen Tool и вот почему. Рисование контуров Пером — исключительно моторный навык. То есть надо понять на неком подсознательном уровне, как и по каким законам гнётся кривая Pen Tool .
Когда я начинал осваивать Перо в Фотошопе я был в полной прострации. Я с трудом понимал принципы, по которым Перо выстраивает векторные кривые. Но этот путь мною благополучно пройден. Я убежден в том, что освоить инструмент Pen Tool очень просто, если браться за него с правильного конца. Для полного освоения Pen Tool я рекомендую прочитать статьи о векторе в Фотошопе:
Немного об инструменте Pen Tool (Перо)
Pen Tool — стандартный и типовой инструмент для создания векторных кривых где бы то ни было. В различных вариациях он присутствует почти во всех программах для графического дизайна. Он есть в Фотошопе и Иллюстраторе . Честно говоря он переехал в Фотошоп как раз из Иллюстратора, вместе с другими базовыми инструментами вектора лет 15 назад. Он есть в Corel Draw , там он называется Bezier Tool . Конечно, перо было и в Macromedia Freehand , пока программа была жива. Есть перо и в бесплатных программах вектора типа InkScape . Перо есть в InDesign в Flash и даже в GIMP-e . Во всех перечисленных программах перо везде работает одинаково. То есть, если вы разобрались с пером в Фотошопе, то разобрались с ним во всех перечисленных мною графических платформах.
По моему мнению учиться рисовать Пером удобнее все же в векторных рисовалках вроде Иллюстратора. Просто потому что в векторной программе Перо отделено от всякой мишуры, оно выглядит как перо, оставляет за собой линию, как при рисовании на бумаге. Тем не менее я решил написать о Пере применительно к Фотошопу, просто потому что именно Фотошоп является самой распространенной графической программой, именно через него люди начинают изучать Pen Tool и только после этого начинают осваивать Adobe Illustrator .
Ну и в заключении немного истории. Инструмент Pen Tool или Перо Безье , как его называют во всем мире, основано на математической формуле математика Пьера Безье . На самом деле Поль де Кастельжо изобрел кривые Безье немного раньше самого Безье. Но его работы не опубликовались, так как являлись корпоративной тайной Ситроен. Впрочем исторический экскурс вы можете прочитать и сами в Википедии, в том числе и о самой Кривой Безье . Нас же больше интерисуют не графики с формулами, а ответ на простой вопрос: как же этим Пером нарисовать хотя бы что-то?
Как настроить Перо в Фотошопе
Перед тем как учиться рисовать кривые убедитесь что на панели Настроек Windows > Options у вас стоят правильные значения. Выберите Pen Tool и взгляните на панель наверху. В области режимов вектора у вас должно стоять Path . Мы будем рисовать только в этом режиме. В режимах сложных фигур у вас должно стоять Add to path area (+) . Я очень кратко расскажу об этих настройках, но если вы жаждете подробных обзоров, то я уже написал их:
Режим Path создает векторные контуры в чистом виде. Эти контуры ни к чему не прикреплены. Они существуют вне зависимости от слоев. И, мягко говоря, инструментом Pen Tool в Фотошопе особенно не порисуешь. Он не был создан для рисования в чистом виде. Он несет лишь вспомогательную функцию. Другие два режима — Layer Shape создает фигуру, в виде слоя с привязанной векторной маской. И это единственный способ создания векторных фигур в Фотошопе. Слой заливки, ограниченный векторной маской. Нам этот режим не подходит, так как он сразу будет создавать маску и заливать её каким то цветом. Режим Fill Pixels создает растровые фигуры. Слава богу, при использовании Пера этот режим вообще заблокирован.
Режимы типа Add to path area (+) — вспомогательные режимы. Они созданы для того чтобы рисовать сложные фигуры. Например режим Subtract from area (-) — вырезает дырки в контурах. Другие режимы более специфичные, используются редко. А режим Add to path area (+) — добавляет контуры друг к другу.
Настройка панели Path в Фотошопе
Я уже говорил что Pen Tool в режиме Path создает контуры, которые существуют в отрыве от слоев. Но где то же эти контуры находятся и как то ими можно управлять? Находятся они в панели Path и если вы не можете найти её в своих панелях откройте Windows > Path .
По устройству панель Path похожа на панель , но работает немного иначе. В ней уже присутствует базовый слой Work path . Это не обычный слой, а скорее временная область. Все отрисованные кривые в Фотошопе появляются на слое Work Path . И пока кривые остаются выделенными, слой Work Path сохраняет их для нас. Но стоит нам потерять выделенную кривую, как Work Path обнулится, а контур будет удален. Почему выделение пропадает? Например, вы можете случайно кликнуть по какой-то векторной маске. Или вы можете перейти на панель Path и кликнуть по пустой области. Тогда слой Work Path потеряет выделение, и когда вы опять переключитесь на Pen Tool и начнете рисовать, все старые контуры на Work Path будут удалены.
Чтобы не терять выделенные контуры я советую сразу сохранять их. Для сохранения нужно дважды кликнуть по слою Work Path . Тогда он предложит сохранить контур в отдельный «слой». Либо, другой вариант, нажмите на небольшую иконку на дне панели контуров Create New Path . Тогда панель создаст новый не стирающийся слой для контуров. Но я все же советую работать так. Нарисовали новый контур, кликнули по Work Path и сохранили в новый слой. Таким образом ваши контуры всегда будут на разных «слоях», что очень удобно.
Пожалуй все приготовления закончены и вы знаете достаточно, чтобы не потеряться в настройках инструмента Pen Tool, пора переходить к практике.
Как выделять Пером в Фотошопе
Чаще всего инструмент Pen Tool используют для выделения объектов, или обтравки. Конечно, сам по себе векторный контур ничего не выделяет, но из векторного контура можно легко сделать векторную маску, или преобразовать его в выделенную область, из которой можно получить и растровую маску. Кроме того вектор можно удобно изгибать, создавая мягкие окружности. Вы можете начать обтравку объекта Пером , затем переключиться на другой инструмент, а потом опять вернуться к обтравке. При работе с инструментами выделения типа пока не закончишь фигуру оторваться от работы не возможно. Я терял области выделения сотни раз, из-за случайного клика, или выскочившего окна аськи. С Pen Tool такие фокусы исключены. Поэтому многие предпочитают выделение Пером , нежели Лассо .
Рисовать и пользоваться инструментом Pen Tool я научился именно через выделение. Я выделял и выделял различные объекты и постепенно понимал принципы построения кривых. Я считаю что выделение объектов идеальный вариант изучения Пера в Фотошопе .
Самый простой способ выделить Пером
Самый простой способ начать пользоваться инструментом Pen Tool — забыть о направляющих. То есть, просто возьмите картинку и начинайте выделять предметы без использования направляющих. Как это делать? Очень просто. Сделайте клик, затем второй, затем третий. Примерно так.
Работайте с Pen Tool , как будто это . Выделяйте предметы маленькими отрезками, как ножничками. На окружностях делайте отрезки поменьше, чтобы выделенный объект был выделен гладко.
И вот так шаг за шагом выделите весь объект и соедините точку с начальной точкой, чтобы завершить векторную фигуру.
Следующий шаг
Следующий шаг предполагает более смелое использование инструмента Перо. Зачем делать столько лишних точек? Начинайте понемногу пользоваться направляющими. Не ставьте просто точку. Поступайте так только на ровных контурах. На местах изгиба применяйте направляющие точки. Вначале короткие скромные направляющие. Кликайте инструментом Pen Tool и не отпуская клавишу мышки немного протягивайте курсор. Появятся направляющие линии. Создавайте короткие направляющие без всяких премудростей. Задавайте им направления в сторону линии.
Затем более крупные смелые. Чем крупнее будут ваши направляющие тем меньше вам понадобится точек. На этом шаге мы уже по настоящему начинаем использовать инструмент Pen Tool . Точек становится мало, направляющие длиннее. Они уже не всегда идут ровно по линии контура. Я убежден что научиться правильно располагать направляющие для точек можно только на практике, в полной мере поняв логику построения кривых.
Точки и направляющие Пера
Векторная кривая состоит из точек и направляющих. Точки и направляющие в различных программах имеют десятки названий и определений, от путей, до якорей или просто точек. Тем не менее суть их во всех программах одинаковая. Точка фиксирует координату, через которую должна пройти кривая. Направляющие регулируют направление кривой, отталкиваясь от координат и других направляющих.
Направляющие путей, направляют кривую определенным образом. В любом случае путь должен пройти через векторную точку, но направляющая определяет, как именно кривая пройдет через точку. У направляющей в буквальном смысле есть путь «назад» и путь «вперед».
Чем меньше точек тем лучше. Минимальное количество точек и умелая работа с направляющими позволяют создавать максимально гладкие векторные пути. С другой стороны чем меньше точек, тем больше ваши направляющие, и тем сложнее, порой, правильно настроить векторную кривую.
Работа с инструментом Перо
При работе с кривыми вы столкнетесь с разными видами точек и направляющих. В более продвинутых векторных программах эти различия контролируются в настройках. Но в Фотошопе для работы с вектором имеются только самые базовые инструменты. Можно сказать что Фотошоп дает нам возможность работать с кривыми на самом базовом элементарном уровне. Вот некоторые из разновидностей точек и направляющих, которые вам могут повстречаться.
Точки с симметричными направляющими — направляющие такой точки симметричны и связаны. Изменение направляющей с одной стороны изменяет направляющую с другой стороны.
Точки с одной направляющей — у точки активирована лишь одна направляющая.
Точки с ассиметричными (угловыми) — направляющие такой точки не связаны вместе, они направлены в разные стороны, они разной длины. Такие точки используются для углов.
Точки без направляющих.
Я уже говорил что в Фотошопе очень скудный инструментал для работы с точками и направляющими? Но владея некоторыми секретными шорткатами, которые переехали в Фотошоп из Иллюстратора, но никак не афишируются, вы станете мастером по созданию кривых.
Я продемонстрирую работу с Pen Tool создавая векторную область для буквы «R» . Делая обтравочный путь, я постараюсь использовать все возможные приемы при работе с Пером .
Создаем обтравочный путь для буквы
R
Начните с простого клика по нижней части нашей буквы. Так как линия абсолютно прямая направляющие здесь не нужны. Даже если они понадобятся в дальнейшем (например вы захотите изменить форму буквы), это можно легко проделать спец инструментами, о которых пойдет речь чуть позже. Чтобы линия получилась абсолютно вертикальной нажмите SHIFT.
Теперь создайте ещё две точки, и протяните их направляющие так, чтобы векторный путь прошелся ровно по контуру буквы.
Теперь поставьте третью изгибистую направляющую, которая должна вести прямо внутрь буквы. Не переживайте, мы это поправим, главное, что её задняя часть ложится на контур буквы.
Нажмите ALT и захватитесь за тот ползунок направляющей, который ушел внутрь буквы. Передвиньте его так, как показано на картинке. Теперь у нас угловая точка с несимметричными направляющими. Заодно сразу можно поставить и следующую точку. Нажатие ALT превращает ваше перо на время нажатия в Convert Point Tool , который создан для коррекции направляющих.
Понятно что, в прошлом шаге мы действовали на ощупь и расставили направляющие неверно. Все это легко можно подправить. При включенном Pen Tool нажмите CTRL немного уменьшите направляющую. Кстати тоже самое можно сделать и нажав ALT , но CTRL вызывает инструмент Direct Selection Tool . Этим инструментом вы можете подвинуть векторные точки. Вы также можете поменять расположение векторных направляющих. Причем, если направляющие точки уже разбиты, вы можете редактировать их порознь друг от друга. Но если они связаны, то редактируются только симметрично друг другу. Чтобы разбить их надо вызывать Convert Point Tool или нажать ALT.
Следующим шагом я довел точки до конца. И вы наверняка заметили, что я воспользовался CTRL и поменял расположение прежней точки, чтобы минимизировать их количество.
Теперь, я бы мог опять нажать ALT и поменять расположение последней направляющей, чтобы направить её направо, но в этом нет никакого смысла. Она вообще там не нужна, так как дно буквы абсолютно горизонтальное. Поэтому я сделаю вот что. Я нажму ALT , но вместо того чтобы захватиться за направляющую, кликну по точке.
Теперь я нажму SHIFT , чтобы получить идеально горизонтальную линию и поставлю новую точку. Ясно, что в этом случае точке тоже нужна только одна направляющая. Кликаем ALT и вытягиваем её.
Очевидно, что я немного не учел расположение точек и направляющих, и перед предпоследней точкой нужна ещё одна. Или, возможно, нужно перенастроить направляющие. Я выберу первый вариант и создам дополнительную точку, чтобы получить ещё больше контроля над кривой. Наведите Pen Tool на пустое место в кривой, и когда на иконке инструмента появится + кликайте. Таким же образом вы можете удалять ненужные точки, наведя на них Pen Tool .
Когда точка поставлена, я нажал CTRL и немного подкрутил расположение точек и направляющие чтобы все было как надо. Не забудьте кликнуть Пером по последней точке, чтобы продолжить рисовать именно эту кривую, а не начать создавать новую. Сделать это нужно в том случае, если вы в ходе ваших экспериментов потеряли выделение контура.
Теперь нажмите SHIFT и поставьте последние точки. На этом отрезке работы я хотел бы сохранить свой контур, чтобы случайно не потерять его. Переходим на панель Path, двойной клик по контуру, вписываем название. Контур сохранен.
Теперь я переключусь в панели настроек на вырезающий режим Subtract, чтобы Фотошоп воспринимал новую фигуру, как вырезающую дырку из первой. После этого я дорисую букву.
Группа инструментов Пера
Говоря о инструменте Pen Tool, нельзя не упомянуть инструменты находящиеся с ним в одной группе. Прежде всего это сам:
Pen Tool — перо Безье, тот самый инструмент о котором я рассказываю всю статью
Free Form Pen Tool — аналог обычного Пера, но отличается тем, что рисует как обычная кисть. То есть не дает никакой возможности настраивать направляющие, а создает кривую на лету. К сожалению, этот инструмент не имеет никаких возможностей настроить сглаживание линии, поэтому кривую создает он ровно, там, где провели мышкой. Ну, а так как рука почти у всех дрожит, о гладких линиях можно забыть. Единственной интересной настройкой инструмента является галочка Magnetic . Она находится на панели настроек выше и превращает Перо, в Magnetic Lasso Tool . Только векторный.
Add Anchour Point Tool — добавляет точку на кривую. Нет никаких причин выбирать его отдельно. Обычный Pen Tool превращается в Add Anchour при простом наведении на кривую.
Delete Anchour Point Tool — удаляет ненужные точки кривых. И опять нет никакой необходимости выбирать его отдельно. Обычное перо прекрасно удаляет точки само, превращаясь в Delete Anchour при наведении на точку.
Convert Point Tool — позволяет перенастраивать с нуля направляющие точки. Готовые направляющие может растаскивать в разные стороны. Незаменимый инструмент, но вы убьете в два раза больше времени если будете постоянно его выбирать. Значительно проще использовать ALT при выбранном Пере.
Рисование Пером в Фотошопе
При рисовании контурных линий вам очень важно создавать не замкнутые фигуры, а отдельные несвязные друг с другом векторные кривые. Как будто художник наносит мазки своей кистью.
Вот несколько способов сделать это. Нарисуйте кривую и снимите выделение. Затем кликните по пустому полю на панели Path . И опять выделите слой Work Path . Кривая будет подсвечена, но не выделена.
Так же можно кликнуть любому из инструментов управления вектором, например, Path Selection Tool , а затем кликнуть по рабочей области. После этого можно продолжить создание кривой на том же поле.
Ещё один способ, просто сохранять все кривые в отдельных слоях на панели Path .
После обтравки вам, конечно же, захочется что-то сделать с векторными контурами. А ведь они для того и созданы, чтобы в дальнейшем с ними что-то сделать. Чтобы превратить их в область выделения, чтобы залить их краской, чтобы создать на их основе векторную маску, или фигуру. Или, в нашем случае, залить контур.
Если вы применяете векторные контуры для вексельного рисования в Фотошопе, вам, скорее всего, захочется превратить их в подобие линий. Вот как это делается в Фотошопе:
Выделите одну из линий инструментом Direct Selection Tool или Path Selection Tool .
, на который будет залита краска.
Кликните по контуру правой кнопкой мыши и из выпадающего меню выберите Stroke Subpath

В появившемся диалоговом окне надо выбрать, конечно, кисть и галочку Simulate Pressure — которая симулирует реальное нажатие пера. Но до этого, вам конечно надо настроить инструмент Кисть Brush Tool , так как заливка произойдет в соответствии с её настройками. Я поставил 7px размера, выбрал кисть с твердыми краями, и конечно не забудьте про галочку Tablet Pressure Control . Без неё с симулированием нажатия пера не очень срастается.
Можно смело нажимать ОК.
Несколько секунд повторяющихся операций и фотография чашки превращается в грубый эскиз.
Заливка векторных фигур, нарисованных Pen Tool
Вернемся к букве R, которую мы нарисовали пару шагов назад. Вместо заливки контуров можно залить содержание фигуры. Для этого вместо Fill Stroke надо выбрать Fill Path из выпадающего меню.
Но вместо этого, можно сделать кое что получше. Выделите вашу фигуру и зайдите в Layer > New Fill Layer > Solid Color . У нас получился слой с заливкой и векторной маской. Этот слой можно уменьшать и увеличивать без потери качества. На этом я пожалуй закончу, так как возможности векторных контуров в Фотошопе приближаются к бесконечности.
Надеюсь вы узнали что-то новое и удачных экспериментов!
Я снова вас приветствую, мои дорогие читатели. Погода как обычно радует и с +1 перескочила до -10, из-за чего после позавчерашнего «плавания по лужам» вся вода замерзла и на работу я уже не шел, а катился как на коньках. Хорошо, что хоть не упал). Ну это нам не помешает нашим занятиям в фотошопе, тем более, что я еще рассказал не про все инструменты выделения области.
Сегодня мы с вами для этих целей воспользуемся таким инструментом как «Перо» . Этот инструмент чем-то напоминает прямолинейное лассо, о котором я рассказывал в своей . Только выделение пером в фотошопе имеет ряд преимуществ, одно из которых состоит в том, что вы сможете редактировать выделенную область по опорным точкам, которые вы ставили, а также вы сможете пользоваться любыми другими инструментами, даже если выделение с помощью пера вы еще не закончили.
Вообще это не основное назначение пера, но раз уж мы сейчас проходим выделение объектов в фотошопе, то я не смог не вставить данный способ. В общем давайте сразу приступим к практике. Готовы? Тогда поехали!
Ну и сразу же ваш объект будет выделен уже знакомой пунктирной линией. И теперь можете вместе с нашим яичком или проделать с ним другие манипуляции.
Кстати, кроме обычного пера есть еще и инструмент «Свободное перо» , находящийся в данной группе. Но работает он по типу обычного инструмента «лассо», т.е. вы сами аккуратно ведете линию выделения. Такой способ подходит далеко не для всех.
Увеличение опорных точек
В чем еще одно преимущества Пера, так это в том, что само выделение можно редактировать даже после того как вы его закончили.
Представьте, что вы сделали выделение пером, но оно у вас получилось каким-то неровным и некоторые части выделения стоят дальше, чем края самого объекта и получается, что выделение какое-то обрезанное. Это не беда, так как всё это выделение можно отредактировать и сделать четким и ровным.
Видите опорные точки, которые вы сами и ставили? Вот их-то мы и сможем пододвигать или отодвигать. Для этого убедитесь, что вы находитесь в режиме пера и зажмите клавишу CTRL . Теперь наведите на любую опорную точку и нажмите на неё один раз, после чего зажмите левую кнопку мыши на этой точке. Теперь двигайте мышкой и смотрите как себя будет вести линия выделения.
Добавление опорных точек
Если вам кажется, что опорных точек мало и вам нужны дополнительные, чтобы сделать выделение точнее, то выберете инструмент «Перо+» и добавьте еще одну или несколько точек на линии выделения. И редактировать будет легче. Ну и как вы поняли, с помощью инструмента «Перо- » мы наоборот сможем некоторые ненужные опорные точки убрать.
После того как вы все отредактировали, действуйте как было показано выше, т.е. нажимайте правую кнопку мыши и выбирайте «Выделить область» .
Ну как? Я надеюсь, что у всех всё получается, но если есть вопросы или комментарии, то не забудьте выразить свои мысли.
Ну конечно же это далеко не все возможности инструмента «Перо» . Я просто рассмотрел его в этом контексте, чтобы уж изучить побольше инструментов для выделения. Но к перу мы еще обязательно вернемся.
А еще лучше посмотрите этот замечательный видеокурс . Там подробно и с примерами вам покажут как работать со всеми инструментами, да и вообще во всём фотошопе в целом. Всё рассказано подробно, а самое главное, что информация прекрасно усваивается и после изучения курса, вы уже будете очень хорошо разбираться в Adobe Photoshop.
Ну а на этой прекрасной ноте я с вами прощаюсь. Заходите еще ко мне в гости и обязательно подпишитесь на обновления моего блога, тогда уж вы точно будете в курсе всего самого полезного и интересного. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин.
Рекомендуем также
Прерывистая линия в фотошопе. Как нарисовать прямую линию в программе Photoshop. Создание пунктирной кривой линии в Photoshop
Лайфхак как создать линию пунктир в Photoshop — Каждый второй пользователь ПК знаком с фотошопом. Для многих юзеров — это исключительно программа для редактирования фотокарточек, однако с помощью fotoshop возможно изображать чертежные элементы.
Если есть необходимость создать пунктирную линию, то следует воспользоваться хорошим и верным помощником ретушера — кисть. Первое действие — это создание одного элемента — пунктира. Следует открыть новый документ произвольного размера и выполнить заливку в белый цвет. Это необходимый шаг для получения желаемого результата. Затем выбираем инструмент «Прямоугольник » и выставляем параметры согласно рекомендациям на изображениях, приведенных ниже:
Размер пунктирной линии можно настроить так, как Вам необходимо. Следом, с помощью клика на белом листе, открывается диалоговое окно, где подтверждается действие. На экране появляется построенная фигура прямоугольника. Не стоит паниковать, если ее размер слишком мал по отношению к листу. Это не критично. Затем в меню «Редактирование » — «Определить кисть » нужно ввести имя и подтвердить действие, кликнув ОК .
Таким образом, был построен инструмент «Пунктир » и можно пробовать создавать пунктирную
линию.
1) Выбираем «Кисть » и среди палитры находим созданный инструмент.
2) Нажимаем клавишу F5 и определяем интервалы между пунктирами. (с помощью специального ползунка регулируем расстояние).
3) Хорошим помощником выступит направляющая линия (горизонтальная, вертикальная).
После следует поставить кисть на начало направляющей, и с помощью кнопки Shift , не отпуская мышь, продолжить пунктир. Скрыть или показать ортогональность можно нажав комбинацию CTRL+H . Если вы не сомневаетесь в своих умениях, то провести направляющую можно, не используя SHIFT . Чтобы построить вертикальные оси, следует выполнить ряд действий: нажать клавишу F5 и увидеть изображение, как на картинке.
Делаем рамку из точек, чёрточек, пунктирных линий в Photoshop
В этом материале, как понятно по заголовку, мы рассмотрим способы рисования пунктирных, штриховых и точечных рамок. Давайте определимся сразу: все рамки мы будем рисовать на новом слое! Забегая вперёд, скажу, что описанный ниже способ относится к версиям Photoshop CS5 и ниже.
Создание рамок из точек
Такие рамки создаются с помощью обыкновенной круглой кисти из стандартного набора по Фотошопа. Рамки могут иметь круглую, овальную. прямоугольную, а также любую неправильную форму, т.к. они описываются по контуру. Давайте вначале настроим кисть. Если кто не помнит, для открытия панели настройки кисти надо выбрать инструмент Кисть, а затем кликнуть по соответствующей кнопке в панели праметров. На рисунке сверху для внутренней круглой и внутренней квадратной были применены следующие настройки (кликните по изображению для увеличения):
Теперь создадим контур, по форме которого должна быть рамка, это можно сделать с помощью любых контурных инструментов, Перо (Pen Tool), Прямоугольник (Rectangle Tool) и т.д. Контур может быть как замкнутый, так и разомкнутый. Далее кликаем правой клавишей мыши по контуру. Важно: контурный инструмент в этот момент должен быть активным! В появившемся окне выбираем строку «Выполнить обводку контура» (Stroke path). Откроется новое окно, где нам предложат выбрать инструмент обводки. В данном случае нам подойдёт кисть или карандаш (Pencil). Напоминаю, что кисть или карандаш должны быть уже настроены. После выбора инструмента кликаем ОК, и на контуре появятся точки. Точки, сделанные кистью, получаются несколько смазанными, поэтому после нанесения точек не помешает применить фильтр контурной резкости (Sharpen Edges), настройки подобрать индивидуально. Вот пример скрина, полученного с помощью вышеописанных операций:
Были применены следующие настройки кисти: Текст: тип — карандаш кегль (Size) 3 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 180% Подчёркивание: тип — кисть, кегль (Size) 3 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 205% Рамка: тип — карандаш, кегль (Size) 6 пкс, жёсткость (Hardness) 100%, интервал (Spacing) 180%
Создание рамок из пунктирных линий
Прямоугольные рамки, т.е. состоящие из вертикальных и горизонтальных линий, не вызывают никаких проблем. Их рисовать можно с помощью прямоугольной кисти из дефолтного набора Фотошопа. Откройте панель управления кистями и загрузите их, как показано на рисунке. Далее задаём кисти настройки примерно такие, как задавали выше круглой кисти. Затем немного вытягиваем форму отпечатка, на скрине это показано:
Такой кистью можно провести горизонтальную линию. Но вертикальную уже не получится, вернее, получится, но некрасиво:

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

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

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

Adobe Photoshop обладает большим спектром возможностей, благодаря которым можно решать некоторые прикладные задачи, а также полноценно работать в одной среде без перехода в другую. Программа предназначена в основном для растровой графики, но работа с векторной тоже возможна. Как раз одним из интересных вопросов является построение пунктирной линии в «Фотошопе СС». Задача вовсе не сложная, просто достаточно следовать шагам, которые будут описываться ниже. На практике часто можно использовать не один метод построения, а несколько.
Методы построения
Не каждый метод будет подходить индивидуально под конкретную ситуацию. Но, с другой стороны, есть универсальный подход, который может создать пунктирную линию любой геометрической сложности. Для всех методов необходимо пройти промежуточный этап — настройку кисти. В этих настройках есть некоторые параметры, которые способны поменять интервал и изменить толщину пунктирной линии.
Настройка кистей
Каждый пользователь этой графической среды хоть раз использовал инструмент «Кисть». Но не всякий настраивал его под различные ситуации, в которых необходимы было разные значения настроек.
Итак, перед тем как создавать пунктирную линию, необходимо выбрать инструмент «Кисть» и вызвать контекстное меню настроек. Здесь следует задать нужную жесткость и толщину линий. После процедуры перейти в панель кистей, где располагается интервальная опция. Ползунок интервала можно передвинуть до нужного значения, оптимальным решением считается 150%.
Инструмент «Перо»
После всех преобразований с кистью можно приступать непосредственно к рисованию пунктирной линии. Создавать наш объект будем с помощью инструмента «Перо», который находится на главной панели быстрого доступа. Пунктирную линию пользователь может получить с помощью преобразованного контура.
Активируем «Перо» и ставим первую — начало линии.
Ставим вторую точку в желаемом месте, где будет заканчиваться геометрический объект.
Следующим шагом станет создание нового слоя, который можно добавить с помощью горячих клавиш или на панели управления слоев.
Теперь следует кликнуть на полученный контур правой кнопкой мыши и в появившимся окне выбрать пункт «Выполнить обводку контура».
Всплывет еще одно окно, где будет отображаться способ обводки. По умолчанию стоит значение «Кисть» — подтверждаем.
Любая версия программы, например «Фотошоп CS6», пунктирную линию поддерживает. После всех пройденных выше этапов получаем прямую линию, но, помимо нее, можно создавать кривую с пунктиром.
Операция для построения кривой ничем не отличается от рисования прямой линии. Единственный шаг, который будет изменен — создание и вытягивание опорных точек. Ниже представлены некоторые дополнения:
Создаем опорную точку все тем же инструментом «Перо».
Находим нужное место на холсте и зажимаем левую кнопку мыши — стараемся преобразовать радиус кривизны до нужного значения.
Можно продолжить создание кривой новыми дугами, которые делаются точно так же, как и в пункте 2.
Последующие этапы остаются неизменными — общая картина операций не меняется, и все делается в точности, как в случае с прямой пунктирной линии в «Фотошопе».
Другие инструменты
С помощью графических объектов возможно создать геометрическую окантовку фигур в виде линий с пунктиром. Все эти графические инструменты находятся в одной ячейке на главной панели. С их помощью можно создать как и самые примитивные фигуры: линия, многоугольник, эллипс; так и произвольные, которые были загружены автоматически в редактор: стрелка, звезда, диалоговое облако и другие. Какой бы вы инструмент ни выбрали, у каждого есть свои настройки и параметры, которые отображаются в верхней части программы в ее шапке. Обводка для фигуры любой формы производится почти так же, как и с инструментом «Перо»:
Выбираем нужный инструмент и воссоздаем объект. Важное примечание — созданные фигуры автоматически имеют свой собственный слой, который можно впоследствии растрировать.
Управляем настройками и ставим оптимальные, которые будут необходимы пользователю.
Правой кнопкой мыши нажимаем на объект и выбираем пункт «Выполнить обводку контура». Всплывет привычное диалоговое окно, где нужно выбрать параметр «Кисть».
Теперь на экране появится фигура, окантованная пунктирной линией по контуру. Новый объект можно продолжить редактировать по своему усмотрению.
Дизайн сайта состоит из множества элементов. И заключается в мелочах. Потому, приходиться постоянно пополнять багаж своих знаний. Порой, для достижения двух разных целей вам приходится применять одинаковый набор операций. Но так будет не всегда. Даже если вы продвинутый дизайнер, иногда вам приходится поломать голову или воспользоваться какой либо обучающей литературой. Сейчас мы изучим вещь, которая будет полезна не только новичкам, но и тем, кто уже давно крутиться в сфере веб дизайна.
Как нарисовать пунктирную линию в фотошопе… Ответов на этот вопрос может быть несколько. Все зависит от того, каково ее назначение. Допустим, вы хотите обыграть ссылку, подчеркнув текст. Самый просто способ – инструмент текст. Да, это несколько банально, но, тем не менее работает. Просто «пишем» так сказать символ «_». Пробел можете поставить один. Или несколько. На ваше усмотрение.
Линию можно растрировать. В окне слоев найдите слой с линией, щелкните по нему правой клавишей мыши и выберите команду «растрировать текст».

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

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

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

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

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

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

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

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

Из этого туториала Вы узнаете, как использовать новый инструмент «Перо кривизны» в Photoshop CC 2018 для простого рисования контуров и как преобразовать контуры контуров в формы, векторные маски и выделения. Следуйте этому пошаговому руководству.
Автор Стив Паттерсон.
Одной из самых больших новых функций Photoshop CC 2018 является новый инструмент Curvature Pen Tool . Инструмент «Перо кривизны» — это упрощенная версия стандартного инструмента «Перо» в Photoshop.Он позволяет рисовать сложные формы и контуры без необходимости редактировать маркеры управления или запоминать сочетания клавиш. Использовать инструмент Curvature Pen Tool так же просто, как щелкать мышью, чтобы добавить точки. Затем Photoshop использует эти точки для автоматического рисования вашего пути.
Как следует из названия, инструмент «Перо кривизны» по умолчанию рисует изогнутые линии. Но, как мы увидим, рисовать прямые линии и переключаться между изогнутыми и прямыми по мере необходимости так же легко. И, как и стандартный инструмент «Перо», мы можем легко преобразовать контуры контуров в контуры выделения, позволяя любому, даже новичку, делать чистые и профессиональные выделения в Photoshop.Посмотрим, как это работает!
Инструмент «Перо кривизны» доступен только в Photoshop CC 2018, поэтому вам понадобится CC 2018, чтобы продолжить. Если вы являетесь подписчиком Creative Cloud, вы можете узнать, как обновить свою копию Photoshop до CC 2018, используя наше руководство «Как поддерживать Photoshop CC в актуальном состоянии». Давайте начнем!
Загрузите это руководство в виде готового к печати PDF-файла!
Настройка документа
Создание нового документа Photoshop
Вместо того, чтобы просто рассказывать вам, как работает инструмент Curvature Pen Tool, давайте настроим все так, чтобы вы могли легко следовать за мной.Начнем с создания нового документа Photoshop. Подойдите к меню File в строке меню в верхней части экрана и выберите New :
.
Переход к файлу> Создать.
Откроется диалоговое окно «Новый документ». На панели Preset Details справа установите для Width и Height нового документа значение 1000 пикселей. Установите разрешение на 72 пикселя / дюйм и убедитесь, что для параметра Background Contents установлено значение White .Затем нажмите кнопку Create в правом нижнем углу. На вашем экране откроется новый документ, залитый белым:
Установка параметров для нового документа на панели Preset Details.
Настройка направляющих
Теперь, когда у нас есть наш документ, давайте настроим направляющие, чтобы нам было легче рисовать одинаковые формы. Поднимитесь в меню View в строке меню и выберите New Guide Layout :
.
Переход к «Просмотр»> «Новый макет направляющей».
В диалоговом окне «Новый макет направляющей» задайте количество столбцов и количество строк — 6 . Убедитесь, что значение Gutter для столбцов и строк либо пусто, либо установлено на 0. Если у вас есть какие-либо уже существующие направляющие, которые необходимо удалить, выберите Очистить существующие направляющие внизу. Затем нажмите ОК, чтобы закрыть диалоговое окно:
Новые параметры макета направляющей.
Теперь вы должны увидеть 3 строки и 3 столбца направляющих перед вашим документом:
Направляющие появятся в документе.
Как рисовать с помощью инструмента Curvature Pen Tool
Шаг 1. Выберите инструмент «Перо кривизны» на панели инструментов
Теперь, когда наш документ настроен, давайте узнаем, как использовать новый инструмент «Перо кривизны» в Photoshop CC 2018. Мы выбираем инструмент «Перо кривизны» на панели инструментов. По умолчанию инструмент «Перо кривизны» вложен в стандартный инструмент «Перо», поэтому вам нужно будет щелкнуть и удерживать значок инструмента «Перо», пока не появится всплывающее меню. Затем выберите инструмент Curvature Pen Tool из меню:
Выбор инструмента «Перо кривизны» на панели инструментов.
Не видите инструмент «Перо кривизны» на панели инструментов? Вот где это найти.
Шаг 2. Установите для режима инструмента значение «Путь» или «Форма».
Перед тем, как начать рисовать с помощью инструмента «Перо кривизны», выберите, хотите ли вы нарисовать контур контура или фигуру , используя параметр Режим инструмента на панели параметров. По умолчанию для параметра Tool Mode установлено значение Path , которое я собираюсь оставить установленным. Если вы хотите нарисовать фигуру, вы должны установить для параметра Режим инструмента значение Форма .Я считаю, что проще просто нарисовать путь, потому что контуры легче увидеть, когда вы рисуете, и вы можете легко преобразовать свой путь в форму, когда закончите. Мы узнаем, как это сделать чуть позже. На данный момент оставьте для параметра Режим инструмента значение Путь:
.
Для параметра «Режим инструмента» можно установить значение «Путь» или «Форма».
Шаг 3. Нажмите, чтобы добавить начальную точку
Чтобы начать рисовать контур или фигуру, щелкните один раз внутри документа, чтобы задать начальную точку. Я нажимаю на место, где пересекаются вертикальная направляющая в центре и горизонтальная направляющая внизу.Обратите внимание, что маленький квадрат появляется в том месте, где вы щелкнули. Это известно как точка привязки , потому что она привязывает к позиции пути в документе:
Щелкните, чтобы добавить начальную точку пути.
Шаг 4: Добавьте вторую точку, чтобы нарисовать прямую
Затем щелкните, чтобы добавить вторую точку привязки. Я щелкну там, где пересекаются вертикальная направляющая слева и горизонтальная направляющая в центре.Обратите внимание, что даже несмотря на то, что инструмент называется Curvature Pen Tool, Photoshop рисует прямую линию , известную как сегмент пути , между двумя точками. Причина в том, что для рисования кривой требуется три точек; один для начала кривой, один для конца и один в середине. Точка в середине определяет угол или дугу кривой. Без этой средней точки все, что может нарисовать Photoshop, — это прямая линия:
При добавлении второй точки между двумя точками рисуется прямая линия.
Шаг 5: Добавьте третью точку, чтобы нарисовать кривую
Щелкните инструментом Curvature Pen Tool, чтобы добавить третью точку. Я щелкну там, где пересекаются верхняя горизонтальная направляющая и центральная вертикальная направляющая. Как только вы щелкните, чтобы добавить третью точку, прямая линия превратится в изогнутую линию:
Добавление третьей точки преобразует прямую линию в кривую.
Изменение толщины и цвета дорожки
Если у вас возникли проблемы с отображением контура контура, вы можете настроить цвет и толщину контура, щелкнув значок шестеренки на панели параметров:
Щелкните значок шестеренки, чтобы открыть параметры пути.
Откроется диалоговое окно Параметры контура , в котором можно изменить толщину контура контура от 0,5 до 3 пикселей. Вы также можете выбрать другой цвет для пути. Я устанавливаю Толщина на 3 пикселя и Цвет на Пурпурный . Обратите внимание, что эти настройки нужны только для того, чтобы помочь вам увидеть свой путь во время работы. Они не влияют на фактический вид пути в документе. Чтобы закрыть диалоговое окно «Параметры пути», еще раз щелкните значок шестеренки:
Измените толщину и цвет контура в параметрах контура.
И теперь мы видим, что и толщина, и цвет моего пути изменились:
Контур пути теперь намного легче увидеть.
Шаг 6: Нажмите, чтобы добавить больше очков
Чтобы продолжить рисование вашего пути или формы, просто щелкните, чтобы добавить больше точек. По умолчанию, когда вы начали рисовать изогнутую линию, добавив третью точку, любые добавленные вами дополнительные точки также будут рисовать кривую. Я добавлю четвертую опорную точку, щелкнув там, где пересекаются вертикальная линия справа и горизонтальная направляющая в центре.Это добавляет новый сегмент пути между третьей и четвертой точками и удлиняет кривую:
Добавление четвертой точки для продолжения рисования кривой линии.
Шаг 7. Щелкните начальную точку, чтобы закрыть путь
Чтобы закрыть путь, снова щелкните исходную начальную точку. Теперь мы нарисовали полный круг с помощью инструмента Curvature Pen Tool, просто щелкнув:
Закройте путь, снова щелкнув начальную точку.
Изменение контура пути
Перемещение существующей точки привязки
Мы нарисовали наш путь, но мы можем легко вернуться к этому моменту и изменить его.На самом деле, есть несколько способов сделать это. Один из них — щелкнуть существующую опорную точку с помощью инструмента «Перо кривизны», чтобы выбрать ее, а затем перетащить точку в новое место. Здесь я перетаскиваю верхнюю точку привязки на две вертикальные направляющие вправо:
Щелчок и перетаскивание существующей точки привязки.
Добавление дополнительных точек привязки
Мы также можем добавить дополнительные точки привязки к существующему пути. Чтобы добавить новую точку, щелкните в любом месте контура пути.Затем перетащите новую точку, чтобы изменить форму пути. Я щелкну в верхнем левом углу пути, чтобы добавить новую точку:
.
Добавление новой точки привязки путем щелчка по контуру пути.
Затем, чтобы изменить форму пути, я перетащу новую точку в верхний левый угол, где пересекаются линии сетки:
Перетаскивание новой точки для изменения формы пути.
Я также нажму, чтобы добавить новую точку привязки в самом верху пути, а затем перетащу новую точку вниз, туда, где линии сетки пересекаются чуть выше центра:
Добавление новой точки вверху и перетаскивание ее вниз.
Переключение между точками кривой и точками угла
Пока что все точки привязки, которые мы добавили с помощью инструмента Curvature Pen Tool, были точками кривой (также известными как точки сглаживания ). То есть контур пути изгибается при прохождении через точку. Другой способ изменить форму пути — преобразовать точку кривой в угловую точку . Чтобы переключиться с точки кривой на точку угла, дважды щелкните на существующей точке кривой.
Я дважды щелкаю по точке, которую я только что добавил в верхнем центре, и теперь мы видим, что вместо плавной кривой контур контура резко меняет направление в этой точке. Чтобы переключиться с угловой точки обратно на точку кривой, снова просто дважды щелкните точку:
Дважды щелкните точку кривой, чтобы преобразовать ее в угловую точку, и наоборот.
Удаление точки
Чтобы удалить точку привязки, щелкните ее с помощью инструмента «Перо кривизны», чтобы выбрать ее, а затем нажмите клавишу Backspace (Win) / Удалить (Mac) на клавиатуре.Здесь я удалил точку в центре вверху, и теперь путь вернулся к той же форме, в которой он был до добавления точки:
Чтобы удалить точку, выберите ее и нажмите Backspace (Win) / Delete (Mac).
Удаление всего пути
Чтобы удалить весь путь, щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) внутри документа, а затем выберите в меню Удалить путь . Вы также удаляете весь путь, нажав Backspace (Win) / Delete (Mac) на клавиатуре, когда не выбраны точки привязки:
Чтобы удалить путь, щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), и выберите «Удалить путь».
Я удалю свой путь, чтобы вернуться к своему пустому документу и моим руководствам:
Путь удален.
Рисование отрезков прямого пути с помощью инструмента Curvature Pen Tool
Основным преимуществом инструмента «Перо кривизны» является то, что с его помощью легко рисовать контуры изогнутых контуров. Но мы также можем использовать его для рисования прямых линий. Мы уже видели, что можем преобразовать точку кривой в точку угла, дважды щелкнув по ней. Но если мы заранее знаем, что нам нужно нарисовать прямую линию, нет необходимости сначала рисовать точку кривой, а затем преобразовывать ее.Вместо этого просто дважды щелкните , а не один, чтобы добавить новую точку. Photoshop автоматически добавит точку как угловую.
Допустим, мы хотим нарисовать прямоугольный контур контура с помощью инструмента «Перо кривизны». Начните с нажатия, чтобы задать начальную точку пути. Нажимаю в левом нижнем углу:
Щелкните, чтобы задать начальную точку для контура прямоугольного пути.
Затем, поскольку мы знаем, что мы хотим, чтобы следующая точка была угловой, дважды щелкните, а не один, чтобы добавить ее.Я дважды щелкну две горизонтальные направляющие над моей начальной точкой:
Дважды щелкните, чтобы добавить вторую точку как угловую.
Чтобы добавить третью точку к прямоугольной форме, я снова дважды щелкну, чтобы добавить ее в качестве угловой точки. Обратите внимание: поскольку мы добавляем точки как угловые, Photoshop соединяет их сегментами прямого пути вместо кривых:
Дважды щелкните, чтобы добавить третью точку.
Я добавлю четвертую угловую точку, дважды щелкнув в правом нижнем углу.Опять же, Photoshop добавляет еще один отрезок прямого пути:
Добавление четвертой угловой точки.
Чтобы завершить контур, я дважды щелкну начальную начальную точку, и Photoshop добавит оставшийся прямой сегмент:
Дважды щелкните начальную точку, чтобы закрыть путь.
Преобразование сегмента прямого пути в арку
Что делать, если вместо плоской горизонтальной линии в верхней части пути вам нужна арка? С инструментом Curvature Pen Tool это просто.Все, что вам нужно сделать, это щелкнуть в любом месте по верхнему сегменту пути, чтобы добавить новую точку привязки:
Добавление новой точки в начало пути.
Затем перетащите новую точку вверх, чтобы создать арку:
Перетаскивание новой точки вверх.
Одновременное перемещение нескольких точек привязки
Итак, мы узнали, что мы можем перемещать отдельную точку привязки, щелкнув и перетащив ее с помощью инструмента «Перо кривизны». Но что, если нам нужно переместить две или более точек привязки одновременно? В этом случае мы можем использовать Photoshop Direct Selection Tool .Вы найдете инструмент прямого выделения, также известный как «инструмент белой стрелки», вложенный за инструментом выделения пути («инструмент черной стрелки») на панели инструментов. Нажмите и удерживайте инструмент выбора пути, пока не появится всплывающее меню, а затем выберите в меню инструмент прямого выбора:
Выбор инструмента прямого выбора на панели инструментов.
Допустим, мы хотим изменить высоту нашего пути. Нам нужно выбрать все три точки привязки, которые составляют вершину (точка слева вверху, справа вверху и точка вверху арки).Чтобы выбрать все три точки одновременно, щелкните и перетащите рамку вокруг всех трех точек с помощью инструмента прямого выбора:
Перетаскивание инструментом «Прямое выделение» по всем трем точкам вверху.
Затем, выделив все три точки вверху, щелкните любую из них и перетащите все три точки вниз вместе:
Изменение формы пути путем одновременного перемещения всех выбранных опорных точек.
Чтобы вернуться к инструменту Curvature Pen Tool, повторно выберите его на панели инструментов:
Повторный выбор инструмента «Перо кривизны».
А затем, чтобы удалить путь, чтобы мы могли начать заново, щелкните правой кнопкой мыши (Win) / Control-щелкните (Mac) внутри документа и выберите Удалить путь из меню:
Выбор опции «Удалить путь».
Загрузите это руководство в виде готового к печати PDF-файла!
Рисование сердца с помощью инструмента Curvature Pen Tool
Наконец, давайте возьмем то, что мы узнали о кривых и угловых точках, и воспользуемся этим, чтобы нарисовать путь в форме сердца.Когда мы закончим, мы закончим этот урок, изучив, как превратить путь в реальную форму, а также векторную маску и контур выделения.
Сначала щелкните внизу по центру с помощью инструмента Curvature Pen Tool, чтобы установить начальную точку:
Щелкните, чтобы установить начальную точку для сердца.
Затем щелкните в верхнем левом углу, где первая вертикальная направляющая слева пересекается со второй горизонтальной направляющей сверху. Это добавляет вторую точку, и, поскольку на данный момент у нас есть только две точки, Photoshop рисует между ними отрезок прямого пути:
Щелкните, чтобы добавить вторую точку.
Чтобы добавить третью точку, щелкните в месте пересечения верхней горизонтальной направляющей со второй вертикальной направляющей слева. Поскольку это наша третья точка, Photoshop преобразует отрезок прямого пути в кривую:
Добавление третьей точки создает кривую.
Нам нужно добавить нашу четвертую точку в месте, где вторая горизонтальная направляющая сверху встречается с вертикальной направляющей в центре. Но поскольку мы знаем, что эта точка должна быть угловой, а не точкой кривой, дважды щелкните , чтобы добавить ее:
Добавление четвертой точки в качестве угловой точки двойным щелчком.
Затем щелкните в месте пересечения верхней горизонтальной направляющей со второй вертикальной направляющей справа. Несмотря на то, что мы добавляем эту точку как точку кривой (одним щелчком), Photoshop сначала нарисует отрезок прямого пути. Это потому, что наша предыдущая точка была угловой:
Щелкните один раз, чтобы добавить пятую точку привязки как точку кривой.
Чтобы добавить следующую точку, щелкните там, где первая вертикальная направляющая справа встречается со второй горизонтальной направляющей сверху.Photoshop снова преобразует прямой путь в кривую:
Добавление шестой точки преобразует предыдущую прямую в кривую.
Наконец, давайте закроем путь и завершим форму сердца, щелкнув начальную точку внизу. Нам нужно, чтобы эта точка была угловой, а не кривой, поэтому завершите путь, дважды щелкнув начальную точку:
Дважды щелкните начальную точку, чтобы замкнуть контур угловой точкой.
Отключение направляющих
Мы закончили рисование с помощью инструмента Curvature Pen Tool, поэтому давайте удалим направляющие, перейдя в меню View в строке меню, выбрав Show , а затем выбрав Guides , чтобы отменить их выбор:
Переход к «Просмотр»> «Показать»> «Направляющие».
Остается только наш путь:
Контур в форме сердца, нарисованный с помощью инструмента «Перо кривизны».
Преобразование контура в выделение, маску или форму
Теперь, когда мы нарисовали наш путь, Photoshop упрощает преобразование пути в контур выделения , векторную маску или форму .Пока инструмент Curvature Pen Tool все еще активен, вы найдете все три параметра на панели параметров. Просто выберите тот, который вам нужен:
Используйте параметр «Создать», чтобы превратить контур в выделение, векторную маску или форму.
Схема выбора
Чтобы преобразовать путь в контур выделения, выберите Выделение :
Выбор «Выбор» на панели параметров.
Photoshop откроет диалоговое окно Make Selection .Здесь вы можете добавить размытие к выделению, если необходимо, или просто нажмите OK, чтобы закрыть диалоговое окно:
Диалоговое окно «Сделать выбор».
Photoshop мгновенно преобразует контур вашего контура в контур выделения «марширующих муравьев»:
Путь, нарисованный с помощью инструмента «Перо кривизны», теперь является контуром выделения.
Я отменю его, чтобы мы могли просмотреть два других варианта, перейдя в меню Edit и выбрав Undo Selection Change .Я также мог просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:
Переходим в меню «Правка»> «Отменить изменение выбора».
Векторная маска
Чтобы создать векторную маску из контура контура, выберите Маска на панели параметров:
Щелчок по опции «Маска».
Photoshop преобразует контур в векторную маску, при этом в документе остается видимой только область внутри контура. Шаблон шахматной доски , который теперь окружает контур, представляет прозрачность, поскольку у нас нет других слоев под маской:
Теперь путь отображается как векторная маска, и видна только область внутри контура.
И если мы посмотрим на панель «Слои», то теперь увидим миниатюру векторной маски :
Миниатюра векторной маски отображается на панели «Слои».
Я отменю векторную маску, чтобы мы могли рассмотреть третий вариант, перейдя в меню Edit и выбрав Undo Add Vector Mask . Или, опять же, я мог просто нажать Ctrl + Z (Win) / Command + Z (Mac) на моей клавиатуре:
Идем в Edit> Undo Add Vector Mask.
Слой формы
Наконец, чтобы преобразовать контур, нарисованный с помощью инструмента Curvature Pen Tool, в слой Shape, выберите Shape :
Выбор «Формы» на панели параметров.
Photoshop заполняет новую форму вашим текущим цветом переднего плана, который в моем случае черный:
Теперь путь преобразован в форму.
Если мы снова посмотрим на панель слоев, то теперь мы видим новый слой Shape . Чтобы изменить цвет фигуры, дважды щелкните миниатюру фигуры :
Дважды щелкните миниатюру слоя Shape, чтобы изменить цвет формы.
Затем выберите новый цвет из палитры цветов . Поскольку мы нарисовали форму сердца, я выберу оттенок красного. По завершении нажмите OK, чтобы закрыть палитру цветов:
.
Выбор другого цвета для фигуры из палитры цветов.
Наконец, чтобы скрыть контур контура вокруг формы, нажмите Введите (Win) / Верните (Mac) на клавиатуре. Или просто выберите другой инструмент на Панели инструментов. Вот моя форма сердца, теперь заполненная красным:
Форма красного сердца, нарисованная с помощью инструмента «Перо кривизны».
И вот оно! Это наше пошаговое руководство по рисованию контуров и фигур с помощью нового инструмента «Перо кривизны» в Photoshop CC 2018! Также ознакомьтесь с новыми советами по работе с инструментами в Photoshop CC 2018. Посетите наш раздел «Основы Photoshop», чтобы получить аналогичные уроки!
: Часть 10. Использование контуров :: Adobe Photoshop 7. Практическое руководство :: Adobe :: eTutorials.org
Хотя прямолинейный контур, который вы научились создавать в Задаче 1, хорош для основных форм, вы, несомненно, захотите также создавайте пути с изогнутыми линиями.В этой задаче показано, как рисовать пути с изогнутыми сегментами, что позволяет создавать более сложные и подробные пути.
Открыть файл
Выберите «Файл», «Открыть», чтобы запустить нужный файл. Выберите инструмент «Перо» на панели инструментов (возможно, вам придется выбрать его из всплывающего меню, которое появляется после того, как вы щелкнете инструмент на панели инструментов).
Поставьте первую точку
Поместите перо на область изображения в том месте, где вы хотите начать путь.Щелкните один раз, чтобы разместить точку привязки.
Создание первого изогнутого сегмента
Щелкните и перетащите, помещая вторую точку, чтобы создать сегмент кривой траектории. При перетаскивании из второй точки появляются две ручки, показывающие направление кривой.
Изменить кривую
Нажмите и удерживайте клавишу (для пользователей Mac) или Ctrl (для пользователей Windows), чтобы изменить курсор «Перо» на инструмент «Прямое выделение».Щелкните и перетащите любой из маркеров, чтобы изменить форму кривой.
Завершить путь
Продолжайте добавлять точки, чтобы при необходимости создать дополнительные прямые или изогнутые сегменты. При желании щелкните первую точку еще раз, чтобы замкнуть путь.
Сохранить и назвать путь
Откройте палитру «Контуры», выбрав «Окно», «Контуры». В палитре дважды щелкните плитку для только что созданного пути (плитка называется «Рабочий путь»).В появившемся диалоговом окне «Сохранить путь» введите имя пути и нажмите «ОК», чтобы сохранить путь.
Редактирование криволинейных сегментов
Вместо того, чтобы редактировать каждый изогнутый сегмент по мере его создания, вам может быть проще аппроксимировать все точки кривой и точно настроить все сегменты одновременно. Когда вы работаете таким образом, вы можете выбрать инструмент «Прямое выделение» прямо на панели инструментов вместо нажатия клавиши (пользователи Mac) или клавиши Ctrl (пользователи Windows), как вы это делали на шаге 4.
Использование Pen Tool и других инструментов специальных эффектов в Adobe Photoshop
Создание специальных эффектов
Возможность добавлять к фотографиям спецэффекты — одна из самых приятных функций Photoshop. Несколькими щелчками мыши вы можете превратить обычную семейную фотографию в произведение искусства. Photoshop CS6 может имитировать все виды художественных техник, включая масляную живопись, наброски углем и раскрашивание водой. Вы также можете размывать изображения, тиснить их, искажать и стилизовать их и многое, многое другое.
Начало работы с фильтрами Photoshop
Специальные эффекты в Photoshop CS6 называются «Фильтрами». И действительно, это неплохой способ думать о них, как о просмотре ваших изображений через специальный объектив. Подумайте о тех зеркалах в здании похорон на карнавале. В Photoshop CS6 даже есть несколько фильтров, которые могут имитировать эти волшебные зеркала:
Может получиться так, как если бы ваши фотографии были напечатаны на Silly Putty, а не на бумаге.
Найдите минутку, чтобы найти фильтры в строке меню в верхней части экрана Photoshop, и щелкните по ней.Здесь вы найдете список категорий фильтров, который выглядит следующим образом:
Щелкните каждую категорию, чтобы увидеть доступные вам фильтры, как в примере выше.
Здесь мы нажали «Мазки кистью»> «Заштриховка»:
.
Хотя некоторые фильтры просто вступят в силу, как только вы их выберете, у других могут быть параметры, позволяющие настроить окончательный вид. Например, в приведенном выше примере у нас была возможность изменять длину штриха в штриховке, силу штриха и резкость каждого штриха.В этом случае откроется Галерея фильтров, в которой вы сможете внести эти корректировки до того, как какие-либо изменения будут применены к вашему изображению.
Следует помнить, что фильтры применяются только к активному слою.
Галерея фильтров
Галерея фильтров на самом деле является отличным способом поиска и применения эффектов к вашим изображениям, потому что она дает вам возможность увидеть, как ваше изображение будет выглядеть с эффектом, прежде чем вы на самом деле примените его.
Чтобы найти галерею фильтров, щелкните «Фильтр»> «Галерея фильтров».Галерея фильтров выглядит так:
Изображение слева — это превью. Посмотрите на маленькую рамку чуть ниже, где написано 100%. Вы можете использовать это поле, чтобы изменить масштаб вашей фотографии. Меньшее число позволит вам сжать все изображение на экране, как в следующем примере.
Различные категории фильтров перечислены в среднем поле. Щелкните категорию, чтобы развернуть ее. Затем мы выберем «Подмалевок».
Как видите, теперь у нас есть несколько дополнительных опций, которые позволят нам точно настроить внешний вид нашей фотографии.Некоторые другие фильтры могут иметь несколько разных опций, но концепция в основном одинакова для всех из них.
В этом случае у нас есть возможность изменить размер кисти, размер текстуры и так далее. Мы можем выбрать раскрывающееся меню «Текстура», чтобы имитировать тип материала, на котором нарисовано изображение. В данном случае это песчаник.
Изменение любого из этих параметров может существенно повлиять на окончательный вид вашей фотографии, поэтому поэкспериментируйте с различными настройками. Фактически, вы должны воспользоваться этой возможностью, чтобы проверить процесс на себе.Запустите Photoshop CS6, загрузите понравившееся изображение и попробуйте использовать различные фильтры. Попробуйте все варианты при разных настройках и посмотрите, как они выглядят. Только не переписывайте свои оригиналы.
Смарт-фильтры
Одна из проблем с использованием обычных фильтров для изменения изображения заключается в том, что после того, как вы применили его, вы не можете вернуться позже и изменить настройки. Пиксели самого изображения были безвозвратно изменены. Это называется «деструктивным» редактированием. (Примечание: вы все еще можете вернуться и «Отменить» недавно примененный фильтр.) Вот почему всегда лучше работать с копией изображения, а не с оригиналом.
Чтобы решить эту проблему, Photoshop придумал «умные фильтры». Они позволяют в любой момент вернуться и изменить настройки любого фильтра. Более того, вы можете складывать их точно так же, как слои, делать их непрозрачными или использовать их в качестве масок, чтобы добавить эффект только к одной области изображения.
Для создания смарт-фильтра необходимо сначала преобразовать изображение в смарт-объект. Выберите «Фильтр»> «Преобразовать для смарт-фильтров».
Щелкните ОК.
Теперь вы можете открыть палитру слоев, чтобы убедиться, что ваше изображение преобразовано в смарт-объект. Вы увидите значок над своим изображением, который выглядит следующим образом (мы обвели его красным):
Теперь вы можете добавить фильтр так же, как и в обычных условиях. Мы выберем Artistic, Paint Daubs с размером кисти 22, резкостью 30 и типом кисти «Sparkle» из галереи фильтров.
Теперь взгляните на палитру слоев.Интеллектуальный фильтр появляется прямо под нашим изображением в иерархии, а тип фильтра — прямо под ним.
Если бы вы добавили еще один фильтр, он бы появился над первым и так далее. Слои теперь можно перемещать, удалять или скрывать, как обычный слой. Чтобы настроить какой-либо аспект фильтра, теперь вы можете просто дважды щелкнуть его имя, чтобы открыть меню «Галерея фильтров», и поэкспериментировать с нужным вам содержимым, настройки которого вы можете изменить в любое время.
Создание текстовых эффектов
Вы можете деформировать его, обернуть вокруг объектов, добавить тени и многое другое.
Деформация текста
Есть несколько способов деформировать текст. Вы можете заставить его следовать арке, скручивать его, делать выпуклым, надувать его и многое другое.
Чтобы деформировать текст, выберите текстовый слой и нажмите кнопку «Деформация» на панели параметров. Выглядит это так:. Откроется диалоговое окно «Деформация текста». Выберите стиль из раскрывающегося меню. По умолчанию выбрано «Нет», и никакие параметры недоступны. Выберем «Рыба».
Эффект применяется автоматически. Теперь вы можете изменять внешний вид текста, регулируя изгиб, горизонтальное искажение и т. Д.Когда будете готовы, нажмите ОК.
Вы можете удалить деформацию в любое время, выбрав текстовый слой с деформированным текстом на нем, нажав кнопку «Деформация текста» и выбрав «Нет» в раскрывающемся меню «Стиль».
Прежде чем мы продолжим, пожалуйста, найдите время, чтобы просмотреть параметры стиля «Деформированный текст» и ознакомиться с ними. Попробуйте применить их к тексту и настроить доступные параметры. Это даст вам хорошее представление о возможностях Photoshop CS6 по деформированию текста.
Ввод текста по траектории
Теперь вы узнаете, как заставить текст следовать по этим и любым другим путям. В этом примере мы создали контур с помощью инструмента «Перо», а затем заставили наш текст следовать за ним:
Итак, сделаем это. Создайте простой контур с помощью инструмента «Перо». Теперь выберите инструмент «Текст» и поместите указатель на путь в том месте, где вы хотите начать текст. Когда указатель наведен на путь, он будет выглядеть так:. Щелкните мышью и начните вводить текст.Текст будет двигаться в том направлении, в котором были добавлены точки привязки.
Текст, набранный вдоль контура, может быть ориентирован как горизонтально, так и вертикально. Вертикальный текст отображается параллельно контуру, а горизонтальный текст — перпендикулярно ему.
В приведенном выше примере мы выбрали инструмент горизонтального типа. Чтобы ввести вертикальный текст, щелкните правой кнопкой мыши и удерживайте инструмент текста, затем выберите инструмент вертикального текста. Это тот, рядом со стрелкой, который выглядит так:.
Вы можете перемещать текст, только перемещая весь путь.Чтобы изменить форму текста, просто перетащите точки привязки в другое место.
Применение градиентов к тексту
Текст — это просто еще один объект в Photoshop CS6, поэтому с ним можно работать так же, как с любым другим объектом. Его можно использовать как маску, его можно перемещать, раскрашивать, манипулировать и т. Д. Однако применить градиент к вашему тексту не так просто, как использовать инструмент «Градиент» на панели инструментов.
Щелкните инструмент «Текст» и введите текст. Убедитесь, что выделен новый слой с текстом на нем.Теперь продублируйте этот слой, щелкнув правой кнопкой мыши по слою на панели «Слои» и выбрав «Дублировать слой».
Выделив новый слой, щелкните его правой кнопкой мыши и выберите «Растеризовать тип».
Растеризация — это просто процесс преобразования векторного изображения в растровое изображение.
Снова щелкните слой правой кнопкой мыши и выберите «Параметры наложения».
Откроется диалоговое окно «Стиль слоя». Отсюда вы можете добавить тени, внутренние тени, внешнее свечение и т. Д., поэтому не стесняйтесь возвращаться к этому шагу, поэкспериментировать и ознакомиться с различными параметрами и тем, как они отображаются на странице.
Поскольку на данном этапе нас интересует только добавление градиента к нашему тексту, мы собираемся выбрать «Gradient Overlay» в меню слева. Если у вас установлен флажок «Предварительный просмотр», выбранные вами параметры будут автоматически применяться к тексту, как в примере ниже.
Возможно, вам придется изменить положение диалогового окна «Стиль слоя» на экране, чтобы текст был виден.
Вы можете выбрать любую комбинацию стилей для применения к тексту. В нашем примере мы также добавим несколько вариантов обводки к нашему тексту.
Нажмите «ОК», когда закончите, и посмотрите на панель «Слой».
Вот наш текст:
Как видите, эффекты, которые мы добавили к нашему тексту, действуют идентично смарт-фильтрам, о которых мы узнали ранее. Вы можете дважды щелкнуть любой из подслоев, связанных с эффектами, чтобы изменить значения и внешний вид вашего текста.
Как нарисовать линию в Photoshop
Что вы будете создавать
Если вы хотите научиться рисовать линию в Photoshop CC, в этом коротком руководстве я покажу вам популярные методы рисования линий многих типов — для Например, как нарисовать прямую, изогнутую или пунктирную линию.
Что вы узнаете из этого урока Photoshop
Как нарисовать прямую линию в Photoshop
Как нарисовать изогнутую линию в Photoshop
Как нарисовать вертикальную / горизонтальную линию в Photoshop
Как нарисовать линию под любым углом в Photoshop
Как изменить толщину и цвет линии в Photoshop
Присоединяйтесь к нам на нашем канале Envato Tuts + YouTube:

1.Как нарисовать прямую линию в Photoshop
Шаг 1
Сначала я покажу вам, как нарисовать прямую линию в Photoshop. Самый простой способ — использовать инструмент, предназначенный для этой цели: Line Tool (U) :
Step 2
Установите Mode на пикселей.
Шаг 3
Затем просто щелкните и перетащите, чтобы нарисовать прямую линию под любым углом.
Step 4
Вы также можете использовать инструмент Brush Tool (B) . Щелкните в том месте, где должна начинаться линия, удерживайте Shift и щелкните конечную точку линии.Фотошоп нарисует это за вас!
Эти линии используют вашу текущую кисть в качестве основы
2. Как нарисовать ломаную линию в Photoshop
Хорошо, но как нарисовать ломаную линию в Photoshop? Для этого можно использовать тот же метод. Если сначала щелкнуть, а затем нажать Shift , вы нарисуете отдельную прямую линию. Но если удерживать Shift и щелкнуть снова, конечная точка предыдущей строки станет начальной точкой новой. Итак, запомните порядок: нажмите Shift и нажмите для отдельной строки, нажмите Shift и щелкните для непрерывной ломаной линии.
1 : щелкните, нажмите Shift, щелкните, отпустите Shift, 2 : щелкните, нажмите Shift, щелкните, щелкните, щелкните …
3. Как нарисовать линию под углом 90 градусов в Photoshop
Теперь позвольте мне показать вам, как нарисовать линию под углом 90 градусов в Photoshop. Здесь также пригодится клавиша Shift. Удерживайте Shift и начните рисовать влево или вправо, чтобы нарисовать горизонтальную линию, и вверх или вниз, чтобы нарисовать вертикальную линию. Photoshop выпрямит их за вас.
4. Как нарисовать кривую линию в Photoshop
Step 1
Итак, это была прямая линия, но как нарисовать кривую линию в Photoshop? Конечно, вы можете использовать инструмент «Кисть » (B) , чтобы просто нарисовать любую линию, которую хотите, но если у вас нет графического планшета, может быть сложно контролировать ее форму.Давайте вместо этого воспользуемся инструментом Curvature Pen Tool (P) .
Как нарисовать изогнутую линию в Photoshop с помощью мыши? Вы можете использовать Brush Tool, но …
Шаг 2
Инструмент Curvature Pen Tool скрыт в меню Pen Tool:
Step 3
Установите Mode на Shape , удалите заливку Fill. , добавьте цвет к Stroke и отрегулируйте толщину линии.
Step 4
Этот инструмент позволяет рисовать кривую линию, щелкая и перетаскивая.В Лучшее в этом то, что линия остается полностью редактируемой — просто щелкните и перетащите любую из ее точек, чтобы изменить ее форму. Удерживая нажатой клавишу Control, щелкните , чтобы закончить рисование, и используйте инструмент Direct Selection Tool (A) , чтобы снова выбрать линию.
… Инструмент Curvature Pen Tool намного лучше для этой цели!
Подробнее об использовании инструмента «Перо кривизны» можно узнать здесь:
5. Как нарисовать пунктирную линию в Photoshop
Step 1
Вот как нарисовать пунктирную линию в Photoshop.Если вы щелкните линию рядом с толщиной обводки, вы увидите несколько предустановок, включая пунктирные линии.
Шаг 2
Щелкните выбранный вами пресет и просто начните рисовать линию:
Шаг 3
Если вы хотите создать свой собственный пресет для пунктирной линии, нажмите Дополнительные параметры …
Нажмите «Дополнительные параметры» «для создания пользовательской предустановки для пунктирной линии
Шаг 4
… и отрегулируйте настройки. Нажмите Сохранить , чтобы сохранить предустановку для дальнейшего использования.
6. Как нарисовать черную линию в Photoshop
Step 1
Если вам интересно, как нарисовать черную линию в Photoshop, это работает одинаково для всех цветов. Чтобы нарисовать линию любого цвета с помощью инструмента «Кисть » (B), или другого инструмента в режиме « пикселей, », настройте цвет на панели « Color ».
Используйте палитру цветов для линий пикселей …
Шаг 2
Если вы предпочитаете инструмент Curvature Pen Tool (P) или любой другой инструмент в режиме Shap e, настройте цвет в Stroke панель — вы можете сделать это даже после того, как линия будет нарисована.
… и настройки обводки для ваших векторных линий
7. Как нарисовать жирную линию в Photoshop
Шаг 1
Если вы хотите узнать, как нарисовать жирную линию в Photoshop, у вас есть два варианта: либо увеличить размер кисти, которую вы рисуете, с помощью квадрата. клавиши скобок ([), (]) …
Толщина линий пикселей не может быть изменена после того, как они нарисованы …
Шаг 2
… или, если вы находитесь в режиме формы , просто толщина обводки в настройках.
… но векторные линии этим не ограничиваются!
8. Как нарисовать линию под 45 градусов в Photoshop
Step 1
Но как нарисовать линию под 45 градусов в Photoshop или под любым другим углом? Вот хитрость: используйте инструмент Rotate View Tool (R) .
Шаг 2
Введите свой угол в поле Угол поворота и нажмите Enter.
Посмотрите на значок рядом с полем «Угол поворота», чтобы увидеть предварительный просмотр вашей линии.
Step 3
Теперь просто нарисуйте прямую линию.
Шаг 4
Нажмите Escape , чтобы вернуться к виду по умолчанию и увидеть линию под правильным углом.
Хорошая работа!
Теперь вы знаете, как нарисовать линию в Photoshop! Может показаться, что это немного, но каждое произведение начинается с линии. Просто посетите раздел графики в Envato Elements, чтобы увидеть, как простые линии можно успешно использовать в графическом дизайне.
Если вы хотите узнать больше об основах Photoshop, здесь вы можете найти несколько руководств для начинающих:
Как сделать изогнутую линию в Cricut Design Space + Бесплатные SVG Curvy Lines — Daydream Into Reality
Привет, мечтатели!
В сегодняшнем уроке я научу вас всем своим приемам получения изогнутых линий в Cricut Design Space.
Кроме того, в конце этой публикации есть файл SVG, в котором вы можете загрузить несколько изогнутых линий для использования в своих проектах.
Приступим!
Вы не можете добавить изогнутые линии в Cricut Design Space. Однако вы можете извлекать изогнутые линии из изображений Cricut Access и / или создавать кривые, приваривая и разрезая окружности относительно других фигур.
В последнее время я прилагаю все усилия, чтобы ответить на вопросы о формах и линиях для Cricut Design Space.
Посмотрите, как сделать скругленными углами и добавить одиночных линий.
Я искренне хочу дать вам возможность создавать все, что вы хотите, в Cricut Design Space, а изогнутые линии и формы являются неотъемлемой частью практически любого дизайна.
Если вы новичок и все еще разбираетесь в программном обеспечении Cricut, я рекомендую вам прочитать мое фантастическое руководство и руководство по Ultimate Cricut Design Space.
Понимание различий
Прежде чем мы начнем, и чтобы вы могли следовать этому руководству, вам необходимо знать разницу между кривой линией и кривой формы.
Разница между изогнутой линией и изогнутой формой
Изогнутая линия идеальна, если вы хотите вырезать, надрезать или нарисовать одну линию на дизайне. Эта линия показывает, где именно лезвие прорежет.
Пышная форма имеет те же свойства, что и квадрат, треугольник, сердце или любая другая форма. Они идеально подходят, если вы хотите включить их в разные конструкции, и вы можете сваривать и разрезать их на другие формы.
Попытка создать изогнутые эффекты на фигурах
Если вы пытаетесь создать волнистый эффект на своих формах, вы можете добиться этого, сварив круги, а затем нарезав их по желаемой форме.
Давайте посмотрим пошаговое руководство.
Шаг 1. Добавьте круги
Добавьте круги, чтобы создать новую форму. Форма круга может быть расположена на левой панели под значком фигур.
В этом уроке я использовал три круга, а затем выровнял их по верхнему краю.
Будьте изобретательны; они не должны располагаться в таком порядке, подумайте о кривой, которую хотите, и постарайтесь, чтобы край круга выглядел именно так.
Добавьте круги и выровняйте их, чтобы создать желаемую кривую.
Шаг 2 — Сварка и дублирование
Когда у вас есть все круги, вам нужно выбрать их и их, а затем нажать «Weld».”
Как вы можете видеть на картинке ниже, была создана новая форма (например, облачная).
На этом этапе вы можете использовать край новой формы и разрезать ее по другой; однако я собираюсь продублировать его, а затем нарезать их обоих.
Сварка и дублирование
Шаг 3 — Нарезка и воспроизведение вокруг
Попытайтесь увидеть, сколько новых изогнутых форм можно получить, разрезав два «облака», и подумайте, как вы можете включить их в новый дизайн.
Создайте как можно больше округлых форм, нарезав обе формы.
Я использовал один из «результатов нарезки» в квадрате.
Добавьте волнистые линии к квадрату.
Проблема с этим методом заключается в том, что вы не можете получить отдельные линии разреза; они всегда будут иметь какую-то пышную форму. Не произвольная линия, которую можно просто прорезать.
Добавление изогнутых линий с помощью Cricut Access
Если у вас есть Cricut Access (обширная библиотека файлов для резки Cricut), вы можете искать изогнутые линии в своих файлах, а затем добавлять их одну за другой в свой проект.
Если вы не знаете, что такое Cricut Access, прочтите это фантастическое руководство, которое я собрал , и выясните, подходит ли это вам или нет.
Щелкните изображения и введите линии, линии, кривые, кривые, чтобы увидеть, что получится.
В этом уроке я искал по строке ключевых слов и добавил опцию «Радуга».
Так как мне нужны были только изогнутые линии, я спрятал — вы можете удалить их тоже — остальные слои.
Проблема с этим методом заключается в том, что он не бесплатен, к тому же доступно не так много вариантов, и вы не можете использовать одну линию для сварки или разрезания, поэтому забудьте о создании с их помощью новых форм.
Примечание: Есть и другие изогнутые формы, похожие на те, которые мы воссоздали выше, которые вы также можете включить в свой дизайн.
Получите изогнутые линии и кривые формы БЕСПЛАТНО
Curved Lines and Curvy Shapes — Мой подарок вам! 🙂
У меня есть Adobe Illustrator (это моя любимая программа для создания потрясающе красивых файлов для резки). Тем не менее, не у всех есть такая возможность и доступ к этой программе, и я твердо уверен, что каждый должен иметь доступ к изогнутым линиям.
Вы не согласны со мной?
У меня есть несколько изогнутых линий и форм, которые вы можете загрузить и использовать в своих проектах, даже для коммерческого использования, если вы используете их в проекте.
НЕ загружайте их самостоятельно на свой или любой другой веб-сайт; если вы думаете, что они кому-то будут полезны, перенаправьте их на этот пост!
Эта лицензия предназначена только для этих изогнутых линий, ни один из других моих проектов не может быть использован в коммерческих целях.
Щелкните правой кнопкой мыши и сохраните этот файл SVG, затем загрузите его в Пространство дизайна, используйте любую изогнутую форму или кривую линию, которую хотите, и проявите творческий подход!
Ой!
И, как вы знаете, у меня также есть библиотека, полная бесплатных файлов SVG и печатных форм для всех моих подписчиков, также известных как Daydreamers. Вы можете увидеть превью прямо здесь. или получите доступ, заполнив эту форму.
Прикрепите его к более позднему аллигатору!
Объяснение контуров Photoshop
В этом вводном руководстве вы узнаете о функции контуров Photoshop.Пути — мощный инструмент и большая тема для обсуждения. Их также довольно сложно освоить, но как только вы это сделаете, вы никогда не оглянетесь назад!
Наслаждайтесь…
Что такое пути?
Пути представляют собой векторные (линейные) рисунки. Это означает, что вы можете растягивать и изменять форму пути, при этом детали не будут потеряны. Сравните это со стандартным растровым изображением, например фотографией, которая станет блочной при растяжении и потеряет детали при уменьшении размера.
Пути действительно полезны.Когда вы освоите инструмент «Перо» и другие инструменты создания контуров, вы сможете создавать действительно сложные формы от руки, такие как символы, рисунки и значки. Затем вы можете превратить эти формы в растровые изображения в любом разрешении!
Пути также отлично подходят для выделения нестандартных объектов. Поскольку вы можете легко редактировать форму контура после его создания, вы можете настроить его так, чтобы оно точно соответствовало неровной границе. Намного лучше, чем возиться с инструментами лассо!
Photoshop включает в себя ряд классных форм, которые вы можете создать с помощью инструмента «Фигура».Эти формы также являются путями. Однако, как только вы научитесь использовать инструменты контура, вы сможете играть с этими встроенными формами и изменять их, а также создавать свои собственные формы с нуля.
Пример пути
Вот типичный контур в Photoshop. Не бойтесь! 🙂
Вы увидите, что путь состоит из отрезков линии и точек привязки . Сегменты линии — это линии и кривые, которые фактически составляют путь. Точки привязки — это подвижные точки на концах отрезков линии, которые позволяют регулировать положение и форму линий.
Типы отрезков
Есть два типа отрезков:
Прямые сегменты . Их легче всего нарисовать и понять. Вы увидите, что сегменты прямых линий не имеют линий направления или точек направления.
Изогнутые отрезки . Это самые сложные! Форма каждой кривой контролируется линиями направления и точками направления , которые вы можете видеть на диаграмме выше.Подробнее об этом чуть позже.
Типы анкерных точек
Также есть два типа точек привязки:
Гладкие анкерные точки . Когда кривые на каждой стороне точки привязки входят в точку и выходят из нее под одним и тем же углом, получается плавная точка привязки. Другими словами, существует плавный переход через точку от одной кривой к другой. На диаграмме видно, что точки этого типа имеют две направляющие линии, расположенные напротив друг друга (на 180 градусов друг от друга).
Угловые точки крепления . Этот тип точки отмечает резкое изменение направления между одной кривой и другой. Также используется при соединении с одной или двумя прямыми линиями. Обратите внимание на диаграмме, что направляющие линии в угловых точках привязки не разнесены на 180 градусов (или, в случае прямых отрезков, направляющих линий нет вообще).
О компонентах пути
Давайте также кратко рассмотрим компоненты пути.Путь может состоять из одного или нескольких компонентов пути. Каждый компонент представляет собой серию сегментов и узловых точек. Более того, каждый компонент отличается и отделен от всех других компонентов, то есть они не соединяются. Вот пример пути с 3 отдельными компонентами пути:
Обратите внимание, что компоненты пути не обязательно должны быть закрытыми путями; у них могут быть конечные точки, как у волнистой линии выше. Также обратите внимание, что, хотя волнистая линия и треугольник перекрывают друг друга, они не соединяются, поэтому они по-прежнему являются отдельными компонентами пути.
Дополнительная литература
Теперь, когда вы изучили основы контуров, узнайте, как их создавать, в следующем уроке «Рисование с помощью инструмента« Перо »в Photoshop.
Как нарисовать изогнутую линию в Canva
Affiliate Disclosure : Этот пост содержит партнерские ссылки в контенте, в рекламе на боковой панели и в других областях. Это означает, что если вы щелкнете по этим ссылкам и сделаете покупку, я получу комиссию.
Каким бы сложным ни было иногда сделать что-то простое и понятное в Canva, мне действительно нравится творческий подход, который он дает (временами).
(Тем не менее, если у вас нет времени или терпения для творчества, Fiverr может стать отличным вариантом для вас, чтобы найти дизайнера, который может помочь с вашим проектом или завершить его.)
Например, когда я использовал Canva для иллюстрации своей книги для KDP, моей целью было сделать это, используя все нестандартные формы. При этом я обнаружил, что если я хочу, чтобы форма приобрела свойство, которое нелегко получить, мне нужно было использовать определенные приемы, чтобы достичь желаемого результата.
Примером может быть создание угла в 90 градусов, который на самом деле представляет собой квадрат с отсутствующими сторонами и углом.Или создание вершины горы, которая на самом деле представляет собой просто треугольник без основания.
Так или иначе, изогнутая линия следует за тем же преследованием. Да, есть элемент изогнутой линии… (Просто перейдите в «Элементы» и прокрутите; вы быстро это увидите.)
Вы даже можете пойти дальше и соединить две изогнутые линии или более для чего-то вроде этого:
Но как насчет того, чтобы создать что-то более пышное или не такое?
(Может быть несколько разных определений «изогнутой линии», поэтому приведенное ниже может вам не подойти.Если нет, я приветствую комментарии, чтобы я мог попытаться решить вашу уникальную задачу!)
ЭКСКЛЮЗИВНО: Теперь вы можете попробовать членство Canva Pro бесплатно в течение 30 дней. С его помощью вы можете загружать свои собственные шрифты, удалять фон с фотографий, сохранять прозрачные изображения, получать доступ к ряду дополнительных элементов и многое другое. (Подробнее о Canva Pro.)
Рисование изогнутой линии в Canva
1. Добавьте обведенный круг
Перейдите в «Элементы» и возьмите пустой круг с контуром.
2. Добавьте закрашенный круг
Перейдите в «Элементы», чтобы захватить еще один круг. На этот раз это должен быть заполненный круг без контура.
3. Изменить цвет закрашенного круга
Измените цвет закрашенного круга в соответствии с цветом фона холста (сделав круг невидимым).
4. Поместите закрашенный круг
Теперь все, что вам нужно сделать, это переместить закрашенный круг туда, куда вы хотите, в зависимости от типа и длины изогнутой линии, к которой вы стремитесь.По сути, вы скрываете очерченный круг, чтобы получилась изогнутая линия. Это «жульничество», но это единственный способ добиться этого.
И все! Несколько разных способов создать изогнутую линию в Canva.
Ищете что-то конкретное? Пожалуйста, дайте мне знать в комментариях, и я постараюсь помочь!
Вы используете Canva Pro или просто бесплатную версию? Если Canva — это на самом деле инструмент, который вам нравится, Canva Pro дает вам еще больше причин для такой любви, с возможностью волшебным образом изменять размер дизайна, загружать пользовательские шрифты и многое другое.

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

6 методов работы, которые должен знать каждый фотограф / Photoshop / Фотомоушен2

Основные понятия

Шестой приём

Наклон кривой и контраст

Как это работает

Повышение яркости с повышением контраста

Корректирующий слой Curves (Кривые)

Нелинейное повышение яркости

Обработка фото: Цветокоррекция с помощью «кривых» в Adobe Photoshop

Снижение яркости с повышением контраста

Контрастность изображения

Нелинейное снижение яркости

Применение кривых для коррекции баланса цвета

Линейное повышение контраста

Рисуем прямую линию инструментом Кисть (Brush Tool)

S-образная кривая

Четвёртый приём

Обратная S-образная кривая

Третий приём

Нестандартные кривые

Второй приём

Работа с индивидуальными каналами

Предосторожности

Где это применяется?

Группа инструментов Пера

Немного об инструменте Pen Tool (Перо)

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

Вам понадобится

Инструкция

Рисуем линию инструментом Линия (Line tool)

как нарисовать инструментами «Перо» и «Фигура» в Photoshop CS5, урок TeachVideo

Выделение логотипа

Немного теории

Построение кривой линии

Незамкнутая кривая

Замкнутая кривая

Лассо

Овальная область

Фигура

Точки и направляющие Пера

Настройка панели Path в Фотошопе

Как нарисовать кривую линию в Photoshop Как? Так!

Шаги

Советы

Прямая линия с помощью выделения в фотошопе

Самый простой способ выделить Пером

Следующий шаг

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Создаем обтравочный путь для буквы R

Коррекция контуров

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

Вопрос: Как нарисовать кривую линию в Photoshop? — Компьютеры и электроника

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

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

Инструмент Перо в Фотошоп. / Photoshop pen-tool

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

Самый ПРОСТОЙ СПОСОБ нарисовать кривые линии в фотошопе. Часть 2

Как нарисовать КРИВЫЕ ЛИНИИ в фотошопе

Как нарисовать КРИВЫЕ ЛИНИИ, ВОЛНЫ в фотошопе. Все способы

Пунктирная линия в фотошоп. Пунктир в фотошопе. Создание пунктирной кривой линии в Photoshop

Инструмент «Line»

Инструмент «Brush»

Инструмент «Pen»

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

Как нарисовать прямую линию в «Фотошопе»?

Инструмент «Кисть»

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

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

Взаимодействие инструментов «Кисть» и «Перо»

Рисуем линии по горизонтали и вертикали

Рисуем линии под углом

Рисование прямых линий при помощи направляющих

Фигуры

Рисование линий с помощью инструмента «Перо»

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

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

Рисуем прямую линию инструментом Кисть (Brush Tool)

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Рисуем линию инструментом Перо (Pen Tool)

Рисуем линию инструментом Линия (Line tool)