Эффекты слоя в фотошопе

Яркие, кричащие цвета и флуоресцентный дуплекс

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

Флуоресцентный дуплекс в дизайне сайта компании New Deal Design.

Тот же веб-дизайнерский тренд использовали при создании календаря для AfriSam 2018 Corporate Stationery.

По моде — в ярких насыщенных цветах — оформлен и сайт дизайнерского агентства ELJE Group.

Сайт Hackernoon использует сочные флуоресцентные тона, чтобы стать заметнее.

Главное в этом деле  — уместная смелость, готовность рискнуть и попробовать кричащие цвета в дизайне сайта, на обложке альбома или на постере.

Эффекты воды в «Фотошопе»

Вновь перейдите к нижнему слою. Его перспективу теперь необходимо чуточку изменить

В какую сторону — не важно. Это просто позволит добавить на нарисованную нами воду ещё больше бликов и волн.
Теперь оба слоя необходимо размыть

Для этого перейдите по пути «Фильтр>>Размытие>>Размытие по рамке». Радиус размытия нижнего слоя — 5 пикселей. У верхнего слоя радиус размытия доведите только до двух пикселей. На выходе получится эффект, будто бы съемка водной поверхности производилась при достаточно длительной выдержке. Если вам это не нравится, то радиус размытия можно сделать ещё меньше.

Эффект воды в Фотошопе практически готов. Но получившейся картинке ещё чего-то недостает… Нужно сделать воду в Фотошопе неоднородной. В бассейнах вы не раз замечали, что в одних местах вода чуть более светлая, чем в других. Такой эффект можно получить при помощи инструмента «Осветлитель». Сделайте им в нескольких областях изображения светлые пятна.

Стоит ли следовать трендам

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

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

Прием двойной экспозиции украсил вступительную заставку сериала «True Detective» от HBO.

Ниже мы рассмотрим несколько модных дизайнерских приемов и поделимся уроками по созданию эффектов в Photoshop.

Как применить эффекты и фильтры к изображению

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

2. В случае, если вам необходимо будет вернуться к исходному изображению — нажмите на иконку «Сбросить все изменения». Если же вам необходимо откатить только последнее действие — воспользуйтесь кнопкой «Отмена» в правом нижнем углу сервиса.

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

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

Важно! После применения фильтра/эффекта для просмотра необходимо снова нажать на иконку меню Фильтров. 5

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

5. Седующая иконка открывает доступ к меню «Инструменты». Нажав ее, вам будет предоставлен список из следующих возможностей: поворот, зеркальное отображение, измение яркости и контраста изображения, добавление шума, резкости и размытия на фото; также вы сможете воспользоваться такими уникальными и замечательными инструментами как виньетка, размытие рамки, добавление сепии, отображения негатива и обрезка изображения. В дополнение вы сможете нанести на вашу картинку или фото специальные текстуры, рамки и некоторые стикеры.

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

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

6. Применив все необходимые фильтры, эффекты, воспользовавшись инструментами изменения изображения — вы его можете сохранить. Для этого достаточно нажать на иконку «Сохранить изображение», а затем выбрать тип сохраняемого файла и его качество.

Нажмите последовательно на «Тип» и затем на «Качество». Немного подождите, пока ваш компьтер или телефон не обработают фото для сохранения. После чего, в зависимости от настроек браузера, вам будет предложено или сохранить файл, или начнется его автоматическое сохранение на ваше устройство.

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

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

Как нарисовать воду в «Фотошопе»

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

Камера у нас находится над водными просторами. Это нужно исправить, для этого необходимо изменить перспективу. Проследуйте по пути «Редактирование>>Трансформирование>>Перспектива». Теперь наклоните изображение таким образом, чтобы примерно 1/6 часть площади на картинке оставалась белой. Получится такой эффект, будто бы мы смотрим на горизонт.

У нас уже получилось нарисовать воду в Фотошопе. Остались лишь несколько мелких штрихов. Перейдите в панель «Слои». Продублируйте в ней текущий слой сочетанием клавиш «Ctrl+J». В качестве эффекта наложения выберите пункт «Умножение». Картинка сразу станет более четкой и яркой. Но мы применяем данный эффект не только для этого.

Эффекты «глитч», «ошибка печати» и «визуальные помехи»

Это приемы одного ряда. С ними изображение притягивает взгляд, потому что выбивается из потока «идеальных картинок». В основе — цифровые искажения, или глитч. Когда все вокруг отфотошоплено до безупречности (кто-то назовет это фальшивым или «эстетически загрязненным»), хочется взглянуть на что-то более реалистичное, естественное и неприлизанное.

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

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

На постере к сериалу «Мистер Робот» несколько разновидностей глитч-эффекта подчеркивают контркультурный антураж.

Цветовой сдвиг + «ошибка печати» + цифровые помехи.

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

Добиться подобных результатов можно разными способами — осмотритесь на YouTube и выберите, что вам понравится. Есть даже готовые Photoshop Actions, которые можно купить, чтоб накладывать глитч в один клик.  

Парочка крутых Photoshop-уроков по этому тренду:

Глитч. Урок #1

Глитч. Урок  #2

Вы даже можете создавать glitch-эффект средствами CSS. Вот примеры слайдшоу и лендинга.

Маски, вырезки, абстракционизм, кубизм

Бесконечно возвращающийся тренд, который прочно закрепился в графическом дизайне. Это может быть сочетание жирного шрифта, плоских цветных поверхностей, монтажа и маскирования. Этой технике почти 100 лет, как и выполненным ее средствами советским пропагандистским плакатам 1920-х годов. (На самом деле нам показывают афиши к раннесоветскому кино  — прим. пер.)

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

Цифровой кубизм, абстрактное искусство и коллажи сегодня — растиражированные техники, которые доказали свою способность привлекать внимание

Иногда современные эффекты визуального наслоения напоминают коллажи Матисса.

Интересный эффект фотомаски можно получить за счет игры со шрифтами и простыми геометрическими фигурами.

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

Тем не менее есть пара классных уроков Photoshop, которые на примере показывают, как создать подобные эффекты:

Как создать портрет из текста в Photoshop

Как создать букву-портрет в Photoshop

А вот еще один — как с помощью слой-масок в Photoshop получить такой результат:

Из урока вы узнаете, как несколько простых приемов позволяют делать замысловатые иллюстрации с  несколькими слоями, маскированием, инструментом «Перо», базовым освещением и одной простой текстурой.

Разделение RGB-каналов, цветовые каналы, двухцветная двойная экспозиция

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

Вот несколько крутых уроков по работе с цветовыми эффектами в Photoshop и Affinity Photo. Не обращайте внимания, как эти приемы там называют — каждый волен именовать их по-своему.

Двухцветная двойная экспозиция в Photoshop

Двухцветная двойная экспозиция в Affinity Photo