Создаем палитру пастельных цветов в Photoshop
Что такое пастельные тона? Обычно их описывают как цвета светлые с низкой насыщенностью. Чистые пастельные тона идеально вписываются в индустрию моды, веб и любой другой дизайн с их бледными цветовыми сочетаниями. Итак, в сегодняшнем уроке мы изучим пастельную цветовую палитру Photoshop по умолчанию, а затем мы создадим нашу собственную пастельную цветовую схему, с помощью инструмента выбора цвета обнаружим некоторые полезные пастельные цветовые коды. Наконец, мы создадим пастельную палитру с помощью Adobe Color.
В этом уроке научимся:
- Как получить доступ к пастельным цветам по умолчанию
- Как создать свою собственную пастельную цветовую палитру, используя библиотеки цветов по умолчанию
- Как создать пастельную цветовую палитру с помощью инструмента выбора цвета
- Как создать пастельную цветовую палитру с помощью Adobe Color
- Полезные примеры цветового кода пастельных тонов
Скачать архив с материалами к уроку
Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.
1. Пастельные цвета по умолчанию
Шаг 1
Есть два способа открыть библиотеки цветов по умолчанию. Начнем с инструмента Color Picker (Пипетка) — кликаем по цвету переднего плана, а затем выбираем Color Libraries (Библиотеки цветов).
Шаг 2
Нажимаем кнопку Book (Библиотека), чтобы просмотреть все доступные библиотеки.
Шаг 3
Второй способ открыть библиотеку цветов — Window — Swatches (Окно — Образцы), а затем нажать иконку в правом верхнем углу панели Swatches (Образцы).
А здесь можно увидеть все доступные по умолчанию библиотеки цветов.
Шаг 4
Основное различие между этими двумя методами заключается в том, что при открытии библиотеки цветов на панели Swatches (Образцы) все цвета автоматически добавляются в виде образцов. Если вы откроете библиотеку цветов через палитру цветов, она покажет вам цвета в правом столбце и различные варианты выбранного цвета в левом столбце.
Я могу порекомендовать следующие библиотеки, где можно найти пастельные тона:
- ANPA colors
- Pantone+ Solid Uncoated
- Pantone+ Pastel&Neons
Вот несколько примеров пастельной цветовой палитры, которую я создал с помощью этих библиотек:
2. Создаем свою собственную пастельную цветовую палитру, используя библиотеки цветов по умолчанию
Шаг 1
Шаг 2
Чтобы добавить новый образец, выбираем понравившейся вариант цвета, а затем нажимаем Picker (Палитра) и выбираем Add to Swatches (Добавить в образцы). Теперь у нас есть доступ к желаемому цвету на панели Swatches (Образцы).
Шаг 3
Таким же способом добавим еще четыре цвета. Я выбрал фиолетовый, бирюзовый, зеленый и желтый. Как видите, довольно легко создать свои собственные пастельные цветовые схемы, используя цветовую библиотеку ANPA.
3. Создаем пастельную цветовую палитру с помощью инструмента Пипетка
Теперь давайте создадим цветовую палитру с пастельным градиентом, используя палитру цветов и изображение заката. Берем инструмент Color Picker (Пипетка), затем последовательно выбираем цвета и добавляем их в образцы.Так выглядит наша цветовая схема с пастельным градиентом:
А вот еще один пример пастельных образцов, созданных с использованием цветов с другого изображения:
4. Создаем образцы в пастельной цветовой гамме с использованием Adobe Color
Шаг 1
В этом разделе нашего урока по Photoshop о пастельных тонах давайте попробуем Adobe Color для создания пастельных палитр. В левом столбце вы можете увидеть разные правила гармонии, и перед созданием новой пастельной палитры вам нужно выбрать ту, которую вы хотите использовать.
Шаг 2
Я выбираю правило Square
Шаг 3
Убеждаемся, что настройка Saturation (Насыщенность) каждого цвета составляет около 20-40%, а настройка Value (Яркость) — около 80-100%.
Шаг 4
Выбрав понравившиеся цвета, мы можем сохранить их в своей библиотеке Creative Cloud. Просто выбираем существующую библиотеку (или создаем новую) и нажимаем Save (Сохранить). Кроме того, вы можете найти на панели Adobe Color образцы пастельных цветов для Photoshop, которые можно бесплатно загрузить.
5. Пастельная палитра цветовых кодов
Шаг 1
Теперь я хочу показать вам несколько очень полезных пастельных цветовых кодов для ваших проектов. Начнем с цветовых кодов Hex:
- #f7959d
- #f8b586
- #f5f394
- #d1f6b3
- #b9cef0
- #f3b6eb
Вы можете поиграть с настройками Hue (Тон), Saturation (Насыщенность) и Brightness (Яркость), чтобы изменить внешний вид палитры.
Шаг 2
Давайте посмотрим на пастельные цветовые коды для цветового режима CMYK:
- C=1 M=38 Y=0 K=0
- C=1 M=18 Y=0 K=0
- C=25 M=8 Y=0 K=0
- C=15 M=0 Y=2 K=0
- C=2 M=4 Y=8 K=0
- C=2 M=11 Y=18 K=0
Заключение
Сегодня мы узнали, что такое пастельные тона и как создавать пастельные цветовые палитры. Получайте удовольствие от цветовых сочетаний и поделитесь своими любимыми пастельными тонами в разделе комментариев!
Автор: Ivan Gromov
Как сделать палитру в фотошопе, как добавить
Данная статья посвящена тому, как получить набор образцов цветовых оттенков с определённого изображения для создания собственной коллекции необходимой цветовой гаммы. Учитывая, что многим пользователям Photoshop приходится работать с различными заказчиками и каждый из них предпочитает определённое оформление в конкретных цветовых оттенках, потому эта статья поможет сделать собственный набор цветов довольно легко и быстро.
Пример картинки для будущей палитры цветов
Ничто так гармонично не может сочетать цвета, как природа. В любую пору года разнообразные пейзажи полны самых неповторимых оттенков, которые не каждому человеку удастся передать. Потому для создания собственной палитры цветов можно использовать обыкновенную фотографию с пейзажем и с неё брать цветовые образцы. Также в данном уроке будет предоставлена пошаговая инструкция, каким образом можно восстановить стандартный набор цветов, установленных по умолчанию, и как можно применять созданную палитру с заранее выбранными оттенками.
10 шагов к созданию собственного комплекта с необходимыми цветовыми тонами
Прежде всего необходимо определиться с фотографией, откуда необходимо взять оттенки, и затем запустить программу Photoshop.
Панель «Образцы»
Представленный стандартный набор с цветами на панели «Образцы» необходимо очистить, чтобы была возможность без проблем создать собственную палитру. Однако нет повода для сомнения, поскольку удаляемый набор можно легко вернуть обратно. Интересующая нас область с образцами располагается рядом с панелями «Цвет» и «Стили».
Чтобы удалить набор, с каждым образцом придётся работать отдельно, в программе нет такой функции как «очистить все образцы». Поэтому для удаления одного цвета необходимо нажать кнопку Alt (Win) или Option (Mac) и при наведённом на него курсоре мыши удаляем его простым кликом. Всего образцов 122, столько же раз придётся кликнуть. В конечном итоге после проделанной операции панель должна остаться пустой.
Стандартная палитра цветов
Инструмент «Пипетка»
Для начала загрузим заранее выбранное изображение, откуда решили взять цветовые оттенки. Далее снова возвращаемся к рабочей панели и выбираем инструмент «Пипетка». Существует более быстрый способ перехода к данному элементу: достаточно нажать клавишу I.
Первый цветовой образец, полученный с изображения
Как только выбрали пипетку, перемещаем курсор мыши на тот элемент изображения, с которого необходим цветовой образец, и кликаем по данной области. Выбранный цвет отображается на панели инструментов, потому можно точно увидеть, какой оттенок получен, и он будет считаться основным.
Следует отметить, что для упрощения процедуры выбора цветов можно зажать левую кнопку мыши и плавно перемещать курсор по области изображения. При наведении курсора все цвета в отдельности можно увидеть на панели инструментов, что даёт возможность более близко просмотреть цветовой оттенок, прежде чем выбрать нужный. Как только найдётся необходимый цвет, отпускаем кнопку мыши.
Выбор необходимого цвета для палитры с помощью пипетки
Добавление цвета на панель «Образцы»
На данном этапе, получив первый цветовой образец, его необходимо поместить на панель «Образцы». Для этого перемещаем курсор на пустую область внутри панели с будущими оттенками, в результате чего он примет вид ведёрка с краской, а при клике выбранный ранее цвет преобразуется в образец. После данной операции программа выдаст диалоговое окно, где необходимо будет вписать название получаемому цвету. В принципе, название можно и не вписывать, поскольку программа сама устанавливает их по умолчанию. После того, как дали название цвету, он сразу же появляется на панели «Образцы».
Создаём набор с цветовыми оттенками
Чтобы собрать полную палитру необходимых цветов, следует проделать несколько раз пару предыдущих шагов:
Выбираем нужный цвет и кликаем по пустой области на панели с образцами;
Сохраняем цвет в качестве образца, при надобности присваивая ему имя.
Количество сохранённых образцов может быть неограниченным, всё зависит от желания. В конечном итоге после проделанных действий на панели с образцами соберётся набор с необходимыми цветовыми оттенками.
Готовая новая палитра
Сохранение образцов в отдельном наборе
Как только добавили необходимые цвета, полученный набор нужно сохранить, чтобы можно было в дальнейшем его использовать. Для этого нажимаем кнопку в правом верхнем углу, располагаемую на панели образцов, чтобы перейти в контекстное меню, где из представленного списка команд следует выбрать пункт «Сохранить образцы». При сохранении понадобится дать название набору. После проделанных действий набор сохранится в той же папке, где и другие созданные по умолчанию, что значительно облегчает поиск набора в случае надобности.
Восстановление цветовых образцов, заданных по умолчанию
В том случае если необходимо вернуть стандартную палитру цветовых оттенков после того, как очистили все цвета, снова возвращаемся к контекстному меню панели с образцами и выбираем команду «Восстановить образцы». В появившемся диалоговом окне программа задаст вопрос о замене текущего набора на стандартный. Здесь можно как заменить цветовые оттенки, так и просто добавить к текущим образцам, не удаляя их. Таким несложным методом можно восстановить стандартный набор с цветовыми образцами.
Загрузка набора цветовых оттенков
Возвращаемся к созданному комплекту образцов, чтобы посмотреть, как применять заданные цвета. Для этого необходимо снова обратиться к меню панели «Образцы». В его нижней части расположен список наборов с образцами, их также можно использовать, поскольку они изначально заложены в программе. Поскольку все создаваемые новые наборы сохраняются в том же месте, где и стандартные образцы, созданный ранее комплект с оттенками можно легко найти в данном списке. Все наборы в программе размещены в алфавитном порядке, что значительно упрощает поиск. После этого снова выскочит диалоговое окно с вопросом о замене существующих образцов на новые. В данном случае нажимаем кнопку с командой «Заменить». Выбранная цветовая палитра тут же загрузится на рабочую панель, цветовые образцы можно использовать.
Палитры и образцы цветов
Выбор основного цвета на панели «Образцы»
Главным положительным моментом в использовании цветовых образцов является то, что нет необходимости время от времени обращаться к палитре цветов, заданной программой, чтобы найти нужный цвет. Ведь все они отображаются на панели с образцами, благодаря чему очень удобно найти необходимый цвет. Для выбора конкретного оттенка достаточно навести на него курсор мыши, который сразу же приобретет вид пипетки, и кликнуть левой кнопкой. Нужный цвет выбран. На области с инструментами отобразится иконка с основным цветом.
Задаём фон
Чтобы задать фон, необходимо определиться с цветом. Затем нажимаем и удерживаем клавишу Ctrl (Win) или Command (Mac) и кликаем на нужный цвет на панели. В результате вся рабочая область программы приобретёт фон. Далее все выбранные цвета из собственного набора можно использовать по своему усмотрению, всё зависит от фантазии. Воспользовавшись инструментами Photoshop, можно оформлять плакаты в определённой цветовой гамме.
Таким образом, данная статья позволяет создавать собственный набор с необходимыми цветовыми оттенками в программе Photoshop. Если следовать представленной пошаговой инструкции, данная операция не займёт слишком много времени.
Макет изделия с использованием ранее созданной пользовательской палитры цветов
Оцените статью: Поделитесь с друзьями!Цветовой круг для рисования в программе Adobe Photoshop
Работая в компьютерных программах для рисования, мы все видели удобный цветовой круг или иные его ответвления , как пример посмотрите на цветовые круги Corel Painter и ArtRage:
Adobe пошла по своему пути и сделала сложную систему (для рисования) доступа к цветам. Приходится нажимать на пиктограммы цвета и выбирать там цвет. Каждый ускорял работу как мог – добавлял нужные цвета на край холста, «смешивал» и потом пипеткой выбирал цвет, еще делались «пресеты» в меню образцов… В новых версиях Photoshop добавили быстрый вызов цветов через комбинацию Аlt-Shift-правый клик.
В целом было неудобно, но главное что этот минус устраняется «расширениями». В интернете, на данный момент, можно найти много видов цветовых кругов (даже с «подвязкой» к интернету, генерирующие цветовые решения, но такое нас не интересует). И многие платные, а вот один простой «как 5 копеек» восьмисекторный цветовой круг с градиентной растяжкой – PaintersWheel с сайта LenWhite.com .
Ссылка на скачивание — http://nerdchallenge.com/lenwhite/LenWhite.com/LenWhite.com/Entries/2012/9/16_PW_CS6.html
Скачиваем, устанавливаем через Адоб или скопировав файлы в папку Plug-ins ( у меня путь выглядит C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins\Panels\PaintersWheel\PaintersWheel_CS6). Запускаем Фотошоп и включаем расширение через окно — расширения – PaintersWheel — готово!
Дальше все просто – выбираем цвет и рисуем, я расположил расширение к цветам и образцам.
Видеозапись использования цветового круга
Этого цветового круга хватает «с головой», конечно хотелось бы еще информации по цветам (разные номера раскладки цветового охвата), но расширение распространяется бесплатно, на это скажем «спасибо» разработчику.
Но для работы с веб или графическим дизайном, лучше подходит стандартное цветовой инструмент, т.к. тут сильно зависит от контроля цветов, особенно если они у вас прописаны в брендбуке или другой документации. Так же, при работе с наружной рекламой или подготовкой векторной продукции в цветовом охвате CMYK важно контролировать все данные цвета, т.к. это очень важный момент при работе. А рассмотренный выше цветовой круг позволяет комфортно работать при рисовании с графического планшета, или компоновок макетов.
Обновление:
Обновление: в версиях СС продуктов Адоби, некоторые расширения потеряли свою актуальность, т.к. программы перешли на другой «язык» написания дополнений (ранее это был флеш, а теперь это хтмл), поэтому статья актуальна для версий продуктов CS6 и ниже.
Обновление 2:
В новой версии Adobe Photoshop CC 2019, цветовой круг есть в самой программе, включается в дополнительном раскрывающемся меню на панели Цвет — Цветовой круг
С уважением Чубаров Н.
<= поделись статьей с друзьями ;3
3 лучших плагина Color Wheel (цветовой круг) для Фотошопа
3 лучших плагина color wheel для PS
Плагины выбора и смешивания цветов для Photoshop, Illustrator (colorus) и других программ от Adobe.
PaintersWheel
Бесплатный плагин PrintersWheel, представляет собой простой треугольник цветового спектра. Его возможности ограничены, но он идеально подойдет для новичков.
Совместим с Photoshop CS6, CC и более
Скачать PaintersWheel с официального сайта (Mac, PC)
Coolorus
Colors — самый красивый и функциональный в дизайнерском плане. Преимуществом данного плагина является выбор цветовых режимов и добавлении оных в палитру swatches. Совместим с версиями от CS4 до CC.
Цена: 9.99 $
Скачать взломанную версию с Yandex.Disk
MagicPicker
Плагин MagicPicker по сравнению с PrinterWheel имеет больший функционал. В отличии от бесплатного плагина, MagicPicker совместим с Illustratoror и Photoshop с версии CS3 до CC, что является отличным преимуществом перед бесплатным плагином PrintersWheel.
Стоимость плагина: 19$
P.S. К сожалению, на торрентах пока-что нет ломаной версии
Перейти на оф.сайт MagicPicker
Установка плагинов:
Установка плагинов очень простая! Надо всего-лишь скопировать содержимое в папку «../Program Files/Adobe/PhotoshopCS*/Plug-ins/Panels/». Потом зайти в фотошоп и включить панель через меню «Window->Extensions»
Удачного рисования!
Использование ваших изображений для создания цветовых палитр в Photoshop
Цвет — это один из аспектов дизайна, который может кардинально изменить тон всего проекта. Ваш выбор цвета может сделать разницу между отполированным, профессиональным, совершенным дизайном и дизайном, который не попадает в цель. Создание цветовой палитры для вашего дизайна не должно быть догадкой; это может быть легко сделано, если вы сделаете несколько простых шагов и будете использовать несколько инструментов, которые вам доступны.
Существует несколько способов создания собственных цветовых палитр, но один из популярных методов — это выборка цветов из основного изображения проекта и построение вашей цветовой палитры из значений цвета внутри него. Если вы используете несколько изображений, вы можете выбрать изображения с одинаковыми цветовыми палитрами, чтобы у всего произведения было ощущение единства.
Шаг 1: Настройка вашего холста
Для нашего примера я собираюсь создать рекламу в морском стиле. Я разделил высоту холста на три трети и переместил лодку на две верхние части документа.
Шаг 2: заложить фундамент
Для нижней трети я создал новый слой, взял инструмент выделения и нарисовал белый прямоугольник в нижней трети изображения. Вот куда пойдет основная часть нашего текста и другого контента.
Шаг 3: выберите базовый цвет вашей палитры
Выберите инструмент «Пипетка» и выберите хороший начальный цвет для вашей цветовой палитры. Значение RGB для цвета, используемого в моем примере, составляет R: 80, G: 119 и B: 139.
Шаг 4: Kuler, плагин Essential Color
Для помощи в создании цветовых палитр я использую Kuler . Чтобы открыть панель Кулера, перейдите в «Окно»> «Расширения»> «Кулер». Панель должна выглядеть, как показано ниже:
Шаг 5: Принеси свой основной цвет в Kuler
Наш цвет переднего плана — это цвет, который мы выбрали с помощью инструмента «Пипетка». Чтобы ввести его в Kuler для построения нашей цветовой палитры, щелкните первый квадрат под цветными блоками. Это делает цвет, который мы выбрали с помощью инструмента «Пипетка», нашим основным цветом.
Шаг 6: Выберите правильную теорию цвета для вашей работы
Над цветовым кругом вы увидите раскрывающееся меню с различными цветовыми правилами, такими как Дополнительные, Составные, Аналогичные, Тени, Триады и другие. Выберите тот, который лучше всего подходит для вашего проекта. Для нашего примера я выбрал бесплатный.
Шаг 7: Сохранение удобных образцов
Если у вас есть цветовая схема, которая вам нравится, вы можете добавить цветовую схему к образцам для дальнейшего использования. Это удобно, когда вы закрываете документ и возвращаетесь к нему позже, потому что ваши тщательно выбранные цветовые комбинации будут сохранены на панели образцов. Просто нажмите нижнюю среднюю кнопку «добавить эту тему в образцы», и вы найдете эти 5 цветов, сохраненных на панели образцов.
Шаг 8: Организуйте свою область контента
Я также делю изображение на две трети по горизонтали, и я собираюсь разместить наш логотип в левом нижнем углу нашей рекламы. Я создал новый слой и нарисовал прямоугольник в левом нижнем углу, куда пойдет логотип. Я выбрал светло-коричневый в качестве фона для логотипа. Это заставит его выделиться на фоне синего.
Шаг 9: Заполнение цветовых областей
Сделав прямоугольное выделение, удерживайте нажатой клавишу option / alt и нажмите клавишу удаления, чтобы заполнить выделение цветом переднего плана. Значение RGB для светло-коричневого цвета в моем примере составляет R: 139 G: 113 B: 80.
Шаг 10: используйте контрастные цвета для визуального воздействия
Используя Adobe Jenson, я набрал слова SailMate, которая является названием нашей фиктивной компании. Я сделал текст белым, чтобы он выделялся на выбранном коричневом фоне.
Шаг 11: внесите логотип и выделите его
Затем я ввел логотип компаса и установил режим наложения «screen», чтобы он тоже был белым. Я установил непрозрачность для слоя компаса на 0.
Шаг 12: Разделите оставшуюся область
Последние две трети области контента будут снова разделены. Я разделил эту область на трети еще раз. Верхняя часть, куда пойдет текст, составляет две трети, а нижняя часть составляет одну треть.
Шаг 13: добавь темный цвет для контраста
Создайте новый слой и выберите нижнюю треть своей области содержимого, исключая часть логотипа, с помощью инструмента выделения.
Шаг 14: тяни цвета от Кулера к цвету переднего плана
На панели Kuler дважды щелкните темно-синий / темно-синий цвет, чтобы установить его в качестве основного цвета. Удерживая нажатой клавишу Alt / Option, нажмите «Удалить», чтобы заполнить эту область темно-синим цветом.
Шаг 15: Захватите внимание с большим заголовком
Выбери
Подбор цвета онлайн: 15 генераторов сочетания цветов
Подбор цвета — это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию.
Известно значение цвета и в психологии — влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором.
Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.
Необходимо уметь пользоваться этими сервисами подбора цвета. В этом вам помогут знания, а именно как пользоваться цветовым кругом для сочетания цвета. Здесь на примерах и с картинками подробно изложены все цветовые схемы.
В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.
Русские сервисы сочетания цветов
Среди множества русскоязычных онлайн сервисов можно выделить 5 основных (самых популярных), каждый из которых обладает своими достоинствами и недостатками:
Colorscheme
Цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
https://colorscheme.ru/
In colour balance
Всевозможные цветовые палитры, выделенные из лучших образцов фото.
https://color.romanuke.com/
Colorup.tikkurila
https://colorup.tikkurila.com/
Помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
Color Adobe
Сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его в эту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
https://color.adobe.com/
Генератор цветовых схем
https://colory.ru/colorgenerator/
Англоязычные сайты по подбору цвета
Не смотря на то, что эти сайты зарубежные, пользоваться ими несложно даже без знаний языка, так как генераторы интуитивно понятны. В обзоре я буду делать акценты на основные моменты их использования.
Random Material Generator
Название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
https://codecrafted.net/randommaterial/
Material Mixer
Позволяет смешать и посмотреть сочетания двух цветов.
https://sankk.in/material-mixer/
Colorhunter
Готовые цветовые решения.
https://colorhunter.com/
Palette Generation
https://mcg.mbitson.com/
Генерация оттенков цвета.
Material Palette
Выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
https://www.materialpalette.com/blue/light-green
Colorotate
Воспользуйся конусом для создания собственной цветовой схемы. Чтобы пользоваться сайтом, разрешите загрузку Adobe Flash плеера в вашем браузере.
https://web.colorotate.org/
Colorblender
Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
https://colorblender.com/
Colorspire
Еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
https://colorspire.com/
Paletton
Подбор сочетания цветов в зависимости от разных цветовых систем.
https://paletton.com/
Colorexplorer
Двигайте ползунки и выбирайте схему!
https://colorexplorer.com/
Создание пользовательских образцов и наборов цветов Photoshop
Вот фотография, с которой я буду использовать образцы цветов. Я хочу создать набор образцов цвета «Осенние листья», поэтому эта фотография должна хорошо работать:
Фотография листьев, меняющих цвет осенью.
В конце урока мы увидим пример того, как вы можете затем использовать цвета из вашего пользовательского набора образцов для создания чего-то совершенно другого. Давайте начнем.
Шаг 1. Удалите существующие образцы цвета из палитры образцов Photoshop
Чтобы создать собственный набор образцов, давайте сначала удалим все образцы цвета, которые в настоящее время находятся в палитре Swatches.Не волнуйтесь, они не исчезнут навсегда, как мы увидим чуть позже. Переключитесь на палитру «Образцы», которая по умолчанию сгруппирована с палитрами «Цвет» и «Стили». Если вы ранее не загрузили другие наборы образцов, вы обнаружите, что образцы цвета Photoshop по умолчанию заполняют палитру:
Палитра образцов Photoshop, показывающая набор образцов цвета по умолчанию.
К сожалению, Adobe забыла включить опцию «Очистить все образцы», поэтому для удаления всех цветовых образцов, находящихся в настоящее время в палитре «Образцы», нам придется удалить каждый из них вручную.Для этого, удерживая нажатой клавишу Alt (Win) / Option (Mac), наведите указатель мыши на образец цвета в верхнем левом углу (образец «Красный RGB»). Вы увидите, как курсор мыши изменится на значок ножниц:
Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), наведите указатель мыши на образец красного цвета в верхнем левом углу. Курсор мыши изменится на значок ножниц.
Затем, удерживая нажатой клавишу «Alt / Option», щелкните образец цвета, чтобы удалить его, затем продолжайте щелкать, чтобы удалить все оставшиеся образцы.Вам нужно будет щелкнуть в общей сложности 122 раза, чтобы удалить все из них, но в зависимости от того, насколько быстро вы щелкаете мышью, это не займет много времени. Когда вы закончите, палитра Swatches будет полностью пустой:
Палитра образцов теперь пуста после удаления всех образцов цвета по умолчанию.
Шаг 2. Выберите инструмент «Пипетка»
Откройте изображение в Photoshop, из которого вы хотите взять образцы цветов, если оно еще не открыто, затем возьмите инструмент «Пипетка» из палитры инструментов или нажмите I на клавиатуре, чтобы выбрать его с помощью сочетания клавиш:
Выберите инструмент «Пипетка».
Шаг 3. Пример вашего первого цвета с изображения
Выбрав инструмент «Пипетка», наведите курсор мыши на область цвета, которую вы хотите выбрать, затем щелкните, чтобы выбрать образец. Я собираюсь взять ярко-желтый цвет с одного из листьев в верхней части изображения в качестве первого цвета:
Образец ярко-желтого цвета с одного из листьев.
Вы можете точно увидеть, какой цвет вы выбрали, посмотрев на образец цвета переднего плана в палитре инструментов:
Выбранный цвет появляется в образце цвета переднего плана в палитре инструментов Photoshop.
Примечание. Возможно, вам будет проще отбирать образцы цветов, удерживая кнопку мыши при перемещении курсора мыши по изображению (с выбранным инструментом «Пипетка»). Цвет, на который в данный момент накладывается пипетка, отображается в образце цвета переднего плана в палитре инструментов и постоянно обновляется по мере того, как вы перетаскиваете мышь, предоставляя вам предварительный просмотр цвета в реальном времени, прежде чем брать его образец, что, на мой взгляд, намного проще, чем «щелкнуть и посмотреть» что получишь «метод. Отпустите кнопку мыши, когда наведетесь на цвет, который хотите пробовать.
Шаг 4: Добавьте цвет в палитру образцов
После того, как вы выбрали свой первый цвет, переместите курсор мыши в пустую область внутри палитры Swatches. Вы увидите, как курсор мыши изменится на значок ведерка с краской. Щелкните в любом месте пустой области, чтобы преобразовать выбранный цвет в образец цвета. Photoshop откроет диалоговое окно с просьбой ввести имя для образца цвета. Если вы создаете набор образцов для клиента, используя определенные цвета Pantone, которые он запросил, рекомендуется ввести название цвета Pantone в качестве имени вашего образца (например, «Pantone Yellow 012 C»), или если вы создаете набор образцов для собственного использования, используйте любое имя, которое вам больше всего подходит.Я просто назову свой цвет «Желтый»:
Дайте новому образцу цвета описательное имя, хотя вы также можете не называть свои цвета.
Вам не обязательно иметь для именования образцов цвета, поэтому, если имена для вас не имеют значения, не стесняйтесь оставлять им имена по умолчанию, которые им дает Photoshop. Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна, и если я загляну сейчас в свою палитру Swatches, я вижу, что мой первый цвет был добавлен:
Добавлена палитра Swatches, показывающая мой «желтый» цвет.
Шаг 5. Продолжайте отбор образцов цветов и создание из них образцов цвета
Продолжайте выборку цветов из изображения, а затем щелкните любую пустую область в палитре «Образцы», чтобы сохранить их как образцы цвета, при необходимости присвоив им имена. Я взял еще десять цветов из своего изображения, что дало мне в общей сложности одиннадцать цветовых образцов в моей палитре Swatches. Вы можете иметь столько образцов цвета, сколько хотите:
В палитру «Образцы» добавлено больше образцов цветов в качестве образцов цвета.
Шаг 6. Сохраните образцы цвета как набор образцов
Когда вы закончите добавлять цвета в палитру Swatches и будете готовы сохранить их как новый набор образцов, щелкните маленькую стрелку, указывающую вправо в правом верхнем углу палитры Swatches, чтобы получить доступ к меню палитры:
Войдите в меню палитры Swatches, щелкнув маленькую стрелку, указывающую вправо.
Затем выберите «Сохранить образцы» в появившемся меню:
Выберите «Сохранить образцы… «вариант.
Photoshop откроет диалоговое окно «Сохранить». Введите имя для нового набора образцов. Назову свой «Осенние листья»:
.Введите имя для нового набора образцов.
По завершении нажмите кнопку «Сохранить», чтобы сохранить новый набор. Photoshop сохраняет набор образцов в том же каталоге по умолчанию, что и все другие наборы образцов, которые были установлены с Photoshop, поэтому вам не придется искать по всему компьютеру в следующий раз, когда вы захотите получить доступ к любому из настраиваемых наборов, которые вы создано, как мы увидим через мгновение.
Шаг 7. Верните свои образцы к значениям по умолчанию
Мы взяли образцы цветов из изображения, создали образцы цветов из образцов цветов и сохранили их все как новый пользовательский набор образцов. Но что, если мы захотим вернуться к использованию всех тех образцов по умолчанию, которые мы удалили? Все, что нам нужно сделать, это еще раз щелкнуть маленькую стрелку вправо в верхней части палитры Swatches, чтобы восстановить меню палитры, и на этот раз мы выберем Reset Swatches из списка:
Выберите «Сбросить образцы» в меню палитры, чтобы вернуться к набору образцов цвета по умолчанию в Photoshop.
Photoshop спросит вас, хотите ли вы заменить текущие образцы на значения по умолчанию. Здесь у вас есть выбор: нажать «ОК», чтобы Photoshop удалил ваши текущие образцы и заменил их значениями по умолчанию, или вы также можете нажать «Добавить», и в этом случае вы сохраните существующие образцы, а Photoshop просто добавит образцы по умолчанию для них. Я собираюсь нажать ОК, чтобы заменить образцы «Осенние листья» на значения по умолчанию:
Нажмите кнопку «ОК», чтобы сбросить образцы цвета до значений по умолчанию в Photoshop.
И теперь моя палитра Swatches снова заполнена цветами по умолчанию:
Возвращены образцы цвета по умолчанию.
Далее мы увидим, как получить доступ к нашему набору пользовательских образцов цвета, а также как его использовать.
Шаг 8: Загрузите набор образцов пользовательского цвета
В следующий раз, когда вы захотите использовать свой собственный набор образцов цвета, все, что вам нужно сделать, это еще раз щелкнуть стрелку вправо в верхней части палитры «Образцы», чтобы получить доступ к меню палитры.Если вы посмотрите вниз в нижней части меню, вы увидите список дополнительных доступных наборов образцов цвета. Большинство из них являются дополнительными наборами, которые устанавливаются вместе с Photoshop, но поскольку Photoshop сохраняет наши пользовательские наборы образцов в том же каталоге, что и другие наборы, с которыми он поставляется, вы также найдете здесь свои пользовательские наборы. Все, что вам нужно сделать, это щелкнуть имя вашего настраиваемого набора, чтобы выбрать его. Photoshop перечисляет названия наборов в алфавитном порядке, поэтому мой набор «Осенние листья» указан вторым сверху:
Вы найдете все свои пользовательские наборы образцов в списке вместе с другими наборами, которые устанавливаются вместе с Photoshop, в меню палитры «Образцы».Нажмите на название набора, чтобы выбрать его.
Опять же, Photoshop спросит вас, хотите ли вы заменить существующие образцы новыми или просто добавить их в список. Я собираюсь нажать OK, чтобы заменить образцы по умолчанию на мои образцы Осенних листьев:
Нажмите «Заменить», чтобы заменить текущие образцы в палитре «Образцы» новыми образцами.
И вот так, мои собственные образцы «Осенние листья» загружаются в мою палитру Swatches для меня, готовые к использованию:
Пользовательский набор образцов загружается обратно в палитру «Образцы».
Выбор нового цвета переднего плана из палитры образцов
Самое замечательное в использовании образцов цвета заключается в том, что они по сути являются предварительно заданными цветами, то есть цветами, которые мы уже выбрали (или цветами, которые уже были выбраны Adobe, если мы работаем с наборами образцов, установленными с Photoshop), что означает, что мы не нужно постоянно выбирать их с помощью палитры цветов Photoshop каждый раз, когда они нам нужны. Чтобы выбрать любой из цветов в палитре «Образцы», просто наведите указатель мыши на образец цвета.Вы увидите, как курсор мыши изменится на значок «Пипетка». Затем нажмите на цвет, чтобы выбрать его. Здесь я выбираю оранжевый цвет, второй слева:
Щелкните любой цвет в палитре «Образцы», чтобы сразу выбрать его.
Щелкнув по нему, я могу увидеть, посмотрев на образец цвета переднего плана в палитре инструментов, что цвет, который я только что щелкнул, действительно был выбран:
Цвет, выбранный вами в палитре «Образцы», отображается в образце цвета переднего плана на палитре «Инструменты».
Выбор нового цвета фона из палитры образцов
Чтобы выбрать цвет, который будет использоваться в качестве цвета фона, просто удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните нужный цвет в палитре Swatches. Здесь я нажимаю темно-красный цвет, удерживая «Ctrl / Command»:
Удерживая нажатой клавишу «Ctrl» (Win) / «Command» (Mac), щелкните любой цвет в палитре «Образцы», чтобы выбрать цвет для использования в качестве цвета фона.
Теперь, если я снова посмотрю на свою палитру инструментов, я вижу, что образец цвета фона заполнен темно-красным цветом, на котором я только что щелкнул:
Образец цвета фона в палитре «Инструменты» теперь отображается с цветом, который вы выбрали в палитре «Образцы».
Теперь я могу использовать цвета из моего набора образцов «Осенние листья», когда захочу и как захочу! Здесь я создал простой дизайн для стихотворения, используя цвета из моего набора образцов, а также кисть «Рассеянные кленовые листья», которая поставляется с Photoshop:
Дизайн для стихотворения с использованием цветов из моего набора образцов «Осенние листья».
бесплатных цветовых палитр от популярных дизайнеров
Выбор цветовой палитры может оказаться сложной и трудоемкой задачей.Чтобы сэкономить ваше время на следующем дизайнерском проекте, мы попросили некоторых очень популярных дизайнеров поделиться своими любимыми цветовыми палитрами. Проверьте их все ниже и загрузите бесплатно.
Игривая палитра Лизы Гланц
Лиза Гланц любит сочетания горчичного, коричневого, кремово-розового, румян и мяты и все, что имеет атмосферу 70-х.
Палитра цветов и фламинго от Kris Lauren
Крис Лорен тяготеет к более холодным цветам и в основном использует розовую, пурпурную и синюю стороны цветового круга и предпочитает приглушенные тона.Она признает, что редко использует яркие цвета, такие как оранжевый, если они не нужны.
Советы Криса по поиску отличной цветовой палитры:
«Я визуализирую общее настроение и чувствую, что я хотел бы создать и что было бы подходящим для предмета, а затем (в зависимости от материала) смешиваю цвета, которые кажутся правильными».
Палитра Earthy Color от Creators Couture
Джессика Джонсон говорит, что у нее нет любимой цветовой палитры, поскольку она любит «слишком много исследовать цветовые комбинации, чтобы придерживаться одной палитры.”
Она постоянно вдохновляется последними тенденциями моды, и недавно она создала эту землистую палитру, которой поделилась со своей аудиторией в Instagram.
Советы Джессики по поиску отличной цветовой палитры:
«В основном я использую фотографии для вдохновения. Я часто использую инструмент «пипетка» и увеличиваю размер образца до большего радиуса, чтобы получить лучший цвет, чем если бы я просто брал образец для отдельной точки ».
Тропическая палитра цветов от Denise Anne
Любимая цветовая палитра Дениз Энн включает сине-зеленый, золотисто-желтый и кораллово-розовый.Она будет использовать эту палитру в большинстве своих работ, так как это счастливые цвета, напоминающие ей солнечный свет.
Советы Дениз по поиску отличной цветовой палитры:
«После того, как вы определились с темой и настроением, ваши цвета должны иметь светлую и темную версии для обеспечения контраста. Для иллюстраций у вас должно быть как минимум два значения для каждого оттенка. Но три — это то, что мне нравится использовать больше всего, а четыре значения дадут вам действительно отличные градации для глаз, на которых можно отдыхать ».
Палетка начала 20 века от Джереми Чайлда
Когда дело доходит до выбора цветов, Джереми Чайлд сообщает: «Я большой поклонник мягких винтажных цветовых палитр от начала до середины века.В частности, бирюза. Если я начинаю работу над дизайном, не имея представления о цвете, я почти всегда добавляю бирюзовый и беру его оттуда! »
Советы Джереми по поиску отличной цветовой палитры:
«Используйте цветовое колесо. Это может показаться базовым знанием дизайна, но это самый быстрый и эффективный способ быстро выбрать дополнительные цвета ».
Цветовые палитры от Julia Dreams
Julia Dreams использует в своих работах преимущественно пастель и приглушенные цвета, но ей нравится экспериментировать и с другими цветами.Она признает, что на создание одних цветовых палитр уходит больше времени, чем на другие, но иногда она точно знает, какие цвета ей нравится использовать. Например, при создании своего продукта «North Dream Collection» она знала, что цветовая палитра будет включать оттенки красного, синего и черного.
Советы Джулии по поиску отличной цветовой палитры:
«После путешествия на испанский остров я был так вдохновлен природой и архитектурой этого острова, что сразу после возвращения я создал коллекцию« South Dream Collection »и использовал цвета с фотографии.”
Цветовая палитра Holly Pixels
Для своего бренда Холли Пикселс любит использовать мягкие пастельные тона, и она, как правило, придерживается их, когда создает работы для своей ленты в Instagram или своих собственных продуктов, таких как эмалированные булавки и наклейки. Что касается других продуктов, таких как те, которые она делает для своих цифровых планировщиков, она любит более яркие цвета и признает, что редко выбирает темные и приглушенные цвета.
Советы Холли по поиску отличной цветовой палитры:
«Начните с основных цветов, а затем посмотрите, какие оттенки каждого цвета подходят в целом.Так что, если я выбираю розовый, я обычно выбираю один или два других его оттенка, поэтому у меня есть варианты для затенения моих иллюстраций ».
Цветовая палитра Twigs and Twine
Лаура говорит нам, что, хотя у нее нет любимой цветовой палитры, она предпочитает более мягкие оттенки.
Советы Лауры по поиску отличной цветовой палитры:
«Я черпаю вдохновение в узорах в одежде, которую люблю, например, или в других произведениях искусства. Фотографии в книгах и журналах о стиле жизни также являются отличным источником, когда мне нужно активно черпать вдохновение.”
Цветовая палитра от Мэг Лэдудл
Мэг Лэдудл очень любит яркие, живые цвета, которые можно увидеть на ее примере ниже.
Советы Мэг по поиску отличной цветовой палитры:
«Ищите вдохновение в другой дизайнерской работе, которая отличается от вашего стиля дизайна / иллюстрации. Таким образом, вы можете использовать цветовую палитру в сочетании с вашим собственным стилем, чтобы создать что-то новое и уникальное ».
Ресурсы для поиска цветовых палитр
• Color Collective
• Love Print Studio
• Семена дизайна
• Цветовые палитры
• Доска Pinterest Лизы
• Словарь цветовых комбинаций
• Цветовое колесо Adobe
Работа с палитрами / панелями в Photoshop
Что такое палитры или панели?
Думайте о палитрах как о миниатюрных рабочих пространствах, каждое из которых выполняет свою функцию.Вам доступно почти два десятка различных палитр. Если вы новичок в Photoshop, то я бы посоветовал в духе K.I.S.S. (Keep It Super Simple), что вы начинаете с семи (девять в CS4) и добавляете те, которые считаете необходимыми, по мере того, как набираетесь опыта.
Ниже представлены изображения палитр / панелей, которые я предлагаю вам настроить на рабочем столе Photoshop для создания надлежащего рабочего пространства:
Кстати, нажмите на ссылку ниже, чтобы загрузить больший JPG этих снимков экрана:
CS4
CS3
Авторские права © Джон Уоттс
Авторские права © Джон Уоттс
Photoshop предоставляет вам набор предопределенных рабочих пространств: вы можете получить к ним доступ, перейдя в меню «Окно» — «Рабочее пространство» .Я бы начал с «Рабочее пространство по умолчанию» , затем я бы предложил вам добавлять или вычитать палитры, пока в вашем рабочем пространстве не будет только следующее:
1. Палитра инструментов
2. Палитра слоев
3. Палитра истории
4. Панель действий
5. Палитра навигатора
6. Информационная палитра
7. Палитра гистограмм
8. Панель регулировки
(только CS4)
9. Панель масок
(только CS4)
Почему именно эти палитры?
Эти семь (девять в CS4) палитр / панелей — те, которые вы будете использовать чаще всего.Поскольку важно, чтобы все было просто (помните о K.I.S.S.!), Придерживайтесь этого для начала — вы не ошибетесь. В конечном итоге я подробно расскажу о большинстве этих палитр в следующих статьях. — Если вам нужно больше узнать о функциях каждой палитры / панели, см. Раздел «Справка» в Photoshop.
Чтобы временно скрыть все ваши палитры: Просто нажмите / переключите «Tab» клавишу на клавиатуре, чтобы скрыть и показать все палитры / панели одновременно.
Для добавления или вычитания палитр: В рабочем пространстве по умолчанию вы заметите, что определенные палитры «прикреплены» друг к другу: это сделано для экономии ценной «площади экрана» (кстати, «площадь экрана» не так критично, если вы используете более одного монитора).Вы можете легко разгруппировать их и перемещать по рабочему пространству, перетаскивая их вместе с вкладкой.
Чтобы переместить: Чтобы переместить палитру, наведите указатель мыши на имя палитры (на «вкладке» палитры), удерживая левую кнопку мыши нажатой, перетащите ее в желаемое место в рабочем пространстве.
Чтобы изменить размер: Чтобы изменить размер, поместите курсор в нижний правый угол палитры, и ваш указатель превратится в двустороннюю стрелку.Удерживая левую кнопку мыши нажатой, перетащите палитру до желаемого размера.
Для удаления: Для удаления просто щелкните «x» справа от имени на вкладке. Не волнуйтесь, если вы случайно удалили нужную палитру: вы можете получить доступ к меню «Окно» , чтобы восстановить ее.
Меню «Окно»: В меню «Окно» вы увидите названия доступных палитр. Вы заметите, что выбранные вами палитры будут отмечены галочкой.Это еще один способ добавления палитр — просто поставьте галочку рядом с палитрой, которую хотите добавить.
Чтобы сохранить рабочее пространство: После того, как вы настроили рабочее пространство, вы можете сохранить его. Перейдите в «Окно» — «Рабочая область» — «Сохранить рабочую область» и при появлении запроса дайте ему соответствующее имя. Вы можете легко получить к нему доступ снова, следуя той же последовательности меню: вы увидите имя вашего сохраненного рабочего пространства внизу.
Параметры палитры: В каждой палитре вы заметите обращенный вниз треугольник с тремя параллельными линиями рядом с ним в верхней правой части палитры.Это дает вам доступ к параметрам палитры. Каждая палитра будет иметь свой набор параметров, таких как размер значков в палитре, доступный вам вид и так далее. Вы должны изучить их — мне лично нравятся значки большего размера в моей палитре слоев.
Другие варианты палитр: Существует множество способов работы с палитрами, выходящими за рамки этого столбца, например, скрытие, изменение размера, сворачивание, сворачивание, складывание и группирование палитр. Должен признаться, у меня много «экранного пространства» (у меня два больших монитора), поэтому я не пользуюсь большинством этих функций.Чтобы узнать больше о том, что доступно, перейдите в справку Adobe Photoshop и уделите время главе о рабочей области.
До следующей колонки, веселитесь и будьте в безопасности!
Джон Уоттс, Watts Digital Imaging
Авторские права на все письменное содержание (и большинство изображений) в этих статьях принадлежат авторам. Защищенные авторским правом материалы Apogee Photo Mag не должны использоваться где-либо еще без разрешения авторов.
12 лучших плагинов Photoshop для художников и аниматоров
Источник изображения Ресурсы По сценарию Клэр Хегинботэм Раскрытие информации: этот пост может содержать партнерские ссылки.Это означает, что если вы что-то покупаете, мы получаем небольшую комиссию без каких-либо дополнительных затрат для вас (подробнее)Photoshop — мощная программа с множеством инструментов и функций. Но иногда эта функциональность не работает.
Легко потратить часы, пытаясь найти идеальную цветовую палитру и систематизируя ваши слои в идеальные структуры. И даже не спрашивай меня, сколько времени нужно, чтобы просмотреть коллекции кистей.
К счастью, некоторые творческие умы создали плагины для PS , чтобы решить любую проблему, которую вы только можете себе представить.
Даже если вы используете только один из этих плагинов, он все равно может помочь упростить ваш художественный процесс. Экономия времени на черных задачах означает, что вы можете больше сосредоточиться на том, что действительно важно — на своих работах.
1. Coolorus
Coolorus — это плагин цветового колеса вашей мечты.
Плагин повышает вашу скорость и последовательность при выборе цветов и даже сохраняет вашу историю выбора цвета на лету. Пользовательский интерфейс прост для понимания и исключительно быстро реагирует на выбор цвета.
Если вам сложно добиться однородности и гармонии цвета, используйте функцию «Блокировка гаммы» и функции «Смешение цветов», чтобы не терять работоспособность.
Они фиксируют диапазон цветов, из которых вы можете выбирать, сохраняя согласованность вашей палитры.
Смешивайте цвета для создания новых оттенков с помощью Color Mixer и сотрудничайте с другими, сохраняя палитру своего проекта и делитесь ею.
Обманчиво простой, этот плагин требует незначительного обучения и позволяет мгновенно выбирать лучшие цвета.Элегантный пользовательский интерфейс — главный аргумент в пользу продажи, а функциональность Coolorus поможет вам выбрать лучшие цвета для ваших работ.
2. BrushBox
Вы когда-нибудь загружали кучу новых красивых кистей, чтобы потратить следующие два часа на поиски подходящей?
Не секрет, что диспетчеру наборов кистей Photoshop не хватает организационных возможностей. И легко потратить драгоценное время, просматривая свою коллекцию кистей в поисках старого фаворита.
Вот где на помощь приходит BrushBox! Он обладает той мощностью управления кистью, которую вы так долго искали.
Вы можете организовать свои кисти в группы с метками, которые имеют цветовую кодировку для облегчения идентификации.
Пользовательские теги ваших любимых кистей, чтобы вы могли найти их позже с помощью быстрого поиска. Если вы обнаружите, что используете одну и ту же кисть снова и снова одним и тем же способом, вы также можете изменить ее предустановленные настройки и даже заранее определить ее цвет.
Быстрый, легкий в использовании и очень простой в использовании, BrushBox идеально подходит для тех, кто хочет немного упростить свою цифровую живопись.
3. Переименование
Если вы часто сталкиваетесь со сложными и беспорядочными проектами, Renamy — идеальный плагин для вас.
Это инструмент организации слоев с впечатляющей системой переименования и тегов.
Флагманская функцияRenamy — это выбор и переименование нескольких слоев одним щелчком мыши. После завершения переименования он записывает имя, которое вы использовали в качестве тега, что упрощает поиск этих слоев позже.
Исключительно полезная в больших проектах с более чем 20 слоями, функция «Найти и заменить» позволяет быстро переименовывать их группами.
Например, вы можете указать Renamy найти все «красные» имена и заменить их «синими».
Renamy требует, чтобы вы использовали немного базового кодирования на их собственном языке, но его быстро освоить и легко запомнить.
Взгляните на их страницу часто задаваемых вопросов, чтобы узнать об используемых командах, и сохраните ее в виде шпаргалки!
4. MagicPicker
MagicPicker похож на плагин Coolorus (№1 в этом списке) и служит улучшением вашего цветового круга.
Он невероятно прост в использовании и имеет некоторые дополнительные функции и умные сочетания клавиш.
Цветовой круг может отображаться в кубе LUT или традиционном цветовом круге. Пользовательский интерфейс плавный и хорошо оптимизированный, масштабируется почти мгновенно, когда вы увеличиваете панель.
Если вам нравится рисовать с использованием цветовых схем, MagicPicker дает вам возможность выбрать заблокированных, монохромных, дополнительных, триадных и других подобных схем.
Чтобы еще больше ограничить беспорядочный выбор цвета, вы можете включить Gamut Lock , ограничивая параметры цвета теплой или холодной гаммой.
Для тех, кто намеревается печатать свои работы, K-Lock блокирует значение K проектов CMYK, обеспечивая яркие и точные цвета при печати.
Этот плагин можно установить как в Photoshop, так и в Illustrator, что делает его еще более универсальным, чем другие варианты.
5. MagicSquire
Как и BrushBox, MagicSquire позволяет организовывать кисти в основные группы с цветовой кодировкой для облегчения выбора.
Однако истинная сила MagicSquire заключается в детальном сохранении кистей и предустановленных настройках.
При сохранении кисти вы увидите четыре автоматически сгенерированных превью, из которых вы можете выбрать один из них.
Кроме того, вы можете указать, какие функции вы хотите сохранить: цвет, размер, дрожание, непрозрачность и многое другое.
Для чего-то более необычного вы можете переключить визуализацию в горизонтальный режим — уникальный способ увидеть, как ваша кисть будет реагировать на рисование горизонтальных линий.
Пользовательский интерфейс прост и удобен для пользователя, что позволяет быстро изучить его.
Просто посмотрите основной видеоурок, и вы научитесь систематизировать кисти, создавать кисти и создавать изображения быстрее, чем когда-либо прежде.
6. Конструктор цветов
Конструктор цветов избавляет от догадок при выборе палитры. Он использует мощные инструменты 3D-визуализации и мгновенно дает вам реалистичную палитру для работы в зависимости от вашего источника цвета.
Просто выберите цвет источника света и цвет тени для сцены, которую вы рисуете.
Затем вы можете выбрать до четырех основных цветов и мгновенно получить результат затенения в соответствии с вашей системой освещения. Следующий снимок экрана с результатом, скопируйте его в Photoshop, и вы готовы начать рисовать с точной цветовой палитрой.
Плагин не требует знаний 3D и прост в использовании.
Вы можете повторять этот процесс столько раз, сколько хотите, чтобы создать детализированные сцены с несколькими источниками света.
Воспользуйтесь возможностями систем трехмерного освещения, даже не открывая трудоемкую трехмерную программу. Если вы хотите получить более подробную информацию, посмотрите это видео, чтобы увидеть, насколько хорошо он работает в действии.
7. Палитра Prisma
Используя плагин Prisma Palette, вы можете автоматически рассчитывать цвета вашей сцены на основе света и тени.
Он не дает вам предварительной визуализации, а вместо этого регулирует цвет вашей кисти в соответствии с имеющимся у вас источником света.
Сразу же вы можете выбрать цвет фона, а затем светлый цвет и начать рисовать базой. Он работает с алгоритмами, поэтому сначала весь процесс может показаться немного неуклюжим, но вы к нему привыкнете, немного поэкспериментировав.
Плагин все еще находится на стадии бета-тестирования, и создатель занят созданием подробных руководств, но это все еще стоит вложения, если вы хотите узнать больше о теории цвета.
Посмотрите это краткое руководство, чтобы узнать, как оно работает и почему оно может помочь сделать ваши работы более реалистичной цветовой палитрой.
8. Панель инструментов аниматора
Анимация в Photoshop — утомительная и трудоемкая задача.
Простой проект может быстро превратиться в запутанную путаницу слоев. Инструменты рисования PS превосходны, но отсутствие управления временной шкалой заставляет аниматоров выдергивать волосы.
Панель инструментов аниматора быстро упорядочивает хаос с помощью инструментов, которые могут перемещать, дублировать, упорядочивать, маркировать и объединять слои на одной временной шкале.
Самой мощной особенностью этого плагина является его способность обрабатывать несколько слоев одновременно, ускоряя рабочий процесс.
Панель инструментов аниматора содержит отдельную панель инструментов, которая обладает многими функциями, которые вы ожидаете от других программ 2D-анимации. Вы можете создавать удержания, вводить новые группы видеослоев и изменять синхронизацию выбранных слоев.
Если вы серьезный аниматор, желающий создавать покадровую анимацию прямо в Photoshop, этот плагин просто необходим.
9. AnimDessin2
Этот плагин совершенно бесплатный и идеально подходит, если вы хотите изучить возможности анимации в Photoshop.
Как и Плагин для панели инструментов Animator, вы можете использовать AnimDessin2 для упрощения процесса анимации в Photoshop.
Плагин представляет собой простую операцию, которая включает в себя панель временной шкалы и возможность выбора длительности ключевого кадра для каждого слоя.
Затем вы можете быстро воспроизвести свой проект, чтобы увидеть результаты.
AnimDessin2 отлично подходит для начинающих, желающих попробовать свои силы в покадровой анимации. Но это может быть слишком просто для художников, привыкших к большей функциональности.
10. Симметрия Брута
Этот забавный плагин симметрии обладает удобной функциональностью и интеллектуальными инструментами.
Хотя поначалу инструменты кажутся простыми, способность быстро отражать / отражать и вращать скоро станет частью вашего повседневного процесса проектирования.
Для быстрого создания персонажей и мозгового штурма вы просто настраиваете горизонтальные и вертикальные направляющие, которые мгновенно отражают мазки кисти.Вы можете перемещать направляющие по ходу движения, быстро меняя внешний вид своей работы.
Brutus не ограничивает вас только гидами.
Он также работает с областями выбора. Выберите то, что вы хотите отразить, и нажмите на один из множества вариантов инструментов для мгновенного результата.
Для некоторых дурацких, захватывающих дизайнов вам следует поиграть с функцией калейдоскопа.
Этот плагин настолько же интересен, насколько и полезен!
11. Магазин частиц
ParticleShop — один из тех классных плагинов, которые понравятся как новичкам, так и экспертам.Он создает реалистичные частицы с каждым вашим движением и вдыхает жизнь в ваши изображения.
Плагин поставляется с 11 кистями по умолчанию, которые помогут вам нарисовать все, от дыма до эффектов распада.
Это идеальный инструмент для любого художника, который использует эффекты тяжелых частиц, такие как мощные взрывы супергероев или кружащиеся огненные угли. Многие используют этот плагин для увеличения фотографий и превращения их в стилизованные произведения искусства.
Если прилагаемые кисти не соответствуют вашим потребностям, вы всегда можете сделать свои собственные или загрузить дополнительный набор кистей.Кистями легко пользоваться, и прямо здесь вы можете найти обширную видеотеку со всеми кистями.
Если вам нужен дым, эпические энергетические взрывы или волшебная пыль, ParticleShop — это искра, которую вы так долго искали.
Также обратите внимание: ParticleShop совместим с Adobe Photoshop, CorelDRAW и множеством подобных программ для редактирования графики.
12. Инструменты перспективы
Perspective Tools — фантастический плагин, полезный для художников, использующих в качестве основы базовые 3D-рендеры.Он также отлично подходит для тех, кто занимается технической матовой окраской.
В основном он используется для размещения 2D-текстур в правильной 3D-перспективе.
Используя инструмент «Перо», вы можете создать сетку перспективы с одной, двумя или тремя осями.
На сетке нарисуйте фигуру — чаще всего открытый квадрат. Затем привяжите 2D-слой к точкам пути.
Умный слой остается редактируемым и может быть изменен в любое время. Это полезно для таких операций, как размещение плаката на стене или наклейки на коробку.
Один впечатляющий и особенно уникальный инструмент в этом плагине называется de -pective .
После выбора области с помощью инструмента «Перо» и удаления перспективы программа пытается вычислить, как будет выглядеть плоская развернутая текстура. Затем вы можете редактировать интеллектуальный слой, содержащий развернутую текстуру, и автоматически обновлять трехмерный вывод. Довольно круто!
Этот плагин требует базовых знаний о перспективе и принципах 3D.При правильном использовании это удобный инструмент, который ускоряет операции, которые раньше требовали трудоемкого редактирования деформированной сетки.
КPerspective Tools сначала нужно немного привыкнуть. Но просмотр видеоролика и чтение документации дадут вам хорошее начало.
Автор: Клэр Хегинботэм
Клэр — путешествующая творческая личность, живущая в Осаке, Япония. Она целыми днями пишет, изучает и поедает безбожное количество суши.Читайте о ее приключениях здесь или тайком следите за ней в Instagram и Twitter.
Цветовые палитры и инструменты для ретро-игр
Вот набор цветовых палитр для пиксельной графики, которые можно использовать, а также некоторые полезные ресурсы. Не стесняйтесь скачивать палитры. Я буду периодически обновлять это по мере того, как нахожу больше интересных ресурсов, связанных с цветовой палитрой.
Палитры настроены для импорта в такую программу, как Pyxel Edit, которая в настоящее время является моим предпочтительным программным обеспечением для Pixel Art.Они будут выровнены, как показано, если вы установите ширину и высоту, которые я предоставил, в инструменты цветовой палитры Pyxel Edit.
Как правило, новичку, работая с меньшим количеством цветов, лучше потренироваться и научиться правильно использовать цвета. Я бы порекомендовал попрактиковаться с Gameboy, а затем, возможно, продолжить это с Pico8, Micro 12 или AAP 16.
Видео ниже — отличный пример того, как начать работу:
Есть замечательный веб-сайт, который позволяет вам бесплатно автоматически генерировать собственные цветовые палитры.
Вот действительно хорошее руководство, которое научит вас основам создания собственных цветовых палитр. Вначале мне понравилось использовать автогенератор, описанный выше, в сочетании с методами из этого урока.
Вы можете щелкнуть правой кнопкой мыши и сохранить любую палитру как изображение. Вы можете импортировать их в программное обеспечение, такое как Pyxel Edit, и оно настроит для вас цветовую палитру как единственные цвета, из которых вы можете выбирать.
Для Pyxel Edit вам не нужно изменять размер изображений, но если по какой-либо другой причине вам нужно изменить их размер:
- Уменьшите изображения до масштаба 1 пиксель — установите ширину и высоту в пикселях равными ширине и высоте, указанным в этом сообщении (если вы используете Photoshop, используйте параметр «Ближайшее соседство» в качестве настроек изменения размера)
- Увеличьте палитру, в идеале кратно 100%, до желаемого размера
- Сохраните изображение
Ширина: 4 цвета
Высота: 3 цвета
Пример
Ширина: 8 цветов
Высота: 1 цвет
Ширина: 12 цветов
Высота: 1 цвет
Для начинающих.
Ширина: 16 цветов
Высота: 1 цвет
Ширина: 8 цветов
Высота: 2 цвета
| |||||||||