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

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

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

Начнем с создания нового документа. Нам вполне подойдет документ размером 1000 на 1000 пикселей. Подробное описание создания нового документа в фотошоп вы найдете здесь.

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

Теперь зададим характеристики нашей будущей линии.

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

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

Ну а теперь все! Рисуем. Делаем клик по рабочей области и протягиваем мышкой линию.

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

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

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

Устанавливаем следующие настройки карандаша. Как выбрать цвет упомянуто выше.

На боковой панели ищем инструмент «перо».

Делаем два клика по рабочей области. Следует заметить, если вы хотите сделать линию ровной и строго горизонтальной или вертикальной, зажмите клавишу 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 . У нас получилась прямая линия.

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

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

1. Откройте документ, в котором необходимо нарисовать линию, или создайте новый файл и откройте его.

2. Перейдите ко вкладке “Вставка” , где в группе “Иллюстрации” нажмите кнопку “Фигуры” и выберите подходящую линию из списка.

Примечание: В нашем примере используется Ворд 2016, в предыдущих версиях программы во вкладке “Вставка” есть отдельная группа “Фигуры” .

3. Нарисуйте линию, нажав левую кнопку мышки в ее начале и отпустив в конце.

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

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

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

Чтобы сделать пунктирную линию в Word, разверните меню кнопки “Стили фигур” , предварительно кликнув на фигуру, и выберите необходимый тип линии (“Штрих” ) в разделе “Заготовки” .

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

Чтобы нарисовать линию свободной формы, в разделе “Фигуры” выберите “Полилиния: рисованная кривая” .

Чтобы изменить размер поля нарисованной линии, выделите ее и нажмите на кнопку “Размер” . Задайте необходимые параметры ширины и высоты поля.

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

Для фигур с узлами (например, кривая линия) доступен инструмент их изменения.

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

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

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

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

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

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

Также для рисования понадобится один линер (0,2 — 0,3) (или тоненький маркер, или гелевая ручка). Если ничего этого нет под рукой, а потренироваться вы хотите прямо сейчас,то начните рисовать любым карандашом или обычной шариковой ручкой.

Упражнение 1.

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

1. Рисуем изогнутую линию, добавляем параллельные линии, постепенно увеличивая между ними шаг.

2- 5 . Рисуем волну с глубокими изгибами, добавляем с каждой стороны линии на равном удалении. Между линиями одинаковое расстояние, поэтому рисунок остается плоским. Этот прием мы будем использовать в ближайших занятиях, когда будем рисовать разные варианты лент.

упражнение 1

1. Этот шаг упражнения похож на предыдущие, но здесь мы создаем не плоский, а объемный рисунок. Начинаем с дугообразной линии с небольшим искривлением. Следующую линию рисуем параллельно, но в области искривления (этот участок отмечен красным цветом), линию рисуем ближе к первой. Образуется оптическое углубление. На следующих шагах немного увеличиваем расстояние между линиями на «волне», оставляя небольшое расстояние у «углублении». Таким образом получается искривленная плоскость.

Упражнение 2.

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

1-3. Основа задается волнистой линией. Далее можно пойти двумя путями: сразу нарисовать несколько базовых линий, и потом заполнять образовавшиеся дорожки (как в моем примере), либо нарисовать 2 линии, заполнить между ними пространство, и далее так добавлять по 1 линии и, соответственно, по 1 трубке.

4-6. После того, как базовые линии, очерчивающие границы «трубок», созданы, начинаем рисовать параллельные линии в форме полукруга. Нарисованные поперечно они придают трубке округлость.

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

Упражнение 3.

В этом блоке делаем разные утолщения, примерно, как на прямых линиях в .

1. Здесь показано, как можно сделать эффект ленточки, утолщая линию по очереди то с одной, то с другой стороны.
2. -3. Нарисуйте несколько волнообразных линий. Сначала поработайте над расширением линий с одной стороны. Затем на основе таких же параллельных линий сделайте узор с разными утолщениями.

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

1. Рисуем несколько изогнутых параллельных линий. Между ними располагаем в шахматном порядке диагональные прямые линии.
2. Смягчаем уголки линиями, как бы срезая их.
3. Закрашиваем образовавшиеся в уголках пустоты. Получилась сетка из прямых и кривых линий. Такой узор хорош для клубков зентангла, и его можно по разному трансформировать и детализировать.

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

1-3. Рисуйте прямые и кривые линии из одной точки

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

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

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

Финальная композиция «Дудлинг с волнистыми линиями»

Делаем композицию с использованием нескольких отработанных элементов.

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

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

На сегодня все. Надеюсь, этот урок был вам интересен и окажется полезным. Свои финальные композиции вы можете отправлять в предлагаемые новости на стену нашего клуба во Вконтакте http://vk.com/zenarts, в котором я тоже состою.

3 голоса

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

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

Вас ждет масса информации. Приступим?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эти прямоугольники я нарисовал при помощи линий, нарисованных кистью.

Выбираете тип и размер, подходящей для линии кисти.

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

Перед вами две линии. Желтая нарисовала при помощи инструмента «Линия», лиловая кистью.

Как сделать волну

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

Ориентируясь по картинке с предварительным показом вы быстро поймете что к чему и как его настроить. Амплитуда должна быть примерно одинаковой. Если не получается, можете просто жать на «Рандомизировать» пока не появится подходящий.

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

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

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

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

Ставлю точку, затем вторую. Пока я не отпустил кнопку мыши настраиваю плавность.

То же самое вытворяю с каждой новой точкой.

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

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

Снова жму на правую клавишу мыши и выбираю «Удалить контур».

Вот такой результат у меня получился.

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

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

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

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

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

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

Онлайн-курс с поддержкой автора – надежная инвестиция в будущую профессию.

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

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

Я желаю вам удачи. До новых встреч.