Создание воды в фотошопе, отражение, круги, рябь, волны.

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

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

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

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

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


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


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


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



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


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

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

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


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

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

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

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


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

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


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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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.

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

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

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

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

Шаг 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 / Перекрытие . Вот и всё!

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