Для начала установите Color CC из App Store, используя ваш логин Creative Cloud. Таким образом все ваши программы будут синхронизированы, и вы без проблем сможете пользоваться созданными вами цветовыми палитрами.

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

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

Существует еще один, более традиционный способ создания цветовых тем — панель выбора цвета (Analogous picker). Здесь вы сможете задать начальный цвет (верхняя левая часть экрана) и создать гармоничную палитру, используя ключевые точки. Кроме того, вы можете задать отдельные цвета, нажав на них в верхней панели, на цветовом круге, или двигая ползунок.

5. Монохромный и другие режимы

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

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

После того, как вы сохранили тему, она автоматически загружается на ваш аккаунт в Creative Cloud. Перейдите на color.adobe.com и войдите, используя ваш логин для Creative Cloud. Выберите раздел “Мои темы” (My Themes) в верхней части экрана — в нем хранятся все созданные вами темы. При наведении курсора на тему вы увидите все доступные опции, включая возможность загрузки темы в формате файла ASE. После этого вы сможете импортировать тему напрямую в панели “Swatches” программ Photoshop, Illustrator и InDesign.

Вы можете редактировать темы онлайн. Наведите курсор на тему и выберите “Редактировать” (Edit). Интерфейс редактирования аналогичен интерфейсу приложения Color CC. Внесите изменения, нажмите “Сохранить” (Save). Вы можете сохранить как отдельную новую тему, так и измененную старую.

Библиотеки CC — новая функция Creative Cloud (обновление вышло в октябре 2014). Благодаря им у вас под рукой всегда есть все необходимое для работы.

Давайте рассмотрим опции, связанные с цветовыми темами.

Ненадолго вернемся в приложение Color CC. Нажмите на “Мои Темы” в верхней части экрана и выберите “Создать новую библиотеку” (“Create New Library”). Придумайте ей название (например, “Для печати”/ “Для экрана”, и т.д.). Затем снова выберите “Мои Темы” и нажмите на тему. Нажмите на “+” и скопируйте тему в библиотеку, которую вы только что создали. Повторите.

Например, если вы работаете в InDesign, перейдите в Window>CC Libraries. Ваши темы уже там! Два раза кликните на палитру в панели библиотек СС, и она добавится в основную панель цветов (“Swatches”). Чтобы убедиться, что вы используете последнюю версию ваших библиотек, наведите курсор на иконку Creative Cloud в панели библиотек CC.

Помимо прямой загрузки ваших тем в программы, вы можете поделиться ими в Twitter, Facebook или Behance. Чтобы ваши темы смогли увидеть другие пользователи color.adobe.com, необходимо сделать их открытыми. Для этого нажмите кнопку “lock” и сделайте тему видимой для всех.

Как видите, Color CC — отличнейший инструмент для работы в Creative Cloud.

Источник: http://www.creativebloq.com

Пять бесплатных инструментов для выбора цветовой схемы сайта / Хабр

Один из самых важных факторов при создании уникального и узнаваемого дизайна — цвет. Грамотный выбор

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

Kuler от компании Adobe давно признан лучшим помощником профессионального веб-дизайнера. В отличие от конкурентов, здесь есть обширное коммьюнити и можно делиться созданными палитрами или брать чужие цветовые схемы и модифицировать под свои нужды. Для общения в сообществе нужно зарегистрироваться и получить Adobe ID. Цвета в Kuler представляются в различных форматах, включая RGB, CMYK, LAB и HSV.

2. Color Palette Generator

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

3. Contrast-A

Отдельные цвета никогда не висят в вакууме, и каждый оттенок воздействует на окружающие. Инструмент Contrast-A применяет сугубо технический подход к конфигурации палитры, предоставляя подробную информацию о соотношение канала яркости (Luminance Ratio) и отличиях в яркости и цвете. Это идеальный инструмент, если нужно создать минималистский сайт с небольшим количеством цветов, которые дополняют друг друга.

4. ColorZilla

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

5. Colorotate

В отличие от большинства других генераторов цветовых схем типа «цветового колеса», Colorotate показывает палитру на трёхмерном конусе. Как и Kuler, пользователи могут сохранять и редактировать свои цветовые схемы, а также просматривать палитры, сделанные другими дизайнерами. Инструмент интегрирован с популярными дизайнерскими программами Adobe Fireworks и Photoshop.

____________

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

Как использовать Kuler для цветовых палитр »Блог» FashionClassroom.com

Adobe Kuler (теперь называется Adobe Color) — это действительно забавное (и бесплатное) приложение для цветовых тем от Adobe, которое позволяет создавать цветовые палитры, которыми можно делиться и синхронизируется с вашими приложениями Adobe, включая Illustrator, Photoshop и InDesign.

Kuler можно найти в вашем браузере на Kuler.Adobe.com или в Apple App Store для ваших устройств iOS (извините, пользователи Android).

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

В этом блоге я расскажу, как использовать приложения Kuler Online и Kuler для iOS, создавать палитры, а затем загружать новые палитры в приложения Adobe.

Шаг 1. Откройте Kuler в своем браузере

Откройте браузер и перейдите на http://kuler.adobe.com.

Нажмите «Войти» в правом верхнем углу и войдите со своим AdobeID. Если у вас нет AdobeID, вам нужно будет создать его, чтобы иметь возможность загружать созданные вами палитры.

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

Шаг 2: Создайте палитру из цветового круга

При первом запуске кулер.На сайте adobe.com вы увидите цветовое колесо в центре браузера с 5 селекторами цветов, которые соответствуют цветовым фрагментам под цветовым кругом.

Переместите один из селекторов цвета, и он соответственно изменит цветовые чипы в зависимости от того, какое правило цвета вы выбрали в левой части окна.

Цветовые правила (например, Color Harmony в Illustrator) основаны на базовом цвете вашей палитры, который по умолчанию является центральным цветовым чипом.

Я изменил свое правило на составное, и он использовал красную фишку в качестве основы и скорректировал остальные 4 цвета в соответствии с правилом составного цвета.

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

После выбора нового основного цвета остальные цвета будут настраиваться в соответствии с выбранным правилом цвета.

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

Наконец, вы можете точно настроить цвета, отрегулировав ползунки цвета под цветными полосками. Выберите ползунки цветов RGB, CMYK, LAB, HSB и HEX.

Когда закончите, дайте своей палитре имя, щелкнув значок карандаша слева от цветового круга.

Нажмите «Сохранить», и вы сохраните палитру в своей учетной записи Creative Cloud.

Отсюда с правой стороны в разделе «Действия» вы можете предоставить общий доступ, загрузить, отредактировать или удалить палитру.Мы поговорим об этом позже.

Шаг 3. Создайте палитру из изображения

Чтобы создать палитру из изображения, вернитесь на https://kuler.adobe.com/ и щелкните значок камеры справа.

Выберите файл Tiff, Jpeg, PNG или Gif (PSD, Ai и PDF не будут работать), затем нажмите OK.

Kuler автоматически выберет 5 цветов из вашего изображения для своей палитры на основе параметров Color Mood слева.

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

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

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

Здесь вы увидите цветовое колесо, а также регуляторы цвета под каждым цветом, где вы можете точно настроить цвета.

Выберите ползунки цвета, которые вы предпочитаете (CMYK, RGB, LAB, HSB или HEX), и настройте цвета.

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

Дайте своей палитре имя (я назвал свою Easy Breezy) и нажмите «Сохранить», и палитра будет сохранена в вашей учетной записи.

Шаг 4: Поделитесь и загрузите свою палитру

Теперь мы готовы загрузить наши палитры и поделиться ими. Справа в разделе «Действия» вы сможете поделиться своей палитрой в Twitter, Facebook, Pinterest и Adobe.

Вы также можете загрузить его на свой компьютер в виде файла .ase, чтобы вручную загрузить его в свои приложения Adobe. Если хотите, выберите «Загрузить» и закройте загрузку палитр позже.

Если вам когда-нибудь понадобится отредактировать палитру, вы также можете щелкнуть здесь «Изменить» или даже удалить палитру, если она вам больше не нужна.

Шаг 5. Изучите палитры, созданные другими пользователями

Иногда вам просто нужно просмотреть цветовые темы, созданные другими, и вы можете сделать это, нажав «Исследовать» в верхней части страницы Kuler.adobe.com.

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

Шаг 6. Оцените свои цветовые темы

Вы можете проверить все созданные вами темы, щелкнув «Мои темы».Здесь вы можете загружать свои темы, редактировать темы или даже удалять темы.

Шаг 7. Kuler на мобильных устройствах (только Apple)

Если это было недостаточно круто, вы можете использовать Kuler на ходу со своим iPhone, iPad или iPod. Перейдите сюда, чтобы ознакомиться с информацией о приложении Adobe Kuler для iOS.

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

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

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

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

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

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

Шаг 8. Загрузите палитры в Illustrator

Если у вас есть новый Illustrator CC, вы найдете панель Kuler в разделе Window / Kuler.(Если у вас более старая версия, не беспокойтесь, я расскажу о загрузочных палитрах для более старых версий ниже).

Убедитесь, что вы подключены к Creative Cloud, и Kuler автоматически загрузит палитры, созданные вами в Интернете.

Если вы редактируете свои палитры онлайн или добавляете новые палитры, просто щелкните значок «Обновить» в нижней части панели Kuler, и он автоматически синхронизирует любые палитры, созданные вами на kuler.adobe.com. Это магия!

Теперь вы можете выбирать цвета на панели Kuler или перетаскивать их на панель Swatches вашего документа.

Еще один совет: вы можете перейти непосредственно на веб-сайт kuler, щелкнув значок «Запустить веб-сайт Kuler» в нижней части панели Kuler.

Несмотря на то, что в Illustrator CS5 и CS6 были панели Kuler (Window / Extensions / Kuler), вы не можете синхронизировать палитры, как в Illustrator CC.

Чтобы загрузить палитры старомодным способом, перейдите в Window / Swatch Libraries / Other Libraries и перейдите к файлу цветовой палитры, который вы загрузили ранее (с расширением .ase).

Ваша палитра теперь будет отображаться на отдельной панели, где вы можете выбирать цвета.

Шаг 9. Загрузите палитры в Photoshop

Photoshop CC (2014) теперь имеет панель Kuler, но вы должны загрузить ее как дополнение. Обязательно обновите Photoshop CC (2014) и приложение Creative Cloud до последней версии и перейдите в раздел «Справка / Обзор надстроек»…

Оттуда найдите Kuler, и вы найдете Kuler Panel PS CC 2014.Нажмите кнопку «Бесплатно», чтобы загрузить и установить панель Kuler.

Вы можете дважды проверить, что он был загружен на главной вкладке Creative Cloud Apps, как показано здесь:

Чтобы открыть панель Kuler, перейдите в Window / Extensions / Adobe Kuler.

Новая панель Photoshop CC Kuler действительно интуитивно понятна, вот несколько скриншотов из вкладок панели:

Если у вас нет Photoshop CC (2014), вы можете загружать палитры по старинке.

Щелкните раскрывающееся меню панели «Образцы» и выберите «Загрузить образцы»… Выберите загруженную цветовую палитру и нажмите «ОК» и «Вуаля»! Теперь у вас есть доступ к вашей новой палитре цветов.

Шаг 10. Загрузка палитр в InDesign

В меню параметров панели «Образцы» в InDesign выберите «Загрузить образцы…» Перейдите к загруженной библиотеке образцов и нажмите «ОК», и теперь у вас есть образцы в InDesign.

Вот и все для этого урока. Надеюсь, вам всем понравится этот замечательный инструмент, и, пожалуйста, поделитесь с друзьями!
J

Использование Adobe Kuler Tool для раскрашивания изображений

Меня часто спрашивают, как добавить цветовые тона к вашим изображениям.Часто самый простой вариант — использовать фильтры либо в Lightroom, либо с дополнительным программным обеспечением, таким как Google Nik. Однако по мере того, как вы углубитесь в мир цветокоррекции, вам в конечном итоге станет любопытно, как создавать свои собственные эффекты.

Очевидно, существует огромное количество способов добиться определенного вида ваших фотографий. Плагин Adobe Kuler для Photoshop — это невероятно мощный вариант, доступный любому, у кого есть Photoshop (бесплатно), который обеспечивает полный контроль над внешним видом корректировки.

Первое, что нужно понять — это теория цвета. Знаете, весь цветовой круг и цвета, дополняющие друг друга … Ну, это огромно. И хотя вам не обязательно быть экспертом в этом вопросе, полезно знать основы, которые в конечном итоге приведут к лучшему пониманию предмета, когда вы будете использовать его на практике. Одна статья, которую я нашел чрезвычайно полезной по его теме, была написана одним из моих любимых пейзажных фотографов сегодня, Тедом Гором. Гор получил несколько наград в своей области и создал одни из самых удивительных изображений, которые я когда-либо видел.В его статье под названием «Теория цвета и пейзажная фотография» подробно рассказывается о цветовых гармониях и о том, как использовать их в ваших изображениях. Он объясняет разницу между аналогичными, дополнительными и монохроматическими цветовыми гармониями (а также некоторыми другими, гораздо менее очевидными) и приводит отличные примеры того, как он использует их в своей работе. Я настоятельно рекомендую эту книгу прочитать, поскольку она применима не только к изображениям пейзажей, но и к цветокоррекции и нанесению на любую фотографию. По сути, идея заключается в том, что определенные цвета просто хорошо сочетаются друг с другом и приятны для глаз зрителей, если их тонко вводить в изображение.Например, синий и желтый — дополнительные цвета. Когда более темные тона в изображении «холоднее», а более светлые тона «теплее», изображение выглядит более эстетично, чем если бы цветовые тона были просто оставлены на волю случая.

Здесь на помощь приходит Adobe Kuler. Во-первых, инструмент Adobe Kuler предоставляется бесплатно, если у вас уже есть членство в Creative Cloud, и вы также можете установить инструмент непосредственно в Photoshop (инструкции приведены здесь). После установки он доступен, выбрав «Окно»> «Расширения»> «Темы Adobe Color», что создает новую вкладку в вашем рабочем пространстве.Чем это полезно? Инструмент имеет встроенное цветовое колесо, которое позволяет создавать собственные дополнительные цветовые тона. Что еще более важно, он содержит множество цветовых палитр, уже доступных для использования, которые следуют «правилам» теории цвета.

После установки плагина откройте вкладку, чтобы изучить его параметры. На вкладке «Создать» вы можете использовать раскрывающийся список, чтобы выбрать любую из цветовых теорий, упомянутых в статье Гора, включая аналогичные, монохромные и триадные.Ваш выбор здесь изменит цвета, выбранные в колесе выше, и, перемещая курсор по колесу, вы всегда будете выбирать цвета, которые соответствуют их дополнению (ям) на основе выбранной вами теории цвета. Это полезно, если вы хотите тонировать изображение на основе уже имеющихся цветов. Например, вы можете навести указатель мыши на любой пиксель / цвет на своей фотографии и, просто щелкнув, отобразится точная комбинация (я) дополнительных цветов для цвета, выбранного на основе теории цвета, которую вы выбрали в раскрывающемся списке.Затем вы можете сохранить выбранные вами варианты для использования в ваших цветовых образцах.

Во-вторых, вы можете открыть вкладку «Обзор», которая предлагает несколько вариантов предварительно определенных цветовых палитр, уже доступных для использования. По сути, эти варианты цвета — это то, что уже используют другие пользователи Adobe, и это цвета, которые хорошо работают в зависимости от их положения в цветовом круге.

Так как же использовать эти цветовые комбинации? Самый простой способ — создать корректирующий слой Gradient Map.В этом примере у меня есть фотография Фолли-Бич недалеко от Чарльстона, Южная Каролина. Я хочу тонировать это изображение, чтобы оно соответствовало пастельному свету в то утро. Если я наведу курсор на вкладку «Обзор», в раскрывающемся списке «Самые популярные» появится тема с названием «Песчаный Каменный пляж, океан». Прямо в правом нижнем углу этой цветовой темы находятся три точки. Если вы щелкнете по имеющимся точкам параметр «Добавить в образцы». Щелкните этот параметр, и если у вас не включены образцы, просто перейдите в меню «Окно» вверху и найдите параметры «Образцы», чтобы добавить его в рабочее пространство.

Как только цветовая палитра будет добавлена ​​на вкладку образцов, вы заметите, что цвета из «Sandy Stone Beach Ocean» были добавлены в самый конец вашего образца. Откройте карту градиента и добавьте три новые точки в нижнюю часть градиента, всего пять. Затем, двигаясь слева направо (от тени к свету), выберите каждую точку градиента, а затем наведите указатель мыши на соответствующий цвет в палитре образцов, чтобы добавить этот цвет к точке градиента. Соединив самый темный цвет образца с теневой стороной градиента, вы повысите контраст вашего изображения в дополнение к добавлению цвета вместо снижения контрастности.Поэкспериментируйте и посмотрите, что у вас получится. Необязательно использовать все пять цветов, вы можете использовать два только в том случае, если хотите. После того, как все пять цветов будут загружены в градиент, нажмите «ОК» и просмотрите результаты. Ужасно, я знаю.

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

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

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

Используйте Adobe Kuler, чтобы улучшить свои навыки цвета — Функции

Как дизайнеры, мы в значительной степени принимаем приложения Adobe из Большой четверки в качестве предпочтительных инструментов для создания брошюр, листовок, рекламы и веб-сайтов. Но Adobe уже довольно давно предлагает другой инструмент, который должен занять достойное место рядом с Photoshop, InDesign, Illustrator и Flash в нашем наборе инструментов для дизайна. Он называется Kuler (произносится как «кулер» согласно Adobe), и его название, безусловно, уместно.

Kuler — это веб-приложение, которое позволяет пользователям просматривать, создавать и обмениваться цветовыми темами через веб-сайт Kuler, настольное приложение Kuler (прямая ссылка для загрузки; требуется Adobe AIR) или виджет Kuler для панели инструментов Mac OS X (доступен для скачать со страницы ссылок на сайте Kuler).

Конечно, Kuler также доступен в ваших любимых настольных приложениях Adobe CS4, включая Photoshop, InDesign, Illustrator, Flash и Fireworks. Kuler доступен онлайн бесплатно, и вам не нужно быть пользователем CS4, чтобы воспользоваться им.

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

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

Но это еще не все. Пользователи также могут создавать новые темы на основе цветов в существующем изображении, которое вы загружаете со своего рабочего стола. Найдя понравившуюся цветовую схему, вы можете оценить ее, добавить в избранное, экспортировать как файл Adobe Swatch Exchange для использования в любом приложении Adobe Creative Suite или добавить прямо на панель Swatches вашего приложения CS4.Это можно сделать с помощью простого раскрывающегося меню на панели Kuler рядом с именем образца.

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

Безусловно, самый популярный способ использования Kuler — это приложения Creative Suite, которые вы используете весь день. Панель Kuler (доступная через Window> Extensions> Kuler в ваших приложениях CS4) предлагает вам возможность создать один цвет, а затем создать список дополнительных цветов на его основе. Это идеальный инструмент, когда вы работаете над дизайном, в котором единственный цвет, который у вас есть, — это логотип, и вы не можете придумать отличный набор дополнительных цветов для использования на веб-странице или в брошюре.

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

Есть много других сайтов для просмотра и создания цветовых тем; ColorCombos, ColorBlender и процветающее сообщество ColourLovers существуют уже довольно давно.Однако, учитывая, что Kuler так тесно интегрирован в приложения Adobe Creative Suite и имеет финансовую и техническую поддержку Adobe, популярность Kuler быстро выросла.

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

Джеймс Демпси запускает Graphic Mac, который предлагает советы, рекомендации и многое другое для всех приложений Adobe Creative Suite.

Стоит ли использовать Adobe Color?

Его стоит посмотреть, даже если вы используете более раннюю версию InDesign (CS4, CS5 и CS6). Но если вы являетесь пользователем CC, вы также сможете импортировать цветовые палитры непосредственно в свои работы InDesign.

Использование онлайн-платформы Adobe Color , которую вы можете использовать для создания своих собственных цветовых палитр (или «цветовых тем»). Вы можете создавать темы в настольном или мобильном приложении Adobe Color или создавать темы в InDesign, Illustrator или Photoshop.

Давайте узнаем, как использовать приложение и применять цветовые темы к документам InDesign с помощью онлайн-платформы Adobe Color.

Если вы работаете в InDesign CC, обязательно откройте InDesign CC и откройте свой интернет-браузер. Убедитесь, что вы вошли со своим Adobe ID в Creative Cloud.

В браузере перейдите к онлайн-цветовому кругу Adobe Color. Вы можете поиграть с колесом, настроив цветовое правило с левой стороны на различные настройки, такие как Аналогичный …

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

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

Вы также можете увеличить цвета изображения, как более сложная версия инструмента «Пипетка » в InDesign.

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

Я выбрал фотографию экзотического тукана в формате JPEG. В изображении присутствует множество цветовых тонов, которые я хотел бы использовать в Adobe Color.

Adobe Color автоматически подберет палитру разных цветов из изображения. Вы также можете настроить Color Mood темы; в этом примере тона выбираются в настроении Цветной …

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

… вы также можете выбрать комбинацию Custom и щелкнуть, чтобы выбрать свои собственные цвета на изображении.

Я решил, что мне больше всего нравится комбинация цветов Muted . Когда вы будете довольны цветовой темой, вы можете сохранить ее, нажав кнопку Сохранить * в верхнем левом углу окна. Дайте теме имя, здесь я выбрал «Приглушенные туканские цвета».

* Вам нужно будет войти в Creative Cloud со своим Adobe ID, чтобы сохранить тему.

В меню, расположенном в верхнем левом углу окна, вы можете нажать на Мои темы , чтобы просмотреть сохраненную тему.

Чтобы воспользоваться этим, вам потребуется доступ к Adobe InDesign CC.

Вернитесь в InDesign и Файл> Откройте документ, к которому вы хотите применить цвет.

Перейдите в окно > Adobe> Adobe Color Themes , чтобы открыть панель Color Themes .Панель состоит из трех окон: Создать, , Изучить, и Мои темы.

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

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

Наконец, в разделе Мои темы вы найдете свои предварительно сохраненные цветовые темы.Здесь, как вы можете видеть, меня ждут «Приглушенные туканские цвета», которые я могу использовать в моем документе!

Перед тем, как начать применять цвет, вы можете добавить цветовую тему в свою коллекцию из образцов в InDesign. Перейдите в Window> Color> Swatches , чтобы открыть панель Swatches .

Вернувшись на панель Adobe Color Themes , в разделе My Themes щелкните Actions в правом нижнем углу выбранной цветовой темы, чтобы открыть раскрывающееся меню.Выберите Add to Swatches Panel. Ваши цвета будут добавлены на панель Swatches . Мало того, InDesign CC также сгруппировал их в папку с названием вашей цветовой темы. Красиво и организованно!

Если вы не сохранили цветовую тему в режиме CMYK и собираете документ для печати, не беспокойтесь. Просто нажмите Control-Click (Mac OS) или правой кнопкой мыши (Windows) на отдельном образце на панели Swatches , выберите Swatch Options и выберите CMYK из раскрывающегося меню Color Mode .Нажмите ОК.

Теперь вы можете приступить к применению новых образцов цвета к элементам в документе!

Даже если вы не являетесь пользователем CC, вы все равно можете получить некоторые замечательные функции из Adobe Color.

Один из них — использовать Adobe Color для быстрого и простого преобразования цветовых форматов. Допустим, у вас есть образец CMYK в InDesign и вы хотите преобразовать его в формат RGB, Lab или даже в формат Hex Code (который подходит для веб-дизайна).По общему признанию, вы можете конвертировать цвета CMYK в значения RGB прямо в InDesign, но использовать приложение Adobe Color очень быстро и легко. В качестве бонуса вы не сможете преобразовать в шестнадцатеричный формат, если не воспользуетесь функцией выбора цвета в Adobe Photoshop.

Просто перейдите к цветовому кругу Adobe Color и введите значения CMYK под одной из вкладок образцов под колесом.

Adobe Color автоматически преобразует цвет CMYK в форматы RGB, Lab, HSB и Hex. Это так просто!

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

Хотите больше советов и приемов InDesign? Узнайте, как подготовить цветные документы к печати, или ознакомьтесь с нашим широким спектром руководств по InDesign.

Adobe Kuler для iPhone | Коммуникационное искусство

Просмотреть приложение

«Полезное, безупречно выполненное дизайнерское развлечение». — Трой Лачанс

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

Обзор: Колода образцов иногда не вдохновляет… о, но помните тот тлеющий закат в тропиках? Или этот винтажный зеленый британский спортивный автомобиль? С помощью приложения Adobe Kuler для iPhone дизайнеры теперь могут быстро запечатлеть свои любимые цветовые комбинации, где бы они ни появлялись. Нет необходимости загружать образцы или отправлять изображения по электронной почте, чтобы попытаться сопоставить их. Просто извлекайте цвета из изображения на вашем телефоне или используйте режим live view, чтобы захватывать цвета непосредственно из окружающей среды. После захвата цветов цветовая тема автоматически синхронизируется с кулером.adobe.com и становится доступным на панели Kuler вашего любимого программного обеспечения Creative Cloud, чтобы дизайнеры могли использовать цветовые темы, как только они вернутся за свои рабочие места.

• Направьте камеру куда угодно, и функция просмотра в реальном времени захватит настраиваемую палитру самых интересных цветов вашего окружения.
• Цветовой круг позволяет экспериментировать с различными схемами (аналогичными, монохроматическими, триадными, дополнительными, составными, оттенками и т. Д.) На основе одного цвета, который можно точно определить с помощью значений HEX или RGB.
• На сегодняшний день было загружено полмиллиона загрузок, и стало ясно, что креативщики любят Kuler. Автоматическое создание цветовых тем в режиме реального времени быстро вызывает привыкание.

Комментарии менеджера по продукту Дэйва Эриксона:

Была ли тема / тема проекта новой для Adobe? «Kuler был существующим продуктом, и Adobe в прошлом разрабатывала другие приложения для iPhone. Новым было соединение данных, собранных с помощью приложения для iPhone, с такими продуктами, как Adobe Illustrator CC и Adobe Ideas, чтобы дизайнеры могли сразу же использовать эти цвета.”

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

Что было самым сложным в проекте? «Было задействовано много команд, и они были разбросаны по разным часовым поясам.Как и большинству распределенных команд, потребовалось время, чтобы приспособиться к отсутствию личных встреч, несовершенному программному обеспечению для конференц-связи и невозможности проводить импровизированные обсуждения и сеансы на доске. Мы преодолели большинство проблем, с которыми столкнулись, изменив свой стиль и часы работы и приняв эффективные инструменты совместной работы ». Что вы нашли наиболее интересным / неожиданным в использовании приложения дизайнерами? «Мы разработали приложение, чтобы люди могли запечатлеть цветовые идеи, которые они находят в реальном мире.Но мы не ожидали, что люди будут использовать приложение как инструмент для поиска цвета. Многие люди используют приложение, чтобы найти красоту в объектах и ​​сценах, где не всегда ожидаешь найти отличные цвета ».

Как создать цветовую палитру из фотографии с помощью Adobe Color

Как создать цветовую палитру из фотографии с помощью Adobe Color (и использовать ее в Photoshop, Illustrator и InDesign)

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

Изучение цветовых тем

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

Самое приятное в этом то, что когда вы создали свою собственную или сохранили чужую цветовую тему в рамках плана Creative Cloud, вы можете сразу использовать эти темы через цветные панели в Photoshop, Illustrator и InDesign и после того, как я покажу вам, как создать цветовую тему на веб-сайте, я покажу вам, где их можно найти и использовать в отдельных приложениях.

Сделайте цветную тему из фотографии

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

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

1. Перейдите на сайт Adobe Color.

2. Если вы являетесь подписчиком Creative Cloud, войдите в систему.
Если вы не являетесь подписчиком, вы все равно можете зарегистрироваться бесплатно. Если у вас CS6 или более ранняя версия, вы можете использовать панель « Kuler », чтобы получить доступ к «общедоступным» цветам и использовать их в своем приложении.

3. На главной странице Adobe Color вы увидите цветовое колесо и пять гигантских образцов цвета под ним.В строке меню в левом верхнем углу есть опции для Создать , Изучить или просмотреть Мои темы . Вы хотите создать, так что оставайтесь на этой странице и щелкните маленький белый значок камеры справа, чтобы выбрать Создать из изображения .

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

5. После загрузки изображения вы увидите, что Adobe Color сразу выбрала пять цветов из вашего изображения. По умолчанию он выбирает пять цветов для создания темы « Colorful ». Выбранные цвета выделяются кружками на изображении и появляются в виде гигантских образцов под изображением.

6. Если вам не нравится этот конкретный набор цветов, вы можете изменить их, выбрав из предложенных вариантов « Color Mood » слева.Например, если выбрать Dark, образцы цвета будут выглядеть следующим образом:

Цвета, очевидно, намного темнее, но все же связаны вместе, образуя тему.

7. Если вам не нравится ни одна из цветовых тем, созданных в предложении Color Mood , вы можете создать свою собственную пользовательскую тему. Чтобы создать собственную тему, либо щелкните слово Custom , либо просто щелкните один из пяти цветных кругов и перетащите его по изображению. Вы увидите, как это повлияет только на этот конкретный образец цвета.Вы можете изменить любое количество цветов (из пяти доступных).

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

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

Вы можете выбрать свое облако (у меня просто Creative Cloud), а также свою библиотеку. Обычно он будет называться просто « Моя библиотека ». В приведенном ниже примере я сохраняю свою новую тему в одной из библиотек, которые я назвал «Кисти», поэтому не беспокойтесь, если вы не видите это как вариант.

Если вы не хотите делиться своими темами (а почему бы и нет 🙂?), Снимите флажок Опубликовать эту тему в Explore . Нажмите Сохранить еще раз.

9.После того, как вы нажмете «Сохранить», изображение исчезнет, ​​и вы увидите, что пять цветов, составляющих вашу новую палитру, перемещаются в верхнюю часть экрана. Ниже у вас есть варианты для Опубликовать , Изменить копию или Удалить . Другое дело, что ваша новая цветовая тема теперь будет доступна вам через вашу библиотеку в редакциях Photoshop, Illustrator и InDesign CC.

Примечание. Если у вас установлена ​​более старая версия Photoshop или Illustrator, они будут доступны через панель Kuler.

Как использовать новую цветовую тему в Photoshop

1. В Photoshop выберите «Окно »> «Расширения»> «Темы Adobe Color ». Откроется панель «Цветовые темы». Щелкните Мои темы. Вы должны увидеть свою новую цветовую тему в списке.

2. Щелкните три точки под темой и выберите Добавить к образцам . Теперь ваши новые цвета темы доступны на панели «Образцы», и вам не нужно подключаться к Интернету, чтобы использовать их.

Как использовать цветовую тему в Illustrator

1. В Illustrator CC выберите «Окно »> «Цветовые темы », чтобы отобразить панель «Цветовые темы». Как и в случае с панелью «Цветовые темы Photoshop», созданные вами темы, синхронизированные с вашей учетной записью на веб-сайте Adobe Color, будут отображаться на панели. Вы также увидите общедоступные темы, которые вы отметили как любимые на веб-сайте Adobe Color.

2. Чтобы добавить цвета в своей теме на панель «Образцы» Illustrator, щелкните меню панели «Цветовые темы» (обведено выше) и выберите «Добавить к образцам» .

3. Еще одна интересная функция Illustrator заключается в том, что когда вы выбираете цветовую тему, щелкнув ее на панели, эти цвета появляются на панели «Color Guide» Illustrator. Выберите «Окно»> «Справочник цветов», чтобы открыть панель.

Вы можете использовать панель Color Guide как удобный инструмент для вдохновения цветов в ваших работах. Он предлагает гармоничные цвета на основе текущего цвета на панели инструментов. Когда вы добавляете свою цветовую тему (просто щелкая ее на панели «Цветовые темы»), вы увидите, что каждый цвет отображается с различными оттенками и оттенками по обе стороны от него.Таким образом, это дает вам дальнейший вариант вашей исходной темы.

Как использовать цветовую тему в InDesign

1. В InDesign откройте панель, выбрав «Окно »> «Цвет»> «Темы Adobe Color ».

2. Чтобы добавить цветовые темы на панель образцов, щелкните слово «Действия» и выберите « Добавить в выделение» и вуаля! Ваши цвета находятся в отдельной папке на панели образцов.

На этом закончено руководство по использованию Adobe Color для создания цветовой палитры из фотографии и по открытию тем в Photoshop, Illustrator и InDesign.Надеюсь, вы сочли это полезным и создадите множество новых цветовых тем для своих дизайнов!

Если вы нашли это руководство полезным, я был бы очень признателен, если бы вы им поделились. Большое спасибо! 🙂

Сохранить

Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop

Подпишитесь сейчас, чтобы получить бесплатный печатный плакат со всеми инструментами Photoshop и их сочетаниями клавиш.

Успех! Теперь проверьте свою электронную почту, чтобы подтвердить подписку, и загрузите шпаргалку панели инструментов Photoshop.

Использование Adobe Color (Kuler) для веб-дизайна

Обновление , май 2015 г .: Adobe изменила название этого продукта с Adobe Kuler на Adobe Color CC.

Adobe Color — это визуальный инструмент, который позволяет создавать и сохранять цветовые палитры, содержащие до пяти цветов в каждой. Мне нравится использовать Adobe Color для веб-дизайна, особенно на этапах планирования, потому что он позволяет мне создавать и настраивать цветовые палитры, которые имеют смысл теории цвета.Вы можете установить основной цвет и настроить четыре дополнительных цвета или настроить каждый цвет по отдельности. Вы также можете изменить всю цветовую схему, настроив базовый цвет, не меняя отношения цветов друг к другу.

Краткий урок теории цвета

Прежде чем обсуждать цветовые схемы, несколько слов о том, как цвет отображается. Думайте обо всех видимых цветах как о точках на трехмерном цилиндре. По краю цилиндра — оттенков .Это цветовой спектр радуги, от красного до фиолетового, 360 градусов основных цветов. По мере продвижения от края к середине цилиндра цвета становятся менее насыщенными, по направлению к краю они становятся более яркими и насыщенными . Цвета в нижней части цилиндра имеют более чистый черный цвет; к верхним цветам добавляется больше белого. В середине цилиндра — чистые основные цвета. Этот баланс белого / черного известен как значение . Модель цветового цилиндра известна как цветной цилиндр Манселла или цилиндр цветового оттенка-насыщенности.Тип цветовой схемы определяется отношением основного цвета к другим цветам в схеме.

Цветовые схемы

Adobe Color позволяет создавать образцы на основе хорошо зарекомендовавших себя типов цветовых схем. Вот краткое изложение основных цветовых схем.

Аналогичные цветовые схемы — это когда цвета располагаются рядом друг с другом на цветовом круге, обычно они равны по насыщенности.

Монохроматические схемы включают один оттенок на цветовом круге с вариациями оттенка и оттенка этого основного цвета.Оттенки появляются благодаря добавлению черного к цвету; оттенки возникают в результате добавления белого к цвету. Тона — это когда к цвету добавляется серый цвет.

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

Цветовая схема Triad — это когда на колесе три равноотстоящих цвета; например, зеленый, фиолетовый и желтый.Схема Split-Complementary формируется из трех цветов, где два цвета близки друг к другу, а цвет точки — нет; например, оранжевый, пурпурный и зеленый. Триадная схема образует равнобедренный треугольник; раскол-комплементарный образует острый треугольник. В обеих этих цветовых схемах обычно преобладает один цвет, а два других используются как акцентный.

Вариантами схемы Триады являются Квадратная и Прямоугольная схемы. Это будет включать четыре цвета на равном расстоянии друг от друга или пары напротив друг друга.Google — это бренд, который использует эту схему (красный, синий, желтый и зеленый). Adobe Color не поставляется с этим набором настроек, но его полезно знать.

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

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

Наконец, настройка Custom позволяет вам создавать свою собственную цветовую схему, позволяя вам самостоятельно собрать всю эту удивительную теорию цвета.

Интерфейс Adobe Color

Adobe Color позволяет легко увидеть, как ваши цвета сочетаются друг с другом. Под каждым отдельным цветом есть ползунки, которые позволяют настраивать (сверху вниз) красный, зеленый, синий и значение. Если вы работаете с основным цветом в центре, это повлияет на остальные четыре цвета в схеме.Вы можете настроить остальные четыре цвета по отдельности, не влияя на основной цвет. Если вы хотите сделать один из других цветов в образце базовым цветом, просто наведите указатель мыши на нижнюю часть образца и нажмите «Установить как базовый цвет». Для удобства под каждым цветом отображаются значения RGB и HEX.

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

В нижнем колонтитуле есть ссылка для создания цветовой темы из фотографии на жестком диске.