Овладейте горячими тенденциями дизайна с помощью этих уроков по Photoshop

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

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

Как и в случае с модой, тенденции дизайна часто перерабатываются из прошлых десятилетий — мы видим, как они возвращаются снова и снова: русский конструктивизм, Баухаус, трафаретная печать, 1970-е… и т. д. Простые, насыщенные геометрические узоры дизайна существуют уже почти столетие, и дизайнеры до сих пор используют их, потому что они так же эффективны, как и 100 лет назад.

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

Должны ли дизайнеры следовать тенденциям дизайна?

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

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

Давайте рассмотрим несколько из этих горячих тенденций графического дизайна и поделимся некоторыми из лучших руководств по Photoshop о том, как их создать.

Горячий тренд в дизайне: эффект двойной экспозиции

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

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

Вот несколько лучших руководств по Photoshop о том, как достичь этой горячей тенденции дизайна:

Учебник Photoshop №1 по эффекту двойной экспозиции:

Учебник Photoshop №2 по эффекту двойной экспозиции:

Учебник Photoshop №3 по эффекту двойной экспозиции:

Глюк, опечатка, визуальные эффекты интерференции

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

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

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

У каждого свой метод создания этого эффекта, так что посмотрите на YouTube и выберите тот, который вам нравится. Есть даже дизайнеры Photoshop Actions, которые можно купить, чтобы создать эффект сбоя всего несколькими щелчками мыши. Вот несколько лучших руководств по Photoshop о том, как достичь этой тенденции дизайна:

Учебник по Photoshop с эффектом глюка № 1:

Глитч-эффект Photoshop Урок № 2:

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

Дуотоновые эффекты

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

Сегодня, от постеров голливудских блокбастеров до Apple и Spotify, похоже, все используют эффект дуплекса. Цель, опять же, состоит в том, чтобы стоять в стороне, быть замеченным как нечто иное. Есть даже Photoshop Actions и множество мобильных приложений для простого создания двухцветных эффектов.

Вот несколько лучших руководств по Photoshop о том, как достичь этой современной тенденции дизайна:

Учебник Photoshop с эффектом дуплекса № 1:

Учебник Photoshop с эффектом дуплекса № 2:

Учебник по Photoshop с эффектом дуплекса № 3:

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

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

Вот несколько лучших руководств по Photoshop и Affinity Photo о том, как создать этот трендовый эффект визуального дизайна (пожалуйста, не обращайте внимания на то, как они называют этот эффект, у всех его разные названия):

Учебное пособие по Photoshop с эффектом двойной экспозиции цвета:

Учебник по Affinity Photo с эффектом двойной цветной экспозиции:

Яркие, яркие цвета и флуоресцентные эффекты Duotone

Опять же, цель здесь состоит в том, чтобы действительно выделиться. Эта тенденция использует яркие, насыщенные и флуоресцентные цвета в большом количестве в дизайне.

Здесь нужно быть смелым (когда это уместно) и рисковать с яркими, насыщенными цветами, будь то веб-сайт, обложка альбома или постер.

Фотомаскирование, Аппликации, Абстракционизм, Кубизм

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

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

Цифровая вариация кубизма, абстрактного искусства и «аппликаций» сегодня — это тенденция дизайна фотомаскировки, используемая многими дизайнерами для привлечения внимания.

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

Тем не менее, вот несколько лучших руководств по Photoshop о том, как создать эту модную тенденцию дизайна, эффект маскировки фотографий:

Как создать постер с текстовым эффектом в Photoshop.

Как создать буквенный портрет в Photoshop:

Вот еще один интересный урок Photoshop с использованием маскирования фотографий для создания этого изображения:

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

Исследуйте, будьте смелыми и установите свой собственный курс

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт