Создайте палитру туристического плаката на основе одной фотографии

1. Определите историю пункта назначения

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

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

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

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

2. Выберите фотографию с полезной информацией о цветах

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

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

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

3. Подготовьте изображение перед извлечением цветов

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

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

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

4. Извлеките палитру доминирующих цветов

Загрузите подготовленное изображение в Palette From Image или вставьте прямой URL изображения. Начните с пяти цветов. Обычно этого достаточно, чтобы выявить основные визуальные отношения без создания подавляющей коллекции.

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

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

Если вы хотите вручную проверить определенную точку, официальное руководство по инструменту "Пипетка" от Adobe Photoshop объясняет, как цвет может быть отобран из изображения и добавлен на панель образцов.

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

5. Отделите доминирующие цвета от полезных цветов

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

Оцените каждый образец, используя три вопроса: какую часть фотографии он представляет? Насколько сильно он связан с пункт назначением? Какую работу он может выполнять на плакате?

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

Для исторического вдохновения изучите руководство Библиотеки Конгресса по туристическим плакатам. Его коллекция демонстрирует, как туристические плакаты используют цвет, достопримечательности, деятельность и транспорт для быстрого общения пункт назначения, а не документирования всех видимых деталей.

6. Сократите результат до сфокусированной палитры плаката

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

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

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

Расположите выбранные цвета в горизонтальный ряд от самого светлого к самому темному. Затем расположите их по важности. Эти два представления раскрывают разную информацию: тональный диапазон и визуальный приоритет.

7. Назначьте каждому цвету четкую роль

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

Базовая система плаката может включать фон, заголовок, первичная иллюстрация, вторичная иллюстрация и акцент. Протестируйте каждый цвет переднего плана на фоне перед тем, как приступить к детальной композиции.

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

:root {
  --poster-background: #f2d4a7;
  --poster-headline: #19384a;
  --poster-landscape: #4f8074;
  --poster-shadow: #31505a;
  --poster-accent: #d95d45;
}

Приведенные выше примеры значений являются иллюстративными. Используйте фактические коды, извлеченные из вашей фотографии, и протестируйте их в контексте финального плаката.

8. Трансформируйте фотографию в графические фигуры

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

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

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

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

9. Создайте сильную иерархию плаката

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

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

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

10. Напишите краткий и эффективный текст плаката

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

Используйте счетчик слов для сравнения различных версий. Если поддерживающая строка требует нескольких предложений для объяснения, она, вероятно, принадлежит подписи, сопровождающей плакат, а не внутри дизайна.

Используйте специфическое формулирование. "Откройте для себя приключение" может описать почти любое пункт назначения. "Вечерние паромы через Босфор" дает зрителю место, деятельность и время суток.

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

11. Протестируйте плакат в реалистичных ситуациях

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

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

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

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

12. Экспортируйте и задокументируйте готовый дизайн

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

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

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

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