В этом уроке мы научимся создавать водный эффект. Урок довольно прост, но несмотря на то, что его выполнению не сопутствуют трудности, результат выглядит очень классно! Мы будем использовать различные фильтры, работать с режимом наложения и совсем немного пользоваться кистью.
Шаг 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 / Перекрытие . Вот и всё!
Перевод — Дежурка
Дизайнерский эффект в фотошопе: красочные волны 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.
Создайте для него маску вот такого вида:
И вот такой будет результат. Отличные, стильные цветные линии средствами фотошоп , надеюсь вы много узнали из этого урока.
Это коне урока, надеюсь у всех всё получилось даже лучше.
Давайте разберем, возможно ли создать ткань в фотошопе? Нарисовать ткань можно, и, кстати говоря, очень просто и познавательно. Во время урока вы узнаете: как сделать градиент, научитесь работать с осветлителем и затемнителем и познакомитесь с одним из фильтров фотошопа.
Давайте нарисуем кусочек синей ткани и придадим ему некоторый объем. Я попытаюсь воссоздать отрез шелка глубокого синего цвета.
Создаем новый документ размеров 1000 на 1000 пикселей и находим инструмент градиент, который располагается на панели инструментов.
Настройки градиента следующие:
Я выбрала цвета: #0132d3 #042db4 #001491 #010c2e .Вы можете воспользоваться своими настройками. Но помните, что максимально реалистичного эффекта вы добьетесь, делая переход от светлого к темному.
Работать на отдельных слоях совсем не обязательно. Чтобы создать ткань в фотошопе в первую очередь нам следует позаботиться о ее текстуре. Для этого нам не потребуются какие-то загруженные текстуры. Достаточно воспользоваться стандартным фильтром текстуризатором.
Я пытаюсь воссоздать текстуру шелка. Если вам требуется другой, более грубый материал, поиграйте с настройками.
Как видите, структура ткани у нас-таки получилась. Давайте же добавим чуть-чуть складок. Для этого на боковой панели инструментов найдите затемнитель. И установите настройки: экспонирование – 37, диапазон – подстветка. Советую использовать мягкую кисть размером около 60 пикселей. Но тут уж как вам удобно. Я планирую создать крупные складки. Если вы хотите сделать их больше и меньше, кисть, соответственно, уменьшайте.
Теперь воспользуйтесь осветлителем. Настройки не меняем. Размеры кисти тоже.
Теперь, уменьшаем размеры кисти и экспонирование. Я уменьшаю до 26%.
Как вы можете заметить, на двух складках разные величины экспонирования. Меняйте настройки на складках. Линию следует провести быстрым и точным движением. Ваша рука не должна дрожать.
У нас получился синий шелк.
Чаще всего подобные элементы используются в дизайне сайтов, дабы не приходилось фотографировать и обрабатывать каждый отрез ткани. Итого, на то, чтобы сделать кусок ткани в фотошопе нам потребовалось несколько минут.
Многим часто приходится работать с графическим редактором. Одним необходимо это в процессе обучения, другим - для работы, а некоторые начинают работать в них по своей инициативе. Ясно одно - каждый проходит через начальный этап, когда интерфейс давит своим объемом и приходится разбираться самостоятельно. Каждый начинает осваивать программу по-своему: кто-то методом проб и ошибок, кто-то учится, смотря туториалы по графической программе. Пользователи проходят и через изучение инструментов и построение фигур. Один из коварных вопросов, с которым сталкивается новичок - построение волнистых линий в «Фотошопе». Данная среда не имеет непосредственного инструмента "Кривая", поэтому приходится делать их своими руками.
линии в «Фотошопе»?
Исхитриться и нарисовать нужную пользователю линию довольно сложно, делается это с помощью инструмента "Кисть". Но стоит понимать, что волнистая линия получится неровной и несимметричная. Еще одним выходом из этой ситуации являются вспомогательные фигуры, которые можно сделать с помощью инструмента "Эллипс". При должной сноровке можно сделать круги одинакового размера, находящиеся на равных расстояниях друг от друга.
Все же самыми распространенными решениями являются более простые методы. К ним можно перечислить:
- Волна. Позволяет отделить область в форме волны (идентично волнистой линии)
- Перо. Позволяет создать собственный контур, управляя точками растяжения.
С помощью функции "Волна"
Довольно действенный метод, если в приоритете у пользователя создать симметричную волнистую линию. Небольшая трудность, с которой встретится пользователь - подгон нужных параметров.
Для применения функции "Волна" необходимо проделать следующие шаги:
- Определиться и создать область, которая будет обрезана "волной".
- С помощью инструмента "Прямоугольная область" нужно выделить участок, который будет иметь волнистую каемку.
- Затем в шапке программы находим раздел "Фильтр", затем категорию "Искажение" и пункт "Волна".
- настроек, в котором можно выбрать вид волны (синусоида, треугольники и квадраты), определится с длиной волны и амплитудой, выбрать масштаб.
- можно подогнать необходимые значения параметров для достижения желаемых результатов.
- Наблюдаем, что область имеет волнистые стороны. Необходимо обрезать область с помощью вызова диалогового окна нажатием правой кнопки мыши.
Инструмент "Перо"
С этим инструментом тяжелее работать, но с помощью него можно делать несимметричную волнистую линию.
Обычно им пользуются профессионалы, которые отлично владеют этим инструментом.
- Сначала необходимо выбрать данный инструмент на главной рабочей панели.
- Ставим первую опорную точку.
- Следом зажимаем левую кнопку мыши и растягиваем образовавшуюся дугу на нужное расстояние, регулируя процесс мышкой. Отпускаем - получилась дуга.
- Следующим этапом делаем то же самое, что и в пункте 3, только инвертируя дугу в противоположенном направлении.
- Продолжаем повторять пункт 3 и 4 до нужной длины волнистой линии.
- Затем замыкаем линию через самую первую опорную точку.
- Выделяем область с помощью ПКМ и обрезаем ее.
Вот так можно создавать волнистые линии в "Фотошопе".
Создайте новый документ и залейте его черным цветом. Размер может быть любой, главное, чтобы документ был квадратным. Затем примените фильтр 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. Фильтр не так прост, как кажется на первый взгляд. С его помощью можно добиваться превосходных результатов, но это уже в следующем уроке.