Как составлять красивые палитры. Создание наборов образцов цвета в Photoshop

А сейчас мы узнаем во всех подробностях, как сделать палитру для акриловых красок своими руками . Если у начинающих художников возник вопрос: «Зачем?», значит вам ещё предстоит полностью раскрыть для себя богатый мир акриловых красок. И тогда, вы наверняка воспользуетесь этим уроком.

Специальная палитра для акрила, художественные материалы

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

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

  • Шаг 1 .

Привычные белые плитки кафеля и пластмассовые палитры отменяются. Принцип этой палитры в том, что на ней акриловые краски не засыхают! И для её изготовления нам понадобится, в первую очередь, специальная ёмкость. Это должен быть неглубокий прямоугольный контейнер. Размером примерно с лист бумаги. Лучше брать не меньше А5 формата. С плоским дном и с бортиками примерно 2–4 см высотой. Это может быть какой-то лоток для продуктов, или форма для выпечки, или поддон. Причём ваша посудинка не обязательно должна быть белого цвета, как на фотографии. Цвет палитры измените потом, как надо.

Основа для самодельной художественной палитры для акрила

    Шаг 2.

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

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

Специальная палитра для акриловой краски – выстилаем дно

  • Шаг 3.

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

Аккуратно сливаем излишек воды из палитры

  • Шаг 4.

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

  • Шаг 5.

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

  • Шаг 6.

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

  • Шаг 7.

У вас должно получиться примерно как на фотографии ниже. Всё, палитра готова, можно брать и пользоваться. Подложка из мокрой туалетной бумаги будет равномерно и постоянно увлажнять краски. А когда начнёт подсыхать, накапайте в неё чуточку воды. Но будет это не скоро: у вас есть несколько дней спокойной работы с акрилом. Когда понадобится, просто отогните уголок кальки и в дырочку подлейте воду. Держите палитру всегда влажной.

  • Шаг 8.

Теперь всё готово, для того, чтобы рисовать! На фотографии видно, как краски чуть растекаются на палитре. Вот пример градации серого, которая получилась у автора этого урока, когда он рисовал чёрно-белую картину.

Итак, как видите, специальную палитру для акриловых красок своими руками сделать нетрудно и материально очень выгодно. Что нам понадобилось для этого? Всего-то:

  1. лоток
  2. бумажные полотенца
  3. лист кальки
  4. немного чистой водички

А хватит её на долго. Когда сильно запачкается, нужно будет просто заменить лист кальки.

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

Автор урока и оригинальный текст урока на английском языке: Walter O’Neal

Инструкция

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

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

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

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

Видео по теме

Источники:

  • Как в программе Photoshop работать с палитрами Цвет, Образцы

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

Инструкция

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

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

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

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

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

Полезный совет

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

Инструкция

Нажмите кнопку “Print Screen” в нужный момент. Готовый скриншот будет скопирован в буфер обмена компьютера – специальную внутреннюю область памяти для временного копирования информации. Чтобы случайно не стереть из памяти сделанный снимок экрана, временно воздержитесь от операций по копированию различных данных.

Откройте стандартное приложение Microsoft Windows для редактирования изображений под названием MS Paint. Найти ее можно в списке стандартных программ в меню «Пуск». На верхней панели выберите вкладку «Правка» и в ней пункт «Вставить». Также можно воспользоваться комбинацией клавиш «CTRL + V». В результате этого скриншот , который вы сделали, появится в программе в виде изображения. Отредактируйте его так, как нужно: увеличьте или уменьшите в размерах, вырежьте лишние границы или части, измените палитру оттенков, добавьте свои пометки и т.д.

Сохраните снимок экрана, выбрав на вкладке «Файл» функцию «Сохранить как…» или нажав комбинацию «CTRL + S». Укажите подходящий формат изображения и назовите его, затем выберите папку, куда оно будет помещено, и нажмите «Сохранить». Подобным образом вы сможете делать скриншот неограниченное количество раз.

Обратите внимание

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

Полезный совет

Вы можете воспользоваться одной из многочисленных программ, которые помогут сделать скриншот экрана ноутбука быстрее и проще, например, FireShot, Joxi, Paint.Net и т.д. Их особенность заключается в том, что как только вы нажмете клавишу “Print Screen”, скриншот сразу появится в графическом редакторе или будет сохранен на диск, избавляя вас тем самым от нескольких дополнительных действий.

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

Вам понадобится

Инструкция

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

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

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

К нижнему слою необходимо применить изменение уровней цвета. Нажмите верхнее меню «Изображение» и выберите пункт «Уровни» (сочетание клавиш Ctrl + L). В открывшемся окне сдвиньте средний ползунок до значения 2,35.

К верхнему слою (недавно созданному) также необходимо применить изменение уровней. Нажмите сочетание клавиш Ctrl + L. В открывшемся окне сдвиньте ползунок на значение 0,40.

Теперь нажмите верхнее меню «Окно», затем откройте палитру «Анимация». В панели слоев оставьте видимым только нижний слой, для этого нажмите на изображение глаза напротив верхнего слоя – он станет невидимым.

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

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

Для сохранения получившегося аватара нажмите меню «Файл» и выберите пункт «Сохранить для web и устройств…». В открывшемся окне выберите формат изображения Gif и 256 цветов. Нажмите кнопку «Сохранить».

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

Инструкция

Обычно таким каналом является – кликните на него, а затем перетащите на пиктограмму создания нового канала (Create New Channel). Вы создали копию красного канала – примените к ней фильтр Glowing Edges, выбрав его в меню Filter -> Stylize. Настройте фильтр так, чтобы параметр Edge Width был равен 1, параметр яркости был равен 17, а параметр мягкости был равен 4.

Зажмите на кнопку Ctrl, а затем, не отпуская клавишу, нажмите на иконку красного канала, чтобы вызвать выделение нужной области. Удалите копию канала, кликнув на нее правой кнопкой мыши и выбрав опцию Delete Current Channel, а затем откройте палитру слоев (нажмите в меню Window -> Layer, если палитра слоев не отображается в главном окне программы).

На палитре слоев нажмите сочетание Ctrl+H, чтобы временно скрыть выделенную область. Затем выберите в меню Filter опцию Sharpen -> Unsharp Mask. Подберите настройки фильтра, согласно вашей индивидуальной фотографии – установите подходящий радиус, объем и уровень порога фильтра.

Просмотрите , нажав кнопку предварительного просмотра. Кликните на клавиши Ctrl+J, чтобы клонировать на новый слой выделение. В меню фильтров выберите опцию Sharpen -> Sharpen Edges. Ваша фотография станет заметно четче и красивее.

Источники:

  • сделать фото четче онлайн

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

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

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

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

Изображение разноцветной осенней листвы

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

Шаг 1: Удаляем с панели «Образцы» существующие цветовые оттенки

Для того чтобы создать собственный набор оттенков цвета, давайте сначала удалим все образцы цветовых оттенков, представленные на панели «Образцы» (Swatches). Не волнуйтесь, они будут удалены не навсегда, как мы рассмотрим позже. Переключитесь на панель «Образцы», которая по умолчанию сгруппирована вместе с панелями «Цвет» (Color) и «Стили» (Styles). Если только вы не загружали ранее другие наборы цветов, то на панели «Образцы» будут представлены цвета, изначально заданные в программе по умолчанию:

Панель «Образцы» отображает набор образцов цветовых оттенков, заданных по умолчанию

К сожалению, в программе Photoshop не предусмотрена команда «Удалить все образцы цветов», поэтому для того чтобы удалить все образцы цветовых оттенков, отображенных на панели «Образцы», нам потребуется удалить каждый образец цвета вручную. Для того чтобы это сделать, при нажатой клавише Alt (Win) / Option (Mac) наведите курсор мыши на образец цвета в левом верхнем углу («RGB красный»). Вы увидите, как курсор при этом примет форму ножниц:

При нажатой клавише Alt (Win) / Option (Mac) наведите курсор мыши на образец красного цвета в левом верхнем углу. Курсор мыши при этом примет форму ножниц

Затем, все еще удерживая нажатой клавишу "Alt/Option", кликните по образцу цвета, чтобы его удалить. Продолжите нажимать на другие образцы цветовых оттенков для их удаления. Вам потребуется кликнуть кнопкой мыши в общей сложности 122 раза, чтобы удалить все образцы, но в зависимости от того, как быстро вы будете нажимать на кнопку мыши, у вас это не должно занять много времени. Когда вы закончите удалять образцы оттенков, ваша панель «Образцы» будет совершенно пустая:

После удаления всех образцов цветовых оттенков, заданных по умолчанию, панель «Образцы» стала пустой

Шаг 2: Выбираем инструмент «Пипетка»

Откройте в программе Photoshop изображение, откуда вы хотите взять образцы цвета (если оно еще не открыто), затем на панели инструментов выберите инструмент «Пипетка» или нажмите клавишу I для быстрого выбора инструмента:

Выбираем инструмент « Пипетка »

Шаг 3: Получаем первый образец цвета с изображения

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

Берем образец ярко-желтого цвета с одного из листьев

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

Полученный цвет отображается на панели инструментов как основной цвет

Примечание: возможно, вам проще будет собирать цвета, удерживая нажатой кнопку мыши по мере перемещения курсора внутри изображения (с выбранным инструментом «Пипетка»). Цвет, на который будет попадать курсор, будет отображаться на панели инструментов как основной цвет и непрерывно меняться по мере движения мышки, давая вам возможность предварительного просмотра цвета перед получением его образца. Данный способ кажется мне удобнее, чем способ кликнуть кнопкой мыши и только потом увидеть, какой образец мы получили. Отпустите кнопку мыши, когда вы найдете цвет, который вам подойдет для вашего набора образцов цвета.

Шаг 4: Добавляем цвет на панель «Образцы»

Как только вы получили образец первого цвета, переместите курсор мыши на пустую область внутри панели «Образцы». Вы увидите, как курсор примет форму ведерка с краской. Кликните в любом месте пустой области для преобразования полученного цвета в образец цвета. В результате этого действия откроется диалоговое окно, где будет предложено ввести имя для вашего образца цвета. Если вы создаете набор образцов цветовых оттенков для клиента, использующего определенные цвета Пантон и, как следствие, требующего их, то будет неплохой идей назвать ваш образец цвета цветом, соответствующим таблице цветов Пантон (например, Пантон Желтый 012 C (Pantone Yellow 012 C). Если же вы создаете набор образцов цвета для собственного использования, то дайте образцу название на ваше усмотрение. Я назову свой образец цвета «Желтый» (Yellow):

Дайте вашему новому образцу цвета понятное имя или можете вообще его никак не называть

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

Мой созданный образец цвета «Желтый» появился на панели «Образцы»

Шаг 5: Продолжаем собирать цвета и создавать из них образцы цветовых оттенков

Продолжайте собирать цвета с вашего изображения и затем кликать по пустой области панели «Образцы», чтобы сохранять их как образцы цветовых оттенков, при необходимости присваивая им имена. Я собрал еще 10 цветов с изображения и в итоге на панели «Образцы» у меня получилось 11 новых образцов. Вы можете создать столько образцов цвета, сколько захотите:

Шаг 6: Сохраняем образцы цвета как отдельный набор

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

Нажав на маленькую правостороннюю стрелку, вызовите меню панели «Образцы»

Затем из появившегося меню выберите пункт «Сохранить образцы» (Save Swatches):

Вводим имя для нового набора образцов

Далее нажимаем кнопку «Сохранить» (Save) для сохранения набора образцов. Программа сохранит набор образцов цвета в том же месте, где хранятся другие наборы образцов, загруженные в программу по умолчанию, поэтому вам не придется в следующий раз искать по всему компьютеру нужную папку, когда вы захотите получить доступ к любому из созданных наборов образцов, что мы и рассмотрим далее.

Шаг 7: Восстанавливаем цветовые образцы, заданные по умолчанию

Мы получили несколько цветов с изображения, создали из них образцы цветовых оттенков и сохранили эти образцы как отдельный новый набор образцов. Но что если мы вновь захотим воспользоваться цветовыми образцами, заданными по умолчанию, которые мы удалили в начале урока? Все, что нам потребуется, - это снова нажать на маленькую правостороннюю стрелку в правом верхнем углу панели «Образцы» для повторного вызова меню панели и выбрать из появившегося списка команду «Восстановить образцы» (Reset Swatches):

Для того чтобы вернуть на панель заданные по умолчанию цветовые образцы, выбираем команду «Восстановить образцы»

В соответствующем диалоговом окне программа спросит Вас о необходимости заменить текущие цветовые образцы заданными по умолчанию. Вы сможете либо подтвердить необходимость замены текущих цветовых образцов заданными по умолчанию, нажав кнопку ОК, либо добавить заданные по умолчанию образцы к текущим образцам без удаления последних, нажав кнопку «Добавить» (Append). Я нажму кнопку ОК и заменю мой набор образцов «Осенние листья» заданными по умолчанию цветовыми образцами:

Нажимаем ОК для восстановления цветовых образцов, заданных по умолчанию

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

Образцы цвета, заданные по умолчанию, вернулись на панель «Образцы»

Шаг 8: Загружаем собственный набор образцов цвета

В следующий раз, когда вы захотите воспользоваться созданным набором образцов цвета, все, что вам потребуется - это нажать на правостороннюю стрелку еще раз для вывода на экран меню панели «Образцы». Если вы посмотрите на нижнюю часть меню, то увидите перечень дополнительных наборов образцов цвета, которые в данный момент можно загрузить. Большинство этих наборов изначально идет вместе с программой Photoshop, но поскольку наш набор образцов сохранен в том же месте, что и другие наборы, то вы также сможете увидеть в перечне наборов и его. Вам нужно просто нажать на название вашего набора для его выбора. Программа размещает наборы образцов цвета в алфавитном порядке, поэтому мой набор «Осенние листья» (Autumn Leaves) идет вторым сверху:

Вы найдете все наборы образцов цвета, в том числе и ваши, в меню панели «Образцы». Нажмите на название набора для его выбора

И снова программа спросит вас о желании заменить существующие наборы новыми или добавить новые образцы цвета к уже расположенным на панели образцам. Я нажму ОК, чтобы заменить заданные по умолчанию образцы созданными образцами из набора «Осенние листья»:

Нажмите кнопку «Заменить», чтобы заменить заданные по умолчанию образцы на панели новыми образцами цвета

В результате этого действия на панель «Образцы» загрузятся мои новые образцы цветовых оттенков из набора «Осенние листья», готовые к дальнейшему использованию:

Мой собственный набор образцов цвета загружен на панель «Образцы»

Шаг 9: Выбираем новый основной цвет на панели «Образцы»

Большое преимущество использования образцов цвета заключается в том, что они являются заранее заданными цветами. Это означает, что это цвета, которые мы уже выбрали (или цвета, которые выбрала за нас программа, если вы работаете с заданными по умолчанию образцами), и нам не нужно каждый раз выбирать эти цвета из палитры цветов, когда они нам потребуются. Для того чтобы выбрать любой из цветов на панели «Образцы», просто наведите курсор мыши на нужный образец цвета. Вы увидите, как курсор примет форму пипетки. После этого кликните по цвету для его выбора. В моем случае, я выберу оранжевый цвет, второй слева:

Для того чтобы выбрать нужный цвет, нажмите на его образец на панели «Образцы»

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

Цвет, на который вы нажали на панели «Образцы», отобразился на иконке образца основного цвета на панели инструментов

Шаг 10: Выбираем новый фоновый цвет на панели «Образцы»

Для того чтобы выбрать определенный цвет в качестве фонового цвета, нажмите и удержите клавишу Ctrl (Win) / Command (Mac) и при этом кликните по нужному цвету на панели «Образцы». В моем случае, при нажатой клавише Ctrl / Command я кликну по темно-красному цвету:

При нажатой клавише Ctrl (Win) / Command (Mac) кликните по нужному цвету на панели «Образцы», чтобы сделать его фоновым цветом

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

Цвет, который вы выбрали на панели «Образцы», отобразился на иконке образца фонового цвета на панели инструментов

Теперь я могу использовать цвета из моего набора «Осенние листья», как пожелаю и когда пожелаю! Ниже представлены строки стихотворения, которые я оформил при помощи цветов из моего созданного набора образцов цвета и кисти «Разбросанные кленовые листья» (Scattered Maple Leaves), установленной по умолчанию в программе Photoshop:

Стихотворение, оформленное при помощи цветов из моего созданного набора образцов цвета «Осенние листья»

И вот мы закончили! Мы научились с легкостью создавать собственные образцы цвета и целые наборы образцов в программе Photoshop!

Перевод: Ксения Руденко

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

Немного теории

Цвета для веб делаются при помощи сочетаний красных, зелёных и синих оттенков, этот способ сочетания цветов называется RGB (Red Green Blue).

Каждый цвет представлен целым числом от 0 до 255, и у каждого цвета есть значение для красного, зеленого и синего. Черный, например, не имеет никакого тона, и в RGB он обозначается как 0, 0, 0. Первая цифра всегда означает значение красного цвета, вторая-зелёного и третья-синего.

Поскольку есть 256 разновидностей каждого оттенка, cуществует и 16 миллионов всевозможных цветовых комбинаций RGB. Большинство компьютеров на сегоднешний день может точно отображать все эти 16 миллионов оттенков цветов. Есть так называемые «безопасные цвета», о необходимости их использовать мы уже писали .

При указании цвета Вы можете употреблять значение RGB или же шестнадцатеричную систему HEX. Цвета HEX обозначаются шестью цифрами, перед которыми стоит знак #. HEX состоит из комбинации чисел и букв; 0- самое маленькое значение, FF (255) — самое высокое. Каждый из этих шести знаков в HEX соответствует числам в кодировке RGB. Черный цвет имеет значение HEX #000000.

147 цветов определяются по названию для HTML и CSS согласно w3schools.com . Есть 17 стандартных цветов - морская волна (aqua), чёрный (black), синий (blue), фуксия (fuchsia), серый (gray), серый (grey), зелёный (green), лайм (lime), тёмно-бардовый (maroon) , тёмно-синий (navy), оливковый (olive), пурпурный (purple), красный (red),серебряный (silver), сине-зелёный (teal), белый (white) и жёлтый (yellow). У каждого цвета есть своё определенный RGB и значение HEX . У тёмно-бардового, например, есть значение RGB 128, 0, 0 а значение HEX #800000; у серебристого — 192, 192, 192 или #C0C0C0.

Создаём палитру

Иногда создание палитры кажется легче, чем это есть на самом деле. Некоторые опытные дизайнеры могут создавать палитру с нуля; другие черпают вдохновение с других сайтов или внешних источников (рассматривая цвета на упаковке с чипсами в хозяйственном магазине или находя нужные решения в природе).

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

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

Полезные ресурсы

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

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

У есть большая библиотека готовых цветовых комбинаций из пяти систем цветов. Для определения цвета можно использовать инструмент «Пипетка». Есть множество возможностей (просматривать цвета вместе с текстом, генерировать шаблоны сайтов с выбраными цветами и т.д.). При помощи этого сервиса также можно определить цвета понравившегося веб-сайта(просто введите его url).

Color Palette Generator

Комментарии

  1. Serg
    24 февраля 2012 в 21:33

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

  2. Константин
    25 февраля 2012 в 8:47

    Очепятка в самом начале — RGB (Read Green Blue) — Читать Зелёный Синий)))

    Elena17 Ответ:
    февраля 25, 2012 at 3:30 пп

    Спасибо;), уже исправила.

  3. Ирина
    25 февраля 2012 в 22:55

    Создателям сайта!

    Очень люблю ваш сайт и постоянно читаю свежие посты..

    По какой то причине в последнее время Касперский(лицензия) стал ругаться и блокировать Вашу страницу!

    Обращаю Ваше внимание на это..

    Im Ответ:
    февраля 26, 2012 at 7:51 пп

    Спасибо, разберемся))

  4. Елена
    26 февраля 2012 в 11:50

Попытки найти идеальное цветовое решение уходят корнями далеко вглубь истории, к шедеврам великих художников. Теперь поисками идеального сочетания цветов, как филосовского камня, занимаются дизайнеры. Как сказал французский импрессионист Клод Моне: «Цвет – моя каждодневная одержимость, моя радость и моя мука».

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

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

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

4. С ColoRotate вы можете с легкостью создавать и управлять палитрами цветов в объемном 3d-пространстве для лучшего контроля цвета текста и фона. Цвета оживают, потому что в объеме наш ум воспринимает цвет иначе. Слайдеры и джойстики интуитивно понятны и просты в управлении. К тому же, вы можете синхронизировать палитры цветов между компьютерами и делиться заготовками с коллегами или клиентами.

5. ColorBlender – простой в использовании инструмент для создания цветовых палитр для веб-разработки. Основная функция этого ресурса – создание палитры из шесть цветов. Вы выбираете один, а программа подбирает остальные пять соответствующих цветов. Это позволяет легко и быстро создавать палитры.

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

7. ColorExplorer является бесплатным инструментом для проектирования и работы с цветовой палитрой. Набор инструментов сайта не ограничивается подбором цветов, вы можете просматривать популярные библиотеки цветов, соединять библиотеки, экспортировать палитру в популярные программы, такие как AdobePhotoshop, Illustrator и многие другие. Также, можно импортировать цвета из изображений. Этот сайт был разработан специально для профессиональных дизайнеров. Тут нет регистрации, подобранную палитру можно просто сохранить. Однако, если вы хотите защитить свою палитру от посторонних глаз, можно создать и свой собственный профиль.

8. Главная идея Сolr : игра с цветом и цветовыми схемами. Этот сайт является одновременно игрушкой и серьезным генератором идей.

9. С ColorCombos вы попадете в мир цветов, в котором вы обязательно найдете свою идеальную цветовую палитру. Этот сайт был создан, чтобы помочь веб-разработчикам и дизайнерам быстро выбирать и тестировать различные комбинации цветов. Библиотека ресурса содержит сотни и тысячи образцов цвета. С помощью данного ресурса можно создать красивый сайт с отличным сочетанием цветов.

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

11. На Сolrd можно создавать схемы цветов, шаблоны, загружать изображение, чтобы узнать его цветовую гамму и многое другое.

12. ColorHunter – это ресурс, на котором можно найти и создать цветовые палитры, сделанные из изображений. Чтобы найти цветовые палитры на сайте, нужно ввести поисковый запрос в поле в верхней части страницы. Поиск можно осуществить по тегам, шестнадцатеричному коду цвета или ссылке на изображение. Изображение, также, можно загрузить из ПК.

13. позволяет имитировать девять видов цветовой слепоты.

14. Etsy – это самый забавный и необычный способ подобрать цвет.

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

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то