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

По умолчанию, этот инструмент находится за "Прямоугольной областью" (Rectangular Marquee Tool), поэтому по нему следует кликнуть правой клавишей мыши (либо левой нажать и удерживать пару секунд), после чего выпадет меню, где мы и выберем нужную нам "Овальную область".

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

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

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

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

Теперь создадим выделение вокруг этого слоя. Зажмите и удерживайте нажатой клавишу Ctrl и нажмите на саму миниатюру слоя. При этом курсор примет характерную форму руки с рамкой на ней:

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

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

Шаг 2: Применяем фильтр "Зигзаг" (ZigZag)

В программе Photoshop, в стартовом комплекте, имеется фильтр, созданный специально для создания воды ряби на изображении, но, если искать только по названиям фильтров, то найти его будет затруднительно. Тот, который нам нужен, называется не "Рябь" (Ripple) или "Волна" (Ocean Ripple). Он называется "Зигзаг" (ZigZag) (да-да, именно так, "Зигзаг"). Пройдите по вкладке главного меню Фильтр --> Искажение --> Зигзаг (Filter --> Distort --> ZigZag). Кстати, в англоязычной версии фильтр ZigZag находится в нижней части списка:

Как теперь Вы можете убедится, фильтр "Зигзаг" работает, искажая овал в форме круговой ряби.
В самой нижней части диалогового окна фильтра имеется выбор вариантов, с помощью которых можно выбрать стиль искажения. Там есть три варианта - "Вокруг центра" (Around Center) , "От центра" (Out From Center) и "Круги на воде" (Pond Ripples), он выбран по умолчанию. Каждый из них дает нам несколько иной эффект водной ряби, и один, как правило, предоставляет лучшие результаты, чем два других, в зависимости от области изображения. Попробуйте применить каждый из них, о результатах можно судить в окне предварительного просмотра в верхней левой части диалогового окна фильтра. В этот раз я использую стиль "Вокруг центра" (Around Center), но для Вас может лучше подойти другой стиль.

Ползунок "Количество" (Amount) регулирует высоту волн, а количество хребты волн изменяет ползунок "Складки" (Ridges). При подборе высоты и интенсивности ряби контролируйте этот процесс в окне предварительного просмотра диалогового окна фильтра (эффект не будет применён к изображению, пока вы не нажмете ОК). Мы собираемся применить фильтр Зигзаг дважды, по одному разу на каждом из двух созданных слоёв. Для создания начального волнового эффекта добавьте много небольших хребтов. Они будут расположены по периферии овала. Я задам следующие параметры: "Складки" (Ridges) - 12 , и "Количество" (Amount) около 30. У Вас эти значения могут сильно отличаться:

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

Создайте новый документ и залейте его черным цветом. Размер может быть любой, главное, чтобы документ был квадратным. Затем примените фильтр Filter > Texture > Stained glass .

Теперь примените фильтр Filter > Pixelate > Crystallize с параметром Cell Size равным 22.

Наконец, выберите фильтр Distort > Polar Coordinates с активным параметром Polar to Rectangular . Должно получиться следующее:

Согласитесь, уже похоже. Примените фильтр Brush strokes > Splatter (у каждого параметра значение 3).

Осталось только добавить цвет на изображении. Для этого нажмите Ctrl+B и примените следующие значения.

Окончательный результат

Нарисованная волна

Также создайте квадратный документ, но уже с белым фоном. Нажмите Ctrl+J , чтобы создать дубликат слоя. Затем установите основной цвет белый, а фоновый голубой (#447cc8 ) и примените фильтр облака (Filter > Render > Clouds ). Должно получиться так:

Примените фильтр Filter > Distor > Twirl с значением Angle 200:

Ну и наконец, фильтр Filter > Distort > Polar Coordinates с таким же параметром, как и раньше.

Теперь примените стиль к этому слою Layer > Layer Style > Blending Options > Gradient overlay . Настройки оставьте по умолчанию, только уменьшите непрозрачность градиента (Opacity ) до 30%. В итоге получится так.

Окончательный результат

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

Создайте новый квадратный документ с любым фоном. Установите основной цвет белый, а фоновый голубой (#6299d1 ) и примените фильтр Filter > Render > Clouds . Затем нажмите Ctrl+F , чтобы еще раз применить данный фильтр. Получится следующее изображение:

Теперь примените фильтр Filter > Render > Fibers с параметрами Variance 13.0 и Strenght 8.0. После этого переверните изображение Image > Image rotation > 90CW .

Создайте дубликат слоя Ctrl+J и установите для дубликата режим наложения Blend mode на Multiply .

Затем создайте новый заполняющий слой с градиентом Layer > New Fill Layer > Gradient .

Измените режим наложения данного наполняющего слоя на Pen light .

Окончательный результат

P. S.

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

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

линии в «Фотошопе»?

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

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

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

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

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

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

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

Инструмент "Перо"

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

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

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

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

Дизайнерский эффект в фотошопе: красочные волны February 22nd, 2011

Красочные абстрактные цветные волны средставми Фотошоп

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

Для завершения урока вам понадобятся некоторые дополнительные материалы:
Crack Brushset
Давайте начинать!

Шаг 1

Откройте фотошоп и создайте новый документ с размерами 1000px * 600px, залейте фоновый слой черным цветом. Далее создайте новй слой поверх остальных и назовите его “light”, возьмите большую мягкую кисть с диаметром примерно 600px и кликните один раз, как показано ниже.

Затем нажмите Ctrl + T для свободной транформации слоя, как показано ниже.

Уменьшите прозрачность Opacity слоя до 85%.

Шаг 2

Перетащите этот слой в центр вашего холста, затем примените Filter > Distort > Twirl со следующими настройками:


У вас должна получиться вот такая волна:

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

Для придания большего контраста создайте новый корректирующий слой поверх слоев дубликатов New > New Adjustment Layer и примените следующие настройки.

Вот так должно у вас получиться:

Шаг 3

Создайте новый слой и назовите его "Cloud", используйте инструмент Лассо Lasso Tool с 25px feather для создания выделения, затем примените Filter > Render > Cloud. Убедитесь в том, что ваши цвета в палитре черный и белый.

Измените режим смешивания blending mode этого слоя с облаками на “Soft Light”

Скачайте вот эти кисти и создайте новый слой с названием “crack” поверх остальных слоев. Измените режим смешивания этого слоя на “Overlay”, затем нарисуйте немного трещин новыми кисточками.
Вот так должно получиться:

Шаг 4

Теперь начнем добавлять цвета к нашим волнам. Для этого создайте новый слой поверх всех, поменяйте его режим смешивания на Soft Light и поработайте разными мягкими кистями с разными цветами.

Для создания большей глубины цвета продублируйте оригинальный слой "cloud" и перетащите этот слой поверх всех. Измените его режим смешивания на “Vivid Light” и примените к нему фильтр Filter > Blur > Motion Blur со следующими настройками.

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

Добавте ещё один корректирующий слой, как мы делали ранее Curves.

Создайте для него маску вот такого вида:

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

Это коне урока, надеюсь у всех всё получилось даже лучше.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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