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

Создание волнистой линии в Photoshop

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

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

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

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

С помощью функции «Волна»

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

Для применения функции «Волна» необходимо проделать следующие шаги:

1. Определиться и создать область, которая будет обрезана «волной».
2. С помощью инструмента «Прямоугольная область» нужно выделить участок, который будет иметь волнистую каемку.
3. Затем в шапке программы находим раздел «Фильтр», затем категорию «Искажение» и пункт «Волна».
4. Всплывет окно настроек, в котором можно выбрать вид волны (синусоида, треугольники и квадраты), определится с длиной волны и амплитудой, выбрать масштаб.
5. Методом проб и ошибок можно подогнать необходимые значения параметров для достижения желаемых результатов.
6. Наблюдаем, что область имеет волнистые стороны. Необходимо обрезать область с помощью вызова диалогового окна нажатием правой кнопки мыши.

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

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

Обычно им пользуются профессионалы, которые отлично владеют этим инструментом.

1. Сначала необходимо выбрать данный инструмент на главной рабочей панели.
2. Ставим первую опорную точку.
3. Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем – получилась дуга.
4. Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
5. Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
6. Затем замыкаем линию через самую первую опорную точку.
7. Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в «Фотошопе».

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

Создание волнистой линии в Photoshop

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

Как нарисовать волнистые линии в «Фотошопе»?

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

Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:

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

С помощью функции «Волна»

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

Для применения функции «Волна» необходимо проделать следующие шаги:

Определиться и создать область, которая будет обрезана «волной».

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

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

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

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

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

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

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

Обычно им пользуются профессионалы, которые отлично владеют этим инструментом.

Сначала необходимо выбрать данный инструмент на главной рабочей панели.

Ставим первую опорную точку.

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

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

Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.

Затем замыкаем линию через самую первую опорную точку.

Выделяем область с помощью ПКМ и обрезаем ее.

Вот так можно создавать волнистые линии в «Фотошопе».

Источник

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

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

1. Начнем с создания области на которой будет волнистая линия

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

3. После выделения в режиме «Быстрая маска» (Quick Mask, Q) искажаете выделенную область эффектом Волна (Wave). Путь в меню: Фильтр → Искажение → Волна (Filter → Distort → Wave):

4. Потом возвращаемся из режима «Быстрая маска» (Quick Mask, Q) и получаем подходящую область выделения:

5. Обрезаем выделенную область:

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

Как рисуют волнистые линии?

Я не уверен, что мой способ оптимальный, но я делаю следующее. Сначала выделяю нужный кусок картинки: Потом в режиме Quick Mask искажаю выделенную область эффектом Wave (Filter → Distort → Wave):

Теперь возвращаюсь из режима Quick Mask и получаю подходящую область выделения: Делаю из неё маску слою, добавляю Drop Shadow по вкусу:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обводим контур и снова делаем клик левой клавишей мыши. Выбираем команду «удалить контур».

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

Рисуем море в Photoshop

Часть первая: создание карты смещения

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

Итак, приступим. Создаём новый документ в режиме RGB размером 1000 пикселей в ширину и 2000 пикселей в высоту.
Идём по вкладке Фильтр —> Шум —> Добавить шум (Filter —> Noise —> Add Noise). Задаём следующие параметры:
Эффект (Amount): 400%
Распределение (Distribution): По Гауссу
И поставить галку у Монохроматический
Нажимаем OK
Переходим в Фильтр —> Размытие —>Размытие по Гауссу (Filter —> Blur —> Gaussian Blur). Выбираем радиус 2,0 пикселей и жмём ОК.
Должна получиться такая поверхность, привожу изображение части рисунка в масштабе отображения 100%:

Далее будем работать с каналами. Если кто не знает, открывают панель каналов через вкладку главного меню Окно —> Каналы (Window —> Channels).
Открываем эту панель и выбираем в ней

красный канал. Применяем Фильтр —> Стилизация —> Тиснение (Filter —> Stylize—> Emboss) и вводим следующие настройки:
Угол (Angle): 180°
Высота (Height): 1 пиксель
Эффект (Amount): 500%
Жмём OK
Переходим на зелёный канал и применяем эти же настройки, только параметр Угол задаём 90° вместо 180°.
Документ должен иметь такой вид при с включенной видимости всех каналов, приведена изображение части рисунка в масштабе отображения 100%:

Теперь создадим перспективное уменьшение морских волн. Для этого растянем нижний край изображения в 36 раз. Это значение оптимально для большинства изображений. Разблокируем фоновый слой (двойной клик по замочку в панели слоёв). Уменьшим масштаб отображения документа в окне Фотошопа (зажать Alt и прокручивать колёсико мыши). Переходим к вкладке Редактирование —> Трансформирование —> Перспектива (Edit —> Transform —> Perspective). Перетаскиваем один из нижних углов, чтобы значение ширины стало 600%.

Таким образом, мы растянули нижний край изображения в шесть раз. Чтобы растянуть его в тридцать шесть раз, надо растянуть край полученного документа ещё в шесть раз, для этого нажимаем комбинацию клавиш Ctrl + Shift + T. И, прошу обратить внимание на важный момент, т.к. документ у нас растянут за края отображаемой в окне рамки, нам следует обрезать документ по видимым краям с помощью инструмента Рамка (Crop) .
После этого уменьшаем высоту изображения с помощью Изображение —> Размер изображения (Image —> Image Size) до 1000 пикселей, не забываем снять галку с пункта «Сохранить пропорции» (Constain Proportions). В результате у нас получилось квадратное изображение 1000 на 1000 пикселей. Так оно должно выглядеть в масштабе 30%:

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

Переключаемся на красный канал. Нажмите Q, чтобы перейти в режим быстрой маски. Выберем инструмент Градиент (Gradient tool) , сам градиент выбираем чёрно-белый, тип — линейный, и проводим линию снизу вверх по изображению, как указывает стрелка, чтобы создать маску градиента.

Нажмите клавишу Q, чтобы выйти из быстрой маски и вернуться в стандартный режим. Теперь мы имеем выделение градиента. Залейте его серым цветом #808080. После заливки рисунок примет такой вид (масштаб 30%):

Снимаем выделение, нажав Ctrl+D.
Выбираем зелёный канал, переходим в режим быстрой маски, проводим вертикальный градиент, чтобы выбрать узкую часть около горизонта, где волны слишком большие, как показано на рисунке (масштаб 30%):

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

Теперь сохраняем документ как файл PSD. С картой всё!

Теперь займёмся непосредственно созданием поверхности моря.

Нарисованные рябь на воде, волна и лес

Доброго времени суток! Незнаю, можно ли считать ниже написанное уроком по photoshop =) но надеюсь что Вам эта запись поможет в реализации своих идей.

Сделать легко и быстро из стандартного изображения достаточно реалистичную картину. Для этого нам понадобиться немного времени и умения работать в фотошопе с вашей стороны и легкий инструктаж действий в моей стороны;) Начнем?

Итак, что мы имеем. Для начала нужно найти картинку над которой будем работать. В моем случае, да и в соответствии с топиком, нужна картинка флага! Где достать? — просто поискать в бездонной сети интернет, там достаточно ресурсов, чтоб удовлетворить даже самый «придирчивый взгляд» 😉 Либо просто рисуем сами!

Шаг 1. Источник-картинка для дальнейшей работы

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

Шаг 2. Настройка градиента для заливки

Теперь выполним следующие действия. Создайте новый слой, используя комбинацию клавиш Cntr+Shift+N, или через меню . Теперь перейдите на слой, где у вас находиться исходная картинка. Выделите её по контуру и вернитесь на новый слой. Выполните заливку выделенной области по горизонтали. У вас градиент должен перекрыть только ту часть, где находиться исходная картинка. Иначе мы не получим нужного результата.

Уменьшите прозрачность у слоя с градиентом до 30% и объедините два слоя в один. Для этого надо выделить нужные слои и выполнить команду Merge Layers из контекстного меню или из стандартного. В результате вы получите вот такую псевдо-объемную картинку, состоящую из 2х слоев

Шаг 3. Заливка градиентом, изменение прозрачности и объединение слоев

Осталось только выполнить эффект ветра по ткани. Для этого нам подойдет фильтр Wave(в переводе означает волна =). Выберите наш получившийся слой и откройте редактор настроек Wave через меню . Поставте настройки в соответствии с ниже приведенным скрином

Шаг 4. Настройка фильтра Wave[Волна]

Жмите кнопку «Randomize» до получения результата в окне привью чуть выше, который вас устроит! =) Как только получите его, смело жмите ОК. Вуаля, наш эффектный развевающийся флаг готов!

Вот и результат

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

Выкладываю исходники , в которых также есть несколько полученных вариантов флага.

Надеюсь что было легко и доступно! 😉

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

Давайте нарисуем кусочек синей ткани и придадим ему некоторый объем. Я попытаюсь воссоздать отрез шелка глубокого синего цвета.

Создаем новый документ размеров 1000 на 1000 пикселей и находим инструмент градиент, который располагается на панели инструментов.

Настройки градиента следующие:

Я выбрала цвета: #0132d3 #042db4 #001491 #010c2e .Вы можете воспользоваться своими настройками. Но помните, что максимально реалистичного эффекта вы добьетесь, делая переход от светлого к темному.

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

Я пытаюсь воссоздать текстуру шелка. Если вам требуется другой, более грубый материал, поиграйте с настройками.

Как видите, структура ткани у нас-таки получилась. Давайте же добавим чуть-чуть складок. Для этого на боковой панели инструментов найдите затемнитель. И установите настройки: экспонирование – 37, диапазон – подстветка. Советую использовать мягкую кисть размером около 60 пикселей. Но тут уж как вам удобно. Я планирую создать крупные складки. Если вы хотите сделать их больше и меньше, кисть, соответственно, уменьшайте.

Теперь воспользуйтесь осветлителем. Настройки не меняем. Размеры кисти тоже.

Теперь, уменьшаем размеры кисти и экспонирование. Я уменьшаю до 26%.

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

У нас получился синий шелк.

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

Реалистичная капля воды

Рисуем воду фильтрами

Отражение в воде с помощью карты смещения

Эффект отражения

Отражение объектов на водной глади

Создание волн в фотошопе

Круги на воде

Рябь на воде

Водопад

Создание сетки для анимации волн

Анимация воды с помощью маски

Фотомонтаж коллаж Водная нимфа

Анимация воды

Несколько способов анимации воды в ФШ

ПАМЯТКА НАЧИНАЮЩИМ ФОТОШОПЕРАМ

Несколько способов анимации воды в ФШ

Откройте в ФШ любую картинку с водой. Снимите со слоя замочек, просто мышкой перенесите его в корзинку.
Сделайте два дубликата слоя, нажав два раза Ctrl + J
Откройте окно анимации, нажав сверху Окно — Анимация
Сразу выставьте время задержки анимации 0,1 сек и постоянную анимация, нажав на соответствующие черные треугольники

Теперь стоим на верхнем слое и выделим воду любым инструментом выделения. Я воспользовалась пером.

Образовалось выделение воды.
А теперь будем ее анимировать разными фильтрами.

1. Анимация воды фильтром ШТРИХИ — РАЗБРЫЗГИВАНИЕ.

2. Анимация воды фильтром ШУМ — ДОБАВИТЬ ШУМ

Делаем с картинкой все тоже самое, что и в первом случае. Сделали три слоя, выделили воду, встали на верхний слой. В последующих способах анимации воды — все так же. Я больше не буду об этом повторять..))
Применяем фильтр

Настройки подбирайте сами, я взяла такие:

Дальше, все точно так же, как и в первом случае. Создаем второй кадр, делаем активным второй слой (глазок открыт и слой синий) и применяем к нему тот же фильтр Ctrl + F
Добавили третий кадр анимации, активный нижний слой — глазок открыт на нем, он синий.
Применили фильтр — Ctrl + F

Сохранили для Веб-устройств и любуемся анимацией:

3. Анимация воды фильтром ИСКАЖЕНИЕ — ОКЕАНСКИЕ ВОЛНЫ

У нас три слоя с картинкой и сделано выделение воды. Активный — верхний слой.
Идем в фильтр.

Ко все слоям применим этот фильтр Ctrl + F , сохраняем и получаем следующую анимацию:
(мне она нравится больше всего, ну а выбирать, конечно, вам)

4. Анимация фильтром ИСКАЖЕНИЕ _ РАССЕЯННОЕ СВЕЧЕНИЕ

Не забыли? Сделали две копии картинки и выделили воду. Применили к каждому слою фильтр с такими настройками:

А вот и наша анимация.

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

Шаг 1

Откройте Photoshop и создайте документ размером 2880×1800 px. Залейте фон черным цветом.

Шаг 2

Нам понадобится хорошее фото воды и волны. В примере использована фотография An image of a beautiful water background , но вы можете взять любую другую похожую. Вставьте фото в документ и снизьте opacity / непрозрачность слоя до 60%.

Шаг 3

Зайдите в Layer>New Adjustment Layer>Hue and Saturation / Слой > Новый корректирующий слой > Цветовой тон и насыщенность. Укажите для параметра Hue / Цветовой тон значение в 0 , для Saturation / Насыщенности значение в -71 , и для Lightness / Свет значение 0 .

Шаг 4

Зайдите в Layer>New Adjustment Layer>Levels / Слой > Новый корректирующий слой > Уровни. Укажите значения 0, 0.5 и 255.

Шаг 5

В меню выберите Layer>New Adjustment Layer>Brightness and Contrast / Слой >Новый корректирующий слой > Яркость и контраст. Укажите Укажите 0 для Brightness / Яркости и -35 для Contrast / Контраста.

Шаг 6

Создайте новый слой поверх остальных. Залейте слой черным цветом и смените Blend Mode / Режим наложения на Multiply / Умножение. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью белого цвета рисуйте в центре изображения. Наша цель — сделать виньетку. Сохраните документ как копию, назвав его Displace.psd.

Шаг 7

Вставьте в документ ваш логотип, или то, к чему вы хотите применить эффект.

Шаг 8

Не снимая выделения с нового слоя, выберите FIlter>Distort>Displace / Фильтр > Искажение >Смещение . Укажите параметры как на картинке ниже. После чего используйте файл Displace.psd, который вы сохранили в шестом шаге.

Шаг 9

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

Шаг 10

Выберите в меню Filter>Blur>Gaussian Blur / Фильтр >Размытие > Размытие по Гауссу . Укажите радиус в 3 px . Также после этого можете применить Tilt-Shift blur, чтобы размыть края…

Шаг 11

Добавьте маску слою с логотипом. Инструментом Brush Tool / Кисть (B) сильно растушеванной и мягкой кистью черного цвета рисуйте по краям логотипа сверху и снизу. Нам нужно сделать эти части темнее — ведь они под водой.

Завершение

Последнее что нам нужно сделать — это дублировать оригинальный слой с водой и поместить копию поверх всех остальных слоев. Для этого слоя смените Blend Mode / Режим наложения на Overlay / Перекрытие . Вот и всё!

Перевод — Дежурка

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

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

1. Начнем с создания области на которой будет волнистая линия

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

3. После выделения в режиме «Быстрая маска» (Quick Mask, Q) искажаете выделенную область эффектом Волна (Wave). Путь в меню: Фильтр → Искажение → Волна (Filter → Distort → Wave):

4. Потом возвращаемся из режима «Быстрая маска» (Quick Mask, Q) и получаем подходящую область выделения:

5. Обрезаем выделенную область:

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

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

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

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

Прямая

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

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

Ломаная

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

1. Незамкнутая ломаная

Замкнутая ломаная

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

• Фигура.

  При применении данного метода мы получим геометрическую фигуру с равными углами и сторонами.

  Для получения непосредственно линии (контура) необходимо настроить обводку, именуемую «Штрихом» . В нашем случае это будет сплошной штрих заданного размера и цвета.

  После отключения заливки

  мы получим требуемый результат.

  Такую фигуру можно деформировать и вращать при помощи все того же «Свободного трансформирования» .

• Прямолинейное лассо.

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

  Данное выделение нужно обвести, для чего существует соответствующая функция, которая вызывается нажатием ПКМ по холсту.

  В настройках можно выбрать цвет, размер и положение обводки.

Кривая

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

1. Незамкнутая

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

2. Замкнутая

• Лассо.

  Этот инструмент позволяет рисовать замкнутые кривые любой формы (сегменты). Лассо создает выделение, которое, для получения линии, необходимо обвести известным способом.

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

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

  Для ее деформации достаточно вызвать «Свободное трансформирование» (CTRL+T ) и, после нажатия ПКМ , выбрать соответствующую дополнительную функцию.

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

  Стоит заметить, что в данном случае воздействие распространяется и на толщину линии.

• Фигура.

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

  После деформирования получим следующий результат:

  Как видим, толщина линии осталась неизмененной.

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

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

3 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание кривых линий в фотошопе с помощью пера

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

Чертим эскиз кривой с помощью инструмента Перо

Создадим новый документ любого размера в фотошопе. И активируем инструмент «Перо» горячей клавишей P.

1. Потом кликаем в том месте, где наша кривая линия будет начинаться, и еще раз в том месте, где она будет заканчиваться. Не беда, если вы промахнетесь, так как все точки, которые вы сделаете, можно будет всегда поправить. Вот такой отрезок у нас должен получиться (1 – начало отрезка, 2 – это конец отрезка).
2. Дальше активируем инструмент перо с плюсом.
3. Пером с плюсом добавляет опорную точку на нашем отрезке. После ее необходимо передвинуть в нужную вам сторону. Для этого кликайте по опорной точке и тащите ее. Вот что-то похожее в вас должно получиться (красная линия — это то, где изначально была линия).
4. При помощи якорей, которые изображены на скрине ниже, можно придать линии волнообразную форму.Вот, что-то подобное у вас должно получится:
5. Потренируйтесь и сделайте траекторию линии более причудливой. Вот, что у нас получилось:

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

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

1. Активируем инструмент «Кисть» с помощью горячей клавиши B:
2. Далее необходимо настроить ее под наши нужды. Для этого переходим в настройки кисти:
3. В открывшейся панели настраиваем кегль и интервал:
4. После того, как закончили настраивать кисть, необходимо закрыть панель настройки:
5. Снова выбираем «Перо» горячей клавишей P и кликаем по нашему контуру правой кнопкой мыши. В выпавшем меню выбираем пункт «Выполнить обводку контура»:
6. В следующем окне нужно выбрать инструмент, которым мы будем делать обводку. Так как мы настраивали кисть, то ее выбираем:
7. Нажимаем Ok:
8. Вот, что мы увидим в итоге:
9. Чтобы убрать контур, просто два раза нажмите Esc, и он исчезнет.

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

Рисуем абстрактные линии в Фотошоп / Creativo.one

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

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

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

Активируем опции Airbrush (Аэрограф), Smoothing (Сглаживание) и Protect Texture (Защита текстуры).
Теперь этой кистью на новом слое рисуем точки вокруг абстрактных линий:

Также можете добавить маленькие тоненькие линии, чтобы работа смотрелась интереснее (используем жесткую кисть размером 1 px и делаем легкие короткие штрихи):

После этого, применяем к слою с точками фильтр Filter — Sharpen — Sharpen (Фильтр — Резкость — Резкость) (благодаря этому точки стали ярче):

Можете отрегулировать цветовой баланс или использовать другие цвета для создания линий.
Вот другая версия:

Это все!

Автор: psdvault
Переводчик: Макс Енин
Ссылка на источник

Источник: www.psdvault.com

Tweaking4All.com — Photoshop — Как рисовать (синусоидальные) звуковые волны

При написании статьи для Tweaking4All я столкнулся именно с этой проблемой: как, черт возьми, нарисовать красивую звуковую волну?

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

Итак, я решил попробовать Adobe Photoshop…

---

Обнаружена блокировка рекламы

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

Синусоидальная звуковая волна в Photoshop

Создание синусоидальной волны в Photoshop может быть довольно простым и понятным при использовании фильтра Photoshop Wave.

Процесс прост:

1. Создайте новый документ, скажем, 600 x 600 пикселей.
2. Нарисуйте прямую горизонтальную линию на новом слое.
3. Щелкните слой правой кнопкой мыши и выберите «Растрировать слой».
4. Выберите в верхней строке меню: «Фильтр» «Искажение» «Волна».

   Photoshop — Использование искажения — Волновой фильтр

5. Измените настройки по своему вкусу и нажмите «ОК».

   Photoshop — Настройки волнового фильтра

Простой, быстрый и весьма приятный результат:

Photoshop Wave — Прямая линия до синусоиды

Итак, каковы недостатки этого метода?

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

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

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

Но… этого, вероятно, будет достаточно для большинства приложений.

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

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

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

Большое спасибо за тех, кто уже оказал поддержку!
Поистине удивительно видеть, что людям нравятся мои статьи и небольшие приложения.

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

Как добавить волнистую границу линии в Photoshop

Что нужно знать

• Нарисуйте прямоугольник с помощью инструмента Rectangular Marquee tool , выберите значок Menu на палитре Paths , затем выберите Make Work Path .
• Установите Tolerance на 0,5 пикселя и выберите OK , затем щелкните правой кнопкой мыши рабочий контур в палитре Paths и выберите Stroke Path .
• Установите Tool на Brush и выберите OK , затем перейдите к Filter > Distort > Wave и переместите ползунки Wavelength и Amplitude .

В этой статье объясняется, как создать рамку с волнистыми линиями в Adobe Photoshop CC 2019. Для добавления творческих рамок необходимо знать, как работать с контурами и фильтрами.

Как добавить волнистые границы в Photoshop

Поскольку вы будете создавать границу с помощью инструмента «Кисть», первым делом выберите кисть:

1. Выберите кисть для границы в палитре Brush Settings .

   Если палитра Настройки кисти не отображается, выберите Окно > Настройки кисти .

2. Выберите инструмент Rectangular Marquee Tool и нарисуйте прямоугольник.

3. Выберите значок меню в правом верхнем углу палитры Paths , затем выберите Make Work Path .

   Если палитра Paths не отображается, выберите Windows > Paths , чтобы открыть ее.

4. Установите Tolerance на 0,5 пикселя и выберите OK .

5. Щелкните правой кнопкой мыши рабочий контур в палитре Paths и выберите Stroke Path .

6. Установите Tool на Brush , затем выберите OK .

7. Выберите Filter > Distort > Wave .

8. Переместите ползунки Wavelength и Amplitude , чтобы прямые края стали волнистыми.Когда вас устраивает предварительный просмотр, выберите OK .

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

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Как создать цифровые волны в Photoshop | Small Business

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

Создайте новый документ с любыми предустановками из команды «Создать» в меню «Файл», например «Письмо США» или «Photoshop по умолчанию».«Нажмите кнопку выбора« Набор инструментов », расположенную над левым верхним углом холста. Нажмите команду« Сбросить все », чтобы сбросить все инструменты до значений по умолчанию. Это гарантирует, что никакие настройки из предыдущего сеанса не помешают созданию вашего волновая композиция.

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

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

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

Перетащите точки сетки так, чтобы мазки краски образовывали волну. Когда форма вас устроит, нажмите «Enter».

Нажмите кнопку «Fx» в нижней части панели «Слои», чтобы отобразить список стилей слоев, которые добавляют к слоям эффекты света и тени. Щелкните элемент «Inner Glow», чтобы отобразить элементы управления, которые заставляют графику казаться светящейся изнутри. Перетащите ползунки «Choke» и «Size» влево и вправо, пока волна не приобретет желаемое количество внутреннего свечения.

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

Нажмите «Ctrl-J», чтобы продублировать слой, удерживающий волну, на новый слой. Запустите «Free Transform», а затем перетащите внутрь и за пределы ограничивающей рамки, окружающей дублированный слой, чтобы дубликат немного отличался от первой волны.Перетащите контрольные точки на ограничивающую рамку, чтобы изменить размер повторяющейся волны. Нажмите «Enter», чтобы завершить вторую волну, затем создайте больше волн по мере необходимости для завершения волновой композиции.

Ссылки

Писатель Биография

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

Как легко создать звуковую волну в Photoshop

Учебникиот Diego Sanchez 4 июня 2019 г.

Советы и приемы Photoshop

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

Шаг 1

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

Шаг 2

Выберите инструмент «Линия» (U). Убедитесь, что на верхней панели инструментов установлен режим «Форма», заливка — «Белый», а толщина — «1 пиксель».

Шаг 3

Проведите линию сверху вниз и отцентрируйте ее по центру холста.

Шаг 4

Перейдите в Layer> Rasterize> Layer. Переименуйте этот слой как «Bottom».

Шаг 5

Перейдите в Фильтр> Стилизация> Ветер. Установите метод «Ветер», направление «Слева» и нажмите «ОК».

Шаг 6

Выберите «Фильтр»> «Ветер» (или нажмите Alt + Ctrl + F на клавиатуре) четыре раза, чтобы применить тот же эффект ветра еще 4 раза.

Шаг 7

Выберите Изображение> Поворот изображения> 90º по часовой стрелке.

Шаг 8

Перейдите в Layer> Duplicate Layer.Назовите этот слой «Top» и нажмите OK.

Шаг 9

Выделив слой «Top», перейдите в Edit> Transform> Flip Vertical.

Шаг 10

Переместите слой «Top» так, чтобы обе линии совпадали посередине, как показано.

Шаг 11

Выберите слой «Bottom» и перейдите в Layer> New Fill Layer> Gradient. Обязательно установите флажок «Использовать предыдущий слой для создания обтравочной маски» и нажмите «ОК».

Шаг 12

В окне «Градиентная заливка» выберите любой градиент из раскрывающегося списка эскизов.В этом случае я буду использовать «Спектр». Затем установите для стиля «Линейный», для угла «0º» и нажмите «ОК».

Шаг 13

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

Шаг 14

Переместите слой над слоем «Top» и перейдите в Layer> Create Clipping Mask.

Шаг 15

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

Больше из

Учебники

---

Как создать эффект скрытого текста в Photoshop

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

Подробнее

Как создать кисть гранж в Photoshop

Учебникиот Diego Sanchez

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

Подробнее

Как быстро раскрасить черно-белые фотографии в Photoshop

Учебники от Diego Sanchez

Если вам пришлось раскрасить старые черно-белые фотографии, вы знаете, сколько времени эта задача может занять. К счастью для нас, в последней версии Photoshop был представлен инструмент для экономии времени, который очень хорошо работает на стадии бета-тестирования.Фильтр Colorize, входящий в состав новых Neural Filters, не даст вам идеального конечного результата, но наверняка сэкономит вам много времени, предоставив хорошую фотографию базового цвета для вашей работы. Сегодня я покажу вам, как быстро и легко можно раскрасить черно-белую фотографию с помощью нового нейронного фильтра Photoshop Colorize.

Подробнее

Как легко добавить блеск коже в Photoshop

Учебники от Diego Sanchez

В процессе ретуширования фотографий есть несколько проблем, чтобы сделать ваше изображение таким, каким вы хотите.Есть несколько шагов, на которые может потребоваться немного больше времени, чем на другие, и один из них — это осветление кожи. Самый распространенный способ придать коже сияние — использовать Dodge and Burn, но с помощью этого метода вы можете пропустить некоторые естественные огни или даже создать новые, которых нет на исходном изображении. Метод, который я покажу вам сегодня, будет работать только с оригинальными фото-лампами и улучшит блеск вашей кожи менее чем за 5 минут, сохраняя при этом возможность настраивать эффект даже после того, как вы его примените.

Подробнее

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

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

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

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

Загрузите пользовательские кисти Сары для этого урока.

01. Начните с наброска.

Начните с наброска ключевых элементов волны.

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

02. Примите во внимание освещение

Верхняя часть волны должна быть светлее и насыщеннее

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

03. Создайте гребень

Завершите свои волны красивым пенистым гребнем

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

Эта статья впервые появилась в ImagineFX , выпуск 150; подпишитесь здесь !

Статьи по теме:

Рисование контуров с помощью инструмента «Перо» в учебнике Photoshop

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

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

Шаг 1 Объяснение векторов и путей

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

Посмотрите это в действии: извлечение фотографий с помощью инструмента «Перо», видеоурок

Векторы — это линии, кривизна, толщина и длина которых определяются математическими формулами. Вам не нужно знать математику; все сделано за тебя. Если вам нужна форма, подобная кругу, ваша задача — просто нарисовать круг; Photoshop определяет центральную точку и радиус для создания круга. На этом этапе вы можете указать цвет круга, толщину линии и т. Д.

Может показаться странным найти инструменты для рисования векторных изображений в такой программе, как Photoshop; векторный рисунок обычно ассоциируется с очень разными программами, такими как Illustrator и Freehand. Photoshop не может создавать векторные документы целиком. Он использует векторные элементы и хранит их в слоях и как пути . Но будьте благодарны за то, что Photoshop предлагает эту функцию; он может пригодиться в ряде ситуаций. Чаще всего векторы используются для вырезания чего-либо из фона фотографии.Посмотрите на машину, для ее вырезания использовались векторы.

Инструмент «Перо» отлично подходит для таких задач вырезания из-за четкой, управляемой и многоразовой природы векторов.

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

В Photoshop (и других программах Adobe) математическое имя линий, определяющих векторы, — кривые Безье.

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

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

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

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

Совет. Вы можете обнаружить, что создание дорожек похоже на поедание спагетти: вы не можете остановить их, чтобы они соскользнули с тарелки. Чтобы остановить добавление к вашему пути, удерживайте клавишу Ctrl / Cmd и щелкните в любом месте окна документа. Теперь путь завершен.

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

Шаг 2 Прямые линии

Нарисовать прямую линию легко, вы можете использовать инструмент «Линия» или инструмент «Перо».

Выберите инструмент «Перо» на панели инструментов.

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

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

Вы также можете продолжать нажимать, чтобы продолжать добавлять сегменты прямых линий — например, для создания неправильной замкнутой формы из прямых линий. Просто не забудьте нажать Ctrl + щелчок) в точке, где вы хотите, чтобы добавление строки закончилось.
3 Curved Paths

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

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

Шаг 4 U-образные кривые

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

Чтобы создать U-образную кривую:
1. Перетащите вниз.
При перетаскивании вы заметите, что создаются две ручки. Эти ручки определяют, насколько острой будет кривая и в каком направлении вы хотите нарисовать кривую.

2. Переместите указатель вправо параллельно первой точке, которую вы отметили; щелкните и перетащите вверх.
Щелкните и перетащите вверх, и вы увидите создаваемую U-образную кривую. Кривая идет в том направлении, в котором вы перетаскиваете. Не волнуйтесь, если он не идеален; вы можете изменить любую кривую.

Шаг 5 Простые S-образные кривые

Создание простой S-образной кривой. Обратите внимание, что при изменении угла перетаскивания форма кривой также изменяется.

S-образная кривая лишь немного сложнее:
1. Перетащите влево.
Создаются маркеры направления.
2. Поместите указатель под первой точкой.Снова перетащите влево.

Обратите внимание, что у вас нечеткая S-образная кривая. Изменяя угол перетаскивания, вы меняете форму кривой.

Шаг 6 Комплексные S-образные кривые

Комплексные S-образные кривые. Плавные рыхлые кривые легко создаются с помощью инструмента «Перо».

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

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

2. Поместите указатель под первой точкой и перетащите вправо.

Итак, вы создаете U-образную кривую, как описано выше.

3. Переместите указатель под вторую точку и снова перетащите влево. Теперь вы создаете эквивалент двух U-образных кривых в разных направлениях. Это S-образная кривая.

4. Удерживая клавишу Ctrl, щелкните в стороне от контура, чтобы остановить рисование.

Шаг 7 Кривые M

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

1 От начальной точки перетащите вверх.
Вы создаете маркер направления.
2. Двигайтесь вправо и параллельно, перетаскивайте вниз.
Вы сейчас создаете перевернутую U-образную кривую.
3.Теперь сложная часть: удерживайте клавишу Alt (Option) и перетащите вверх.
Вы сейчас не рисуете кривую; вы меняете маркер направления для следующей кривой . Инструмент «Перо» работает следующим образом. Сначала вы определяете направление с помощью ручки направления (начальное перетаскивание мыши). Следующий щелчок фактически рисует кривую в зависимости от направления первого и второго перетаскивания. Если вам нужна резкая кривая (называемая выступом), вам нужно сначала изменить направление ручки, не затрагивая ранее нарисованную кривую.Инструмент «Преобразовать точку» — такой инструмент для этой задачи. Клавиша Alt (Option) — это быстрый способ временно выбрать инструмент «Преобразовать точку».

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

Вы только что построили М-образную кривую.

1. Удерживая нажатой клавишу Ctrl, щелкните ( c-щелчком) вдали от контура, чтобы остановить рисование.

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

Шаг 8 Закрытый путь

Закрытый путь. X отмечает начальную / конечную точку. Чтобы помочь в создании кривых, вы можете отобразить сетку в меню «Вид»> «Показать».

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

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

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

2. Щелкните, чтобы добавить точку под тремя другими точками.
В середине начинает формироваться форма сердца.

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

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

Совет: попробуйте включить сетку, чтобы рисовать контуры: Вид-> Показать-> Сетка.

ДОПОЛНИТЕЛЬНЫЙ СОВЕТ

Инструмент «Перо» предлагает два варианта изменения поведения на панели параметров:

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

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

Я надеюсь, что это небольшое ознакомление с инструментом «Перо» поможет вам.

Новый курс Колина Смита

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

Подробнее здесь

Ознакомьтесь с игрой Безье.

Эта бесплатная онлайн-игра поможет вам развить свои навыки работы с пером.

---

Как нарисовать линию Урок Photoshop

Как нарисовать линию в Photoshop [Урок для начинающих]

В этом уроке вы научитесь рисовать прямые линии в Photoshop . Я также покажу вам , как рисовать изогнутые линии в Photoshop . И, чтобы немного повеселиться, я научу вас рисовать цветную линию в Photoshop.

[ОБНОВЛЕНИЕ 2019]: хотя некоторые вещи изменились в Photoshop CC 2019, те же методы применяются для рисования линии в Photoshop.Ознакомьтесь с разделом о новом инструменте Curvature Pen Tool в Photoshop CC.

1. Как рисовать прямые линии в Photoshop с помощью кисти ⚡

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

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

Для наклонных или диагональных линий, удерживая нажатой клавишу SHIFT , щелкните, чтобы добавить конечные точки линий. Photoshop соединит точки идеальными линиями.

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

Вот в чем дело:

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

Вот так и работает наша рука.

Как повернуть холст в Photoshop

В Photoshop (CS5, CS6, CC 2018 и CC 2019) можно сделать один хитрый трюк — повернуть весь холст. Точно так же, как вы вращаете бумагу для рисования. Вы можете сделать это, щелкнув R , затем щелкнув и перетащив мышью.Если при перетаскивании удерживать нажатой кнопку SHIFT, поворот холста фиксируется на 15 градусов.

Вот видео, показывающее, как рисовать прямые линии в Photoshop и как вращать холст в Photoshop:

Примечание: При попытке сделать это в Photoshop CC 2019 я столкнулся со следующей ошибкой:

Поворот работает только с окнами документов с поддержкой OpenGL

Что ж, оказывается, что для этого в Photoshop CC 2019 предъявляются более высокие требования к оборудованию.Решение, по-видимому, состоит в том, чтобы попытаться перейти в Edit> Preferences , а затем в Performance Panel выбрать Enable OpenGL Drawing в настройках графического процессора . Обратите внимание, что если ваше оборудование не соответствует требованиям, этот флажок будет недоступен.

2. Как нарисовать прямую линию в Photoshop с помощью инструмента «Линия» ⚡

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

Загрузите мои линии для Photoshop, если вам нужны векторные линии для ваших проектов.

3. Как нарисовать линию в Photoshop с помощью инструмента «Перо» ⚡

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

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

Инструментом Pen Tool выберите Paths и нарисуйте линию. Строка добавляется как Work Path .

Чтобы нарисовать линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите инструмент «Кисть » .

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

СОВЕТ: Вы должны выбрать слой перед тем, как Обвести контур , иначе это может не сработать.Вот краткое руководство о том, как нарисовать путь и как обвести контур в Photoshop с помощью инструмента «Кисть» (видеоурок). Также вы можете прочитать руководство по Photoshop для начинающих.

4. Как рисовать изогнутые линии в Photoshop ⚡

Чтобы нарисовать изогнутые линии в Photoshop, вы должны использовать инструмент Pen Tool с выбранным Paths , чтобы создать изогнутый путь. Используя инструмент «Перо» , перетащите, чтобы создать первую точку сглаживания изогнутого сегмента, и отпустите кнопку мыши.

Чтобы нарисовать изогнутую линию, просто щелкните правой кнопкой мыши Work Path и выберите Stroke Path . Из списка выберите инструмент «Кисть » .

Как рисовать изогнутые линии в Photoshop CC 2019

Photoshop CC 2019 содержит множество полезных и новых вещей. Один из них — новый инструмент Curvature Pen Tool . Вы найдете это под значком Pen Tool , если вы нажмете на него долго.

Чтобы использовать новый инструмент Curvature Pen Tool , вам нужно щелкнуть один раз, и Photoshop нарисует изогнутые линии, соединяющие точки, по которым вы щелкаете.Двойной щелчок создаст острые углы. Если вы щелкните линию между двумя точками, вы можете добавить и перетащить дополнительную точку, чтобы создать изогнутую линию.

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

5. Как нарисовать цветную линию в фотошопе ⚡

Чтобы нарисовать цветную линию в Photoshop, добавьте стиль слоя к слою, на котором вы нарисовали линию. Используйте стиль слоя Gradient Overlay для создания цветных линий в Photoshop.

6. Пунктирная линия в фотошопе ⚡

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

7. Пунктирная линия в фотошопе

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

8. Как удлинить линию в Photoshop

Нажмите Control-T , чтобы удлинить линию в Photoshop.Этот метод изменения размера работает только для прямых линий (вертикальных и горизонтальных линий).

9. Как сделать линию толще в фотошопе

Как изменить ширину линии в фотошопе? Если вы используете инструмент Line Tool , вы должны установить толщину линии.

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

Как сгладить существующие линии в Photoshop

Ответ довольно прост! Перейдите в меню Filter > Other и выберите фильтр Minimum .Используя этот фильтр, вы можете увеличить размер ваших линий и сделать существующие линии в Photoshop более толстыми.

Если вы хотите сделать линии быстрее и чище, попробуйте этот БЕСПЛАТНЫЙ экшен для увеличения толщины линий в Photoshop.

10. рисуем параллельные линии в фотошопе

Чтобы нарисовать параллельные линии в Photoshop, вы рисуете прямую линию (вертикальную или горизонтальную) и нажимаете Control-J для дублирования. Затем вы перемещаете линию, и вы получаете параллельные линии.

Подсказка: создайте новый слой с горизонтальным / вертикальным градиентом (# 000000, непрозрачность 100% и # 000000, непрозрачность 0%).Перейдите в Filter> Distort> Wave и сделайте эти настройки для рисования параллельных линий в Photoshop.

11. Как нарисовать цифровое искусство плавными линиями с помощью Photoshop

Если вы хотите преобразовать фотографию в рисунок, вы можете использовать этот экшен Line Art Photoshop .

Вот , как рисовать плавные линии в Photoshop CC 2018, 2019, 2020 и более поздних версий :

Photoshop CC 2018 представил небольшую классную функцию, которая является настоящим улучшением рисования плавных линий в Photoshop.Используя параметр Smoothing (который изменяется от 0% до 100%), вы можете настроить плавность мазков кисти.

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

Не волнуйтесь! Это нормально!

Разрыв — это часть алгоритма, используемого Photoshop CC для расчета, насколько гладкими должны быть кривые и линии, которые вы рисуете. Способ рисования сглаженных кривых в Photoshop CC можно настроить с помощью нескольких дополнительных параметров, кроме Сглаживание .Щелкните зубчатое колесо рядом с ползунком Smoothing , и вы увидите Smoothing Options :

Режим вытянутой струны

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

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

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

Чем длиннее струна, тем более гладкими будут линии. Здесь ползунок Smoothing контролирует, насколько «длинной» строка и, следовательно, насколько гладкими будут кривые.

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

Stroke Catch Up Photoshop

Этот параметр не работает вместе с Pulled String Mode , поэтому сначала вам придется отключить его.

Когда вы отметите опцию Stroke Catch-Up и начнете рисовать, вы снова заметите зазор между начальной точкой и курсором мыши. Но на этот раз разрыв становится меньше. Итак, алгоритм заставляет мазок кисти догонять мышь.

Итак, мазок кисти — это ракета, отслеживающая ваш курсор мыши и приближающаяся к нему. Чем выше Сглаживание , тем медленнее «ракета». Также «ракета» замедляется по мере приближения к курсору мыши.

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

Догонка на конце хода

Это работает так же, как предыдущая опция Stroke Catch-Up , только когда вы отпускаете щелчок, она заполняет промежуток между мазком кисти (или «ракетой») и положением курсора мыши.

Регулировка увеличения

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

Используйте эти кисти Photoshop для рисования линий для создания красивых штриховых рисунков в Photoshop.

Связанные уроки по рисованию линий в Photoshop

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

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

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

.