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

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

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

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

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

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

Круги на воде

Рябь на воде

Водопад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итоговый результат

Шаг 1

Вначале создайте новый документ размерами 2000×2000 px, цвет заднего фона чёрный. Вы можете использовать любые размеры, которые наилучшим образом подойдут для вашей работы. Создайте новый слой, а затем нарисуйте любую фигуру, которая вам нравится. Чтобы вам было проще, выберите инструмент Эллипс (Ellipse Tool). Установите режим Фигура (Shape), отключите Заливку (fill), Обводка (Stroke) - белого цвета.

Примечание переводчика: в настройках инструмента Эллипс (Ellipse Tool), установите опцию Контур (Paths). Не забудьте создать новый слой поверх слоя с задним фоном. Создайте контур эллипса, далее, щёлкните правой кнопкой мыши по документу и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke Path), установив предварительно жёсткую кисть белого цвета, размер кисти примерно 1-2 px.

Нарисуйте фигуру в центре нашего рабочего документа.

Шаг 2

Переключитесь на инструмент Перемещение (Move tool (V), а затем активируйте инструмент Свободная трансформация (Free Transform tool (Ctrl+T) или идём Редактирование - Свободная трансформация (Edit > Free Transform). Поверните контур эллипса. Вы можете удерживать клавишу (shift) при повороте, тогда поворот будет осуществляться с интервалом 15º. Нажмите клавишу (Enter), чтобы применить трансформацию.

Шаг 3

На данном этапе вы наверно уже догадались, каким образом мы создадим спирографические волны - продублируйте контур эллипса с последующим поворотом дубликата и так несколько раз, пока вы не пройдёте полностью по кругу. У вас займёт очень мало времени, если вы воспользуетесь горячими клавишами. Переключитесь на инструмент Перемещение (Move tool (V), а затем нажмите несколько раз комбинацию клавиш (Ctrl+Shift+Alt+T), пока вы не создадите окружность.

Примечание переводчика: как только вы создали эллипс, нажмите клавиши (Сtrl+J), чтобы продублировать оригинальный эллипс. Перейдите на инструмент Перемещение (Move tool (V). Далее, поверните дубликат эллипса. А затем, просто нажимайте комбинацию клавиш (Ctrl+Shift+Alt+T), пока вы не получите желаемый узор.

Шаг 4

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

Меняя положение центра преобразования (reference point location):

Меняем ширину (width) и высоту (height):

Меняем угол поворота (rotation) и искажения (skew):

Шаг 5

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

Вначале создайте любой контур, используя любой инструмент. Не забудьте растрировать слой, если вы нарисовали фигуру с помощью какого-нибудь векторного инструмента. Для этого, щёлкните правой кнопкой по слою и в появившемся окне, выберите опцию Растрировать слой (Rasterize Layer). Я нарисовал обычный красный контур овала.

Шаг 6

Далее, создайте новую операцию через панель настроек Операций (Actions), идём Окно - Операции (Window > Actions). Чтобы создать новую операцию, вначале нажмите кнопку Создать новый набор (Create New Set) в нижней панели инструментов Операции (Actions). Дайте любое название данной операции на своё усмотрение - я назвал данную операцию Спирография (Spirograph). Далее, нажмите кнопку Создать новую операцию (Create New Action). Вы можете по-любому назвать данную операцию, но необходимо указать горячую клавишу в поле Функциональная клавиша (Function Key). Я выбрал клавишу (F12). Нажмите кнопку Записать (Record)

Шаг 7

Итак, ваша операция начинает записывать все ваши действия. Выполните следующие шаги, чтобы записать ваши действия.

1. Нажмите клавиши (Ctrl+J), чтобы продублировать текущий слой.

2. Нажмите клавиши (Ctrl+T), чтобы активировать инструмент Свободная Трансформация (Free Transform tool). Примените любые действия с трансформацией, которые вам нравятся. Например, я повернул свой эллипс на 15º, а затем деформировал по вертикали на 15º.

3. Нажмите клавиши (Ctrl+U), для активации инструмента Цветовой тон / Насыщенность (Hue/Saturation tool). Проведите любую цветовую коррекцию на свой вкус. Например, я просто установил значение Цветового тона (hue) на 8.

Как только вы закончили, нажмите кнопку Стоп (Stop) в нижней панели инструментов. Теперь у вас есть новая операция, с которой вы можете работать, просто нажав функциональную клавишу (function key), которую вы назначили ранее (в качестве функциональной клавиши я установил F12).

Примечание переводчика: опцию Операции (Actions), вы можете применять к любым контурам, т.к. все действия вы уже записали. Кроме инструмента Цветовой тон / Насыщенность (Hue/ Saturation tool), при записи / создании операции вы можете использовать другие инструменты цветовой коррекции, просто экспериментируйте.

Шаг 8

Нажимайте функциональную клавишу, которую вы задали (у меня эта клавиша F12), пока вы не построите свою спирографическую волну. Результат моей спирографии вы можете увидеть на скриншоте ниже. Фигура не выглядит такой потрясающей, но мы можем всегда попробовать изменить настройки.

Чтобы изменить настройки, просто дважды щёлкните по любому из действий внутри вашей Операции (action).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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