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

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 . У нас получилась прямая линия.

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

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

Вот так выглядит финальный результат:

Шаг 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, чтобы вызвать окно параметров кисти).

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

Параллельные линии, сетку из прямоугольных ячеек, решетку проще создавать в программах векторной графики, таких как Аdobe Illustrator, например. Можно скачать подходящую текстуру или готовые клипарты.

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

1 способ.

Быстрее всего создать параллельные линии, используя стили.

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

Среди встроенных стилей Photoshop есть стили Dotted Strokes (штрих-пунктирные обводки). Выбираем эти стили, используя меню палитры Styles (Стили): Window (Окно) > Styles (Стили).

Среди наборов стилей выберите стиль белые штрихи White 1pt 2pt-Spaced Dotted No Fill или другой, если Вам так больше нравится.

Получим линию из точек.

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

После этого просто растяните линию в ширину командой Edit (Редактирование) >Transform (Трансформация).

Если над слоем с линиями создать новый слой, залить этот слой градиентной заливкой и применить к нему команду меню из панели слоев Create Clipping Mask (Создать обтравочную маску), то получится вот такая радужная полоска.

А применение команды Edit (Редактирование) >Transform (Трансформация) > Warp (Деформация), позволяет получить интересные эффекты.

2 способ.

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

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

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

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

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

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

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

3 способ.

Для начала нарисуйте одну линию в новом слое.

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

После этого нажимайте треугольную кнопку Воспроизвести запись столько раз, сколько нужно линий.

В результате в изображении получается много слоев с линиями. Если вы довольны полученным результатом - объедините слои с линиями в один слой.

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

А применение стилей - эффекты:

Проблема с полосками не зависит от разрешения изображения (72 пиксель/дюйм или 300). Рано или поздно Вы всё равно с ней столкнётесь. На появление полос влияют цвета, которые Вы выбираете для градиента. Прежде чем изменять используемые цвета или их контрастность, мы опробуем один метод, который я открыл для себя 2 года назад.

Вот пример полосатого градиента:

Создайте копию градиентного слоя (Ctrl + J) и примените к ней фильтр Размытие по Гауссу (

",this,event,"320px");">Gaussian Blur Filter).

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

Создайте новый слой: удерживая Alt, кликните на иконке в нижней части палитры слоёв.

В окне параметров слоя установите Режим наложения на Перекрытие (Overlay) и включите заливку 50% серым цветом.

Вы не увидите никаких изменений из-за режима наложения, который скрывает серый цвет. Примените фильтр шума (

",this,event,"320px");">Add Noise Filter):

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

Фотошоп: Эффект переплетающихся полос

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

Вот фотография которую я буду использовать в уроке:

А вот эта же фотография в результате применения урока:

Шаг 1.Откадрируйте изображение в квадрат.

Первое что нужно сделать, это откадрировать изображение и сделать из него квадрат. Можно оставить изображение и прямоугольным, потому что эффект не зависит от размера, но как правило этот эффект смотрится лучше на квадратном изображении. Мы будем использовать инструмент Crop tool, потому выберем его в палитре слоёв:

Кроме того можно вызвать инструмент нажатием клавиши С. Далее, выбрав инструмент Crop tool, удерживайте нажатой клавишу Shift сделайте выделение вокруг лица. Клавиша Shift ограничивает выделение квадратом:

Нажмите клавишу Enter когда сделаете выделение, и фотошоп обрежет изображение в виде квадрата:

Шаг 2. Продублируйте фоновый слой дважды.

Следующая вещь которую мы должны сделать - это создать несколько копий нашего изображения. Если посмотреть в палитру слоёв, то можно увидеть что там всего один слой Background (Фон), вернее то что мы Откадрировали (Обрезали). Нужно продублировать этот слой дважды, для этого нужно использовать сочетание клавиш Ctrl+J, нажмите это сочетание дважды чтобы получить две копии. Теперь в палитре слоёв три слоя. Дважды щёлкните по названию слоя и и переименуйте верхний слой в Vertical Strips (Вертикальные полосы), а затем переименуйте нижний слой в Horizontal Strips (Горизонтальные полосы):

Шаг 3. Заполните фоновый слой Чёрным цветом.

Нажмите на клавиатуре клавишу D, чтобы перезагрузить цвета Переднего и Заднего планов. Нажмите на слой Background в палитре слоёв и заполните этот слой чёрным цветом. Используйте для этого сочетание клавиш Alt+Backspase, эта команда заполнит слой чёрным цветом. Кажется ничего не произошло с изображением, но это потому что верхние два слоя блокируют слой Background. Но если посмотреть в палитру слоёв то можно увидеть иконку фонового слоя заполненую чёрным цветом:

Шаг 4. Временно отключите видимость верхнего слоя.

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

Шаг 5. Включите сетку фотошопа.

Мы будем создавать горизонтальные и вертикальные полосы, и поможет нам в этом Сетка фотошопа. Идите в меню View>Show>Grid (Вид-Показать-Сетка), или можно воспользоваться сочетанием клавиш Ctrl+", чтобы быстро вызывать или отключать Сетку. Когда сетка появится, то возможно на вашем изображении её будет плохо видно. Чтобы изменить цвет Сетки нажмите сочетание клавиш Ctrl+K, всплывёт диалоговое окно Настроек (Preferences) фотошопа. Сверху из выпадющего Меню выберите Guides, Grid and Slices (Линейки, Сетка и Части). Здесь вы можете изменить цвет Сетки, нажмите на Образец цвета в правом верхнем углу, выберите цвет. Вы можете видеть что в моём варианте я изменил цвет Сетки на жёлтый:

Нажмите ОК для выхода из диалогового окна Настроек. Теперь вы можете видеть ваш новый цвет (в моём случае жёлтый) на верхней части изображения:

Шаг 6. Выделите ряд горизонтальных полос.

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

Теперь будем использовать Сетку, чтобы создать горизонтальные полосы. Сначала удостоверьтесь что в палитре слоёв выбран слой Горизонтальные полосы. Я собираюсь создать горизонтальные полосы, которые являются двумя рядами Сетки. Я хочу удостовериться что глаза женщины включены в этот эффект, таким образом я сначала сделаю выделение вокруг глаз женщины. По умолчанию моё выделение будет прилипать к Сетке, что сделает выделение очень лёгким. Если этого не происходит идите в Меню View>Snap To и поставьте галочку напротив Grid.

Вот моё выделение вокруг глаз с двумя рядами Сетки:

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

Шаг 7. Добавьте Маску слоя.

Сделав горизонтальные выделения, добавьте Маску слоя, для этого нажмите на иконку Layer Mask в основании палитры слоёв, чтобы добавить Маску слоя, к слою Горизонтальные полосы:

Фотошоп добавит Маску слоя, и использует выделения для определения того какие части изображения будут скрыты. Там где были сделаны выделения, изображение остнется видимым, в то время как невыделенные области исчезли, и заполнились чёрным цветом:

Шаг 8. Верните Видимость слоя слою Вертикальные полосы.

Тоже самое мы сделаем для создания вертикальных полос. Во-первых верните Видимость слоя Вертикальные полосы, и выберите этот слой в палитре слоёв:

Шаг 9. Выделите ряд вертикальных полос.

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

Шаг 10. Добавьте Маску слоя.

Добавьте Маску слоя к слою Вертикальные полосы, щёлкнув в основаниипалитры слоёв на иконку Layer Mask:

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

Шаг 11. Выберите все точки пересечения полос.

У нас есть теперь и горизонтальные и вертикальные полосы, но всё это не очень похоже на нужный эффект. В данный момент мы просто имеем кучу чёрных квадратов. Нам же нужно создать иллюзию переплетённых полос. Чтобы сделать это нужно выделить те районы где вертикальные и горизонтальные области пересекаются. Отключите сетку, если вы ещё не сделали этого, так как нам она больше не нужна. Далее, удерживая нажатой клавишу Ctrl нажмите на иконку Маски слоя Горизонтальные полосы в палитре слоёв:

Это позволит загрузить горизонтиальные полосы обратно в изображение:

Это позволит сделать две вещи. Первое: загрузит вертикальное выделение к изображению, и Второе: оставит выделение только там где вертикальные и горизонтальные полосы пересекаются, всё остальное останется невыделенным:

Шаг 12. Сохраните Выделение.

Шаг 13. Отсейте ненужные выделения.

Находясь на слое Horisontal strips, c активным инструментом Прямоугольное выделение, удерживайте нажатой клавишу Alt и делайте выделение вокруг каждого квадратного выделения. Это удалит выделения. Продолжайте это делать чтобы удалить половину оригинальных квадратных выделений. Ваше изображение должно выглядеть теперь примерно так:

Шаг 14. Скопируйте выделения на новый слой.

Нажмите на слой Горизонтальные полосы в палитре слоёв, затем нажмиет Ctrl+J чтобы скопировать выделенные области на новый слой. Вобщем на изображении ничего не случилось. Но если вы глянете в палитру слоёв, то увидите что там появился новый слой Layer 1, со скопированными квадратными областями:

Шаг 15. Создайте обтравочную Маску.

С новым выбранным слоем пройдите в Меню Layer>Create Clipping Mask (Слой-Применить Обтравочную Маску). Можете также использовать клавиатурное сокращение Ctrl+Alt+G, Обтравочная Маска обрежет нижний слой. Мы не увидим никакого различия непосредственно в изображении, но в палитре слоёв видно что новый слой теперь является Обтравочной Маской нижнему слою:

Шаг 16. Перезагрузите сохранённое выделение.

Давайте вернём выделение, что мы сохранили минуту назад. Сделать это легко с помощью сочетания клавиш Ctrl+Alt+4:

Шаг 17. Отсейте противоположные выделения.

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

Шаг 18. Скопируйте выделение на новый слой.

Нажмите на слой Вертикальные полосы в палитре слоёв чтобы выбрать его, затем нажмите Ctrl+J, чтобы скопировать выделение на новый слой. Опять мы не заметим никаких изменений на самом изображении, но в палитре слоёв фотошоп создаст нам новый слой Layer 2, над слоем Вертикальные полосы, который содержит наши скопированные квадраты:

Шаг 19. Создайте Обтравочную Маску.

Точно также как мы сделали минуту назад идите в Меню Layer>Create Clipping Mask (Слой-Применить Обтравочную Маску). Можете также использовать клавиатурное сокращение Ctrl+Alt+G. В палитре слоёв можно увидиеть что Layer 2 теперь является Обтравочной Маской нижнему слою: