Товаров: 0 (0р.)

Палитры для фотошопа: Web дизайн — Цветовые палитры скачать для фотошопа

Содержание

Создание наборов образцов цвета в Photoshop / Creativo.one

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

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

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

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

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

Шаг 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). Введите имя для вашего нового набора образцов. Я назову свой набор «Осенние листья»:

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

Далее нажимаем кнопку «Сохранить» (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!

Автор: Steve Patterson

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

из чего состоит и как ею пользоваться

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

Описание всех элементов управления на палитре слоев

Вспомните-ка, а что вообще такое палитры в фотошопе.

Элемент 1. Меню палитры

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

Элемент 2 и 3. Непрозрачность и Заливка

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

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

Элемент 4. Режимы наложения

Режимы наложения определяют степень взаимодействия слоев друг с другом.

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

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

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

Элемент 5. Закрепление слоев

С помощью этой группы иконок можно задать ограничение для редактирования слоя. Доступны следующие варианты:

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

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

Элемент 6. Сокрытие и видимость слоев

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

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

Элемент 7. Отображение слоев

В средней части палитры размещены сами слои и папки, в которые они помещены.

Каждая отдельная строчка — это самостоятельный слой. Он состоит из миниатюры, маски, имени слоя и информационных иконок, например, замочек, сигнализирующий, что это фон.

Примечание

Размер миниатюры можно изменить. На выбор есть четыре варианта: большие, средние, маленькие или отключить их вообще.

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

Либо есть другой способ: откройте меню палитры (вы уже знаете где она находится), выберите команду Параметры панели. Откроется диалоговое окно, в котором наглядно видно каких размеров могут быть миниатюры.

Элемент 8. Иконка «Связать слои»

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

Элемент 9. Иконка «Добавить стиль слоя»

Стили — это специальные эффекты для слоя, добавляющие такие элементы как: тень, контуры, заливку, градиенты, свечение и прочее.

Элемент 10.  Иконка «Добавить слой-маску»

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

Элемент 11. Иконка «Создать новый корректирующий слой или слой-заливку»

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

Элемент 12. Иконка «Создать новую группу»

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

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

Элемент 13. Иконка «Создать новый слой»

Кнопка добавляет в палитру новый обыкновенный слой с прозрачным фоном.

Элемент 14. Иконка «Удалить слой»

Кнопка удаляет текущий активный слой.

Как пользоваться палитрой

Самое важно правило!

Все действия в фотошопе совершаются на текущем активном слое.

Прежде чем что-то сделать, посмотрите, а какой слой сейчас активен на палитре. Если тот, что нужен, то смело работайте, иначе — кликните по нужному слою. 

Активный слой — это текущий выделенный на палитре слой. Он отмечается контрастным цветом, например, синим (в зависимости от используемой версии фотошопа и текущей цветовой гаммы этот цвет может отличаться).

Описание основных действий со слоями

  1. Сперва, чтобы хоть что-нибудь сделать, нужно создать слой. Самый простой способ — нажать соответствующую иконку в нижней части палитры или с помощью команды Shift+Ctrl+N. Другие способы создания нового слоя.
  2. Чтобы выделить слой (сделать активным) — кликните по нему. Можно выделять одновременно два и более слоев. Здесь описано как это сделать.
  3. Порядок слоев всегда можно изменить. Для этого перетаскивайте их по палитре с помощью мыши. На самом деле есть два способа перемещения слоев — подробнее о каждом.
  4. Чтобы размножить клонов слоя, продублируйте его с помощью команды Ctrl+J. Но это не единственный способ как можно размножить слой, в общей сложности есть 6 способов. А также можно продублировать фрагмент слоя. Для этого нужный фрагмент сначала заключают в выделенную область, а потом уже дублируют одним из способов.
  5. Используйте золотую пару команд «Копировать — Вставить», чтобы перемещать слои из одного проекта в другой.
  6. Любой слой, за ненадобностью, можно удалить. Используйте для этого кнопку в нижней части палитры (иконка корзины) или один из еще 5 способов удаления.
  7. Можно залить слой или выделенную область одним однотонным цветом. Для этого выполните команду Редактирование — Выполнить заливку, либо выберите другой более подходящий способ. В фотошопе всего существует 5 способов как это сделать.
  8. Сделайте целиком изображение прозрачным/полупрозрачным. Или выделите фрагмент изображения и примените только к нему настройки прозрачности.
  9. С помощью Свободной трансформации — Ctrl+T — можно уменьшить или увеличить размер содержимого слоя, а также повернуть его.
  10. Поставить цветные метки, чтобы быстро скользящим взглядом находить нужный слой на палитре. Либо просто сопроводить его понятным описанием, чтобы вспомнить, что на нем находится.
  11. Если у вас открыт/создан векторный тип изображения, то можно/нужно его растрировать, чтобы потом использовать все инструменты фотошопа по работе с ним. Для этого правым кликом мыши по слою вызовете контекстное меню, в котором выберите команду Растрировать слой.
  12. В целях сокращения длины палитры и уменьшения веса файла, можно объединить несколько слоев в один. Для этого фотошоп предлагает несколько команд: объединение — для схлопывания произвольного числа слоев; склеивание — тоже самое объединение, но исходные слои никуда не исчезают; сведение — схлопывает абсолютно все слои на палитре и делает один фоновый слой.
  13. Ведите запись различных версий документа путем сохранения различных состояний палитры слоев. Для этого существует функция Композиция слоев. С помощью нее можно простым кликом мыши просматривать различные версии изображения, которые вы предварительно сохранили. Пригодится для анализа, а также будет полезно при проектировании модели сайта, если вы веб-дизайнер.