Сделать невозможное возможным, используя фильтры Photoshop для удивительных художественных фотоэффектов, просто и легко, хотя и требует немалую толику фантазии, около часика свободного времени и вдохновленного порыва. Графический дизайн в оформлении сайтов (веб-дизайне, проще говоря) используется в разном виде, но в самом что ни на есть художественном  – редко. И ответ кроется отчасти в том, что подобрать тематическое изображение или создать его самому сложновато, если нет соответствующего навыка. Но что если использовать фотографии?

Вполне можно сделать что-нибудь замечательное с помощью фильтров Photoshop. Нужен туман или дождь на горизонте фотографии? Есть фильтр для этого. Нужно переориентировать композицию? Тоже есть фильтр для этого. Есть даже фильтры для прорисовки неба, чтобы оно выглядело более живым и ярким, не сказочным, но насыщенным. Реалистичная и сюрреалистическая одновременно графика, 3D-изображения-обманки или некое животное в море вдруг начинает выглядеть таким, будто движется – и всего ничего, а только работа с фильтрами. Стандартными.

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

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

Художественная графика веб-дизайна

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

Но существуют изображения в веб-дизайне… художественные, сюрреалистические, например dolfinarium, gucci, rickerlyman, generativeartstudio, lik. Также множество таких графических работ на Pinterest или в поиске Google, Behance. Или, например, слон в море – ничего особенного, но все изображение создано с помощью фильтров. Что уж говорить о крокодиле, ките и прочем.  Красота таких изображений в фентезийности и реалистичности одновременно, а чем реалистичнее, тем еще загадочнее. Здесь все изображения в полном размере.

Сайты с такими изображениями редки, но красивы и именно на таких работах мы посмотрим работу фильтров Photoshop. Уже впоследствии, выбирая фотографию, например, для фона домашней станицы вы сможете уже бегло опередить, требуется ли её немного «украсить», подкорректировать и, соответственно, будете знать как.

Размытие в движении

Чем изображение со слоном отличается от аналогичного с китом? Не углубляясь в законы преломления лучей, света, зеркальных отражений, заметим, что погруженные в жидкость предметы визуально немного увеличиваются, размываются и сдвигаются от своей верхней части, если погружены частично. Пример соломинки в стакане с водой помнят из детства все. Вот и тут то же самое.  Изображение с китом – прекрасно (да, кто бы спорил-то?), но что если добавить фильтр?

Работаем со смарт-фильтрами, чтобы имелась возможность постредактирования. Выделяем плавники нашего кита и переходим в Фильтр -> Размытие -> Размытие в движении. Угол в нашем случае выбираем небольшой и совсем малый сдвиг. Кит становится слегка «замыленным», но в воде и не существует четких объектов. Они должны иметь небольшой муар, пыль. Вот её и подрисуем.

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

Пластика

Об этом фильтре мы уже немного говорили в теме каллиграфии, но сейчас отметим тот факт, что он идеально подходит для создания влажных текстур, жидких поверхностей, мокрых. Одинокая скала в море редко бывает 100% сухой. На большом изображении с китом от этого фильтра можно отказаться, но если изображение небольшое, то немного «влажности» не помешает. Обычно её больше на границе с водой, вот там её и подрисуем.

Переходим в Фильтр -> Пластика и инструментом Деформация немного прокрашиваем границу скалы, а параметры… параметры подбираете подходящие для вашего изображения. Чем больше Нажим и Плотность – тем и эффект виднее. В случае, когда необходимо уменьшить количество деформированной площади, выберем следующий инструмент – Реконструировать и затираем ненужное. Это ластик обычный.

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

Смещение

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

Выберем часть скалы у границы и скопируем выделение на новый слой (Ctrl+J). Перейдем в каналы, выделим Голубой (отключив все прочие) и кликнув ПКМ сохраним его в новый файл psd.

Возвращаемся на слой с выделенным объектом и выбираем Фильтр -> Искажение -> Смещение и устанавливаем  параметры, побольше в значении, так как все таки и волны сильные.

Теперь выделим получившееся «безобразие» Ctrl+T, отразим по вертикали, расположим ближе к границе и лишнее удалим ластиком по маске. Помните также о том, куда движутся волны и падает свет, отражение тоже должно немного преломляться. Но и не везде оно может быть. Вдалеке в небольшом заливе оно не будет видно.

Не забываем про режимы наложения и выбираем Перекрытие или Мягкий свет.

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

Пожары

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

Переходим в Фильтр -> Рендеринг -> Огонь и выбираем понравившуюся модель. Настраиваем параметры и видим что получилось. Не забываем про свободное трансформирование, режим наложения и копирование слоев для насыщенности. Мы понимаем, что это кит, но почему не добавить сюрреализма, ведь это же скала.

 

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

Облака

Небеса обетованные… красота облаков, тумана, рассвета и так далее. Что же, Photoshop и здесь помощник, и еще какой. У нас теперь горы.

Добавляем чистый слой, применяем Фильтр -> Рендеринг -> Облака. Выбираем режим наложения Экран (или иной подходящий вам вариант) и добавляем слой-маску. Вершины, да еще и на переднем плане обычно четко видны. Прокрасим их по маске и с неба тоже уберем лишнее.

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

Сферизация

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

На простом примере елочного шарика и тематической заснеженной улицы посмотрим как быть иначе.

Выделяем шарик и копируем на новый слой. Переходим на пейзаж, зажимаем Ctrl + лкм и наш объект выделяется на этом уже слое. Применяем Фильтр - > Искажение -> Сферизация . Ручное и удобные параметры. И видим, что изображение исказилось.

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

Блик

Блики добавляются с помощью черного слоя и последующего использования режима наложения Экран.

Масляная краска

Фильтр позволяет преобразовать любое изображение таким образом, что оно превращается в совершенно новое, стилистическое и художественное. Открываем изображение, переходим Фильтр -> Стилизация -> Масляная краска и выбираем параметры.

Таким образом, получается написанная на хосте картина. Если добавлять больше Блеска, то видна будет рельефность от щетинок кисточки.

 Завершение

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

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

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