Что такое мудборд, и зачем он нужен дизайнерам?
Наверное, с каждым дизайнером или менеджером проекта случалась следующая ситуация. Вы с коллегами потратили множество рабочих часов на создание выдающегося проекта, вложили в него всю душу, а клиент отверг ваш вариант дизайна. Причина тому — несоответствие вашей картинки представлениям клиента.
Может быть, ваш вариант и прекрасен, но если заказчик представлял себе результат иначе, тут уж остается только смириться и всё переделать. Верный способ обезопасить себя от подобных ситуаций — заранее сделать и согласовать мудборд. Если заказчик будет недоволен результатом и захочет всё переделать, всегда можно показать ему согласованный мудборд и напомнить о первоначальной идее. Конечно, если заказчик будет настаивать на еще одном варианте, придется работать дальше. Но уже за дополнительные деньги.
Мудборд (иногда их еще называют inspiration boards) — это своеобразное превью будущего дизайна.
Он помогает презентовать и согласовать с клиентом визуальные составляющие вашего проекта:
- Фотографии или иллюстрации.
- Цветовые схемы.
- Шрифты.
- Текстуры материалов.
- Слоганы или заголовки.
- Логотипы компании заказчика или продвигаемого продукта.
- Иконки, кнопки, паттерны.
В общем, включить нужно все графические материалы, которые чётко дадут понять, каким будет дух и настроение проекта. Все элементы собираются в виде коллажа на одной доске.
Чего не должно быть в мудборде
1Длинные фразыПомните, что мудборд — это больше визуальный формат. Не надо путать клиентов и коллег неудобочитаемыми текстами и лишними подробностями.
2Несочетаемые элементыВаша задача — показать целостную гармоничную картинку, а не хаос. Поэтому тщательно выбирайте стиль и цвета всех элементов.
3Сложные и неочевидные ассоциацииПомните, что вы выбираете образы для заказчика и его конкретного проекта.
Старайтесь брать то, что стопроцентно подходит по теме и будет понятно как клиенту, так и большинству людей в целом.
То, что образы должны быть понятными, однако, не значит, что нужно подбирать самые очевидные и стереотипные фото. Будьте креативны при поиске.
Мудборды дают возможность доступно и лаконично показать заказчику, какое впечатление будет производить ваш дизайн. И если это то, что ваш клиент и представлял, то вы будете готовы быстро приступить к дальнейшей работе, имея перед глазами наглядный план.
Самое лучшее в этой технологии то, что использовать мудборды можно абсолютно для разных целей — от дизайна интерьера до оформления веб-сайта. При этом вы можете создать как реальную доску с образцами материалов, так и виртуальный коллаж.
Если вы делаете мудборд на компьютере, обязательно включите в него образцы красивых стоковых изображений. Их легко найти на Everypixel. А незаметный водяной знак не помешает просмотру коллажа.
Сервисы для создания виртуальных мудбордов
В принципе, создать свою доску можно в Photoshop или другом привычном для вас графическом редакторе. Но так как мудборды довольно популярны в последнее время, появилось множество сервисов для их создания. Они экономят время и гарантируют отличный результат. Во многих есть галереи с работами других пользователей, которые могут вдохновить вас на создание своего коллажа.
DesignFilesСервис-преемник знаменитого Olioboard. Профессиональный инструмент для дизайнера интерьеров в 2D и 3D с большим количеством функций. Готовые работы можно сразу отправлять клиентам по электронной почте, сохранять в pdf или делиться на Facebook, Twitter, Pinterest и т. д.
NiiceЕще один простой и удобный инструмент для создания мудбордов. Есть возможность завести бесплатный или профессиональный аккаунт. Niice имеет собственную галерею изображений, которые можно использовать.
Бесконечная виртуальная доска для совместного использования. Сервис отличается дружественным интерфейсом, а бесплатная версия позволяет вам редактировать одновременно до 3 досок. Загрузки файлов с высоким разрешением запрещены, зато можно пригласить 3 зарегистрированных пользователей для совместной работы над проектом. Для платных аккаунтов нет ограничений, а также возможны видеозвонки и удаленные демонстрации (другие пользователи смогут видеть картинку с вашего экрана).
SampleboardПозволяет загружать свои изображения, добавлять цветовые схемы и прочие элементы. Результатом можно поделиться в социальных сетях или же импортировать их в документы и презентации.
Сервис позволяет добавлять свои картинки без всяких ограничений. Также есть возможность выбрать, работать ли вам на совсем пустой доске или же взять уже готовый мудборд и отредактировать его по своему желанию. Заводить аккаунт необязательно. Все созданные коллажи по умолчанию скрыты от других пользователей и открываются только по вашему желанию.
Где найти вдохновение?
Для мудбордов вам понадобится много хороших изображений и образов. Где же их взять?
Поищите на фотостокахЭто оптимальный вариант. Ведь тут можно искать нужные фото по категориям. И потом эти же изображения использовать в окончательном дизайне. Для этого нужно будет согласовать фото с клиентом, помочь им создать аккаунт на фотостоке и приобрести лицензию.
Подпишитесь на несколько хороших сообществ для дизайнеров в соцсетяхСоциальные медиа — удобные трансляторы визуального креатива, когда пользователи и бренды делятся своим опытом и интересными кейсами.
Добавьте в закладки браузера несколько сайтов для дизайнеров, фотографов и художников
Также неплохой способ найти новые идеи. Например, на Fontli и iLovetypography вы найдете интересные шрифты.
Необязательно искать вдохновения только в виртуальной среде. Отвлекитесь. Сходите на прогулку с фотокамерой. Или пролистайте какой-нибудь старый журнал. Вообще, интересные визуальные образы повсюду. Нужно только их разглядеть.
Мудборды — это удобный инструмент. Он не только позволит дизайнеру раскрыть все свои креативные возможности, но и поможет точно донести идеи до клиента. А взаимопонимание очень облегчает работу над проектами.
ПохожееКак собрать мудборд — Strelka Mag
Мудборд — «настроенческая доска» — странное порождение цифровой эпохи, которое стали использовать в повседневной и профессиональной жизни. СМИ, дизайн-студии, архитектурные бюро — в открытых вакансиях всё чаще среди тестовых заданий можно встретить «соберите мудборд на тему.
..». Strelka Magazine решил разобраться, зачем надо научиться собирать картинки и как это сделать правильно.
Самый популярный и известный — Pinterest. Его используют как профессиональные дизайнеры, так и люди абсолютно разных профессий: архитекторы, повара, модельеры и многие-многие другие. Сервис позволяет прикреплять картинки с других ресурсов и загружать свои. Кроме того, возможно связать изображение с гиперссылкой. Ещё один сервис — Gomoodboard. Тоже очень простой, но более специализированный. Здесь можно самому собрать коллаж и отправить мудборд в формате .pdf.
Можно также использовать Tumblr — несмотря на то что сервис рассчитан на ведение микроблогов, многие дизайнеры выкладывают там свои работы: получается менее формальное портфолио, которое можно дополнять скетчами и всем тем, что обычно не включишь в подборку работ для устройства на работу.
ЗАЧЕМ НУЖЕН МУДБОРДЕсли романтизировать, то мудборд — это отражение внутреннего мира дизайнера. Если быть прагматичнее, то по нему можно составить представление о чувстве вкуса и меры человека, его интересах и предпочтениях, кроме того, если к «доске» прикреплены гиперссылки, можно понять, какие ресурсы вдохновляют пользователя.
ТЕМАЕсли вы создаёте мудборд для тестового задания, тема может быть указана в требованиях. Если же её нет, вы можете сами очертить рамки. Всё зависит от того, для какой сферы деятельности нужен мудборд и какую визуальную интонацию вы хотите использовать. Можно собрать мудборд, основанный только на типографике или дизайне интерьеров, а можно объединить несколько направлений — от промышленного дизайна до фэшн-индустрии. Мудборд может быть агрессивным, спокойным, дерзким (если включить в него какие-то смелые и нестандартные решения).
Главное, чтобы при взгляде на ваш мудборд у работодателя сложилась единая картина. То есть важно выделить какое-то близкое вам по духу направление, настроение, объединяющую деталь и придерживаться намеченной концепции. Если этого не сделать, мудборд превратится в простой набор фотографий. Обязательно изучите специфику студии или агентства, для которого вы выполняете мудборд, и постарайтесь сохранить стиль, ключевые элементы. Но ни в коем случае не включайте работы из портфолио работодателя: это плохой тон.
СКОЛЬКО ИЗОБРАЖЕНИЙЧтобы у работодателя сложилась картина о вашем вкусе, достаточно минимум 30 изображений, максимум — 70-80, больше кто-то вряд ли просмотрит.
ЧТО МОЖЕТ ПРИВЛЕЧЬ ОСОБОЕ ВНИМАНИЕ
Козырей может быть много, всё ограничено лишь фантазией дизайнера. Например, можно разбить мудборд по цветам или сконцентрироваться на одном приёме, который станет общим для всех изображений. Главное — следить за тем, чтобы мудборд не был похож на корзину, в которую свалили всё подряд. Постарайтесь не концентрироваться только на западных примерах и не использовать слишком заезженные изображения. Очком в вашу пользу станет упоминание признанных экспертов в вашей области.
КАК СЕБЯ ПРОВЕРИТЬМудборд можно считать сложившимся и удачным, если, взглянув на него, вы без особых усилий сможете описать тематику, настроение и то, что хотел сказать автор.
ЧЕГО БЫТЬ НЕ ДОЛЖНООставьте личные увлечения для личного мудборда. Котята, ночные прогулки по старым кладбищам, постеры с порноактрисами, аниме — вряд ли работодатель обрадуется, увидев такое на вашей «доске». Старайтесь придерживаться общих правил приличия, выбирая изображения. Полуобнажённые девушки, может, и порадуют мужчину, который будет вас собеседовать, но ведь по ту сторону баррикад может быть и девушка. Феминистка. Ярая противница объективации.
Примеры
Tumblr Ани Кулачёк
Анна Кулачёк, арт-директор института «Стрелка»:«Для меня мудборд — это рабочий инструмент, с помощью него я определяю среду будущего проекта и примерное графическое решение. Это как страховка: всегда сложно начать с чистого листа, мудборд помогает увидеть направление проекта»
Паника Деревья, дизайнер одежды:
«Я не всегда использую мудборды. Но если у меня нет чётких примеров, а есть только какое-то чувство, которое сложно выразить словами, то начинаю собирать близкие образы. Например, такая ситуация сложилась, когда я разрабатывала с командой наш логотип».
Мудборд для подготовки логотипа Паники
«В моём рабочем процессе с мудборда начинается всё. Я могу провести несколько дней, подбирая нужные референсы. В этом есть что-то от медитации: ты на большой скорости просматриваешь тысячи изображений, параллельно формируется более чёткое понимание нужного результата, и через пару часов после запуска этого безудержного калейдоскопа тебя начинают осенять неожиданные и классные визуальные решения. Кроме того, мудборд создаёт тот общий язык, на котором вы будете разговаривать с командой, работая над проектом».
Мудборд для подготовки редизайна сайта
Фотография обложки: Max Italiaander / Flickr.com
Курс Photoshop для интерьерных дизайнеров
от мудборда до подачи
Записаться на курс
от мудборда до подачи
о курсе
Искать образ интерьера, перебирать варианты и презентовать заказчику идею можно с помощью изображений, собранных в Photoshop.
На курсе расскажем, как перешагнуть страх белого листа: начнём с азов работы в программе, создавая простые мудборды, а затем поработаем с текстурами на планах и развёртках. Объясним, как начать эксперименты с подачей — собирать эффектные коллажи и делать постобработку визуализаций.
для кого
Курс предназначен:
⟶ Для тех, кто уже работает в Photoshop.
⟶ Для архитекторов и дизайнеров интерьера.
⟶ Для студентов и практикующих специалистов.
⟶ Для тех, кто работает на Windows и macOS.
⟶ Для тех, кто хочет учиться из любой точки мира.
Изображение: Юлия ХомутскаяЕсли вам нужна подача архитектурных проектов, вам подойдёт курс «Photoshop. Визуализация против коллажа». Если вы уже работаете в Photoshop и хотите узнать о новых художественных приёмах, присоединяйтесь к марафону «Photoshop. Авторские стили».
чему вы научитесь
1
Эффективная работа
Объясним, как правильно организовать рабочий файл, чтобы в любой момент легко внести изменения в проект. Покажем, как использовать базовые опции Photoshop: инструменты трансформации и выделения, слои, текстуры, эффекты наложения. Разберём продвинутые инструменты — цветокоррекцию, маски, паттерны.
2
Оформление проекта
Объясним, как работать с разными типами подачи и проекциями, необходимыми для интерьерного проекта: мудбордами, планами и развёртками, коллажами и постобработкой визуализаций.
3
Работа с референсами и стаффажем
Расскажем, где искать материалы для изображений — текстуры, мебель и людей — и как их применять: обрабатывать и редактировать, встраивать в ракурс, изменять цвет и искажения перспективы.
формат
Этот курс проходит в дистанционном формате: вы будете учиться вместе с группой, строго по расписанию и на прямой связи с преподавателем по видеосвязи в Zoom. Рассказываем подробнее о том, как проходят дистанционные курсы.
программа по дням
1
Введение. Мудборд с материалами
Интерфейс Photoshop
Базовые инструменты
Работа со слоями
Инструменты выделения
Цветокоррекция2
Мудборд с мебелью
Векторные и смарт-объекты
Стаффаж. Изменение цвета и текстур
Работа с перспективой3
Развёртки
Работа с масками
Эффекты наложения
Композиции с текстурами и стаффажем
Простые тени4
Коллажная подача интерьера
Подготовка подосновы
Работа с текстурами и паттернами
Изменение стаффажа под ракурс
Простые эффекты освещения5
План и аксонометрия
Работа с текстурами и паттернами
Тени на плане
Стаффаж для аксонометрии6
Постобработка рендера
Постобработка рендера с текстурами
Работа с Render Elements
Детализация интерьера
Работа с белым рендером
faq
Какой компьютер и какая версия программы мне нужны?
Операционная система: Windows, macOS.
Процессор: Intel i5–i7 от 2 ГГц.
Оперативная память: от 4 ГБ.
Софт: Photoshop CC 2019 и выше (английский интерфейс).
Как проходит обучение?
Обучение проходит в виде конференции в Zoom: несколько раз в неделю студенты встречаются с группой и преподавателями. Преподаватели проводят мастер-классы, а студенты выполняют задания, задают вопросы и тут же обсуждают возникающие трудности. Расписание и время занятий указаны в описании курса выше. Конференции начинаются по московскому времени.
Как долго будут доступны материалы курса?
Каждое занятие записывается на видео — это скринкаст происходящего в Zoom. Студенты получают записи на следующий день и могут их пересмотреть, если пропустили какое-то занятие или хотят повторить материал. Все записи хранятся в видеоархиве Софт Культуры и доступны бессрочно. Также в чатах преподаватели делятся полезными материалами, ресурсами и презентациями — их всегда можно сохранить или найти при необходимости.
Мне нужно будет устанавливать программу самостоятельно?
Да: перед стартом курса студенты самостоятельно устанавливают нужный софт на свой компьютер. Если у вас возникнут трудности, сообщите нам об этом заранее — мы поможем их решить.
Когда нужно будет оплатить участие в курсе?
Место на курсе резервируется за студентом только после предоплаты. Оплатить курс можно целиком или двумя частями: первая вносится до начала курса, а вторую можно внести до последнего занятия. После заполнения группы возможность оплаты автоматически закрывается до начала набора следующего курса.
Можно ли присоединиться к курсу после старта?
Если вы пропустили 1-е занятие, но очень хотите присоединиться к курсу, вы можете наверстать первый день по записи. Присоединиться к курсу ещё позже нельзя.
Есть ли скидки?
Для каждого курса существует студенческая цена, которая позволяет экономить до 3 000₽ за курс. Также у каждого курса есть Early Bird цена, доступная при покупке за 2 недели до старта. Всем выпускникам мы дарим скидку на следующие курсы: 10% на второй, 15% на третий и 20% на все последующие. А ещё у нас бывают скидки — об акциях мы сообщаем в соцсетях проекта: следите за обновлениями. Скидки распространяются как на обычную, так и на Early Bird цену, но не суммируются друг с другом.
Как оплатить частями?
Оплата возможна 2-мя частями: 50% до старта курса, 50% до старта середины курса. При оформлении заявки вы можете указать в комментарии, что вы хотели бы оплатить частями и мы вам отправим отдельно ссылки на оплату. Также вы можете оплатить курсы в рассрочку картами Халва и Свобода. Беспроцентная рассрочка доступна на 4 и 6 месяцев.
Как вернуть деньги?
Если вы предупредите нас ещё до старта, что не сможете пройти оплаченный курс, мы сможем вернуть вам деньги или оставить их на вашем депозите и зарезервировать за вами место на следующем запуске по той же цене.Возврат осуществляется в течение трёх недель на карту, с которой была произведена оплата. Если курс был оплачен наличными, мы вернём вам деньги в офисе по предварительной договоренности.
Что будет, если я заболею во время курса или у меня сломается компьютер?
Сразу же сообщите нам об этом и мы попробуем придумать, как вам помочь.
Получу ли я сертификат после обучения?
Наш опыт подсказывает, что навыки важнее свидетельств о прохождении курса: если при устройстве на работу от вас потребуется серьезное знание той или иной программы, вас просто проверят тестовым заданием. Но если вам нужен сертификат от Софт Культуры, мы предоставим его.
Остались вопросы?
Пишите на почту — [email protected].
Преподаватели
СтефанияФедотова
Архитектор, окончила МАрхИ. Стажировалась в бюро Nowadays и «Меганом». Сейчас архитектор в бюро «Мастерская». Использует Photoshop больше шести лет. Всегда формулирует суть проекта и идею изображения, чтобы подача была полноценной частью высказывания.
АлёнаКазарьян
Архитектор, окончила МАрхИ. Более 5-ти лет работала в Nowadays, была ведущим архитектором. Сейчас ведёт частную практику и работает в Nowadays проектно.
рекомендуемые курсы
SketchUp
интерьер в деталяхArchiCAD
интерьеры: воплощение идеиRevit
интерьер в BIMPhotoshop: авторские стили
трёхдневный марафонКак создать мудборд для клиента
Вы читаете перевод статьи Неши Вулери “How To Create A Moodboard For Your Clients”. Над переводом работали: Анастасия Свеженцева и Ольга Жолудова.
Создание мудборда — это обязательный этап любого моего дизайнерского или брендингового проекта. А еще это очень весело! Многие онлайн-предприниматели и блогеры никак не могут понять, почему мудборды столь важны при работе над дизайном или образом бренда. Сейчас все это обсудим, и самое главное — я расскажу почему я создаю мудборды для каждого своего проекта, как я их создаю и как этому научиться.
Скачать 5 бесплатных шаблонов мудборда
Как это работает?
Давайте посмотрим, как этап создания мудборда вписан в мой дизайн-процесс.
Интересуетесь свежими статьями по дизайну? Вступайте в нашу группу на Facebook.
1. Клиент создает доску в Pinterest
Когда клиент бронирует окошко в моем расписании, я вручаю ему опросник и прошу создать в Pinterest доску с вдохновляющими картинками. Опросник нужен, чтобы узнать цели, задачи и целевой рынок клиента, а также другие стратегические элементы его бизнеса. А вот доска в Pinterest позволяет мне понять, какие стили дизайна ему близки.
Я прошу клиентов приколоть на доску как минимум 5 логотипов, 5 шрифтов, 5 дизайнов сайта и 5 цветовых палитр, но обычно они уходят в отрыв (обожаю это!) и собирают гораздо больше всего.
Когда работа закончена, я четко вижу на доске, какой брендовый стиль им нужен. Теперь я понимаю, чего от меня хотят, и сделаю дизайн, который им понравится.
2. Я создаю мудборд, используя картинки с доски клиента в Pinterest
Прежде чем переходить к дизайну, я создаю мудборд. Мудборд дает нам общее представление о стиле, которого хочет добиться клиент через ребрендинг. Кроме того, мудборд включает в себя подходящие цветовые палитры и варианты шрифтов.
Так зачем создавать мудборд, если клиент уже создал доску вдохновения в Pinterest?
Я создаю мудборд по двум причинам:
- В мудборд я включаю ТОЛЬКО главное. К примеру, если клиент собрал много розово-голубых палитр и несколько коричневых оттенков, в мудборд пойдут только розово-голубые.
- Чтобы не открывать доску в Pinterest всякий раз, когда я работаю над дизайном, я просто всегда держу перед глазами мудборд в Photoshop или Illustrator. Это помогает мне не сбиться с пути в процессе создания дизайна.
Просто посмотрите на пример ниже. Сразу понятно, что этот мудборд дышит женственностью и счастьем — значит, именно такие чувства должен вызывать бренд моего клиента. А еще, здесь видно, какую палитру я предлагаю и какой логотип и шрифты можно попробовать.
Я всегда держу этот мудборд перед глазами — это помогает мне четко придерживаться стиля, который нужен клиенту.
Хотите создавать свои мудборды?
Процесс создания мудборда в Photoshop бывает довольно скучным, поэтому я создала 5 бесплатных шаблонов и видеоинструкцию, как ими пользоваться.
Как создать мудборд: полезные советы для дизайнеров
Возможно, вы уже сталкивались с мудбордами, когда делали ремонт в доме, готовились к свадьбе или работали над планировкой сада. Но если вы хотите стать дизайнером, вам обязательно нужно переосмыслить этот полезный инструмент.
Мудборд помогает дизайнерам структурировать их видение проекта, находить общий язык с клиентом и получать отзывы пользователей задолго до появления продукта.
В этой статье мы расскажем, как дизайнер может использовать мудборд, а также как создать первоклассную доску настроения и получить от нее максимум пользы.
Что такое мудборд
Мудборд (также используют названия “доска настроения” и “доска вдохновения”) – это набор специально подобранных изображений, которые передают эмоциональный контекст бренда или продукта.
Мудборд может буквально быть доской, к которой дизайнер прикрепляет распечатанные изображения, рисунки и другие элементы (например, лоскутки ткани или сухие листья), чтобы передать настроение своих проектов. Но большинство дизайнеров используют цифровые мудборды, что дает возможность работать над ними целой командой.
Pinterest – отличный инструмент создания досок настроения для личного использования.
Дизайнеры предпочитают более многофункциональные облачные платформы, как GoMoodboard, Polyvore и StudioBinder. В этих инструментах используются шаблоны, что существенно экономит время дизайнера. Многие из них позволяют работать над проектом командой и редактировать мудборд с различных устройств. Crello, графический редактор на основе шаблонов от Depositphotos, также можно использовать для создания доски настроения и ее презентации (выберите шаблон “Презентация”).
Рекламные агентства и дизайн-студии обычно создают персонализированные мудборды с помощью Photoshop и других профессиональных графических редакторов. Они передают свою работу клиенту в виде руководства для отделов дизайна и маркетинга.
Что можно разместить на мудборде? Как правило, доска настроения – эмоциональный и визуальный референс, который нужен для дальнейшей работы. Мудборд служит отправной точкой для мозгового штурма. А в своем окончательном виде он становится источником идей для других креаторов из команды.
В классическом мудборде используют: фотографии, иллюстрации и их части, текст, который передает эмоции, подписи и заметки, цветовые палитры, элементы дизайна, примеры похожих продуктов, а также шрифты для вдохновения.
Где применяют мудборды: архитектура, промышленный дизайн, веб-дизайн, брендинг и ребрендинг, фотосессии и раскадровка видеороликов, рекламные кампании, театр, мода.
Зачем вам нужен мудборд
Если у вас есть сомнения по поводу того, нужен ли вам мудборд, посмотрите следующий список. Мы собрали главные причины, почему с доской настроения выполнять дизайнерские задачи проще и приятнее.
Вы создаете новую концепцию продукта
Обычно работа над новым продуктом выглядит так: клиент говорит вам, какие функции будет выполнять продукт, а вам нужно продумать его дизайн или визуальную коммуникацию. В этом случае мудборд помогает структурировать творческий процесс и развить идею, а затем сохранить ее.
Вы работаете в команде
Самое важное в командной работе – оставаться на одной волне на протяжении реализации проекта. Мудборд – это набор визуальных и эмоциональных референсов, на которые вы с коллегами можете ориентироваться во время работы над разными аспектами продукта (например, над дизайном интерфейса и визуальной коммуникацией в соцсетях).
Вам необходимо обсудить промежуточный результат с клиентом
Мудборд можно назвать первым инструментом для совместной работы в истории дизайна. Даже в виде картона с булавками, журнальными вырезками и абстрактными набросками он выполняет главную функцию – дает дизайнеру возможность объяснить свое видение и позволяет другим членам команды вносить изменения.
Вы хотите избежать дорогостоящих ошибок
Если вы разработали продукт, а затем узнали, что он не понравился пользователям, придется начинать все сначала. Мудборд поможет избежать этого. Вы можете представить свою доску настроения фокус-группе и сразу же получить обратную связь.
6 шагов к созданию первоклассного мудборда
У дизайнеров из разных направлений и команд могут быть разные стратегии создания мудбордов. Бренд-дизайнеры начинают с изучения продуктов-конкурентов и получают в итоге хорошо продуманный референс. Модельеры предпочитают физические доски настроения и собирают на них не только изображения, но и материалы. Наше пошаговое руководство будет особенно полезным для графических дизайнеров.
Шаг 1. Определите цель создания мудборда
Вам нужен мудборд для личного использования или для презентации? Для практических целей или для поиска и хранения творческих идей?
Ответьте на вопрос, какой цели поможет достичь создание мудборда. Вам может быть необходимо определить стиль будущего продукта или разработать его полную концепцию, в том числе функционал и позиционирование.
Другими словами, важно понять, зачем вам мудборд.
Шаг 2. Ищите “ориентиры” дизайна
У любого продукта есть свойства, которые дизайнер не может или почти не может изменить.
Возьмем, к примеру, брендинг кофейни. В данном случае ключевые характеристики продукта можно определить как “кофе” и “кофейня”. Добавьте к этому требования к дизайну от вашего клиента и другие особенности продукта, о которых вы узнали на этапе исследования (например, “семейный бизнес”, “приглушенная цветовая палитра”, “минимализм”, “миллениалы”). Также обратите внимание на конкурентную нишу и целевую аудиторию продукта.
Добавьте на мудборд изображения, символизирующие все ключевые атрибуты продукта, визуальный контекст целевой аудитории, конкурентную среду и требования клиентов.
Шаг 3. Изучайте и исследуйте
Новое – хорошо забытое старое. Кто-то в прошлом уже работал над подобным проектом и, вполне вероятно, добился в этом большого успеха. Изучите дизайн похожих продуктов и добавьте самые интересные варианты на мудборд.
Попробуйте копать глубже! Возможно, вам понадобится обратиться к истории, чтобы нащупать отличную дизайнерскую идею. Узнайте, как похожие товары выглядели раньше. Если вы нашли необычное решение, добавьте и его на доску.
Шаг 4. Используйте иллюстрации, неоновые вывески, фотографии и все, что вас вдохновляет
Пришло время проявить немного креативности. Добавляйте изображения, которые не имеют прямого отношения к вашей задаче, но заряжают вас вдохновением. Это может быть что угодно – от любимой японской гравюры XVI века до флаера, который вам дали на улице.
Также вы можете использовать анимацию, аудиозаписи и даже стихи. На этом этапе также можно обратиться к стоковым платформам, например Depositphotos. Выберите понравившиеся изображения и видео, сохраните их в “Избранное” или скачайте и добавьте на мудборд.
Шаг 5. Выберите шрифты и цвета
Графический дизайнер рано или поздно придет к выбору шрифта и цветовой палитры. Лучше принять это решение заранее с помощью мудборда. Ищите шрифты и цвета, которые визуально сочетаются с тем, что вы уже добавили на доску. Даже если в будущем вам придется разработать собственный шрифт, с референсами это будет гораздо проще.
Шаг 6. Доработайте мудборд
На этом этапе вам нужно распределить по категориям все, что вы добавили на доску. Уберите повторы и выделите референсы, которые наиболее точно передают “настроение” проекта.
Даже если вы не собираетесь представлять мудборд команде или клиенту, постарайтесь сделать так, чтобы даже сторонний наблюдатель мог понять ход ваших мыслей. Для этого используйте стрелки, подписи, масштабирование изображения и различные композиционные приемы.
Мысли напоследок
Зачем использовать мудборд? Часто креативный проект начинается с активного мозгового штурма, а доска настроения – лучший способ не потерять и не забыть творческие идеи. Кроме того, это связующее звено между дизайнерами и их клиентами, а также другими членами команды.
Мудборд – адаптивный, многофункциональный инструмент. Его применяют модельеры, режиссеры, архитекторы, промышленные и digital-дизайнеры, любители дизайна интерьера и тематических мероприятий.
Если вы раньше не использовали мудборд в работе, рекомендуем попробовать этот инструмент. Вы удивитесь, насколько легким и приятным может быть мозговой штурм!
Статьи по Теме
Дайджест блога Depositphotos
Присоединяйтесь к сообществу из 160,000 читателей, которые раз в месяц
получают подборку креативных фото, полезных советов и интересных историй.
Что такое мудборд, или Как создать доску настроения для фотоклиентов
Когда-нибудь возникало ощущение, что вы и ваш клиент говорите о съемке на разных языках? Мудборд, или же доска настроения, — идеальный инструмент для совместной работы с клиентом или командой креативщиков. Он помогает синхронизироваться и убедиться, что вы сходитесь в видении желаемого конечного результата. В этой статье фотограф Дарина Копкок (Darina Kopcok) расскажет о том, как же эффективнее всего его создать, извлекая максимальную пользу.
Что такое доска настроения?
В фотографии зачастую решающее значение имеет сотрудничество. Если вам часто приходится работать с другими людьми над выполнением проекта, один из способов синхронизировать понимание визуальной эстетики — создать доску настроения.
Доска настроения — это набор изображений, собранных в виде коллажа. Люди широко используют его в дизайне и фотографии, чтобы определить направление проекта. Иногда вам даже может понадобиться создать физическую доску из журналов и других печатных СМИ. Но в наши дни мудборды обычно виртуальные. Вы можете отправить их людям, участвующим в съемке или проекте, для обратной связи или сотрудничества.
Мудборд необходим при работе с клиентами. Но вы также можете создать доску настроения для своих личных проектов или съемок. Вам решать, как мудборд может помочь вам развить собственные творческие способности.
Каковы преимущества использования в работе доски настроения?
Есть старое изречение: «Изображение стоит тысячи слов». Когда дело касается работы с клиентами, это особенно актуально. Язык — не лучший способ выразить то, что должны в итоге увидеть глаза. Такие слова, как «веселый», «насыщенный», «ясный» слишком абстрактны и могут означать для вас иные вещи, нежели для вашего клиента.
Еще один важный момент – люди в принципе по-разному видят цвет. Ваше представление о «мрачной и темной» фотографии еды может не совпадать с чьими-то представлениями. Или же клиент может попросту не знать необходимых слов, чтобы описать определенные тона в цветовом диапазоне. Просто покажите в картинках лиловый и лавандовый или визуально обозначьте, чем они отличаются от фиолетового.
Создание цветового мудборда может быть отличным решением, экономящим вам много времени. Хотя, конечно, цветовые мудборды — лишь один из вариантов. Вы также можете составить доски для чего угодно, от еды до модной фотографии.
Как должна выглядеть доска настроения?
Доска настроения предназначена не для того, чтобы копировать визуальные эффекты, а для того, чтобы вдохновлять вас. В этом их отличие от референсов. Они часто содержат элементы, которые не будут отображаться в окончательных изображениях. Эти фотографии должны отражать качества бренда или желаемый эстетический вид. Начните с того, что соберите много картинок с нужными вам элементами. К ним относятся стиль освещения, цвет, атмосфера или текстура.
Когда агентства присылают фотографам мудборды, они обычно содержат порядка 5-15 изображений. Постарайтесь придерживаться этого диапазона. Когда доходит до мудбордов, как правило, меньше значит больше. Слишком большое количество изображений могут разбавить суть чувства и атмосферы, которые вы пытаетесь передать.
Вы также можете сделать несколько досок настроения на выбор для клиента. Каждая доска должна отражать различную концепцию бренда. Но это все равно должно соответствовать вашему пониманию того, как фотографии будут выглядеть в итоге, на основе предоставленной информации.
Существует множество приложений, которые помогут создавать доски настроения. Но самым популярным и знакомым большинству людей, конечно же, является Pinterest.
Как сделать доску настроения для фотосессии?
Если создавать физические доски настроения, то все, что нужно, — это вырезать фотографии из рекламы или журналов и наклеить их на, как вы уже догадались, доски. Во многом похожий процесс происходит, когда вы создаете мудборды в интернете.
Приложения Moodboard позволяют по-разному сохранять фотографии. Но для простоты мы будем использовать Pinterest, поскольку это наиболее распространенное приложение. А теперь перейдем к лайфхаку.
Первый шаг — загрузите плагин Google Chrome под названием Pinterest Save Button. После загрузки плагина должна появиться небольшая кнопка в верхнем левом углу всех изображений, которые появляются в вашем браузере. Теперь все, что вам нужно сделать, это нажать эту кнопку, чтобы сохранить нужные фотографии на доске настроения.
Можно также загружать изображения прямо со своего компьютера в Pinterest. Перейдите на вашу домашнюю ленту и нажмите кнопку «Создать пин». Затем вы можете либо перетащить мышью, либо щелкнуть появившееся поле для загрузки файла. После загрузки файла вы можете добавить заголовок и создать подпись. У вас также есть возможность добавить ссылку назначения. Это может быть что угодно с вашего личного веб-сайта или источника изображения, если оно вам не принадлежит.
Как только вы закончите добавлять описания, нажмите «Сохранить с сайта», и все!
Как организовать доски настроения?
Основная цель создания мудбордов — помочь вам отобрать все собранные вами изображения. Вот почему вы должны знать, как перемещать изображения в Pinterest. При загрузке пина щелкните на раскрывающееся меню рядом с кнопкой «Опубликовать». Теперь нажмите «Создать доску» и назовите ее в соответствии с вашим проектом. Например, для лучшей организации пространства, если вы собираете фотографии еды, вы можете назвать доску Food Inspo или что-то подобное.
Pinterest автоматически публикует доски настроения публично. Но если вы хотите скрыть доску от посторонних, можно включить функцию «Держать доску секретной». Вы по-прежнему можете поделиться им с соавторами, если дадите им ссылку, но она не будет отображаться в ленте других людей.
Pinterest позволяет создавать десятки досок настроения, так что это идеальный вариант, если вы выполняете несколько проектов. Вы можете легко создавать новые доски или сохранять фотографии под разными названиями.
Как вы делитесь своим настроением?
Когда вы готовитесь к фотосессии, важно показывать клиентам доску настроения. Так как же это сделать удаленно? Сначала перейдите в свой профиль и нажмите «Доски». Теперь щелкните значок карандаша в правом нижнем углу доски настроения, которой вы хотите поделиться. Прокрутите вниз до Collaborators («Соавторы») и введите их адреса электронной почты, или же, если у них есть аккаунт, можете использовать их имя пользователя Pinterest. После ввода адреса электронной почты нажмите «Готово», и Pinterest отправит вашим соавторам электронное письмо или уведомление. Вот и все.
Заключение
При работе с клиентом создание мудборда может быть процессом обмена мнениями, прежде чем будет принято четкое направление для дальнейшей работы. Таким образом, вы можете быть уверены, что сможете предоставить именно то, что ищет клиент, прежде чем возьмете камеру в руки.
Мудборд — Коллаж Тематических Иллюстраций (Доска Настроения)
Мудборд, он же “доска настроения” или “доска вдохновения” — это коллаж из тематических иллюстраций, объединенных схожей визуальной стилистикой.
Доска настроения может включать иллюстрации, фотографии, логотипы, пиктограммы, шрифты — любой визуальный контент, который поможет Клиенту уловить ход мысли дизайнера и дать обратную связь. После этого обсуждение переходит из стадии “сделайте, чтобы нам понравилось” в более конкретную плоскость.
Наверное, каждый дизайнер хоть раз сталкивался с ситуацией, когда Клиент сам толком не знает, что хочет. Или знает, но не может доходчиво объяснить, ведь он бизнесмен, а не творческий человек. В таких ситуациях здорово выручает мудборд.
- Как работает мудборд
- Зачем нужен
— Дизайнеру
— Заказчику
— Примеры - Что должно быть в мудборде
- Чего не должно быть в мудборде
- Где брать материалы для мудборда — 7 ресурсов
- 15 инструментов для создания мудборда
- Инструкция по разработке мудборда
Как работает мудборд
В 2019 году мы решили сделать фирменный стиль ВидеоЗаяц.рф и создать новый логотип, который отображал бы нашу суть. При этом не было четкого понимания, как это должно выглядеть. Мы не знали, какие именно образы, связанные с зайцем, взять за основу, каких цветов придерживаться и как они должны между собой сочетаться, какой будет типографика.
А ведь мы люди творческие. Когда не было четких примеров, а было только абстрактное чувство, которое сложно выразить конкретно, наши партнеры — агентство TexTerra, прислали нам три мудборда в разных стилях на основе наших пожеланий:
“Черно-синий минимализм” “Фиолетово-голубой неон и свечение — дизайн-тренд 2020” “Дерзкий”Мы решили, что будем отталкиваться от второго мудборда. При этом итоговый вариант логотипа получился скорее на стыке первого и второго мудборда — минимализм, элегантность и градиентное сочетание абстрактных голубого и фиолетового цветов, намекающих на принадлежность бренда к моушн-дизайну.
Итоговый результатВ отличие от референсов, мудборд — это не конкретный пример “вот есть такой вариант”, а приглашение к диалогу, к творческому поиску “что вам больше нравится”.
Кто использует мудборд в своей работе:
- Иллюстраторы, графические и веб-дизайнеры
- Архитекторы, проектировщики, дизайнеры интерьера
- Художники по 2D и 3D графике
- Креативные и арт-директора
- Моушн-дизайнеры (хотя чаще просто референсы по анимации)
- Режиссеры, художники-постановщики, художники по костюмам
- Фотографы
- ..и другие работники творческих профессий.
Зачем нужен мудборд
Мудборд помогает одновременно и дизайнеру и Заказчику, приводя их мысли к единому знаменателю. Инструмент хоть и необязательный к использованию, делается быстро и все же значительно облегчает работу над проектом.
Дизайнеру
- Как стартовая точка для творческого поиска. От чего будем отталкиваться и в каком векторе двигаться дальше.
- Чтобы убедиться, что он и Заказчик мыслят в одном направлении, перед тем как приступить к работе.
- Чтобы устранить противоречия в пожеланиях Клиента. Бывает, что Заказчик присылает несколько референсов в абсолютно разных стилистиках и говорит “сделайте наподобие”.
Заказчику
- Чтобы получить примерное представление о том, каким будет результат следующего этапа работы и/или всего проекта.
- Чтобы донести до дизайнера образ, который сформировался в его голове и самому точнее в этом разобраться.
Для наглядности прикладываем реально полезное видео о том, что такое мудборды и зачем они нужны в моушн-дизайне:
Наглядный пример
Представьте, вы — директор крупного промышленного холдинга или создатель IT-стартапа, человек с сугубо техническим складом ума. Вам нужен видеодизайн презентации на бизнес-форуме, но нет ни малейшего представления, как это должно выглядеть.
Вы приходите в продакшн, говорите о продукции компании, ее показателях и целях, целевой аудитории и конкурентах, но по визуальной части ролика нет никаких зацепок. Можно было бы привести в пример ролики конкурентов (если они есть), но в том-то и штука, что копировать никого не хочется.
В нашей практике был похожий кейс, и нащупать нужное направление помог мудборд.
Встречайте, презентационный ролик для холдинга “Сибур”:
Как придумывали и согласовывали графические элементы ролика?
Начало ролика: заставка на основе темных треугольных полигонов
Как вступление ролика выглядело на мудборде Как вступление ролика выглядело потом в реальном проекте3D-карта, чтобы передать масштаб компании
Как карта выглядела на мудборде Как карта выглядела в реальном роликеСхема промышленных установок
Несколько иллюстраций из мудборда Финальный вариант схемы нефтепереработки в роликеКак видите, мудборд помогает вдохновиться, но не приводит к слепому бессознательному копированию чужих идей. И в этом его сила.
Что должно быть в мудборде
Любая визуальная и иногда текстовая информация, которая вдохновляет и способствует творческому поиску:
- Название — всему голова. Каждый мудборд лучше обозначить какой-то краткой ассоциацией и так подавать Клиенту.
- Фото, концепты, стайлфреймы, иллюстрации — подобрать визуальные образы, их подачу и эстетику.
- Шрифты — начертания, наклоны, читаемость, понятность.
- Слоганы, цитаты — уже готовые или их наброски, созвучные другим элементам мудборда.
- Айдентика, иконки и пиктограммы — любые паттерны, создающие уникальный узор бренда.
- Текстуры — иногда отлично дополняют фото или иллюстрации для улучшения атмосферы либо демонстрации материала поверхности, который будет использоваться в дизайне объектов.
- Логотипы — примеры похожих по направлению и пожеланиям лого.
- Цветовые схемы — обозначить удачные цветовые сочетания и палитру, договориться о том, какие оттенки используем, поскольку у двух людей понятие “оранжевый” или “зеленый” могут отличаться.
Все похожие по стилистике элементы компактно собираются на одной “доске” как в примерах выше. Расположение элементов и их композиция произвольные, главное, чтобы выглядело логично и гармонично, а не казалось мешаниной из непонятных визуалов.
Чего не должно быть в мудборде
Длинных фраз и растянутых описаний. Ваша задача — ПОКАЗАТЬ, вдохновить партнера, а не заморочить его лишними подробностями или навязать свою точку зрения. Все, что надо сказать — скажите во время презентации.
Стилистических противоречий. Все элементы доски настроения должны быть примерно в одном визуальном направлении. Не надо сочетать, например, минимализм и максимализм.
Заезженных изображений. Мудборд не должен быть подборкой “баянистых” картинок из интернета или сплошных стоковых фото. Это не вдохновляет и не “создает настроение”, а навевает скуку. От фото с вотермарками тоже рекомендуем отказаться — портит впечатление.
Сложных образов. Если вам придется пускаться в длительные пространные объяснения, что вы имели в виду — все вдохновение коту под хвост. Посыл настроения должен быть прост и понятен.
Где брать материалы для мудбордов
Окей, самые популярные картинки из выдачи Яндекса и Гугла — не очень хорошая идея. Тогда где же искать изображения?
Сегодня в интернете хватает сайтов, где творческие люди всех мастей обмениваются идеями. Вот лишь самые популярные площадки:
- Pinterest — соцсеть задумывалась как компиляция тематических изображений, что близко к концепции мудборда. Здесь создаются тематические доски со ссылками на контент, есть каталоги по подтемам, можно удобно сохранять примеры с других сайтов.
Многие дизайнеры используют этот сервис в качестве хранилища понравившихся иллюстраций. Навигация не очень удобная, зато регистрация бесплатна.
- Dribbble — соцсеть для графических дизайнеров, веб-дизайнеров, художников по 2D и 3D графике и других. На сайте публикуют свое портфолио, нарабатывают репутацию в дизайн-тусовке, чтобы впоследствии, возможно, стать участником совместного проекта. Найдете здесь лучшие работы специалистов по дизайну и вдохновитесь.
Доступ к самостоятельной деятельности в рамках соцсети можно получить только по приглашению от действующих участников.
- Behance — место силы и профессионального общения для моушн-дизайнеров, аниматоров, фотографов, дизайнеров интерьера и других специалистов творческого профиля.
В первую очередь медиа-площадка интересна возможностями для презентации собственного портфолио. Во время работы над проектом, дизайнер заранее создает ее будущую презентацию для Behance и публикует, чтобы узнать мнение коллег по цеху и получить профессиональное признание.
- Designspiration — название площадки говорит само за себя. Помогает находить идеи и вдохновение для развития креативного мышления. Открывайте арт, архитектуру, дизайн, фотографию и многое другое.
Площадка устроена по принципу мудборда, а ее визуалы разбиты по четким категориям: UI дизайн, веб-дизайн, принты, каллиграфия, принты для фильмов, графический дизайн, концепт-арт, инфографика, полиграфия и др. Это позволяет быстро ориентироваться и находить именно нужные вам визуальные форматы.
- The Masterpicks — сайт очень похож на предыдущую площадку, но здесь есть еще и что почитать о модных дизайн-трендах и течениях в новом году или о пространственном брендинге, а изображения и референсы подбираются авторами площадки вручную.
Также сайт изобилует крутыми готовыми паками иконок, 3d моделек, изображениями и другими элементами, купив которые, сможете использовать на своем проекте.
- ArtStation — относительно новая, но уже популярная платформа для специалистов в мире кино, медиа, гейм-дизайнеров, 3D графики. Можно разместить портфолио, информацию о себе, связаться со специалистами прямо через сайт или найти работу на Западе.
Сайт устроен по принципу онлайн-галереи. Поддерживает фичи, позволяющие покрутить 3Д модели или панорамы и даже продать их в магазине. Много продвинутых специалистов пользуются ресурсом.
- Siteinspire — кладезь сайтов для вдохновения с очень качественным отбором контента, разделенным по категориям: стиль, индустрия, тема, платформа. Выставляйте нужные настройки и находите лучшие референсы по дизайну сайтов.
Веб-дизайн и интерактивный дизайн — главные направления, которые успешно закрывает данная площадка.
Инструменты для составления мудбордов
Скомпилировать набор картинок в доску настроения можно и при помощи старых добрых Photoshop, Adobe Illustrator или даже PowerPoint, но если хочется сделать быстро и красиво, можно воспользоваться одним из онлайн-редакторов:
- GoMoodBoard Простой, интуитивно понятный онлайн инструмент. Вы перетаскивание сохраненные картинки на виртуальную доску, программа делает все остальное. Не требует создания аккаунта. Единственный минус — нельзя пересылать файлом, только в виде ссылки. Из-за это инструмент может не подойти, если нужно оперативно вносить коррективы прямо в макете.
- StudioBinder Многофункциональный инструмент для работы с фото и видео. Содержит целый набор шаблонов для создания мудбордов. Возможно, не самый подходящий инструмент для графического дизайнера, но фотографу или моушн-дизайнеру хватит за глаза.
- CanvaЛюбимец SMM-щиков и для создания красочных мудбордов. Всё тот же прямой, как свая, принцип “выбрал шаблон, перетащил в него картинки, сохранил, отправил”. Отдельные картинки можно докупать за недорогую стоимость, а бесплатная библиотека уже полна большим количеством хороших изображений и элементов.
- MuralСоздаете мудборд целой командой? Mural — ваш выбор. Позволяет собирать, дополнять и редактировать один коллаж сразу целой группой пользователей в режиме реального времени.
- BoordsПрофессиональный инструмент для создания раскадровок и, аниматиков и, конечно, мудбордов. Позволяет быстро компилировать подборки изображений в единую последовательность. Все изменения и дополнения отображаются в режиме реального времени.
- EvernoteПопулярное облачное мобильное приложение, которое привыкли использовать как записную книжку и хранилище идей. Но Evernote отлично подходит и для сбора визуальной информации. Просто создаете новую заметку, и перетаскиваете в нее картинки. Десктопная версия тоже имеется.
- Adobe Spark
Мобильное онлайн-приложение компании Adobe, позволяющее создавать инфографику, короткие видеоролики, изображения и веб-страницы, а также коллажи. В браузере приложение тоже доступно.
- SampleBoard
Любимый сервис для создания мудбордов среди дизайнеров интерьеров и организаторов мероприятий. Есть синхронизация с Пинтерест и встроенный редактор иллюстраций, конструктор шаблонов, возможность импортировать готовый коллаж.
Бесплатный тестовый период на 14 дней, дальше по месячной или годовой подписке — есть планы от 12 до 70 баксов или от 115 до 758 баксов соответственно.
- NiiceСохраняете любые референсы и проекты на сайте, а затем вместе с другими исполнителями создаете мудборд. Главная фишка сервиса — совместная работа над проектом. Платная версия дорогая — 99 баксов в месяц, но можете начать с пробной — создадите 5 мудбордов и загрузите до 100 своих файлов на ресурс.
- EagleФактически, тот же Пинтерест, только с функциями сортировки изображений по ключам, тегам, форматам, цветам и даже есть поиск комментариев. Поддерживает множество форматов файлов. Очень прилично экономит время на создание мудборда благодаря встроенным возможностям. Один минус — сервис платный, вечная лицензия стоит 30 баксов.
- MiroРоссийский IT-стартап из Перми, успешно работающий уже на международном рынке. Сервисом пользуются самые крупные компании вроде Нетфликс, Аутодеск, Твиттер и другие. Это интерактивная доска для создания mindmap, инфографики, kanban-досок, в том числе мудбордов. Есть платный и бесплатный доступ.
- Plot ParadeЕсли вам нужно подготовить годовой отчет с кучей графиков, диаграмм и таблиц — этот сервис для создания инфографики отлично подойдет. В использовании крайне прост — выберете шаблон, введите данные, определитесь с цветовой гаммой и скачивайте в высоком разрешении. Полученное изображение используйте в мудборде.
- BannersnackОдин из немногих сервисов, где есть готовые шаблоны для мудбордов, а еще рекламных баннеров. Загрузите иллюстрации в шаблон и соберете готовый мудборд. В бесплатной версии — до 10 дизайнов, затем платная от 7 до 36 долларов в месяц.
- OffeoИнструмент скорее для студий моушн-дизайна, видеопродакшенов, продюсеров и режиссеров. Можно делать подборки аудио и видео-примеров. Создаете плейлисты из музыки и видео, анимации, стоковых материалов сервиса, добавляйте фрагменты в мудборд. Много встроенных шаблонов. Платная подписка — от 20 баксов в месяц.
- Runway PaletteОтличный “залипательный” сервис с нейросетью для дизайнеров-модельеров, художников по костюмам или если вы хотите вдохновиться миром моды. Здесь собраны 140 тысяч фото с модных показов с 2014 до 2019 года, объединенных по цветовым палитрам. Изучив цветовые тенденции, можете собрать наиболее актуальный fashion-мудборд. Или загрузите произвольное фото, нейросеть выделит его главный цвет и подберет луки из всей библиотеки в похожих тонах.
Инструкция по разработке
Не будем вам врать, в создании мудборда нет никакой четкой инструкции и быть не может. Это исключительно свободный полет творческого поиска. Если у вас уже есть бриф от Клиента, вы поняли его продукт, бизнес и хотя бы примерно сформулировали текущую потребность в разработке дизайна — это отправная точка.
Весь смысл мудборда — вы ищете вектор и ассоциации, по которым в дальнейшем построите всю работу. Но этот вектор рождается не из воздуха, а из задачи и особенностей бизнеса Заказчика. В каждом бизнесе есть что-то уникальное, ваша задача как дизайнера — выделить это и предложить 3-5 вариантов “доски настроения”.
Если совсем трудно, попробуйте поискать мудборды для аналогичных продуктов или компаний, чтобы с чего-то начать. Благо, сейчас их в сети пруд пруди. Только не увлекайтесь слепым копированием.
ЗаключениеЕсли откровенно, то за все время работы ВидеоЗаяц.рф нам не так часто приходилось делать для Заказчика мудборды. Уровня насмотренности наших специалистов и интервьюирования Клиента по самому широкому спектру вопросов обычно хватает, чтобы понять, что хочет Заказчик и сразу предложить ему решения в подходящей стилистике.
И все же мудборд — незаменимый инструмент для определения вектора движения в начале работы, если задача не до конца ясна. Не стесняйтесь запросить мудборд, если вам нужна подсказка в творческом поиске.
Как создать доску настроения с помощью Photoshop
Привет, ребята. Сегодня мы вернулись к очередному раунду серии «Назад к основам», которую вы можете увидеть здесь за прошлый месяц. Если вы когда-нибудь задумывались, как сделать доску настроения, сегодня я вам покажу. Я использую Photoshop для создания всех своих досок, поэтому я буду демонстрировать это именно так. Позвольте мне просто сказать, что я определенно не эксперт в использовании Photoshop, но я научился этому владеть благодаря большой практике. Если у вас его еще нет, есть два способа получить его.Вы можете заплатить один раз, купив программное обеспечение Photoshop * и установив его на свой компьютер, или вы можете внести ежемесячную плату за услугу.
В течение многих лет я устанавливал это на моем рабочем столе, но когда у меня появился ноутбук, я выбрал ежемесячную плату по нескольким причинам. Поскольку я так часто использую Photoshop, мне нужна была самая последняя версия. Ежемесячная версия также включает Lightroom и доступ к службе поддержки. 10 долларов в месяц, которые я плачу за это, очень того стоят для меня за все три функции.
Итак, если у вас установлен и открыт Photoshop, вот как вы начинаете создавать новую доску настроения. Выберите File — N ew , и появится всплывающее окно, позволяющее выбрать размер платы. Для дизайнерских плат я обычно делаю это около 750 х 750 пикселей по вертикали и 950 х 700 пикселей по горизонтали. Когда перед вами появится пустая страница, вам нужно будет поместить свои фотографии на этот пустой экран (вам нужно будет уже сохранить фотографии предметов домашнего декора, которые вам нравятся, на свой компьютер).Нам нужно открыть первую фотографию, выбрав File — Open и выбрав фотографию из ваших файлов. В этом примере я открыл фотографию постельного белья, которую сохранил. Стрелки ниже показывают вкладки различных страниц, которые я открывал, это похоже на использование окон.
Теперь нам нужно скопировать и вставить эту фотографию постельного белья на нашу чистую доску. Для этого щелкните инструмент Marquee .
Теперь щелкните и перетащите мышь, чтобы выделить область, которую вы хотите скопировать.Отпустите кнопку мыши, когда все будет выделено. Пунктирная линия указывает то, что выделено.
Затем щелкните один раз на инструменте Переместить .
Теперь, если щелкнуть и удерживать фотографию, можно перетащить выделенную область по экрану.
Затем на верхней панели инструментов нажмите Редактировать — Копировать . Щелкните вкладку, чтобы перейти к пустой доске настроения, и щелкните Edit — Paste .Теперь ваше изображение появится на доске настроения. Это ваш первый слой. Ваши слои отображаются на правой панели инструментов.
Я предлагаю назвать каждый слой, так как это значительно упростит определение того, какой слой сочетается с какой фотографией, особенно если вы планируете добавить несколько изображений. Чтобы назвать его, дважды щелкните слово Layer , и оно будет выделено. Затем введите то, что вы хотите назвать этим слоем. Затем просто нажмите клавишу ввода или возврата на клавиатуре, и она будет сохранена.На фото выше я назвал его «постельное белье».
Чтобы изменить размер фотографии, перейдите на верхнюю панель инструментов и выберите Edit — Transform — Scale .
Наведите курсор на любое из этих маленьких квадратов, одновременно удерживая нажатой клавишу Control, чтобы изменить размер изображения. Как только вы измените его размер, нажмите на инструмент Move еще раз, и он спросит вас, хотите ли вы применить преобразование, нажмите на Apply .
Чтобы переместить изображение (или слой) по экрану, просто щелкните и удерживайте его, а затем перетащите в нужное место. Затем вы просто повторяете этот процесс с дополнительными фотографиями. Если вы добавляете слой и хотите его удалить, просто выделите слой, а затем щелкните значок корзины в правом нижнем углу.
Одна волшебная маленькая функция, на изучение которой мне потребовалось слишком много времени, — это Magic Eraser Tool . Этот инструмент позволяет стереть фон изображения и оставить только ту часть, на которой вы хотите сфокусироваться.Чтобы использовать это, убедитесь, что выбран правильный слой, щелкните правой кнопкой мыши значок ластика и выберите Magic Eraser Tool из раскрывающегося меню. На экране появится значок, наведите его на область, которую вы хотите стереть, и щелкните.
Он волшебным образом исчезает!
Кроме того, на вкладке Edit — Transform вы также можете делать такие вещи, как вращение слоя или отражение его по вертикали или горизонтали. После того, как вы добавили и разместили все слои, самое время сохранять.Если вы хотите оставить слои открытыми, чтобы вы могли вернуться и отредактировать их позже, вы выбрали File — Save as, и он будет автоматически сохранен как файл .PSD. Если вы уверены, что больше не хотите вносить изменения и хотите сохранить его как .JPEG, вам сначала нужно выровнять слои. Для этого вы щелкаете по трем линиям на панели инструментов слоев.
Появится меню, нажмите Flatten Image .
Теперь слои исчезнут, и вы увидите это.
На этом этапе вы можете сохранить в формате .JPEG. Вот моя готовая дизайнерская плата. Это звучит как много шагов, но как только вы к этому привыкнете, это не займет много времени, чтобы собрать их воедино. Больше всего времени у меня отнимает поиск элементов согласования для отображения на доске настроения. Вы можете увидеть другие доски, которые я недавно сделал для аксессуаров для дома, здесь.
постельное белье / люстра / шторы / подушка / коврик / зеркало
Конечно, это всего лишь небольшой предварительный просмотр того, что вы можете создать с помощью Photoshop.Как я уже сказал, я не эксперт и уверен, что не использую даже половину функций, которые он предлагает. Но мне действительно нравится собирать эти дизайнерские доски вместе!
Спасибо 2 Bees in A Pod и The Crowned Goat за организацию этого сериала Back to Basics! Перейдите по ссылкам ниже, чтобы увидеть, как мои друзья создают свои доски настроения!
* Этот пост содержит партнерские ссылки, вы можете прочитать мое полное раскрытие здесь.
Учебное пособие по Photoshop: Как создать доску настроения
Что вы будете создавать:
Я люблю доску настроения.Это отличный способ показывать фотографии из вашей галереи, и их очень легко сделать. В этом коротком уроке я покажу вам, как сделать доску настроения из фотографий поляроида в Photoshop всего за несколько простых шагов.
- Как использовать макет Photoshop и как его настроить
- Как использовать смарт-объекты Photoshop
- Как установить шрифты Photoshop и использовать их
- Как создать доску настроения, которая выглядит потрясающе
Чтобы создать это красивое Доска настроения поляроид мы будем использовать несколько ресурсов Photoshop, которые вы можете скачать бесплатно:
Чтобы начать создание доски настроения поляроида, вам необходимо загрузить файл PSD макета поляроида из PhotoshopSupply.Мокапы — это готовые PSD-файлы, которые содержат все необходимое для создания профессионально выглядящего конечного результата.
Загрузите файл PSD, и когда вы откроете его в Photoshop, он будет выглядеть так.
Каждый элемент в макете находится на отдельном слое и сгруппирован отдельно. Итак, вы можете выбирать, перемещать или изменять фотографии поляроид, чашку кофе, цветочный горшок и т. Д.
Давайте удалим элементы, которые нам не нужны, из макета.
Выберите инструмент перемещения и переключитесь в режим выбора группы.
Теперь давайте удалим слои, которые нам не нужны для нашей мудборда. Выберите щелчком и удалите с помощью клавиши DEL . Таким образом вы можете удалить руку, держащую кофе, цветочный горшок и скотч.
Теперь измените цвет фона. Найдите слой с именем Change Color . Это корректирующий слой Hue / Saturation . Дважды щелкните миниатюру слоя, чтобы открыть его настройки, затем настройте параметры Hue, Saturation и Lightness , чтобы они соответствовали этим:
Щелкните, чтобы выбрать одну из фотографий поляроида (группа слоев с именем PHOTO 1 ) и переместите это там, где вам это нужно.
Используйте CTRL + T (или Command + T на Mac), чтобы иметь возможность масштабировать и вращать фотографию поляроида по мере необходимости. Кроме того, сделайте несколько копий фотографии поляроида, используя CTRL + J (или Command + J на Mac).
Для этого мудборда вам нужно всего 4 фотографии тополяров.
Попытайтесь сделать доску настроения примерно так.
Текст на полароидных фотографиях в макете имеет шрифт, который вы, вероятно, не установили в Photoshop.
Не проблема, я покажу вам, как установить шрифт в фотошопе.
Что касается мудборда, ознакомьтесь с потрясающим списком бесплатных шрифтов для подписи на MockoFun. Эти шрифты действительно хороши, если вам нужен текст, похожий на рукописный. Все шрифты бесплатны, и у вас есть ссылка для загрузки каждого шрифта.
Например, давайте использовать шрифт номер 9 в списке, Centhinydemo Font . Скачайте шрифт по указанной ссылке и откройте .otf или .ttf из пакета.
Операционная система предложит вам установить шрифт. Нажмите кнопку Установить , и все готово.
Шрифт Centhinydemo установлен в Photoshop (фактически, он доступен для всех программ на вашем компьютере).
С помощью инструмента Text добавьте этот текст слева от фотографий поляроида:
«Сегодняшние воспоминания — это завтрашние воспоминания»
Измените используемый шрифт на Centhinydemo с размером 235pt .
Также выберите и измените текст на 4 фотографиях поляроида на Весна, Лето, Осень и Зима , переключив шрифт на Centhinydemo с размером 80pt .
Для завершения мудборда необходимо добавить свои фотографии.
В макете поляроида есть пустые заполнители для добавления фотографий (слои называются ДОБАВИТЬ ФОТО ). Это смарт-объекты Photoshop .
Что такое смарт-объекты Photoshop?
Смарт-объекты — это особый вид слоев в Photoshop, своего рода слои-заполнители, которые позволяют легко управлять редактируемым содержимым.
Рассмотрим пример в нашем случае. Дважды щелкните миниатюру слоя для одного из смарт-объектов под названием ДОБАВИТЬ ФОТО . Вы получите новый документ. Это содержимое смарт-объекта , и все, что вы вставляете сюда, будет немедленно обновлено в родительском документе при сохранении.
Возьмите одну из стоковых фотографий, которые я упомянул в начале, или одну из ваших собственных фотографий. Перетащите его в открытый смарт-объект , затем нажмите CTRL + S (или Command + S на Mac), чтобы сохранить смарт-объект .Закройте документ Smart Object , чтобы вернуться к родительскому документу.
Что случилось?
Добавленная фотография отображается в документе в нескольких поляроидных кадрах.
Но почему?
Так работают смарт-объектов . Когда вы создаете копию слоя Smart Object , все копии связаны друг с другом, и все, что вы редактируете в одном смарт-объекте , влияет на все копии.
Это замечательно и полезно во многих ситуациях, но не в этой, потому что вы хотите добавить разные фотографии в каждый кадр поляроида.
Итак, как разорвать связь между копиями смарт-объектов ?
Решение состоит в том, что при копировании смарт-объекта вместо использования дублирующего слоя ( CTRL + T или Command + T на Mac) вы должны Щелкните правой кнопкой мыши на слое смарт-объекта и используйте Новый смарт-объект через копию (будьте осторожны с . Щелкните правой кнопкой мыши на имени слоя, а не на его миниатюре, чтобы получить правое меню).
Сделайте это для дубликатов смарт-объектов и удалите ненужные.Будьте осторожны с . Щелкните правой кнопкой мыши на созданной копии и выберите Create Clipping Mask , потому что именно так изначально был настроен макет поляроида.
Дважды щелкните миниатюру Smart Object , поместите туда новое изображение и сохраните.
Если все прошло хорошо, то вы должны получить такой конечный результат — красивую доску настроения Polaroid.
Теперь вы знаете, как открыть PSD-файл макета Photoshop, как установить шрифт в Photoshop и даже как использовать смарт-объекты Photoshop для создания потрясающих дизайнов панелей настроения для фотографий Polaroid.
Если у вас нет или вы не хотите использовать Photoshop, вот как создать доску настроения в Интернете:
MockoFun: онлайн-инструмент для графического дизайна с мокапами- Зайдите в MockoFun и зарегистрируйтесь, чтобы получить бесплатную учетную запись
- Открыть этот высококачественный макет поляроида из раздела шаблонов
- Внесите нужные изменения так же, как вы сделали в Photoshop на шагах выше. MockoFun позволяет легко заменять фотографии своими собственными, изменять цвета и добавлять текст с помощью более 800 шрифтов на выбор.
- Загрузите онлайн-доску настроения в формате JPG, PNG или даже в формате PDF для печати.
- Готово!
Если вам больше нравится классический подход к созданию мудбордов с прямыми сетками, ознакомьтесь с этим классным редактируемым дизайном мудбордов, который вы можете настроить онлайн
редактируемый дизайн мудбордовКак создать дизайн-план настроения в Photoshop — Комната на вторник
Этот пост был очень востребован, и я рад, что наконец-то смог вычеркнуть его из списка для вас! Я не претендую на звание великого учителя (спасибо тем из вас, кто такой!) , но я решил, что могу хотя бы поделиться своим процессом и шагами, которые использую для создания визуальных эффектов интерьера в Photoshop.Здесь, в блоге, вы заметите много разных типов мудбордов, но в этом посте мы сосредоточимся на более реалистичных планах дизайна, а не на коллажах продуктов. Нажмите, чтобы посмотреть мое видео, обработать и узнать все о создании мудборда для дизайнерского плана!
Начну с того, что работаю в фотошопе более 16 лет (да, это меня датирует) . Я также окончила художественную школу со степенью бакалавра искусств в области графического дизайна, так что мне очень хорошо, комфортно в Adobe Creative Suite.Если вы только начинаете, дайте себе некоторую грацию и практикуйтесь, практикуйтесь, практикуйтесь. Чтобы изучить основы, нужно время, и это не самая простая программа. Я бы посчитал, что это руководство предназначено для начального или среднего уровня … это несложно, но требует терпения.
Я также получаю вопрос , почему Photoshop для редактирования и мудбордов, а не что-то еще? Это не единственное программное обеспечение, которое я использую, но я работаю с ним быстро и эффективно. Проще говоря … это тоже самое лучшее.Я не использую приложения для редактирования фотографий, и каждое изображение, поступающее с моей камеры, проходит через Photoshop, прежде чем я перенесу его на телефон, в социальные сети или в блог.
Хорошо! Готовы начать? Вот как я составляю доску настроения с дизайнерским планом для ремонта моей комнаты…
Уф! Я знаю, что это было длинное видео (спасибо тем из вас, кто оставался со мной через него) , но я хотел убедиться, что объяснил основные концепции и инструменты. Было ли это полезно? Я очень на это надеюсь!
Кто еще часто использует Photoshop и полагается на него? Это действительно отличный инструмент для дизайна и ведения блога.Хотели бы вы увидеть больше руководств по компьютеру / фотоаппарату / программному обеспечению? Как сделать мудборд коллаж? Как редактировать фото? Дайте мне знать, что вы хотите, и я буду рад поделиться, если будет достаточно интереса! Я знаю, что это скорее внутренняя часть блога, но, надеюсь, некоторые из вас сочтут это полезным или интересным, по крайней мере.
Вам также может понравиться
Хорошо, друзья … после того, как в феврале я поделился постом Designer Trick о планировании полов, я пообещал, что буду следить за своим личным процессом планирования пола в Adobe Illustrator.Я …
27 мая, 2020
Прошло несколько месяцев (точнее, пять) с тех пор, как я поделился постом «Дизайнерский трюк». Не волнуйтесь … Я вернулся с новым, и я добавил его в …
27 января 2020 г.
Пришло время для еще одного поста с дизайнерскими хитростями, и на этот раз по многочисленным просьбам — планировка этажей! Пока что мы рассмотрели… Как исследовать комнату в 2-D, советы по получению…
24 февраля 2020 г.
Это своего рода интересная тема, по которой у меня было несколько запросов. Я буду краток и понятен, но при этом поделюсь подробным списком технологий и программного обеспечения, которые я использую …
4 марта 2019 г.,
Сара
Основатель и креативный директор
Как создать доску настроения в Photoshop
Ребята, вы спросили, и я здесь, чтобы доставить! Фолловер в Instagram обратился к мне и спросил, как я делаю свои мудборды в Photoshop.Итак, я спросил вас всех, и большинство сказали, что вы хотели бы увидеть учебник, так что мы здесь! Прежде чем приступить к любому дизайнерскому проекту, я всегда делаю мудборд, чтобы визуализировать пространство и задать тон комнате. Я также использую их для своих клиентов электронного дизайна . Некоторые из моих любимых вещей, которые я сделал, были для нашей прачечной и детской Хокинса .
Я очень наглядный ученик, поэтому мне нравится иметь возможность воочию увидеть, как что-то делается. Я сделал видеозапись своего экрана, чтобы вам было легко наблюдать за моим процессом и узнать, как самому сделать доску настроения в Photoshop.Я надеюсь, вам понравится это!
На обзор — давайте рассмотрим некоторые из моих советов, которые помогут вам создать доску настроения в Photoshop
.ИНСТРУМЕНТ ВОЛШЕБНОЙ ПАЛОЧКИ
Этот инструмент лучше всего работает, когда ваш продукт более темного цвета на чистом, четком белом фоне. Просто нажмите и удалите!
ИНСТРУМЕНТ БЫСТРОГО ВЫБОРА
Быстрый выбор работает лучше всего, когда цвет вашего продукта похож на фон. Вы можете щелкнуть и перетащить, чтобы выбрать изображение, а затем нажать command + J, чтобы отправить его на новый уровень.Затем просто удалите исходный слой, и ваш продукт останется полностью удаленным с его фона.
Переключайтесь между курсором + и -, чтобы получить как можно более четкий контур.
ПОСМОТРЕТЬ ИЗОБРАЖЕНИЯ В ВЫСОКОМ РАЗРЕШЕНИИ НА БЕЛОМ ФОНЕ
Лучше всего подходятизображений в высоком разрешении, так что вы четко видите свое пространство и не видите размытых изображений. Также проще удалить фон с изображения с более высоким разрешением.
СДЕЛАЙТЕ ЭКРАН, ЕСЛИ НЕ МОЖЕТЕ КОПИРОВАТЬ ИЗОБРАЖЕНИЕ
Многие веб-сайты в наши дни не позволяют вам нажать и скопировать / сохранить изображение из-за законов об авторских правах.Сделайте снимок экрана с помощью Shift + Command +4 на Mac, а затем просто откройте файл в Photoshop и удалите фон.
Создание доски настроения — отличный способ помочь вам представить себе пространство, прежде чем вы действительно воплотите его в жизнь. Надеюсь, эти советы помогут вам создать пространство мечты!
ХОТИТЕ ЭТО ВЗГЛЯД В ВАШЕМ ДОМЕ? КУПИТЬ ЭТО НИЖЕ!
* включены партнерские ссылки
Включите JavaScript для просмотра содержимогоНе указано в приведенном выше списке: Кушетка из верблюжьей кожи
СвязанныеКак сделать мудборд ~ Elan Creative Co.
Когда я начинал карьеру дизайнера, я спрашивал клиентов о примерах цветов, узоров и веб-сайтов, но мне не потребовалось много времени, чтобы понять, что это не лучшее решение. Некоторые из них не отправляли мне запрошенные мной изображения или показывали мне сайт и ожидали, что я сделаю что-то подобное. Чтобы избежать этого и упростить процесс проектирования, я начал использовать мудборды.
Moodboard, своего рода коллаж из цифровых изображений, не только полезен для брендинга, но также может быть большим подспорьем, когда вы находитесь в творческом тупике и вам нужно немного вдохновения.Вы можете использовать их для создания цветовых палитр или даже когда хотите попрактиковаться в своих навыках Photoshop.
Как использовать Pinterest для создания доски настроения
Чтобы создать доску изображений, вам, очевидно, нужны изображения, и именно здесь вам пригодится Pinterest. Вы также можете сохранить изображения на своем компьютере, но с помощью Pinterest проще находить и сохранять изображения.
Начните с создания частной доски, чтобы не засорять ленту подписчиков. Вы можете закрепить любое изображение, которое вам нравится, хотя каждая доска должна иметь тему или цель, например, вы хотите сделать доску для редизайна блога или для вашего нового офиса.Ваши изображения должны быть связаны тоном, стилем или цветом. На самом деле нет неправильного способа сделать это, вам просто нужно прикрепить столько изображений, сколько хотите, при этом убедитесь, что они отражают определенную эстетику.
На приведенной выше доске я искал забавные изображения, мне нужны были яркие цвета и необычные узоры. Есть повторяющаяся тема молодости и игривости, которая заставляет задуматься о летних каникулах.
Когда у вас будет достаточно изображений, вы можете начать выбирать те, которые хотите использовать.Вы увидите, что между ними есть сходство. Сохраните те, которые хотите использовать, и откройте Photoshop.
Как использовать Photoshop, чтобы сделать доску для вдохновения
Я должен рассказать вам небольшой секрет: вам не нужен Photoshop. Вы можете сделать это с помощью любого программного обеспечения для редактирования изображений, но мне нравится использовать Photoshop почти для всего.
Когда дело доходит до Photoshop, я понял, что нет правильного или неправильного способа что-то сделать. Итак, самый простой способ создать коллаж — это загрузить все в Photoshop, а затем убедиться, что изображения подходят друг к другу и хорошо выглядят.
Другой способ — начать с создания шаблона изображения, который можно использовать повторно. Для этого я использую линейки, направляющие и инструменты формы. Линейки и направляющие очень полезны, потому что они помогают выровнять изображения. Я использую направляющие для рисования сетки, а затем рисую шаблон доски настроения с помощью инструментов прямоугольной или эллиптической формы.
Подробнее об использовании линейок и слоев.
Когда сетка / шаблон будет готов, все, что вам нужно сделать, это перетащить изображения.Вы можете обрезать и изменять размер изображений, чтобы они соответствовали вашей доске, или вы можете использовать обтравочные маски вместо их обрезки.
Большинство этих изображений уже отредактированы, но вы можете изменить оттенки, насыщенность или яркость, чтобы получилась более связная доска.
Советы по созданию доски изображений
Вот несколько вещей, о которых следует помнить:
- Мне нравится использовать как минимум пять изображений, но не более десяти (включая цветные блоки)
- Я часто использую мудборды для создания цветовые палитры; Я делаю это с помощью инструмента «Пипетка» и беру цвета непосредственно из изображений.
- Я всегда убеждаюсь, что изображения выровнены, и стараюсь оставлять между ними одинаковое количество белого пространства. хотите что-то подчеркнуть (например, узор), вы можете использовать круг или шестиугольник
Используете ли вы мудборды для своих дизайнов? Как вы их создаете?
Если вас что-то интересует и вы хотите прочитать об этом здесь, дайте мне знать.
* Изображения, используемые в этом руководстве, взяты из TwigyPosts
Сделайте доску настроения за считанные минуты + БЕСПЛАТНЫЕ шаблоны Photoshop
Хотите сделать доску настроения?
Честное предупреждение — как только вы сделаете мудборд, они увлекутся.
Создавая их, глядя на них, планируя их. Они вдохновляют и красивы одновременно, и мы тянемся к ним. Как свидетельствует Pinterest, который по сути представляет собой одну большую бесконечную доску настроения.
Доска настроения привлекает аудиторию.К тому же они просто забавные.
Я сделал перетаскиваемый шаблон, чтобы вы могли создать доску настроения в Photoshop — и это бесплатно!
СОО много причин…
- Сделайте руководство по стилю, чтобы держать вас в курсе бренда в вашем бизнесе или блоге
- Сделать подарок путеводитель коллаж
- Превратите свои цели в доску идей, которая будет вдохновлять вас каждый день
- Задайте тон для вашего следующего проекта украшения
- Покажите клиенту, как вы превратите его идеи в великолепный готовый продукт
- Создайте коллаж из любимых вещей: Рождество, весна, горы, щенки…
- Соберите фотографии из недавнего семейного отпуска
Мы собираемся использовать действительно классный, действительно ЛЕГКИЙ инструмент в Photoshop, называемый обтравочными масками.
Почему Photoshop?
Потому что в нем есть действительно классные и очень простые инструменты, такие как обтравочные маски. Серьезно — это быстро освоить (с помощью таких руководств), а вы можете получить 30-дневную пробную версию бесплатно (а после этого всего лишь 10 долларов в месяц).
Plus, У меня есть для вас бесплатный шаблон. Посмотрите видео, следите за ним, и вы сразу же начнете создавать мудборды.
Загрузите шаблон и откройте его в Photoshop.
Вам понадобится несколько фотографий для добавления в доску настроения, поэтому создайте файл на своем компьютере и соберите примерно 7-15 фотографий. Вы хотите, чтобы поиграть с несколькими, даже если вы не используете их все. Если вы хотите попрактиковаться с фотографиями, попробуйте эти бесплатных стоковых фоторесурсов.
Вот моя готовая доска настроения:
Посмотрите видео ниже и сделайте себе мудборд!
Хорошо, давайте рассмотрим
Когда вы впервые откроете шаблон, вы увидите набор инструкций и несколько цифр, которые помогут вам идентифицировать каждую форму в сетке мудборда.Вы можете показать или скрыть эти слои в любое время, щелкнув значок «глаз» рядом со слоем на панели слоев. Не забудьте скрыть их, прежде чем сохранять доску настроения в Интернете!
Перед тем, как начать, сохраните файл под новым именем . Таким образом, вы можете сохранить оригинал, чтобы вернуться к нему позже.
Щелкните фигуру, которую хотите заполнить.
Перетащите изображение из папки в Photoshop.
Нажмите на изображение для увеличения:
Щелкните правой кнопкой мыши фотографию на панели слоев и выберите «Создать обтравочную маску».
Бум! Ваша фотография примет форму формы под ней! Вы по-прежнему можете перемещать и изменять размер фотографии по своему вкусу.
PRO TIP — Если вы используете Photoshop 2018 или более ранней версии, удерживайте клавишу Shift, чтобы изменить размер фотографий. Это не даст вам раздавить фото! (в Photoshop 2019 больше не нужно удерживать shift)
Нажмите на изображение для увеличения:
Продолжайте перетаскивать фотографии и применять обтравочные маски, пока не заполните фигуры, которые хотите заполнить.
Советы по использованию фотографий
- Если вы решили, что хотите изменить одну форму фотографии на другую после создания обтравочной маски, не проблема! На панели слоев просто перетащите фотографию так, чтобы она оказалась поверх новой формы. Вы автоматически снимаете обтравочную маску при перемещении фотографии, как вам и нужно. Просто щелкните правой кнопкой мыши и создайте новую обтравочную маску, и все готово!
- Если у вас узкая форма, которую трудно заполнить, выберите фотографию с большим количеством текстуры.Как улица, вымощенная булыжником, крыша, дерево и т. Д.
Доска настроения — отличное место для отображения цветовой схемы, которая подойдет вашему дизайну. Вы можете легко это сделать в Photoshop! Каждую фигуру в этих шаблонах можно превратить в образец цвета.
Вот как:
Дважды щелкните фигуру на панели слоев (убедитесь, что вы щелкнули значок слоя, а не имя слоя). Появится меню выбора цвета
У вас есть 3 способа выбрать цвет:
- Выберите цвет из палитры цветов
- Выберите цвет на панели образцов
- (Моя любимая): Наведите указатель мыши на доску настроения.Видите, как он превращается в пипетку? Щелкните в любом месте, и он приобретет этот цвет. Не нравится выбранный вами цвет? Просто щелкните еще раз в другом месте.
Когда вы будете удовлетворены цветом образца цвета, нажмите OK в палитре цветов.
Нажмите на изображение для увеличения:
Чтобы сохранить доску настроения для Интернета, выберите Файл> Экспорт> Экспортировать как… (если вы используете Photoshop CS6, выберите «Файл»> «Экспорт»> «Сохранить для Интернета»).
Чтобы загрузить доску настроения в социальные сети, выберите PNG в качестве типа файла. Если вы размещаете доску настроения в своем блоге, выберите JPG и немного снизьте качество, чтобы уменьшить размер файла.
См. Шаг № 5 в этом сообщении — КАК СДЕЛАТЬ ГРАФИКУ ДЛЯ ПУБЛИКАЦИИ В БЛОГЕ — для получения дополнительных советов по сохранению графики для загрузки в свой блог.
Вы уже скачали бесплатный шаблон? Возьмите копию здесь:
Успех! Проверьте свою электронную почту, чтобы найти бесплатный шаблон доски настроения!
Теперь вы знаете, что такое обтравочная маска, как работать со слоями в Photoshop и как сохранить изображение для Интернета! Посмотри, ты уходишь.
Вперед и мудборд.
Я очень хочу увидеть ваши готовые проекты! #imaginedesignrepeat — Это делает мое сердце счастливым. 🙂
Успех! Проверьте свою электронную почту для бесплатной загрузки!
Как создать доску настроения вашего бренда в Photoshop и Illustrator
В сегодняшней публикации я поделюсь с вами своим процессом создания доски настроения. Во-первых, вы узнаете, что я делаю, чтобы выбрать правильные изображения для своих досков настроения. Далее идут два видео, в которых я покажу вам, как создать доску настроения вашего бренда в Photoshop или Illustrator.
В этот пост также входит набор из трех шаблонов мудбордов (в версиях Photoshop и Illustrator). Это поможет вам, если вы хотите сэкономить время и использовать мои проверенные и оптимизированные настройки мудборда. Вам нужно будет только вставить свои собственные изображения — шаги, которые я также показываю в обучающих видео.Итак, приступим!
Я создаю мудборды для двух разных типов проектов. Первый — когда я работаю над индивидуальным брендингом для клиента. Второй — когда я создаю новую коллекцию товаров для своего магазина Creative Market .
Это означает, что вы также сможете многократно применять мудборды в своей работе, а не только при разработке фирменного стиля. Доска настроения также может помочь вам, когда вы работаете над новым физическим или цифровым продуктом или даже услугой.В двух словах: мудборды всегда полезны, когда вы хотите определить определенное настроение для того, что вы запускаете, потому что они помогут вам постоянно оставаться в этом настроении и стиле.
Первое, что вы должны сделать, это просмотреть свое творческое резюме или любой стартовый документ проекта, который определяет ваши цели.
У вас должна быть эта информация, чтобы начать свою доску настроения:
- Основные бизнес-ценности : например, честность, качество и т. д.
- Все прилагательных , которые относятся к вашему предполагаемому бренду: например, экологичный, роскошный, элегантный, умный, расширяющий возможности
- Все дизайнерские предпочтения , которые вы, возможно, уже определили: например, определенные цвета и шрифты, которые вы хотели бы использовать или не хотели бы использовать
- Другие b rands , которые вам нравятся: я предпочитаю держаться подальше от брендов конкурентов, потому что вы не хотите выглядеть в точности как они. Вместо этого посмотрите на бренды из других отраслей
- Каким вы представляете своего идеального покупателя : если вы еще не определили его, вот бесплатная рабочая тетрадь, которая поможет вам в этом
- Положительный эффект s , который ваш бренд / продукт / проект приносит в наш мир: мы попытаемся найти изображения, которые отражают эти эффекты
Затем я обычно захожу в Pinterest и создаю секретную доску для своего дизайн-проекта.Здесь я собираю все изображения, которые соответствуют указанной выше информации, собранной из творческого брифинга.
Я собираю изображения на основе 8 ключевых категорий, которые я определил в моем предыдущем посте:
- Изображения, которые вдохновляют мой цвет палитра
- Изображения, которые вдохновляют мой стиль логотипа (если вы создаете доска настроения для проекта разработки продукта, затем любые изображения, которые вдохновляют внешний вид этого продукта)
- Изображения, которые вдохновляют графических элементов бренда (иллюстрации, узоры, фотографии)
- Изображения, которые вдохновляют типографику
- Изображения, отражающие основные ценности бренда
- Изображения, отражающие идеального покупателя
- Изображения, отражающие эффект бренд или продукт принесут
- Изображения, которые вдохновляют на то, как бренд будет представлен в различных сред : на упаковке, в магазинах, на веб-сайте, в социальных сетях и т. Д.
Оставьте достаточно времени, чтобы собрать вдохновение для своего мудборда. Это не тот процесс, который вы можете выполнить в течение дня — по крайней мере, так, чтобы это было полезно в долгосрочной перспективе.
Вместо этого держите глаза открытыми, посетите несколько вдохновляющих мест (я обычно хожу в свои любимые магазины товаров для рукоделия и домашнего декора) и постепенно увеличивайте доску Pinterest.
Мне нужна неделя, чтобы создать один для проектов брендинга клиентов. И я оставляю больше времени, когда планирую настроение и дизайн своих коллекций продуктов.Например, если я планирую выпустить продукт летом, я собираю мудборд и проектирую ассеты зимой, а создаю продукт весной.
Это то, что я узнал на своей корпоративной работе, когда август был последним разом, когда отправлял производителю дизайн упаковки для нашей линейки праздничных продуктов. Это также означало, что я должен был полностью погрузиться в рождественское настроение в разгар лета — я был благодарен за сочетание сосновых ароматических свечей, рождественских гимнов и некоторых удивительных тематических досок Pinterest.
Скоро на вашей доске Pinterest появятся сотни изображений. Теперь вам нужно собрать лучшие из них, чтобы попасть на финальную доску настроения.
Старайтесь выбирать те изображения, которые хорошо подходят по цвету. Их не нужно слишком много. Я обычно включаю 8–12 изображений в свои доски настроения.
СОЗДАТЬ ДОСКИ НАСТРОЕНИЯ В ИЛЛЮСТРАТОРЕ:
СОЗДАВАЙТЕ ДОСКИ НАСТРОЕНИЯ В ФОТОШОПЕ:
Как я показал в видео, вы можете экспортировать во множество различных форматов, но лучше всего подходят jpeg и png.Тогда вам решать, где вы хотите поделиться своей доской настроения: в социальных сетях, внутри вашей команды или распечатать ее и обрамить для стены своего офиса.
Далее мы узнаем о логотипах и узнаем, есть ли дешевые способы получить свой первый логотип, когда вы только начали свой бизнес — так что следите за обновлениями! 😉
.