Создание цветовой палиры, цветовая гамма красок
Если вы не чувствуете уверенности при выборе цветовой палитры для своей работы, если вдруг заказчик не принимает готовый эскиз, потому что его не устраивает выбранная вами цветовая гамма, то у вас есть несколько вариантов решения проблемы.
Конечно, существуют онлайн-сервисы, на которых можно найти готовую палитру (к ним мы еще вернемся). Но есть быстрый способ создания своей уникальной цветовой палитры, которая не уступит палитрам ведущих дизайнеров. Вот о нем и поговорим в первую очередь.
Здесь - Живопись
Создание цветовой палиры из фотографии
А цветовую палитру мы будем делать из фотографии. Инструменты для работы — AdobeIllustrator, AdobePhotoshop.
Использовать палитру можно в любой графической работе, будь то фирменный стиль, логотип или дизайн принта на футболку.
Цветовая палитра своими руками:
- Ищем подходящую фотографию — если она должна содержать заранее выбранные вами (или заказчиком) цвета, то для поиска можно воспользоваться
сервисом Яндекс картинки. Жмем ссылку «расширенный поиск» под кнопкой «найти». Там выбираем преобладающий цвет, пишем что искать (например, «HDR») и жмем «найти».
К сожалению, выбор преобладающего цвета ограничен 9-ю цветами.
- Либо поиском картинок Google — в этом случае надо раскрыть вкладку «Показать настройки» и выбрать подходящий цветовой фильтр из 10 предлагаемых.
Есть замечательный ресурс — Multicolr Search Lab, который поможет найти фоторгафии на flickr по цвету, причем, там можно выбрать до 10 цветов (из 120 предлагаемых), которые должны присутствовать на фотографии одновременно (возможен поиск только по цветам и только 10 миллионов лучших картинок в индексе).
- Выбираем фото. — Нам нужны фотографии с красивой цветовой гаммой и достаточно большим диапазоном (для более динамичной цветовой палитры предпочтительнее выбирать фотографии HDR).
- Загружаем выбранное (нам подойдут фотографии с Creative Commons license — мы не для коммерческого применения их будем использовать). Если исползовать расширеннй поиск на flickr, то можно искать только фотографии с подобной лицензией.
- Открываем фотографию в AdobePhotoshop.Если вы работаете в AdobePhotoshop версии CS3 или CS4, то можете предварительно конвертировать слой с изображением в Smart Object — тогда вы всегда сможете подкорректировать настройки фильтра: Layer -> Smart Object -> Convert to Smart Object (или пр.кн. мыши на слое в палитре Layers -> Convert to Smart Object)
![Convert to Smart Object Convert to Smart Object](http://alex.ermilov.net/wp-content/uploads/2010/01/colour_schemes_01.png)
- Идем в меню, выбираем Filter -> Pixelate -> Mosaic… (Фильтр -> Оформление -> Мозаика)
- Настраиваем значение Cell size (Размер ячейки) фильтра так, чтобы максимально увеличить размер, но при этом сохранить «нужные» цвета. Пожалуй, в моем случае подойдет размер 118 пикселей.
- Сохраняем файл с расширением .psd (Ctrl+Shift+S).
- Открываем Adobe Illustrator и создаем новый документ (Ctrl+N) примерно с такими настройками (важно лишь одно — Color: RGB):
![Illustrator. Создаем новый документ Illustrator. Создаем новый документ](http://alex.ermilov.net/wp-content/uploads/2010/01/colour_schemes_03.png)
- Идем в меню, выбираем File -> Place… (Файл -> Поместить…) Находим наш файл .psd и нажимаем кнопку «Place».Если оставить галочку напротив Link, то ваша картинка останется редактируемой «на лету» в Photoshop и при необходимости вы сможете скорректировать настройки фильтра
- Находим и нажимаем кнопочку Live Trace (Быстрая трассировка) (она находится в палитре «Control» — по умолчанию, это горизонтальная палитра в верхней части экрана).
- Выбираем предустановленную настройку — Preset -> Color 16:
![Illustrator. Presets - Colour 16 Illustrator. Presets - Colour 16](http://alex.ermilov.net/wp-content/uploads/2010/01/colour_schemes_04.png)
- Увеличиваем количество цветов Max Colors (я выбрал 256 цветов, чтобы было меньше искажений):
![Illustrator. Max Colors Illustrator. Max Colors](http://alex.ermilov.net/wp-content/uploads/2010/01/colour_schemes_05.png)
- Увеличиваем минимальную область Min Area, чтобы отсечь лишние детали:
![Illustrator. Min Area Illustrator. Min Area](http://alex.ermilov.net/wp-content/uploads/2010/01/color_schemes_06.png)
- Нажимаем кнопку «Expand» и видим примерно такую картину:
- Этот шаг можно и пропустить. А те, кто предпочитает порядок, могут сначала отсортирвать получивуюся «палитру» в документе, удалив объекты со слишком близкими и повторяющимися тонами и оставшийся по краям квадратов «мусор». Использем для этого инструмент Direct Selection Tool (клавиша A).
Затем группируем квадраты на листе по цвету и тону чтобы впоследствии разложить каждую группу в отдельную папку в палитре (мне удобнее работать так, но это вовсе не обязательно).
- Открываем палитру Swatches (Образцы) (ваша дефолтная палитра может выглядет по-другому):
![Illustrator. Палитра. Illustrator. Палитра.](http://alex.ermilov.net/wp-content/uploads/2010/01/color_schemes_08.png)
- Удаляем из палитры все лишнее. Выделяем все объекты на листе (Ctrl+A). Затем, если вы не группировали квадраты по цветам и тонам (п.15), открываем меню палитр (см. на курсор) и выбираем Add Selected Colors.
Если вы уже отсортировали палитру на листе (п.15), то нажмите Ctrl+U, чтобы разгруппировать объекты, потом выделяйте уже сформированные группы по очереди и нажимайте кнопку New Color Grour (папочка с плюсиком в меню палитр). Цвета выбранной группы добавятся в палитру отдельной папкой.
![Готовая цветовая палитра для сайта Готовая цветовая палитра для сайта](http://alex.ermilov.net/wp-content/uploads/2010/01/color_schemes_10.png)
- Этот шаг тоже не обязателен. Если ваша цветовая палитра еще не отсортирована, то переключаемся в режим просмотра больших превью в том же меню палитр и сортируем нашу палитру, перетаскивая по папкам (New Color Group) или просто расставляя цвета более удобным образом и удаляя лишнее. Те кто уже отсортировал свою палитру по папкам могут просто поменять цвета в папках местами с помощью перетаскивания.
- И наконец, сохраняем нашу палитру (если вы собираетесь использовать эту палитру в AdobePhotoshop, или других графических программах, то лучше выбрать формат .ASE):Сохраняйте палитру (или её копию) в рабочей папке — тогда вам не придется ее искать.
![Сохранение готовой палитры Сохранение готовой палитры](http://alex.ermilov.net/wp-content/uploads/2010/01/color_schemes_11.png)
Открыть цветовую палитру в Photoshop можно так
— идем в меню палитры Swatches (Образцы) и выбираем пункт «Replace Swatches…» (Заменить образцы):
![Photoshop. Replace Swatches Photoshop. Replace Swatches](http://alex.ermilov.net/wp-content/uploads/2010/01/color_schemes_13.png)
Далее, в диалоговом окне выбираем Тип файлов: Swatch Exchange (*.ASE), находим сохраненную палитру, нажимаем «Load». Готово.
На всю процедуру, включая поиск фотографий и сортировку палитры уходит минут 15-20.
Альтернативы: онлайн-сервисы которые художник иллюстратор обязан знать. Подбор цветовых палитр.
colr.org — замечательный сервис, который позволяет проделать похожую процедуру онлайн, плюс еще куча функционала.
Работает с загруженными с компьютера изображениями или линками на картинку. Также можно взять цветовую схему любой веб-страницы, или чужую готовую схему. Любая схема полностью редактируема.
Цветовую Палитру можно скачать в формате .aco (Photoshop).
Единственное, чего на мой взгляд не хватает — возможности перемещать точки захвата на картинке и цвета в палитре, а также возможности сохранить палитру в другом формате.
Сервисы, на которых можно найти и скачать цветовую палитру по заданной цветовой гамме, или ключевым словам:
Adobe Kuler. Для скачивания необходима регистрация (если у вас еще нет Adobe_ID). Количество цветов в палитре — 5. Около 300 тысяч палитр в формате .ase .
ColourLovers. Для скачивания необходима регистрация. Количество цветов в палитре — 5. Более миллиона палитр в форматах Adobe (.ase, .aco, .ai), GIMP (.gpl), HTML. Кроме этого, сервис предоставляет возможность искать и скачивать паттерны.
ColorSchemer Регистрация не требуется. Несколько тысяч палитр. Количество цветов в палитре — от 3 и больше.
Замечание по поводу количества цветов: пяти цветов достаточно далеко не всегда. — Столько цветов используется на странице поиска Google (без учета цветов логотипа, других картинок и оттенков одного цвета).
Сервисы подбора цветовых сочетаний:
Color schemes generator 2 Генератор палитр, работа которого основана на теории цвета. Регистрация не требуется. 1-4 цвета (плюс четыре вариации по тону для каждого). Экспорт в .aco, .gpl (GIMP), html+css, xml, text.
ColorCombos Регистрация не требуется. Около 300 палитр. Количество цветов — от 3. Скачать палитры нельзя, но можно взять код каждого цвета, либо воспользоваться плагинами Palette Grabber или ColorZilla (см. ниже). Удобный просмотр палитры, но небогатый инструментарий для работы.
Источник: http://alex.ermilov.net
Живопись
Столешницы
Плитка и бардюры
Дизайн интерьера
Лестничные ступеньки
Керамические ковры
Декор фонтанов и каминов
Декор, сувениры из керамики
Роспись в интерьере
Керамические тарелки
Керамические ПАННО
Серия сообщений "ПУТЕВОДИТЕЛЬ по Photoshop":
Часть 1 - уРОКИ ОТ ailona
Часть 2 - ВИДЕО УРОКИ БЕЗ КАТЕГОРИИ. РАЗНОЕ
...
Часть 16 - Бродилка по урокам Фотошопа ( от Елены Резвых)
Часть 17 - Уроки анимации в Photoshop
Часть 18 - Создание цветовой палиры AdobePhotoshop, AdobeIllustrator, цветовая гамма красок
Часть 19 - AdobePhotoshop онлайн. Бесплатно графический редактор
Часть 20 - Разбираем RGB и каналы в Фотошоп
...
Часть 33 - Создаем ( ЗУМ ) эффект в фотошопе
Часть 34 - ПУТЕВОДИТЕЛЬ по Photoshop
Часть 35 - ВСЕМ В ЦИТАТНИК!!!:))))))))) - пригодится иметь под рукой...