-Метки

PNG gif html iso windows хр аватарки английский язык анимация блины видео видео уроки видео уроки английского языка видео уроки дизайн интерьера видео уроки по фото выдержка генератор кнопок генераторы генераторы текста глиттеры грип декор диафрагма дизайн дизайн интерьера документальные фильмы живопись звёзды игры игры по изучению английского языка игры по изучению английского языка онлайн иллюстрированный самоучитель интересно интерьер инфа информеры искусство история история украины картинки картинки gif картинки gif анимация картинки для комментариев керамика кино клипарт png кнопки кулинария музыка новый год онлайн онлайн игры онлайн кино онлайн программы онлайн уроки основы фото основы фотографии палитры плеера поднос поисковики праздник программы прозрачные фоны простые рамки радио рамки рамки для вас рамочки роллы салаты скачать скрап наборы словари смайлики суши урок уроки уроки 3d max уроки faq по лиру уроки html уроки английского языка уроки по photoshop уроки по фото уроки флеш уроки фотошопа фильмография фильмы флешки фоны фото фотография фотоискусства хостинги художники часики школа шрифты эксклюзив от тараса ткаченко языки японска кухня

 -Рубрики

 -Фотоальбом

Посмотреть все фотографии серии Столешницы
Столешницы
19:55 18.11.2011
Фотографий: 20
Посмотреть все фотографии серии Живопись
Живопись
19:26 18.11.2011
Фотографий: 34
Посмотреть все фотографии серии Керамика ( ручная работа )
Керамика ( ручная работа )
03:00 01.01.1970
Фотографий: 0

 -Поиск по дневнику

Поиск сообщений в mirela-MONI4KA

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.11.2011
Записей:
Комментариев:
Написано: 2309


Создание цветовой палиры AdobePhotoshop, AdobeIllustrator, цветовая гамма красок

Суббота, 03 Декабря 2011 г. 18:22 + в цитатник

Создание цветовой палиры, цветовая гамма красок


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


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


HDR New Mexico Picnic Area (1) by bmooneyatwork Здесь - Живопись

Создание цветовой палиры из фотографии


А цветовую палитру мы будем делать из фотографии. Инструменты для работы — AdobeIllustrator, AdobePhotoshop.


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


Цветовая палитра своими руками:



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

    сервисом Яндекс картинки. Жмем ссылку «расширенный поиск» под кнопкой «найти». Там выбираем преобладающий цвет, пишем что искать (например, «HDR») и жмем «найти».

    К сожалению, выбор преобладающего цвета ограничен 9-ю цветами.

  2. Либо поиском картинок Google — в этом случае надо раскрыть вкладку «Показать настройки» и выбрать подходящий цветовой фильтр из 10 предлагаемых.

    Есть замечательный ресурс — Multicolr Search Lab, который поможет найти фоторгафии на flickr по цвету, причем, там можно выбрать до 10 цветов (из 120 предлагаемых), которые должны присутствовать на фотографии одновременно (возможен поиск только по цветам и только 10 миллионов лучших картинок в индексе).

  3. Выбираем фото. — Нам нужны фотографии с красивой цветовой гаммой и достаточно большим диапазоном (для более динамичной цветовой палитры предпочтительнее выбирать фотографии HDR).

  4. Загружаем выбранное (нам подойдут фотографии с Creative Commons license — мы не для коммерческого применения их будем использовать). Если исползовать расширеннй поиск на flickr, то можно искать только фотографии с подобной лицензией.







    HDR New Mexico Picnic Area (1) by bmooneyatwork




  5. Открываем фотографию в AdobePhotoshop.Если вы работаете в AdobePhotoshop версии CS3 или CS4, то можете предварительно конвертировать слой с изображением в Smart Object — тогда вы всегда сможете подкорректировать настройки фильтра: Layer -> Smart Object -> Convert to Smart Object (или пр.кн. мыши на слое в палитре Layers -> Convert to Smart Object)

  6. Convert to Smart Object


  7. Идем в меню, выбираем Filter -> Pixelate -> Mosaic… (Фильтр -> Оформление -> Мозаика)

  8. Настраиваем значение Cell size (Размер ячейки) фильтра так, чтобы максимально увеличить размер, но при этом сохранить «нужные» цвета. Пожалуй, в моем случае подойдет размер 118 пикселей.



    Photoshop. Фильтр - Мозаика. Cell Size. Размер ячейки




  9. Сохраняем файл с расширением .psd (Ctrl+Shift+S).

  10. Открываем Adobe Illustrator и создаем новый документ (Ctrl+N) примерно с такими настройками (важно лишь одно — Color: RGB):

  11. Illustrator. Создаем новый документ


  12. Идем в меню, выбираем File -> Place… (Файл -> Поместить…) Находим наш файл .psd и нажимаем кнопку «Place».Если оставить галочку напротив Link, то ваша картинка останется редактируемой «на лету» в Photoshop и при необходимости вы сможете скорректировать настройки фильтра

  13. Находим и нажимаем кнопочку Live Trace (Быстрая трассировка) (она находится в палитре «Control» — по умолчанию, это горизонтальная палитра в верхней части экрана).

  14. Выбираем предустановленную настройку — Preset -> Color 16:

  15. Illustrator. Presets - Colour 16


  16. Увеличиваем количество цветов Max Colors (я выбрал 256 цветов, чтобы было меньше искажений):

  17. Illustrator. Max Colors


  18. Увеличиваем минимальную область Min Area, чтобы отсечь лишние детали:

  19. Illustrator. Min Area


  20. Нажимаем кнопку «Expand» и видим примерно такую картину:

    Illustrator.




  21. Этот шаг можно и пропустить. А те, кто предпочитает порядок, могут сначала отсортирвать получивуюся «палитру» в документе, удалив объекты со слишком близкими и повторяющимися тонами и оставшийся по краям квадратов «мусор». Использем для этого инструмент Direct Selection Tool (клавиша A).

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

    Сортировка на листе




  22. Открываем палитру Swatches (Образцы) (ваша дефолтная палитра может выглядет по-другому):

  23. Illustrator. Палитра.


  24. Удаляем из палитры все лишнее. Выделяем все объекты на листе (Ctrl+A). Затем, если вы не группировали квадраты по цветам и тонам (п.15), открываем меню палитр (см. на курсор) и выбираем Add Selected Colors.

    Если вы уже отсортировали палитру на листе (п.15), то нажмите Ctrl+U, чтобы разгруппировать объекты, потом выделяйте уже сформированные группы по очереди и нажимайте кнопку New Color Grour (папочка с плюсиком в меню палитр). Цвета выбранной группы добавятся в палитру отдельной папкой.

  25. Готовая цветовая палитра для сайта


  26. Этот шаг тоже не обязателен. Если ваша цветовая палитра еще не отсортирована, то переключаемся в режим просмотра больших превью в том же меню палитр и сортируем нашу палитру, перетаскивая по папкам (New Color Group) или просто расставляя цвета более удобным образом и удаляя лишнее. Те кто уже отсортировал свою палитру по папкам могут просто поменять цвета в папках местами с помощью перетаскивания.

  27. И наконец, сохраняем нашу палитру (если вы собираетесь использовать эту палитру в AdobePhotoshop, или других графических программах, то лучше выбрать формат .ASE):Сохраняйте палитру (или её копию) в рабочей папке — тогда вам не придется ее искать.

  28. Сохранение готовой палитры



Открыть цветовую палитру в Photoshop можно так


— идем в меню палитры Swatches (Образцы) и выбираем пункт «Replace Swatches…» (Заменить образцы):


Photoshop. Replace Swatches


Далее, в диалоговом окне выбираем Тип файлов: 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 - ВСЕМ В ЦИТАТНИК!!!:))))))))) - пригодится иметь под рукой...

Рубрики:  Уроки фотошопа/Уроки FAQ по ЛиРу
Уроки фотошопа/Уроки HTML
Уроки фотошопа/УРОКИ Windows
ПРОГРАММЫ/ПОИСКОВИКИ
Уроки фотошопа/уроки Windows ХР
ПРОГРАММЫ/ГЕНЕРАТОРЫ
ПРОГРАММЫ/ХОСТИНГИ
Интересности в рунете:
ОНЛАЙН
Интересные ФАКТЫ
Метки:  

Процитировано 2 раз
Понравилось: 1 пользователю

лиса47   обратиться по имени Суббота, 03 Декабря 2011 г. 21:40 (ссылка)
Спасибо, буду разбираться!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Декабря 2011 г. 16:11ссылка
СПАСИБО:)
Елена-рыбка   обратиться по имени Суббота, 03 Декабря 2011 г. 23:32 (ссылка)
Спасибо.Моничка!Думаю,мне эта информация пригодится в будущем)))
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Декабря 2011 г. 16:11ссылка
СПАСИБО ДОРОГАЯ:)))
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку