Двухтоновые эффекты
Прием «дуплекс» (duotone) давно в моде и не устаревает. Сотни лет назад с помощью сангины — красного мелового карандаша — однотонные рисунки создавал Леонардо да Винчи. Манера разбивать изображение на простые тона укоренилась, и современная двухтональная техника развивает идеи мастеров прошлого.
Рисунки сангиной, созданные да Винчи и мадемуазель де Мондран (de Mondran), а также современное фото в двухтоновой технике.
Дуплекс сегодня используют всюду: от постеров к голливудским блокбастерам до рекламы Apple и Spotify. Смысл — выделиться, выглядеть иначе. И здесь на помощь приходят Photoshop Actions и мобильные приложения.
Несколько хороших уроков Photoshop, из которых вы узнаете, как получить этот модный эффект:
Дуплекс. Урок Photoshop #1
Дуплекс. Урок Photoshop #2
Дуплекс. Урок Photoshop #3
6 сайтов для подбора цветовой палитры
Material Palette. Сервис для подбора палитры работает просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему. Чтобы узнать больше о сочетании цветов, рекомендуем также прочесть наш текст о цветовом круге Иттена.
Flatuicolorpicker. Множество красивых оттенков, разбитых по категориям: красные, фиолетовые, синие, зелёные, жёлтые, оранжевые и серые.
Coolors. Онлайн-генератор цветовых схем для сайта создаёт подборку из пяти оттенков, каждый из которых вы можете изменить по своему усмотрению. Чтобы эффективнее пользоваться сервисом, советуем не пропускать инструкцию в самом начале.
Colorful gradients. Хорошая подборка градиентов на любой вкус.
Paletton. Удобный генератор цветовых палитр. Его ценят за широкие возможности и гибкие настройки.
Adobe Color. Неплохой и функциональный инструмент для создания палитры от Adobe.
Яркие, кричащие цвета и флуоресцентный дуплекс
И снова задача — обратить на себя внимание. Чтобы следовать тренду, щедро используем в дизайне сочные и сияющие оттенки
Флуоресцентный дуплекс в дизайне сайта компании New Deal Design.
Тот же веб-дизайнерский тренд использовали при создании календаря для AfriSam 2018 Corporate Stationery.
По моде — в ярких насыщенных цветах — оформлен и сайт дизайнерского агентства ELJE Group.
Сайт Hackernoon использует сочные флуоресцентные тона, чтобы стать заметнее.
Главное в этом деле — уместная смелость, готовность рискнуть и попробовать кричащие цвета в дизайне сайта, на обложке альбома или на постере.
Где заработать на Фотошопе? Где найти заказчиков?
1.Магазин услуг Kwork
Разместите информацию о своих услугах на сайте Kwork.ru. Каждая услуга здесь оформляется в виде кворка. Например, вы можете создать кворк с предложением сделать ретушь, отдельный кворк с предложением сделать баннер и т.д. Чтобы ваши кворки купили, продумайте красивое оформление и добавьте привлекательные фотографии, как на скриншоте ниже:
Минимальная стоимость кворка на сайте – 500 руб., за счет опций ее можно поднять. Смотрите, как оформляют свои кворки популярные исполнители на сайте, и делайте так же. Например, владелец этого кворка выполнил на сайте 1182 заказа, а значит, заработал на Photoshop минимум 591 тыс. рублей:
Преимущества Кворка для новичков – возможность работать на сайте без платного аккаунта, большое число заказчиков и гарантия оплаты.
2. Биржи фриланса
В Рунете работают более 100 сервисов удаленной работы. Здесь вы можете работать с клиентом напрямую или пользоваться безопасными сделками (проводить работу через биржу). Для получения заказов на некоторых сайтах потребуется покупать платные аккаунты или платные услуги. В целом биржи можно рекомендовать специалистам с портфолио и опытом работы.
Маски, вырезки, абстракционизм, кубизм
Бесконечно возвращающийся тренд, который прочно закрепился в графическом дизайне. Это может быть сочетание жирного шрифта, плоских цветных поверхностей, монтажа и маскирования. Этой технике почти 100 лет, как и выполненным ее средствами советским пропагандистским плакатам 1920-х годов. (На самом деле нам показывают афиши к раннесоветскому кино — прим. пер.)
Чтобы создавать работы со сложной структурой и цветовым разнообразием, Анри Матисс в последнее десятилетие жизни использовал всего два материала: белую бумагу и гуашь. Так появились его знаменитые аппликации. Обычными ножницами художник превращал краску и бумагу в мир растений, животных, форм и фигур.
Цифровой кубизм, абстрактное искусство и коллажи сегодня — растиражированные техники, которые доказали свою способность привлекать внимание
Иногда современные эффекты визуального наслоения напоминают коллажи Матисса.
Интересный эффект фотомаски можно получить за счет игры со шрифтами и простыми геометрическими фигурами.
Не существует четких и жестких правил, как получить такой эффект. Все зависит от ваших исходных материалов и изобретательности. Вдохновляйтесь искусством советского плаката, абстрактным кубизмом Пикассо и коллажами Матисса. Большинство приемов фотомаски и аппликации можно воссоздать с помощью маски слоя в Photoshop. Дело не столько в технических навыках, сколько в вашем творческом воображении и умении сочетать визуальные образы.
Тем не менее есть пара классных уроков Photoshop, которые на примере показывают, как создать подобные эффекты:
Как создать портрет из текста в Photoshop
Как создать букву-портрет в Photoshop
А вот еще один — как с помощью слой-масок в Photoshop получить такой результат:
Из урока вы узнаете, как несколько простых приемов позволяют делать замысловатые иллюстрации с несколькими слоями, маскированием, инструментом «Перо», базовым освещением и одной простой текстурой.
Другие интересные онлайн-курсы
Мы рассмотрели десятку моих фаворитов, но есть множество других школ, платформ и обучающих программ разного уровня. Давайте рассмотрим еще несколько интересных вариантов.
“Профессиональная ретушь фото в Photoshop CC” от Udemy
Udemy – это платформа, на которой можно найти курсы от разных авторов на русском и английском языках. Профессиональная ретушь фото в Photoshop CC подойдет начинающим фотографам и тем, кто хочет сделать свои снимки ярче, четче и выразительнее. Стоит обучение 79,99 $, уроки ведутся на русском языке.
Курс ретуши фотографий от Анны Пескишевой
Курс ретуши фотографий от студии ретуши Анны Пескишевой для тех, кто планирует профессионально заниматься обработкой изображений и зарабатывать на своем мастерстве, а также для фотографов и всех творческих людей, которые хотят делать классные фото. Вас ждет 19 уроков с домашними заданиями и их проверкой, начиная с азов и заканчивая сложными техниками и приемами.
3 тарифа:
- 5 900 руб. для самостоятельной работы;
- 11 900 руб. с индивидуальной консультацией и помощью в составлении портфолио;
- 32 900 руб. за индивидуальное обучение.
За 99 руб. можно приобрести доступ к 3 занятиям, чтобы оценить качество и подачу материала.
“Обработка фотографий в Photoshop. Вебинары” от Photoplay
Обработка фотографий в Photoshop. Вебинары – это онлайн-программа от Школы современной фотографии Photoplay, которая поможет с нуля освоить принципы, инструменты и техники коррекции изображений. Много практики, мало “воды” и теоретических рассуждений. 8 занятий + самостоятельная работа и обратная связь от преподавателя.
Минимальный пакет стоит 7 500 руб., тариф с домашними заданиями и их проверкой можно приобрести за 9 500 руб., а за 13 500 руб. вы получите индивидуальный разбор своих работ.
Онлайн-курс по обработке фото в Adobe Photoshop от фотошколы BLENDA
Онлайн-курс по обработке фото в Adobe Photoshop подойдет для фотографов и всех желающих научиться с нуля делать классные снимки. Преподаватель и создатель курса – фотограф с большим опытом работы. Вы поэтапно освоите все необходимые инструменты, техники и приемы, научитесь работать с масками, цветом, тоном, улучшать качество, убирать “мусор”.
Стоит обучение 259 белорусских рублей.
“Adobe Photoshop Lightroom. Основы” от BestPhotoSchool
Adobe Photoshop Lightroom. Основы – обучающая программа от школы фотографии BestPhotoSchool, которая дает возможность всем желающим познакомиться и освоить популярный фоторедактор и научиться улучшать фотоснимки. Вас ждет 4 урока и 10 заданий к каждому из них. Вы наработаете много часов практики, зададите вопросы преподавателю, освоите тонкости работы с разными инструментами.
Стоит обучение 6 990 руб.
Обработка фотографий в Adobe Photoshop Elements от фотошколы Руслана Орлова
Удаленное обучение обработке фотографий в Adobe Photoshop Elements от фотошколы Руслана Орлова – это узконаправленный и самый полный курс для фотографов и ретушеров. Автор регулярно проводит фотосессии в Москве, а не просто обучает студентов, поэтому вы получите много практических советов и готовых приемов, будете самостоятельно выполнять задания и получать обратную связь от Руслана.
Учиться можно в удобном темпе, вся программа рассчитана на 6 месяцев, стоит индивидуальное обучение 21 000 руб.
8 полезных сайтов про иконки
Iconfinder. Один из популярных сайтов для дизайнеров с огромным количеством иконок на все случаи жизни. Иконки делятся на платные и бесплатные, а скачать их можно как в PNG-, так и в SVG-формате.
Noun Project. Ресурс с лёгким дизайном и красивыми иконками. Для того чтобы начать пользоваться сайтом, нужно лишь зарегистрироваться.
Round Icons
Здесь можно найти необычные решения — обратите внимание на подборку дудл-иконок. Небольшие наборы доступны для бесплатного скачивания
Iconmonstr. Сайт, похожий на уже рассмотренные нами ресурсы, — множество иконок, удобный поиск и несколько форматов для скачивания (SVG, EPS, PSD, PNG).
Не всегда стоит тратить время на создание уникальной иконкиСкриншот: сайт Iconmonstr
Fontello. Этот сайт поможет, если вам нужно сгенерировать шрифтовые элементы из иконок.
Flaticon. Ресурс с подборкой плоских векторных иконок для любых задач. Самое сложное — выбрать из огромного количества вариантов.
Endless Icons. Сайт с большим выбором иконок. Искать можно как по нужной иконке, так и по тематическому набору или тегам.
11 медиа о веб-дизайне
WebDesignerWall. Сайт не только о создании дизайна, но и о разработке, вёрстке, анимации и продвижении.
WebdesignerDepot. Ещё один информационный сайт для дизайнеров, затрагивающий разные темы — начиная с приёмов оформления интерфейса и заканчивая организацией рабочего процесса.
Webdesignledger. Неплохой ресурс о веб-дизайне, на котором можно найти много подборок удачных решений, новые тренды, а также узнать больше о типографике и элементах дизайна сайтов.
Design You Trust. Ежедневная подборка новостей, событий и тенденций в сфере дизайна.
Creative Bloq. Международный интернет-журнал о цифровом искусстве.
Say-Hi. Один из лучших русскоязычных ресурсов, рассказывающий о творчестве для креативных людей.
«Дизайн-кабак». Сайт о событиях, типографике, дизайн-процессах, иллюстрации и саморазвитии.
«Дизайн-кабак» — сайт о дизайне и о том, что с ним связаноСкриншот: сайт «Дизайн-кабак»
Infogra. Отличный русскоязычный ресурс для начинающих и практикующих дизайнеров. На нём размещено много статей, десятки уроков, обзоры и рецензии на книги, курсы и программы. Появляются также подборки кириллических шрифтов.
Бюро Горбунова. В рубрике «Советы» на сайте дизайн-бюро Артёма Горбунова можно найти ответы на вопросы новичков, это настоящий кладезь практических знаний.
Deadsign. Подойдёт тем, кто не знает английского, но хочет быть в курсе последних новостей в веб-дизайне.
Эффекты «глитч», «ошибка печати» и «визуальные помехи»
Это приемы одного ряда. С ними изображение притягивает взгляд, потому что выбивается из потока «идеальных картинок». В основе — цифровые искажения, или глитч. Когда все вокруг отфотошоплено до безупречности (кто-то назовет это фальшивым или «эстетически загрязненным»), хочется взглянуть на что-то более реалистичное, естественное и неприлизанное.
Эффекты, основанные на ошибках или сбоях, обычно нравятся молодому поколению. Стремление разоблачить притворство — контркультурная составляющая, которая выделяет произведение из общего ряда. Но и эти эффекты уместны не в любой ситуации.
То, что дизайнеры называют глитчем, еще может встречаться как VHS, RGB-сдвиг, искажение при сканировании, визуальные помехи и «ошибка печати». Дизайнеры-новаторы иногда совмещают несколько таких эффектов, чтобы получить оригинальный результат.
На постере к сериалу «Мистер Робот» несколько разновидностей глитч-эффекта подчеркивают контркультурный антураж.
Цветовой сдвиг + «ошибка печати» + цифровые помехи.
Чересполосное сканирование со смещением изображения создает необычный, притягательный для глаза эффект.
Добиться подобных результатов можно разными способами — осмотритесь на YouTube и выберите, что вам понравится. Есть даже готовые Photoshop Actions, которые можно купить, чтоб накладывать глитч в один клик.
Парочка крутых Photoshop-уроков по этому тренду:
Глитч. Урок #1
Глитч. Урок #2
Вы даже можете создавать glitch-эффект средствами CSS. Вот примеры слайдшоу и лендинга.
Сколько можно зарабатывать на Фотошопе?
Возьмем для примера создание баннеров – услугу, которую может быстро освоить новичок. Допустим, несложный статический баннер вы делаете 1 час. Еще 1 час нужен на переговоры с клиентом. Возьмем скромную цену баннера в 200 рублей, прибавим 100 рублей за предоставление исходников и получим гонорар 300 рублей.
За стандартный 8-часовой рабочий день вы сможете сделать примерно 4 баннера – с учетом времени на общение с клиентом. Итого за день даже при скромных расценках реально получить 1200 рублей, или 24 000 рублей при 5-дневной рабочей неделе. Но это уровень новичка. Сколько можно заработать на Фотошопе профессионалу? Как минимум в несколько раз больше.
6 сайтов про UX
UxJournal. В журнале можно найти много полезной информации о востребованном направлении в веб-дизайне.
usabilla.com/blog. Ещё один сайт про качественный UX и проектирование интерфейсов.
UX Project Checklist. Этот ресурс — список действий по UX, с помощью которых можно пройти весь процесс от начала до конца и не забыть ни о чём.
Todo-лист по UX поможет не забыть ни об одной деталиСкринщот: сайт UX Project Checklist
UX Movement. Поможет в случае, когда во главу угла ставится проблема конверсии сайта.
UX Mastery. Целиком посвящён UX и всем его тонкостям, сложностям и особенностям.
UX Magazine. Ресурс поможет всегда быть в курсе последних новостей из мира UX, узнавать о новых методиках, исследованиях и мероприятиях.
* * *
Сайтов про дизайн существует много, но прочитать все статьи и запомнить все советы не под силу ни одному человеку
Именно поэтому так важно фильтровать поступающую информацию — стараясь осилить всё и сразу, вы наберёте поверхностных знаний, но есть риск, что специалистом вы так и не станете. Лучше всего выбрать структурный подход и образование у лидеров рынка
Курс «Веб-дизайн с нуля до PRO» рассчитан на новичков в веб-дизайне. Шаг за шагом, вместе с опытными и практикующими преподавателями, вы узнаете всё о дизайне и станете востребованным специалистом.
Разделение RGB-каналов, цветовые каналы, двухцветная двойная экспозиция
Еще один примечательный эффект, который работает на фотографиях, тексте и контурах. Иногда, чтобы получилось интересно, берут три разных изображения в трех различных цветовых каналах и все это совмещают. Другая разновидность — смесь глитча и разделения RGB-каналов. Некоторые дизайнеры идут дальше — добавляют еще и двойную экспозицию.
Вот несколько крутых уроков по работе с цветовыми эффектами в Photoshop и Affinity Photo. Не обращайте внимания, как эти приемы там называют — каждый волен именовать их по-своему.
Двухцветная двойная экспозиция в Photoshop
Двухцветная двойная экспозиция в Affinity Photo
9 сайтов о логотипах
Logo Design Love. На сайте собрано огромное количество логотипов, каждому посвящена небольшая заметка. Вы не только найдёте неординарные решения и красивые примеры, но и узнаете, как автор логотипа пришёл к своей идее.
Logo Design Love — сайт о хороших логотипахСкриншот: сайт Logo Design Love
Logopond. Сотни примеров логотипов, как удачных, так и не очень, в вашем распоряжении. Плюс ресурса в том, что варианты можно сортировать.
Logaster. Сервис позволяет быстро генерировать логотипы. Да, уникальный логотип с его помощью не сделать, но ресурс выручает, когда у клиента ещё нет логотипа, а в шапку сайта нужно что-то поставить.
Squarespace. Аналогичный сервис для создания логотипов небольшого размера. Вы вводите название компании и попадаете в редактор, в котором к логотипу можно добавить иконку, а заодно посмотреть, как всё это смотрится на визитке, футболке и на мониторе.
LogoTypes101. Подборка бесплатных векторных логотипов.
Logobaker. Сайт для тех, кто разрабатывает логотипы. Можно посмотреть чужие работы, попросить совета или получить фидбэк.
Logofury. В этом сервисе от вас требуется ввести название компании, выбрать категорию и добавить слоган (при желании). Всё остальное генератор делает за вас, мгновенно создавая десятки вариантов логотипов.
LogoMoose. Солидная подборка интересных логотипов со всего мира. Можно использовать для вдохновения.
The Logo Mix. Ещё одна подборка логотипов, но на этот раз с расширенной сортировкой: можно выбрать логотипы по определённому цвету или тематике. Выручает, когда нужно что-то быстро придумать.
Как освоить ретушь самостоятельно
Если вы хотите освоить ретушь для улучшения своих снимков, то, возможно, вам хватит нескольких базовых уроков, остальное придет с практикой.
Я подобрала несколько видео, которые помогут подступиться к этому делу, покажут, с чего можно начать.
Обзор популярных фоторедакторов для новичков
Редактор Lightroom: инструкция для начинающих
Все основные инструменты Photoshop в одном видео
Естественная обработка портрета
Урок профессиональной ретуши кожи
Эти видеоролики дадут вам представление о том, как научиться обрабатывать снимки самостоятельно, какие программы и инструменты понадобятся. Но если вы хотите заниматься ретушью профессионально, готовить фотографии для глянцевых журналов, презентаций и рекламных материалов, а не только для семейного альбома, то без хорошего образования будет сложно.
Придется собирать информацию по чуть-чуть у опытных специалистов и часами набивать свои “шишки” – одним самоучителем и парой видеороликов тут не обойтись. Но такой путь тоже имеет право на существование. Решать вам, как вы хотите учиться и применять свои навыки и знания.
Горячий тренд №1: двойная экспозиция
Этот прием позволяет создавать эффектные визуальные сочетания. Название пришло из пленочной фотографии, где можно сделать два или три снимка без прокрутки пленки — и кадры накладываются друг на друга. Эффект часто используют на киноафишах и в рекламных роликах на ТВ. Выше вы видели кадр из заставки сериала “True Detective”: сочетание двойной экспозиции с анимацией усиливает впечатление.
Главное условие успеха здесь — удачный подбор изображений. Когда вы берете за основу картинку с высокой контрастностью, следующий слой лучше разместить поверх самых темных ее участков. Часто портрет смешивают с более детализированной картинкой, вроде городского пейзажа.
А вот несколько хороших уроков, как сделать подобное в Photoshop:
Двойная экспозиция. Урок #1
Двойная экспозиция. Урок #2
Двойная экспозиция. Урок #3
6 сайтов для дизайнеров о шрифтах и типографике
I Love Typography. Один из лучших ресурсов для тех, кто небезразличен к буквам. На этом сайте вы найдёте массу полезных и просто интересных заметок о типографике и том, что с ней связано.
Google Fonts. Подборка бесплатных шрифтов от Google, которой чаще всего пользуются дизайнеры. Самое полезное — можно посмотреть, с какими шрифтами чаще всего сочетается выбранный вариант.
Paratype. Отличный ресурс с хорошей подборкой шрифтов. Можно без особого труда найти даже красивый русский шрифт, однако большинство шрифтов придётся приобретать (но на сайте часто проводятся распродажи). Кстати, о лицензиях на шрифты можно прочесть в нашей статье.
FontShop. Магазин шрифтов, где можно подобрать решение для своего проекта. На сайте есть примеры применения шрифтов.
DaFont. Огромная подборка шрифтов для разных задач. Плюсы ресурса — удобный интерфейс и много новинок.
Журнал «Шрифт». Полезный интернет-журнал о типографике и шрифтах.
Стоит ли следовать трендам
Некоторые дизайнеры и креативные директора избегают трендовых решений, потому что не хотят выглядеть подражателями. Но следование тенденциям может привнести в ваши работы современные штрихи. У решения быть не таким, как все, тоже есть преимущества. Поэтому лучшие дизайнеры заимствуют идеи из трендов прошлого и настоящего, комбинируют и подчас получают нечто принципиально новое и поразительное.
Небольшое предостережение: прежде чем использовать тренд, убедитесь, что он не противоречит вашему брендингу. Банки, страховые и инвестиционные компании людям хочется ассоциировать с надежностью и доверием. В этом контексте едва ли уместны эффекты, связанные с подрывом устоев и контркультурой — глитч, например.
Прием двойной экспозиции украсил вступительную заставку сериала «True Detective» от HBO.
Ниже мы рассмотрим несколько модных дизайнерских приемов и поделимся уроками по созданию эффектов в Photoshop.
Как освоить программу Photoshop?
В интернете можно найти много уроков по Фотошопу, в том числе – обучающих видеороликов. Возможности и функции Photoshop, кажется, безграничны, поэтому не старайтесь изучить все сразу.
Посмотрите, какие функции потребуются для выбранной вами задачи – например, оформления групп в соцсетях. Эти функции стоит изучить в первую очередь, а уже затем двигаться дальше. Чтобы заработать первые деньги на Фотошопе, вам будет достаточно базового знания программы.
Найти бесплатные курсы по Фотошопу можно в статье со списком образовательных каналов на YouTube. Также много полезных уроков по графической программе можно посмотреть в видеозаписях Клуба фрилансеров.
Начните с оказания простых услуг и постепенно повышайте свой уровень знаний и доходов.
Рекомендуем
Как заработать на создании сайтов? Руководство для новичков
Имея определенные знания и навыки, можно неплохо зарабатывать на создании сайтов. В этой статье я расскажу, с чего начать новичку в данной сфере. …
Заработок на контекстной рекламе
Зарабатывать на контекстной рекламе можно двумя способами: размещая объявления на собственном сайте и помогая владельцам бизнесов настраивать …