четверг, 12 ноября 2009 г.

Подбираем цветовую палитру скрап-страницы

"Цвет должен быть продуман, вдохновлён, вымечтан".Гюстав Моро

Цвет – это важно. От него зависит многое. Неправильный оттенок может испортить вашу работу. Что же нам делать? Как выбрать подходящую палитру?

Мы не будем касаться теории, её полно в и-нете. Займемся практической стороной данного вопроса.

Скрап-страничка, чаще всего начинается с фотографии.
Например, я выбрала вот эту.


Теперь нас интересуют доминирующие цвета и оттенки.


Для этого воспользуемся специальной программой Color Hunter  , которая позволяет создавать цветовые палитры на основе фотографий.

Щелкаем «upload an image»



Теперь надо загрузить фото. Щелкаем на «Обзор» и находим вашу фотографию. Щелкаем на кнопку «upload image».



Программа выдала нам цветовую палитру фотографии. Обратите внимание, под каждым цветным квадратиком написан код цвета RGB. А внизу есть кнопка (солнышко) Toggle vibrant/dull palettes (Переключить цветовая/тоновая палитры).



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

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

В окне отображается цветовое колесо. Над ним 6 цветовых схем. Справа палитра, соответствующая цветовой схеме.



Под цветовым колесом справа располагается строка для введения цветового кода (а их мы уже знаем).



Щелкаем. Вводим код цвета.



Программа предложила палитру для заданного цвета.



Просматриваем все цветовые схемы для введенного нами цвета.


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

Я выбрала раскладку странички с сайта PageMaps:



mono:




 complement:



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

 triad:




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

 tetrad:




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

17 комментариев:

  1. очень полезная информация и доступно написано. вот про первую программу слышу впервые. пошла изучать - спасибо.

    ОтветитьУдалить
  2. Леночка, спасибо большое!
    С удовольствием прочитала, а ссылки в избранном сохранила!

    ОтветитьУдалить
  3. Огромное спасибо за информацию. Интересный урок, с наглядными примерами.

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

    http://colorschemedesigner.com/previous/colorscheme2/index-en.html

    ОтветитьУдалить
  5. По вашей ссылке:
    Цветовое колесо, под ним ряд цветовых схем, под ними Enter RGB. Нажимаете и в открывшемся поле вводите цветовой код, полученный в Color Hunter.

    Просмотрите различные цветовые схемы (под цветовым колесом).

    Справа, под предложенной палитрой (большой цветной квадрат с образцами цвета), можно посмотреть различные варианты. Просто щелкаете и просматриваете.

    Чтобы посмотреть варианты, в моём примере, перейдите по ссылкам в тексте:
    http://www.colorhunter.com/
    http://colorschemedesigner.com/

    ОтветитьУдалить
  6. Вопрос: А с раскладкой странички Вы в программе какой-то работали? Или вручную закрашивали схему? Я что-то не могу понять

    ОтветитьУдалить
  7. Я раскладку перевела в Шаблон. Как это делается:
    Создаём шаблон из раскладки

    Как использовать шаблоны:
    Использование готового шаблона

    ОтветитьУдалить
  8. Очень интересно и полезно, спасибо. Не знала о существовании такой замечательной программы.

    ОтветитьУдалить
  9. Аха, спасибо большое, иду читать)

    ОтветитьУдалить
  10. Лена, спасибо!!! Я тоже буду упражняться! Из примера, мне тетраидный вариант больше всего понравился!!!

    ОтветитьУдалить
  11. Ух ты, какие кукушечки все разноцветные, одна лучше другой! Мне ВСЕ нравятся!

    ОтветитьУдалить
  12. Спасибо за статью!!! Очень интересно и понятно всё написано!

    ОтветитьУдалить
  13. Очень полезная весЧ! Спасибо!

    ОтветитьУдалить
  14. Спасибо огромное! Как раз с цветом проблема всегда (. Вот смотришь, как другие делают и кажется "и я смогу", а как дело доходит до практики, то всё - ступор! Никак мне странички не даются ((. Начинаю делать и... выбрасываю, потому что ну никак дело не движется. Но, поковырявшись сейчас с этими программами и собственной фотографией, я поняла, что не все так страшно, как кажется ). Может у меня все же что-нибудь дельное выйдет...

    ОтветитьУдалить
  15. Спасибо))очень интересно и позновательно)

    ОтветитьУдалить
  16. Лена!Спасибо тебе большое!Для чайника(меня)не все пока понятно,но буду упражняться.Очень рада что даете такую возможность.siyaniki

    ОтветитьУдалить
  17. Громаднейшее спасибо за ссылки на такие полезные программы!!! Иногда действительно теряешься в каком цвете сделать, а тут все наглядно и быстро можно подкорректировать!!

    ОтветитьУдалить