Как в фотошопе сделать цветовой круг. Как подобрать цвет

Сразу вспомнилась картинка:

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

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

Круто, да? Значит, зеленый отлично сочетается с красным. А теперь посмотри какой ад получится, если сделать зеленую кнопку на красном фоне или красную кнопку на зеленом фоне:

Хочется поскорее закрыть: слишком агрессивно в обоих случаях, давит на мозг. Получается, что сочетается зеленый с красным не так уж и хорошо? А вот, если фон будет, например, белым, то зеленая кнопка отлично будет смотреться рядом с красной:

Поэтому ответ на вопрос «какой цвет подходит к зеленому» есть только у того, кто видит всю картину.

Цветовой круг

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

Есть немало онлайн-сервисов на эту тему. Удобный — colorscheme.ru .

Пользоваться легко — выбираешь цвет (вводишь код, либо просто тыркаешь в подходящий) и получаешь сочетающиеся цвета. Одна из фишек — пример страницы с выбранными цветами. Табы внизу: светлая страница или темная.

Color Guide

В иллюстраторе есть клевый функционал, который работает по принципу цветового круга и показывает сочетание цветов. Называется панелька Color Guide.

Берешь пипеткой цвет — а иллюстратор тебе показывает все комбинации: соседние, контрастные, триады и так далее.

Adobe Color Themes

В самом фотошопе есть такой же функционал. Раньше это были просто темы (набор цветов), а потом к ним добавили и сам цветовой круг, и теперь панелька называется Adobe Color Themes

По радуге

Сам же я цвета подбираю по «радуге»: перетягиваю ползунок и забираю цвет.

В примере я подобрал красный, фиолетовый и оранжевый. Шкала («радуга») лишь помогает подобрать цвет c разным оттенком (H = Hue) и иногда результат не устраивает. Вот мне не понравился грязный и унылый оранжевый и я сделал из него чистый и клевый. Если нужно подобрать по насыщенности (S = Saturation) или по яркости (B = Brightness), то просто меняем шкалу.

Это один из вопросов, который был задан учениками на курсе Adobe Photoshop. Базовый уровень При желании дополнительные вопросы можно задавать прямо в комментариях к этому посту. В дальнейшем ссылки на все вопросы будут собраны в одном посте и систематизированы.

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

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

Итак, какие же бывают «цветовые круги»?

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

При работе с инструментами Photoshop опираться на этот круг нельзя. С точки зрения физики и физиологии — он пострен криво и неправильно. Но давайте по порядку.

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

Для каждой группы колбочек подбирается такой стимул, который будет минимально возбуждать соседние группы. Вот откуда в адитивной системе появляются Red, Green и Blue. Самая большая проблема возникает с зеленым стимулом. Из-за сильного взаимного перекрытия кривых в районе 500 нм он всегда возбуждает не только средне, но и длинно и коротко волновые колбочки. Именно в этом кроется принципиальная немозможность создания трехстимульных мониторов с очень большим цветовым охватом (привет от оранжевой обложки с первой иллюстрации).

В реальной жизна стимулы гораздо более сложные и описываются спектральным распределением энергии. Если это распределение равномерно, то стимул выглядит ахроматическим, а проще говоря — серым. При достаточно большой яркости мы примычно называем его белым. При этом белый луч можно разложить в спектр, который так же по привычке часто называют радугой. Что и было сделано при помощи призмы. В 17 веке Исааком Ньютоном, а в 20 — художником, оформлявшим обложку альбома The Dark Side of the Moon группы Pink Floyd.

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

Поэтому лучше расположить цвета так, как это сделано на левом круге. Правильным является именно такое расположение: красный вверху, по часовой стрелке за ним идет желтый и т.д. Именно по такому кругу откладывается значение цветового тона (Hue) в цветовых моделях HSB и HSL. Я специально отзеркалил и развернул круг Иттена, чтобы совместить красные цвета и обеспечить соответствующий переход оттенков. Это наглядно показывает насколько он неравномерный.

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

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

Ну, а затемнение синего, предсказуемо приведем центр к желтому оттенку. И по таком принципу работают все инструменты фотошопа. Поэтому пока Вы работаете с ними, забудьте про круг Итенна. Он только запутает.

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

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

Очень подробно об этом рассказывает Саша Чалдрян на первом занятии курса «Adobe Photoshop. Творческая ретушь» . Я же ограничусь только тремя небольшимы иллюстрациями из конспекта к этому занятию.

Родственные сочетания — монохроматические сочетания двух-трех соседних секторов круга.

Родственно-контрастные сочетания — сочетания цветов, в каждом из которых присутствует “родственный”. Желто-зеленый, желтый, желто-оранжевый, желто-красный — для них всех есть объединяющий желтый, но схема довольно контрастная. В данном случае картинка не совсем соответствует приведенной схеме, но Вы и сами легко догадаетесь, как нужно поправить схему для более точного соответствия.

Триадные схемы — цвета, расположенные на вершинах равностороннего треугольника, вписанного в круг.

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

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

Плагины Photoshop для цвета, шрифтов и эффектов

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

Основные характеристики:

• Управляет образцами цветов и позволяет упорядочить их по папкам
• Работает на OS X и Windows
• Требует наличие Photoshop СС и СС 2014

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

Основные характеристики:

• Работает на OS X и Windows
• Поддерживает программы Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 и CS3
• Позволяет создавать цветовые схемы
• Выбор цвета из улучшенного цветового колеса с тремя режимами и функция Tone Lock
• Выбирает только теплые или холодные тона из палитры
• Одним щелчком мыши копирует шестнадцатеричные коды цвета

Цена: 19$, имеется пробная бесплатная 15-дневная версия для скачивания

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

Основные характеристики:

• Работает на ОС X и Windows
• Позволяет создавать собственные фильтры, эффекты и текстуры
• Наличие онлайн-хранилища фильтров
• Генерирует карты и текстуры, которые поддерживают бесшовную плитку

Цена: 399$, доступна бесплатная 30-дневная пробная версия

Eye Candy 7 от Alienskin — это плагин, который позволяет выбрать из 32 категорий эффектов и более тысячи пресетов, чтобы применить к вашей графике. Вы можете использовать его, чтобы создавать свои собственные эффекты и мгновенно просматривать изменения, примененные к любому слою. Все эффекты применяются на новом слое, так что ваши оригинальные графические объекты останутся нетронутыми, пока вы не решите изменить их.

Основные характеристики:

• Создает и применяет реалистичные эффекты
• Возможность выбора пресетов из богатой коллекции
• Поддерживает редактирование на новом слое, чтобы сохранить оригинальный дизайн
• Моментальный предпросмотр эффектов
• Работает на OS X ОС x 10.7 или новее, Windows 7 и 8
• Требуется Photoshop CS5, Elements 10 или новее

Цена: 129$, доступна бесплатная пробная версия

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

Основные характеристики:

• Помогает импортировать, просматривать и упорядочивать все ваши шрифтов непосредственно в Photoshop
• Возможность ставить теги и добавлять в избранные шрифты, чтобы облегчить поиск
• Поддержка веб-шрифтов
• Работает на OS X и Windows, требуется Photoshop СС 2014

Цена: 39$

Другие плагины для Photoshop

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

Основные характеристики:

• Дает вам доступ к тысячам бесплатных иконок
• Все иконки доступны в полностью редактируемом векторном формате
• Поддерживает Photoshop CS5, CS6, CC и CC 2014

Это спасительный плагин, если вы часто используете отсканированные материалы в ваших проектах. Он удаляет интерференционные картины из отсканированных изображений с помощью точного преобразования по методу Фурье. В отличие от других инструментов, которые полагаются на размытость, Descreen может сохранить больше деталей благодаря этому подходу. Рекомендуемое разрешение для просмотра между 600 и 1200 пикселями/дюйм.

Основные характеристики:

• Поддерживает Photoshop от версии 7.0 и CS до CS6 и CC
• Удаляет интерференционные картины из отсканированных изображений
• Работает на Windows и OS Х

Цена : Н ome Edition — €15, Professional Edition — €75

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

Основные характеристики:

• Позволяет увеличить, кадрировать и выправлять фотографии
• Оптимизирует фотографии для печати
• Поддерживает пакетное изменение изображений
• Работает на Windows 7 и 8 и ОС x 10.8 – 10.10
• Требуется Photoshop CS6, CC или CC 2014, а также Elements 11, 12 и 13

Цена: 79.95$, доступна 30-дневная пробная версия

Этот плагин идеально подходит для дизайнеров обложек книг и всех, кто желает продемонстрировать свою работу на профессиональном уровне в визуально привлекательной форме. Cover Action Pro преобразует ваш дизайн в 3D-модели продукта. Вы можете использовать шаблоны и направляющие, и выбрать из 25 категорий, содержащих более 150 моделей, в том числе книги, переплет, коробки DVD, поздравительные открытки, визитные карточки, журналы.

Основные характеристики:

• Позволяет конвертировать ваши проекты в 3D-модели продукта
• Предлагает шаблоны и модели
• Разработан для Photoshop CS6 и новее, но может работать для CS5, CS4 и CS3
• Автоматическое обновление

Цена: 147$ или 247$ с 60 дизайнерскими шаблонами

Avocode — это инструмент для совместной работы и управления проектами, предназначенный для сотрудничества дизайнера и разработчика. Он позволяет дизайнерам загрузить свой проект через плагин Photoshop, а разработчики могут затем изучить элементы дизайна в веб-интерфейсе или десктопном приложении. Avocode экспортирует слои в виде изображений, конвертирует слои в CSS, Less, Sass и Stylus, дает информацию о форматировании текста и размерах слоя. Он сохраняет все загруженные варианты дизайна на сервере, поэтому вы можете использовать его в качестве системы контроля вариантов вашего проекта.

Основные характеристики:

• Легко делится вашими проектами с помощью плагина для Photoshop
• Проверка дизайна в веб-интерфейсе или приложение – работает на OS х, Windows и Linux
• Экспортирует слои в виде изображений, преобразовывая в CSS
• Дает доступ к предыдущим вариантам дизайна

Цена: начинается от 20$ в месяц, предоставляется бесплатный 14-дневный пробный период

Многие художники пользуются цветовой моделью HSB . Эта математическая модель очень удобна для подбора оттенков и цветов. Модель HSB основана на модели RGB , но имеет другую систему координат. Любой цвет в модели HSB определяется своим цветовым тоном (оттенком), насыщенностью (то есть процентом добавленной к цвету белой краски) и яркостью (процентом добавленной черной краски). Из перечисленных трех составляющих менее всего понятна насыщенность . Можно определить насыщенность как «живость» цвета. Чем более цвет насыщен, тем дальше он от серого. Белый, черный цвета, все оттенки серого имеют минимальную насыщенность.

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

Трехканальная модель HSB получила название по первым буквам английских слов Hue (Оттенок), Saturation (Насыщенность) и Brightness (Яркость) . Модель HSB универсально применяется для цветокорреции — в этом она незаменима. Во всех графических приложениях эта модель присутствует в том или ином виде. Достоинство этой модели состоит в том, что она создавалась не для мониторов или принтеров, а для людей. Ведь человек интуитивно воспринимает цвет, разделяя его на оттенок, насыщенность и яркость.

Модель HSB удобно представлять в виде цветового круга . Значение цвета выбирается как точка на круге (или вектор , выходящий из центра окружности и указывающий на данную точку). Различные оттенки располагаются по окружности, состоящей из 360 градусов. Красный цвет соответствует 0, желтый — 60, зеленый — 120, бирюзовый — 180, синий — 240 и пурпурный — 300 градусам. Точки на самой окружности соответствуют чистым (максимально насыщенным) цветам. Точка в центре соответствует нейтральному цвету минимальной насыщенности (белый, серый, черный — это зависит от яркости). То есть можно сказать, что угол наклона вектора определяет оттенок, длина вектора — насыщенность цвета . Яркость цвета задают на отдельной оси, нижняя точка которой имеет минимальную яркость, а верхняя — максимальную.

Модель HSB имеет довольно широкий цветовой охват. Он не так велик, как у Lab, но больше охвата CMYK. На изображении серым цветом залиты цвета модели HSB, выходящие за границы охвата CMYK.

Палитра Кулер (Kuler) — невероятно полезный, пополняемый сообществом пользователей генератор цветовых схем, который впервые появился в версии программы фотошоп CS4, а за несколько лет до того начал работу в виде веб-приложения.

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

Чтобы открыть палитру Kuler , выберите команду меню Окно — Расширения — Kuler (Windows — Extensions — Kuler)

Примечание

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

Внимание!

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

Интерфейс палитры Kuler

Расшифровка сносок:

Пункт 1 — Поле ввода поискового запроса.

Пункт 2 — Раскрывающиеся списки фильтров.

Пункт 3 — Темы.

Пункт 4 — Кнопка Просмотреть предыдущий набор тем (Previous).

Пункт 5 — Кнопка Просмотреть следующий набор тем (Next).

Пункт 6 — Кнопка Обновите темы в сообществе Kuler (Refresh).

Пункт 7 — Кнопка Редактировать тему в панели создания (Edit themes).

Пункт 8 — Кнопка Добавить данную схему в образцы (Add selected theme to Swatches).

Пункт 9 — Выбирайте базовый цвет, перетаскивая кружок мышью вверх/вниз или к центру/от центра круга.

Пункт 10 — Ползунковый регулятор яркости.

Пункт 11 — Cлева направо:

• Кнопка Добавить текущий основной цвет как базовый (Add foreground color as base).
• Кнопка Добавить текущий цвет фона как базовый (Add background color as base).
• Кнопка Изменить другие цвета темы по законам гармонии (Apply harmony).
• Кнопка Добавить в тему новый цвет (Add color).
• Кнопка Удалить данный цвет из темы (Delete color).

Пункт 12 — Кнопка Загрузить цветовую тему на веб-сайт Kuler (Upload)

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

В верхней части палитры расположены три кнопки:

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

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

Чтобы использовать определенную тему, то есть импортировать ее цвета в программу фотошоп, выделите ее, в затем щелкните по кнопке Добавить выбранную схему в образцы (Add selected theme to Swatches) — пункт 8 .

Также можно щелкнуть мышью по маленькому треугольнику, который появляется справа от схемы, если ее выделить, и выбрать в контекстном меню команду Добавить на панель образцов (Add to Swatches Panel).

Создать (Create). Щелкните мышью по этой кнопке, чтобы открыть вкладку, которая позволяет вам создавать собственные темы.

Сначала выберите в раскрывающемся списке Правило (Color Ruler) цветовую схему: создавать можно и другие схемы. Затем перетаскивайте мышью заключенный в белое кольцо кружок на цветовом круге так, чтобы он окрасился в цвет, на основе которого вы хотите создать тему (другими словами, главный цвет). Вы увидите линии, которые из главного цвета идут к другим цветам согласно выбранного вами правила. Другие цвета при перемещении главного также будут перемещаться.

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

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

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

003. FAQ по работе в Photoshop от Андрея Журавлева.

Это один из вопросов, который был задан учениками на курсе Adobe Photoshop. Базовый уровень При желании дополнительные вопросы можно задавать прямо в комментариях к этому посту. В дальнейшем ссылки на все вопросы будут собраны в одном посте и систематизированы.

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

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

Итак, какие же бывают «цветовые круги»?

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

При работе с инструментами Photoshop опираться на этот круг нельзя. С точки зрения физики и физиологии — он пострен криво и неправильно. Но давайте по порядку.

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

Для каждой группы колбочек подбирается такой стимул, который будет минимально возбуждать соседние группы. Вот откуда в адитивной системе появляются Red, Green и Blue. Самая большая проблема возникает с зеленым стимулом. Из-за сильного взаимного перекрытия кривых в районе 500 нм он всегда возбуждает не только средне, но и длинно и коротко волновые колбочки. Именно в этом кроется принципиальная немозможность создания трехстимульных мониторов с очень большим цветовым охватом (привет от оранжевой обложки с первой иллюстрации).

В реальной жизна стимулы гораздо более сложные и описываются спектральным распределением энергии. Если это распределение равномерно, то стимул выглядит ахроматическим, а проще говоря — серым. При достаточно большой яркости мы примычно называем его белым. При этом белый луч можно разложить в спектр, который так же по привычке часто называют радугой. Что и было сделано при помощи призмы. В 17 веке Исааком Ньютоном, а в 20 — художником, оформлявшим обложку альбома The Dark Side of the Moon группы Pink Floyd.

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

Поэтому лучше расположить цвета так, как это сделано на левом круге. Правильным является именно такое расположение: красный вверху, по часовой стрелке за ним идет желтый и т.д. Именно по такому кругу откладывается значение цветового тона (Hue) в цветовых моделях HSB и HSL. Я специально отзеркалил и развернул круг Иттена, чтобы совместить красные цвета и обеспечить соответствующий переход оттенков. Это наглядно показывает насколько он неравномерный.

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

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

Ну, а затемнение синего, предсказуемо приведем центр к желтому оттенку. И по таком принципу работают все инструменты фотошопа. Поэтому пока Вы работаете с ними, забудьте про круг Итенна. Он только запутает.

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

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

Очень подробно об этом рассказывает Саша Чалдрян на первом занятии курса «Adobe Photoshop. Творческая ретушь». Я же ограничусь только тремя небольшимы иллюстрациями из конспекта к этому занятию.

Родственные сочетания — монохроматические сочетания двух-трех соседних секторов круга.

Родственно-контрастные сочетания — сочетания цветов, в каждом из которых присутствует “родственный”. Желто-зеленый, желтый, желто-оранжевый, желто-красный — для них всех есть объединяющий желтый, но схема довольно контрастная. В данном случае картинка не совсем соответствует приведенной схеме, но Вы и сами легко догадаетесь, как нужно поправить схему для более точного соответствия.

Триадные схемы — цвета, расположенные на вершинах равностороннего треугольника, вписанного в круг.

Теория цвета для фотографа: цветовой круг и гармоничные сочетания цветов | «Fotoаз»

Цветовой круг

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

Со школы всем нам известна поговорка, помогающая запомнить 7 цветов из цветового спектра:: «Каждый Охотник Желает Знать Где Сидит Фазан». Т.е. все мы помним, что световой луч через призму преломляется на 7  спектральных цветов: красный, оранжевый, жёлтый, зелёный, голубой, синий и фиолетовый. В художественной среде эти цвета представлены в виде хроматического (то есть цветного) цветового круга. Итак, давайте разберём этот самый цветовой круг и с чем его едят.

Все цвета образуются на основе всего 3х основных цветов — красного, синего и желтого. 

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

А если основные и составные цвета смешать в равной степени, то мы получим  третичные цвета. 

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

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

Другими словами, такое разбавление хроматических цветов ахроматическими называется «цветовая растяжка», которая и даёт нам вот такой цветовой круг на основе всё тех же 12 цветов, но с множеством тонов и оттенков.

Гармоничные сочетания цветов

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

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

Монохромное (одноцветное) сочетание

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

Аналогичное сочетание цветов — сочетание трёх соседних цветов в цветовом круге (на фотопримере — желтого, оранжево-желтого и оранжевого).

Комплементарная (дополняющая) схема  — два противоположных на цветовом круге цвета (на фото красный и зелёный).

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

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

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

Теория цвета и применение фотографом на практике

Что же следует из всей этой цветовой теории и как всё это применять на практике фотографу?

Для начала не ленитесь продумывать цветовую гамму фотографий ещё до начала съёмок. Если это творческая фотография, то на этапе продумывания образа сразу представляйте себе локацию и старайтесь подобрать одежду, гармонирующую по цветовой гамме. Коммерческая съёмка — не исключение. Зная интерьеры студии или место съёмок на пленере, оговаривайте с клиентом цветовую гамму одежды, чтобы в итоге ваши фотографии смотрелись красиво и со вкусом.

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

Для анализа цветов и подбора гармоничных сочетаний в Фотошопе есть очень удобный инструмент — Кулер. Он был доступен онлайн на сайте Adobe, а в версии Photoshop CS6 он встроен в сам редактор (Окно-Расширение-Кулер). Кулер являет собой цветовой круг, который вы можете крутить, как вам заблагорассудится, выбирая цветовые схемы и получая палитру гармоничных цветов. Очень удобно анализировать фотографию и тут же рядышком крутить параметры цветового круга, изменяя оттенки, яркость и насыщенность цветов. Из полученной палитры можно копировать номер цвета прямо в палитру фотошопа, используя это при цветокоррекции, например, инструментов «Карта градиента» или «рисованием» кисточкой в режиме «Мягкий свет».

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

Кому интересно больше узнать о том, как работать с цветокоррекцией и тонированием фотографий на практике, добро пожаловать в нашу фотошколу на наш курс «Фотошоп от А до Я для фотографа» или Индивидуальные авторские уроки онлайн по обработке фотографий.

В статье использованы фотографии для примера фотографа нашей команды Невмержицкой Татьяны.

Неоновый круг (59 фото)

Заставка на рабочий стол неон

Неоновый круг на темном фоне

Неоновый круг

Неоновый круг на темном фоне

Неоновые обои на рабочий стол

Синий неоновый круг

Неон 3840 2160

Очень красивый и крутой фон в кругу

Фон для логотипа

Абстракция круги

Зеленые Неоновые обои

Красивый круг

Неоновый круг на темном фоне

Неоновый фон для логотипа

Темный фон с цветными кругами

Неоновые блики

Звездное завихрение фон

Круг неон

Неоновый круг на черном фоне

Неоновый круг HD

Неоновый круг

Здания по кругу неон

Круг на темном фоне

Абстракция круги

Неон круг обои

Фиолетовый неоновый круг

Свечение круг

Неоновый свет вектор

Фон круги Минимализм

Красный круг наичерном фоне

Желтый круг на черном фоне

Неоновый круг

Светящийся фон

Фон круги

Геометрические круги неон

Эффекты для фотошопа

Неоновый круг

Красный неон цвет

Красивый яркий фон

Кольцо абстракция

Неоновая Луна

Круг Минимализм

Фон для логотипа

Ультрафиолет 4к

Круг на темном фоне

Символ магии молнии

Радужные круги на чёрном фоне

Киберпанк неоновый круг

Неоновый фон круглый

Красивый круг

Неоновый круг на черном фоне

Фиолетовый неоновый круг

Красивый неоновый фон

Неоновый круг на черном фоне

Неоновый круг

Красивый неоновый фон

Неоновый круг HD

Обои кде неон

Неоновая рамка

Как в фотошопе создать круг

Как сделать круг в Фотошопе

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

Создаем новый файл: «File» – «New» или откройте нужное изображение, нажав сочетание клавиш «Ctrl+O».

Дальше на панели инструментов выберите «Ellipse Tool» (Эллипс).

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

Чтобы нарисовать круг от центра, в настройках инструмента нажмите на маленькую черную стрелочку и поставьте галочку в поле «From Center» (От центра).

Если нужно нарисовать ровный круг, а не эллипс, поставьте маркер в поле «Circle» (Окружность).

Нарисовать круг в Фотошопе заданного размера тоже можно, ставим маркер напротив «Fixes Size» (Заданный размер) и в полях «W:» и «H:» задаем значения ширины и высоты. Задав одинаковые значения, нарисуете круг, разные – эллипс. Теперь нажмите левую кнопку мыши и, не отпуская ее, разместите появившийся круг в нужной части изображения.

На сайте уже есть статья, как нарисовать прямоугольник без заливки. Сейчас рассмотрим, как можно нарисовать круг в Фотошопе без заливки. Для этого в настройках инструмента «Ellipse Tool» (Эллипс) активируйте кнопочку «Paths» (Контуры).

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

В результате можно нарисовать эллипс или круг с тонким светло серым контуром без заливки.

Также, нарисовать круг можно используя инструмент «Elliptical Marquee Tool» (Овальная область).

Выделите его и зажмите клавишу «Shift», чтобы нарисовать ровный круг вместо эллипса. Если зажмете «Alt+Shift», то нарисовать круг можно от центра.

Таким образом, мы нарисуем только контур круга.

Чтобы залить его цветом, выберите на панели инструментов «Paint Bucket Tool», и установите желаемый цвет в качестве основного. Затем кликните мышкой внутри выделенной области.

Если Вам нужно нарисовать круг без заливки, кликните по нему правой кнопкой мыши и выберите из меню «Stroke» (Выполнить обводку).

В следующем окне установите значение для ширины линии «Width» и выберите цвет контура «Color».

Чтобы снять выделение, нажмите «Ctrl+D». В результате мы нарисовали прозрачный круг с красным контуром.

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

(Пока оценок нет) Загрузка…

Как в фотошопе нарисовать круг: быстро и просто

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

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

Как нарисовать простые, ровные и красивые круги

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

Не устаю говорить, что не стоит обращать внимание на простые (или другие) варианты типа Paint или еще какой-то глупости. Учитесь работать в профессиональных программах.

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

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

Допустим он будет в размере 500 х 500 пикселей. Это не важно.

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

Теперь рисуем окружность.

Чтобы круг получился ровный зажмите кнопку shift на клавиатуре. Она помогает сохранить пропорции.

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

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

Далее заливка.

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

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

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

Если хотите изменить саму линию, посмотрите на следующую графу.

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

Еще один интересный эффект

Можно рисовать круг прямо на картинке или переместить его в фотку при помощи кнопок ctrl+c (копировать) и ctrl+v (вставить).

Теперь поработайте с непрозрачностью (в панели слева). Смотрите, чтобы в панели подсвечивался именно тот слой, с которым вы работаете. В данном случае – эллипс.

В круге можно написать какой-то текст.

Если возникают трудности, то можете скачать psd макет этой картинки, которую вы видите на скриншоте выше, и поковыряться в нем. Так учиться интереснее. Разберитесь в моем примере самостоятельно. Это совсем не сложно. (СКАЧАТЬ >>)

Есть слои: фотография саванны (фон), есть круг с градиентом (эллипс 1) и текст. Если вы скачаете этот файл, открыть его можно и нужно при помощи photoshop, а дальше развлекайтесь как хотите.

Или вот еще одна картинка, которую вы можете скачать (СКАЧАТЬ >>).

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

Скачайте этот макет и посмотрите сами, возможно вы сможете значительно улучшить результат! Не стесняйтесь и оставляйте свои варианты в комментариях.

Для тех, кто хочет постигать

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

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

Если вам хочется выучиться фотошопу для того, чтобы создавать сайты, могу порекомендовать еще два варианта. Первый –  уроки вот отсюда — «ВЕБ-ДИЗАЙН для начинающих». О них я уже подробно писал. В принципе, если захотите, то сможете многому научиться бесплатно, за три дня, которые предоставляются в качестве тестового периода. Очень полезно и здорово.

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

Да, цена, конечно, кусается.

Зато какая программа и какие преподаватели вас ждут.

Тут вам и директор Red Keds, и создатель интерфейсов из Лаборатории Касперского, и еще куча именитых и успешных ребят из компаний с мировым именем. По окончании вы получаете диплом. Этой действительно дорогого стоит.

Ну вот и все. Теперь вы знаете максимум и я могу со спокойной душой откланяться.

Успехов в работе!

Как нарисовать круг в Фотошопе

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

В этом уроке я покажу, как сделать круг в Фотошопе.

Скачать последнюю версию Photoshop

Круг можно нарисовать двумя способами.

Первый – использовать инструмент «Овальная область».

Выбираем данный инструмент, зажимаем клавишу SHIFT и создаем выделение.

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

Нажимаем сочетание клавиш SHIFT+F5. В открывшемся окне выбираем цвет и нажимаем ОК.

Снимаем выделение (CTRL+D) и круг готов.

Второй способ – использовать инструмент «Эллипс».

Снова зажимаем SHIFT и рисуем круг.

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

Затем кликаем по холсту и соглашаемся на создание эллипса.

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

На этом все о кругах в Фотошопе. Учитесь, творите и удачи во всех Ваших начинаниях! Мы рады, что смогли помочь Вам в решении проблемы. Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Как нарисовать круг в Photoshop

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

Инструкция

Создайте в графическом редакторе новый документ, открыв настройки командой New из меню File. Выберите цветовой режим RGB из списка Color Mode. В списке Background Contents выберите пункт White или Background Color. Сделайте основным цветом любой цвет, отличающийся от фонового. Это потребуется для того, чтобы нарисованный круг был виден.

Самый очевидный способ нарисовать круг заключается в получении оттиска круглой кисти. Выберите инструмент Brush Tool, перейдите к палитре Brushes и откройте вкладку Brush Tip Shape. Если вы не можете обнаружить палитру кистей в окне графического редактора, разверните ее опцией Brushes из меню Window.

Выберите одну из круглых кистей и уберите галочки из чекбоксов, находящихся слева от названия вкладок палитры. На вкладке Brush Tip Shape настройте величину кисти, выставив нужный размер в пикселях при помощи регулятора Diameter. Если вам нужен круг с резкими краями, присвойте параметру Hardness максимальное значение. Чем меньше будет значение этого параметра, тем более растушеванные края будут у отпечатка кисти.

Поставьте указатель курсора на новый документ и кликните левой кнопкой мыши. Круг, диаметр которого равен диаметру настроенной кисти, готов.

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

Залейте круглое выделение любым цветом или текстурой, используя Paint Bucket Tool. Для того чтобы использовать текстуру для заливки круга, выберите пункт Pattern из списка в панели настроек инструмента Paint Bucket.

Еще один способ рисования круга в Photoshop заключается в использовании инструмента Ellipse Tool. Выберите этот инструмент из палитры инструментов и переведите его в режим Fill pixels, кликнув по кнопке в панели настроек, которая появится под главным меню после активизации Ellipse Tool.

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

Видео по теме

Источники:

• Нарисуйте свою печать в 2018
• как в фотошопе нарисовать круг в 2018

Красный круг изображение_Фото номер 401176767_PSD Формат изображения_ru.lovepik.com

Применимые группы	Для личного использования	Команда запуска	Микропредприятие	Среднее предприятие
Срок авторизации	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизация портрета		ПОСТОЯННАЯ	ПОСТОЯННАЯ	ПОСТОЯННАЯ
Авторизованное соглашение	Персональная авторизация	Авторизация предприятия	Авторизация предприятия	Авторизация предприятия
Онлайн счет
Маркетинг в области СМИ (Facebook, Twitter,Instagram, etc.)	личный Коммерческое использование (Предел 20000 показов)
Цифровой медиа маркетинг (SMS, Email,Online Advertising, E-books, etc.)	личный Коммерческое использование (Предел 20000 показов)
Дизайн веб-страниц, мобильных и программных страниц Разработка веб-приложений и приложений, разработка программного обеспечения и игровых приложений, H5, электронная коммерция и продукт	личный Коммерческое использование (Предел 20000 показов)
Физическая продукция печатная продукция Упаковка продуктов, книги и журналы, газеты, открытки, плакаты, брошюры, купоны и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)	предел 5000 Копии Печать	предел 20000 Копии Печать	неограниченный Копии Печать
Маркетинг продуктов и бизнес-план Предложение по проектированию сети, дизайну VI, маркетинговому планированию, PPT (не перепродажа) и т. Д.	личный Коммерческое использование
Маркетинг и показ наружной рекламы Наружные рекламные щиты, реклама на автобусах, витрины, офисные здания, гостиницы, магазины, другие общественные места и т. Д.	личный Коммерческое использование (Печатный лимит 200 копий)
Средства массовой информации (CD, DVD, Movie, TV, Video, etc.)	личный Коммерческое использование (Предел 20000 показов)
Перепродажа физического продукта текстиль, чехлы для мобильных телефонов, поздравительные открытки, открытки, календари, чашки, футболки
Онлайн перепродажа Мобильные обои, шаблоны дизайна, элементы дизайна, шаблоны PPT и использование наших проектов в качестве основного элемента для перепродажи.
Портрет Коммерческое использование	(Только для обучения и общения)
Портретно-чувствительное использование (табачная, медицинская, фармацевтическая, косметическая и другие отрасли промышленности)	(Только для обучения и общения)	(Contact customer service to customize)	(Contact customer service to customize)	(Contact customer service to customize)

Крутая шпаргалка по сочетанию цветов

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

---

 

1. Комплиментарное сочетание

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

---

 

 

2. Триада — сочетание 3 цветов

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

---

 

 

3. Аналогичное сочетание

Сочетание от 2 до 5 цветов, расположенных рядом друг с другом на цветовом круге (в идеале — 2–3 цвета). Впечатление: спокойное, располагающее. Пример сочетания аналогичных приглушенных цветов: желто-оранжевый, желтый, желто-зеленый, зеленый, сине-зеленый.

---

 

4. Раздельно-комплиментарное сочетание

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

---

 

 

5. Тетрада — сочетание 4 цветов

Цветовая схема, где один цвет — основной, два — дополняющие, а еще один выделяет акценты. Пример: сине-зеленый, сине-фиолетовый, красно-оранжевый, желто-оранжевый.

---

 

 

6. Квадрат

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

---

 

Сочетания отдельных цветов

• Белый: сочетается со всем. Наилучшее сочетание с синим, красным и черным.
• Бежевый: с голубым, коричневым, изумрудным, черным, красным, белым.
• Серый: с цветом фуксии, красным, фиолетовым, розовым, синим.
• Розовый: с коричневым, белым, цветом зеленой мяты, оливковым, серым, бирюзовым, нежно-голубым.
• Фуксия (темно-розовый): с серым, желто-коричневым, цветом лайма, зеленой мяты, коричневым.
• Красный: с желтым, белым, бурым, зеленым, синим и черным.
• Томатно-красный: голубой, цвет зеленой мяты, песчаный, сливочно-белый, серый.
• Вишнево-красный: лазурный, серый, светло-оранжевый, песчаный, бледно-желтый, бежевый.
• Малиново-красный: белый, черный, цвет дамасской розы.
• Коричневый: ярко-голубой, кремовый, розовый, палевый, зеленый, бежевый.
• Светло-коричневый: бледно-желтый, кремово-белый, синий, зеленый, пурпурный, красный.
• Темно-коричневый: лимонно-желтый, голубой, цвет зеленой мяты, пурпурно-розовый, цветом лайма.
• Рыжевато-коричневый: розовый, темно-коричневый, синий, зеленый, пурпурный.
• Оранжевый: голубой, синий, лиловый, фиолетовый, белый, черный.
• Светло-оранжевый: серый, коричневый, оливковый.
• Темно-оранжевый: бледно-желтый, оливковый, коричневый, вишневый.
• Желтый: синий, лиловый, светло-голубой, фиолетовый, серый, черный.
• Лимонно-желтый: вишнево-красный, коричневый, синий, серый.
• Бледно-желтый: цвет фуксии, серый, коричневый, оттенки красного, желтовато-коричневый, синий, пурпурный.
• Золотисто-желтый: серый, коричневый, лазурный, красный, черный.
• Оливковый: апельсиновый, светло-коричневый, коричневый.
• Зеленый: золотисто-коричневый, оранжевый, салатный, желтый, коричневый, серый, кремовый, черный, сливочно-белый.
• Салатный цвет: коричневый, желтовато-коричневый, палевый, серый, темно-синий, красный, серый.
• Бирюзовый: цвет фуксии, вишнево-красный, желтый, коричневый, кремовый, темно-фиолетовый.
• Электрик красив в сочетании с золотисто-желтым, коричневым, светло-коричневым, серым или серебряным.
• Голубой: красный, серый, коричневый, оранжевый, розовый, белый, желтый.
• Темно-синий: светло-лиловый, голубой, желтовато-зеленый, коричневый, серый, бледно-желтый, оранжевый, зеленый, красный, белый.
• Лиловый: оранжевый, розовый, темно-фиолетовый, оливковый, серый, желтый, белый.
• Темно-фиолетовый: золотисто-коричневый, бледно-желтый, серый, бирюзовый, цвет зеленой мяты, светло-оранжевый.
• Черный универсален, элегантен, смотрится во всех сочетаниях, лучше всего с оранжевым, розовым, салатным, белым, красным, сиреневатым или желтым.
  

  ---

   

Источник: decor-design

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Photoshop Shapes and Shape Layers Essentials

Инструменты формы

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

Все шесть инструментов «Форма» расположены в одном месте на панели «Инструменты».

После того, как вы выбрали инструмент формы, если вам нужно переключиться на другой, нет необходимости возвращаться на панель инструментов (хотя вы можете, если хотите), потому что Photoshop дает нам доступ ко всем инструментам формы напрямую из панели параметров в верхней части экрана. Например, я выберу инструмент «Прямоугольник» на панели «Инструменты»:

.

Выбор инструмента «Прямоугольник».

При выбранном инструменте «Прямоугольник» на панели параметров появляется ряд из шести значков, каждый из которых представляет отдельный инструмент «Форма».Инструменты перечислены слева направо в том же порядке, в котором они появляются на панели инструментов, поэтому снова у нас есть инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская форма». Просто нажмите на один из значков, чтобы выбрать нужный инструмент:

Все шесть инструментов «Форма» можно выбрать непосредственно на панели параметров (после того, как один из них будет впервые выбран на панели «Инструменты»).

Параметр «Слои формы»

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

Чтобы рисовать векторные фигуры, выберите параметр Shape Layers на панели параметров. Это первый из трех значков в крайнем левом углу (параметр «Пути» находится в середине из трех значков, за которыми следует параметр «Заполнить пиксели» справа):

Выберите параметр «Слои фигур», чтобы рисовать векторные фигуры.

Выбор цвета для формы

При выбранной опции Shape Layers следующее, что нам нужно сделать, это выбрать цвет для нашей формы, и мы сделаем это, щелкнув образец цвета справа от слова Color на панели параметров:

Щелкните образец цвета, чтобы выбрать цвет для формы.

Photoshop откроет панель выбора цвета , где мы можем выбрать цвет, который хотим использовать. Я выберу красный. Нажмите OK после того, как вы выбрали цвет, который нужно закрыть из палитры цветов:

Выберите цвет для своей формы в палитре цветов.

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

Инструмент «Прямоугольник»

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

Вытягивание прямоугольной формы. При перетаскивании появляется только контур фигуры.

Когда вы будете довольны внешним видом своей формы, отпустите кнопку мыши, и в этот момент Photoshop заполнит форму цветом, выбранным на панели параметров:

Photoshop заполняет форму цветом, когда вы отпускаете кнопку мыши.

Рисование формы из центра

Если вам нужно нарисовать прямоугольник (или любую фигуру) из его центра, а не из угла, щелкните внутри документа, где должен быть центр прямоугольника, и начните перетаскивать фигуру, как обычно. Как только вы начнете перетаскивание, нажмите клавишу Alt (Win) / Option (Mac) и удерживайте ее, продолжая перетаскивать. Клавиша Alt / Option указывает Photoshop, что нужно вывести фигуру из ее центра. Это работает со всеми инструментами формы, а не только с инструментом «Прямоугольник»:

Удерживайте нажатой клавишу «Alt» (Win) / «Option» (Mac) после начала перетаскивания, чтобы нарисовать фигуру из ее центра.

Квадраты для рисования

Мы также можем рисовать квадраты с помощью инструмента «Прямоугольник». Чтобы нарисовать квадрат, щелкните внутри документа и начните рисовать прямоугольную форму. После того, как вы начали перетаскивание, нажмите клавишу Shift на клавиатуре и удерживайте ее, пока продолжаете перетаскивать фигуру. Удерживая нажатой клавишу Shift, форма превратится в идеальный квадрат независимо от того, в каком направлении вы перетаскиваете. Вы также можете добавить клавишу Alt (Win) / Option (Mac), чтобы вывести квадрат из его центра (так нажмите и удерживайте Shift + Alt (Win) / Shift + Option (Mac)):

Удерживайте нажатой клавишу Shift при перетаскивании с помощью инструмента «Прямоугольник», чтобы нарисовать идеальный квадрат.

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

Photoshop всегда ждет, пока вы отпустите кнопку мыши, прежде чем заливать фигуру цветом.

Варианты формы

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

Например, опция Unconstrained выбрана для нас по умолчанию, и это просто нормальное поведение инструмента «Прямоугольник», позволяющее рисовать прямоугольные формы любого размера и соотношения сторон.Параметр Square позволяет рисовать квадраты, но мы можем сделать это, просто удерживая клавишу Shift при перетаскивании. И опция From Center будет рисовать фигуру из ее центра, но, опять же, мы уже можем сделать это, удерживая нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании:

Щелкните маленькую стрелку, чтобы просмотреть дополнительные параметры инструмента «Прямоугольник».

Слои формы

Прежде чем мы познакомимся с остальными инструментами «Форма», давайте быстро взглянем на то, что происходит на панели «Слои».Если вы помните, в начале урока мы узнали, что для рисования векторных фигур в Photoshop нам нужно убедиться, что у нас выбран параметр «Слои фигур» на панели параметров, и теперь, когда я нарисовал фигуру, мы видим, что У меня есть настоящий слой формы в моем документе, который Photoshop назвал «Форма 1». Каждая новая векторная фигура, которую мы рисуем, помещается на отдельный слой Shape, который выглядит иначе, чем обычные пиксельные слои. Слева от слоя формы находится значок образца цвета , который отображает текущий цвет нашей формы, а справа от образца цвета находится миниатюра векторной маски :

Слои-фигуры имеют образец цвета слева и эскиз векторной маски справа от него.

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

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

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

Выбор другого цвета в палитре цветов.

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

В любой момент легко вернуться и изменить цвет фигуры.

Справа от образца цвета на слое формы находится миниатюра векторной маски. Белая область внутри миниатюры представляет нашу форму. Векторные маски похожи на маски слоев на основе пикселей в том, что они показывают некоторые части слоя, скрывая другие части, и под этим я подразумеваю, что когда мы рисуем векторную фигуру, Photoshop фактически заполняет весь слой выбранным нами цветом. , но он отображает только цвет внутри области фигуры.Он скрывает цвет за пределами формы. Это не то, что вам действительно нужно знать для работы с фигурами в Photoshop, но всегда приятно понимать, на что вы смотрите. Серая область вокруг фигуры на миниатюре векторной маски — это область на слое, где цвет скрывается от просмотра, а белая область — это область, где цвет виден:

Белая область на векторной маске представляет видимую область формы на слое.

Чтобы упростить просмотр того, как Photoshop отображает векторную форму, мы можем временно отключить векторные маски, удерживая нажатой клавишу Shift и щелкая непосредственно по миниатюре векторной маски.На миниатюре появится большой красный крестик, сообщающий нам, что маска отключена:

Удерживая Shift, щелкните векторную маску, чтобы выключить ее.

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

Отключение векторной маски показывает, что весь слой залит цветом.

Чтобы снова включить векторную маску, просто удерживайте нажатой клавишу «Shift» и еще раз щелкните ее миниатюру на панели «Слои». Когда маска снова включена, весь цвет за пределами формы снова скрыт от просмотра, и все, что мы можем видеть, — это цвет внутри самой формы. Белые области вокруг формы в моем окне документа взяты из фонового слоя под ним:

Документ после повторного включения векторной маски слоя Shape.

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

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle ]

Инструмент прямоугольника со скругленными углами

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

.

Используйте значение «Радиус», чтобы задать округлость углов.

Чтобы нарисовать прямоугольник с закругленными углами после того, как вы ввели значение радиуса, щелкните внутри документа, чтобы установить начальную точку, затем, удерживая кнопку мыши, перетащите остальную часть формы. Так же, как мы видели с обычным инструментом «Прямоугольник», Photoshop отображает тонкий контур фигуры, пока вы ее рисуете:

Вытягивание прямоугольника с закругленными углами после установки значения радиуса на панели параметров.

Когда вы отпускаете кнопку мыши, Photoshop завершает форму и заполняет ее цветом:

Форма заполняется цветом, когда вы отпускаете кнопку мыши.

Вот еще один прямоугольник, на этот раз со значением радиуса 150 пикселей, достаточно большим (в данном случае во всяком случае), чтобы вся левая и правая стороны прямоугольника казались изогнутыми:

Чем выше значение радиуса, тем больше закругленные углы.

А вот прямоугольник, но с гораздо меньшим значением радиуса — всего 10 пикселей, что дает мне очень маленькие закругленные углы:

Меньшее значение радиуса дает нам менее закругленные углы.

К сожалению, нет возможности предварительно просмотреть, насколько скругленные углы будут выглядеть с выбранным нами значением радиуса, до того, как мы нарисуем прямоугольник.Кроме того, мы не можем изменять значение радиуса на лету, пока мы рисуем фигуру, как в Illustrator, и Photoshop не позволяет нам вернуться и внести простые изменения в углы после того, как мы их нарисовали, что означает, что рисование прямоугольников с закругленными углами — это скорее метод проб и ошибок. Если вас не устраивает округлость углов после того, как вы нарисовали форму, нажмите Ctrl + Z (Win) / Command + Z (Mac), чтобы быстро отменить шаг, затем введите другое значение радиуса. в панель параметров и повторите попытку.

Так же, как инструмент «Прямоугольник» позволяет рисовать квадраты, прямоугольник со скругленными углами позволяет рисовать квадраты с закругленными углами. Просто удерживайте нажатой клавишу Shift после начала перетаскивания, чтобы скругленный прямоугольник превратился в квадрат. Удерживайте нажатой клавишу Alt (Win) / Option (Mac) после начала перетаскивания, чтобы нарисовать скругленный прямоугольник (или квадрат) из его центра.

Если мы щелкнем маленькую стрелку на панели параметров, чтобы открыть параметры прямоугольника со скругленными углами, мы увидим, что он имеет те же параметры, что и обычный инструмент прямоугольника, такие как Unconstrained , Square и From Center , и опять же, мы уже знаем, как получить к ним доступ с клавиатуры:

Инструменты «Прямоугольник» и «Прямоугольник со скругленными углами» имеют один и тот же список параметров.

Инструмент «Эллипс»

Инструмент Ellipse Tool

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

Рисование эллиптической формы с помощью инструмента «Эллипс».

Отпустите кнопку мыши, чтобы завершить форму, и Photoshop заполнит ее цветом:

Эллиптическая форма с цветной заливкой.

Удерживайте нажатой клавишу Shift после того, как начнете перетаскивать с помощью инструмента Эллипс, чтобы сформировать идеальный круг. Удерживая нажатой клавишу Alt (Win) / Option (Mac) после начала перетаскивания, вы нарисуете фигуру из ее центра:

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

Если щелкнуть маленькую стрелку на панели параметров, появятся параметры эллипса, которые снова почти идентичны параметрам «Прямоугольник» и «Прямоугольник со скругленными углами».Единственная разница, конечно же, заключается в том, что инструмент Ellipse Tool позволяет рисовать круг, а не квадрат:

Инструмент «Эллипс» также имеет те же основные параметры, что и инструменты «Прямоугольник» и «Прямоугольник со скругленными углами».

Инструмент «Многоугольник»

Инструмент «Многоугольник» — вот где все становится интереснее. Инструмент «Прямоугольник» ограничен рисованием четырехсторонних многоугольников, а инструмент «Многоугольник» позволяет рисовать многоугольники с любым количеством сторон. Он даже позволяет нам рисовать звезды, как мы вскоре увидим.

Введите необходимое количество сторон для многоугольника в поле Sides на панели параметров. Значение по умолчанию — 5, но вы можете ввести любое значение от 3 до 100:

.

Используйте параметр «Стороны», чтобы указать Photoshop, сколько сторон нужно для вашей многоугольной формы.

После того, как вы ввели количество сторон, щелкните документ и растяните форму многоугольника. Photoshop всегда рисует многоугольники из их центра, поэтому нет необходимости удерживать клавишу Alt (Win) / Option (Mac).Удерживая нажатой клавишу Shift после начала перетаскивания, вы ограничите количество углов, на которых можно нарисовать фигуру, что может помочь расположить фигуру так, как вам нужно:

Инструмент «Многоугольник» отлично подходит, когда нам нужно что-то, кроме четырехстороннего прямоугольника.

Установка параметра «Стороны» на 3 для инструмента «Многоугольник» дает нам простой способ нарисовать треугольник:

Простой треугольник, нарисованный с помощью инструмента «Многоугольник».

А вот форма многоугольника с параметром «Стороны», равным 12:

.

Двенадцатигранный многоугольник.

Рисование звезд с помощью инструмента «Многоугольник»

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните маленькую стрелку на панели параметров, чтобы открыть параметры многоугольника, затем выберите Звезда :

Выберите «Звезда» в меню «Параметры многоугольника».

Выбрав опцию «Звезда», просто щелкните внутри документа и вытяните звезду. Параметр Sides на панели параметров управляет количеством точек в звезде, поэтому, например, со значением Sides по умолчанию 5, мы получим пятиконечную звезду:

Пятиконечная звезда, нарисованная с помощью инструмента «Многоугольник».

Изменение значения сторон на 8 дает нам 8-конечную звезду:

Задайте количество точек в звезде с помощью параметра «Стороны».

Мы можем создать фигуру звездообразования, увеличив отступ точек с помощью параметра Отступ сторон на . Значение по умолчанию — 50%. Увеличу до 90%:

Увеличение значения отступа звездочки до 90%.

Вот моя форма звезды с отступом 90%. Я также увеличил количество сторон до 16:

.

Увеличьте значения сторон и отступа, чтобы создать звездообразную форму.

По умолчанию звезды имеют острые углы на концах точек, но мы можем сделать их закругленными, выбрав опцию Smooth Corners :

Выбор параметра «Сглаженные углы».

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners ::

Параметр «Сглаженные углы» придает звездам дружеский вид.

Мы также можем сгладить отступы и сделать их закругленными, выбрав опцию Smooth Indents :

Выбор параметра «Сглаживание отступов».

И снова наша форма звезды выглядит иначе:

Форма звезды с включенными сглаженными отступами.

Инструмент «Линия»

Наконец, инструмент «Линия», последний из инструментов Photoshop «Геометрическая форма», позволяет рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Установите толщину линии, введя значение в пикселях в параметр Weight на панели параметров. Я устанавливаю свой на 16 пикселей:

Используйте параметр «Вес», чтобы задать толщину линии.

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

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

Чтобы добавить стрелки к линиям, щелкните маленькую стрелку на панели параметров, чтобы открыть параметры стрелок . Photoshop позволяет нам добавлять стрелки либо в начало, либо в конец строки, либо в оба.Если вы хотите, чтобы стрелка отображалась в том направлении, в котором вы рисуете линию, что обычно бывает, выберите опцию End . Убедитесь, что вы выбрали этот параметр перед рисованием линии, поскольку Photoshop не позволяет нам вернуться и добавить стрелки после того, как линия уже была нарисована:

Выберите «Конец» в параметрах стрелок, чтобы добавить стрелку в направлении, в котором была проведена линия.

Вот линия, похожая на предыдущую, на этот раз со стрелкой на конце:

Инструмент «Линия» позволяет легко рисовать стрелки направления.

Если размер стрелки по умолчанию вам не подходит, вы можете отрегулировать его с помощью параметров Ширина и Длина . Мы также можем сделать стрелку вогнутой, используя опцию Concavity . Значение по умолчанию — 0%. Увеличу до 50%:

Увеличьте параметр «Вогнутость», чтобы изменить форму наконечника стрелки.

Это изменяет форму наконечника стрелки. Опять же, убедитесь, что вы установили опцию Concavity, прежде чем рисовать линию, иначе вам нужно будет удалить форму и нарисовать ее снова:

Стрелка со значением «Вогнутость», равным 50%.

Скрытие контура вокруг формы

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

Если вы посмотрите на слой фигуры на панели «Слои», вы увидите, что миниатюра векторной маски имеет белую границу выделения, которая говорит нам, что маска действительно выбрана.Вы можете скрыть контур вокруг фигуры, сняв выделение с его векторной маски. Для этого просто нажмите на миниатюру векторной маски. Граница выделения вокруг миниатюры исчезнет, ​​как и контур вокруг формы в документе:

Щелкните миниатюру векторной маски, чтобы отменить выбор и скрыть контур вокруг формы.

вектор — Как нарисовать круг определенных размеров с помощью инструмента эллипса в Photoshop?

вектор — Как нарисовать круг определенных размеров с помощью инструмента эллипса в Photoshop? — Обмен стеками графического дизайна

Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

2. 0
3. +0
6. Авторизоваться Подписаться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил 7 лет, 10 мес назад

Просмотрено 47k раз

Я следую руководству, в котором автор попросил нарисовать круг 70px x 70px с помощью инструмента эллипс, но я не могу понять, как нарисовать круг с точными размерами в Photoshop.

Создан 21 окт.

Мохит

30122 золотых знака55 серебряных знаков1111 бронзовых знаков

Или нарисуйте эллипс, а затем измените измерения на панели управления в верхней части экрана.

Создан 21 окт.

СкоттСкотт

189k1919 золотых знаков

2

Выберите инструмент «Эллипс» и дважды щелкните им на изображении.Появится всплывающее окно, в котором вы можете ввести размеры вручную.

Создан 21 окт.

Джон Джон

6,26511 золотых знаков1616 серебряных знаков2222 бронзовых знака

Поигравшись, я обнаружил это

Создан 22 окт.

Мохит

30122 золотых знака55 серебряных знаков1111 бронзовых знаков

Щелкните значок руки, показанный в красном кружке выше.Должен появиться вариант эллипса.

Зак Сосье

12k1010 золотых знаков5959 серебряных знаков101101 бронзовый знак

Создан 03 мар.

1 Высокоактивный вопрос .Заработайте 10 репутации (не считая бонуса ассоциации), чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов. Graphic Design Stack Exchange лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в ​​отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

Создайте классные кнопки (или значки) в Photoshop.

С помощью всего нескольких слоев вы можете создать в Photoshop то, что выглядит как классная кнопка (в Ирландии мы называем их значками).Мы настроим структуру слоев так, чтобы вы могли легко повторно использовать основную часть кнопки и просто изменить верхнее изображение, чтобы создать новую кнопку. Давайте начнем.

1. Создайте новое изображение 600 x 600 пикселей с темно-серым фоном # 333333.

2. Создайте новый слой и с помощью инструмента Elliptical Marquee Tool (M) растяните круговую область. Во время перетаскивания удерживайте нажатой клавишу Shift, чтобы получить идеальный круг.

3. Используя Paint Bucket Tool (G) залейте круг любым желаемым цветом, на данном этапе это не имеет значения.Я использовал ярко-красный цвет. Снимите выделение с помощью Ctrl + D / Cmd + D.

4. Теперь пора приступить к стилю. Щелкните значок «Эффекты слоя» в нижней части палитры слоев и выберите «Тень» во всплывающем меню. Используйте настройки, показанные на изображении ниже, но пока не нажимайте ОК.

5. По-прежнему в диалоговом окне Layer Effects щелкните на слове Inner Shadow и добавьте следующие настройки. Обратите внимание, что флажок Use Global Light не установлен, поэтому вы можете изменить угол освещения.Пока не нажимайте ОК.

6. Щелкните слово Inner Glow и измените следующие настройки. Пока не нажимайте ОК.

7. А теперь последний стиль слоя с эффектом. Нажмите на слова Gradient Overlay и используйте следующие настройки.

Теперь вы можете нажать OK, и у вас должно получиться что-то вроде этого:

8. Сейчас мы сделаем блик. Создайте новый слой, затем с помощью инструмента Elliptical Marquee Tool нарисуйте эллипс в верхней части кнопки.Выберите инструмент «Градиент» и установите цвет переднего плана на белый, затем в параметрах инструмента «Градиент» в верхней части экрана выберите градиент от переднего плана к прозрачному. С помощью инструмента «Градиент» перетащите выделение вниз, чтобы создать что-то вроде этого:

9. Снимите выделение, поверните содержимое нового слоя выделения с помощью инструмента Free Transform Tool (Ctrl + T / Cmd + T). Расположите выделение, как показано ниже.

10. Дублируйте слой выделения, нажав Ctrl + J / Cmd + J, а затем отключите видимость исходного выделения.Убедитесь, что вы работаете над слоем копии выделения. Выберите инструмент «Ластик» и установите размер примерно на 500 пикселей, а затем щелкните один раз, чтобы оставить небольшой ползун белого цвета.

После стирания у вас будет что-то вроде небольшого яркого блеска.

11. Установите непрозрачность выделенной копии примерно на 50%, затем включите видимость исходного слоя выделения и установите для него непрозрачность 50%.

12. Выберите слой копии Highlight (маленький яркий свет) и продублируйте его.Еще раз используйте Ctrl + T / Cmd + T, чтобы свободно трансформировать и повернуть дубликат блеска и поместить его в нижний левый угол, например:

Нажмите Enter, чтобы применить преобразование. Если вам кажется, что блеск внизу слишком яркий, уменьшите непрозрачность слоя примерно до 20%.

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

Любое изображение, которое вы хотите разместить на кнопке, будет размещено на слое под этим.

Допустим, вы хотите сделать пуговицу Боба Марли. Поместите изображение Боба Марли на слой под вашим (теперь невидимым) красным кружком.

Теперь нажмите Ctrl и щелкните слой с кругом, чтобы выбрать круг этого размера, затем нажмите Shift + Ctrl + I, чтобы инвертировать выделение, перейдите к слою Марли и нажмите «Удалить», чтобы получить последнюю кнопку. Вуаля!

Самое лучшее в этом то, что это шаблон дизайна многократного использования, поэтому не забудьте сохранить свой PSD-файл.

Основы Photoshop: Работа со слоями Учебное пособие

Как использовать слои в Photoshop — инструкции о том, как эффективно использовать инструмент слоев, создав новый документ в Photoshop, используя порядок и непрозрачность слоев и многое другое!

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

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

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

Слои довольно интенсивны, чтобы попытаться узнать о них все за один раз. Мы не торопимся и начнем с самого начала, создав файл / новый документ (Command или Control N).

Еще из серии «Популярные инструменты в Photoshop»:

Как создать новый документ в Photoshop

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

Имя документа, размер и разрешение

Здесь я ввел имя для нового документа, выбрал ширину и высоту в дюймах и ввел разрешение, с которым хочу работать.

Когда я ввел размер и разрешение, в диалоговом окне отобразился размер изображения, которым будет новый файл.

Pro-Tip : Что касается разрешения, подумайте, с каким принтером или выходом вы, скорее всего, будете работать.

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

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

Помимо имени и размера документа, можно выбрать и другие атрибуты.

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

Цветовой режим

Сначала идут поля для выбора желаемого цветового режима и глубины цвета.

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

Битовая глубина

Битовая глубина — это количество цветовых нюансов, которые вы хотите включить в свою работу.

Чем глубже глубина, тем больше цветов вы потенциально можете использовать и увидеть, однако не все из них могут быть доступны в вашем выводе в зависимости от того, где вы собираетесь с изображением.

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

Если вы используете лабораторию, спросите их, с чем они хотят работать. Я выбрал цвет RGB и глубину цвета 8 бит.

Pro-Tip : Эти темы заслуживают глубокого изучения! Эта статья посвящена слоям, поэтому я значительно упрощаю эту часть, но, пожалуйста, узнайте о цветовых пространствах, битовой глубине и всех других аспектах документа, чтобы добиться наилучшего результата.

Содержимое фона

Затем вы можете выбрать содержимое фона. Мне нравится думать о Фоне как о листе бумаги, на котором я хочу рисовать.

Я выбираю белый цвет — кусок белой бумаги, но вы можете выбрать и другие вещи.

Если у вас есть цвета, уже выбранные в вашем окне цветов, и вы выбираете здесь цвет фона, новый «лист бумаги» будет цветом фона в окне цветов.

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

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

Когда выбрано «Другое», откроется окно «Палитра цветов», в котором можно выбрать любой желаемый цвет.

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

Цветовой профиль

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

Если вы используете фотолабораторию для печати, sRGB, скорее всего, будет тем профилем, который вам нужно отправить им, даже если вы работаете и сохраняете свои оригиналы в больших цветовых пространствах, например Pro Photo RGB.

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

Pro-Tip : Цветовой профиль подобен цветовой призме на странице с вырезанными разными размерами и формами, которые включают одни цвета, но не другие. Некоторые пространства маленькие, как sRGB, а другие большие, как Pro Photos RGB. В некоторых местах больше синих, но не так много красных — узнайте о них, чтобы выбрать те, которые подходят вам лучше всего!

Соотношение сторон пикселя

Последнее в диалоговом окне «Новый документ» — это выбор для параметра «Соотношение сторон пикселя».

Это требует от нас понимания того, что многие художники и художники используют Photoshop.

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

Если вы фотограф или график, Square Pixels — ваш логичный выбор. Если вы работаете в другой среде, спросите, что вам нужно.

Хорошо, теперь перейдем к слоям!

Обзор окна слоев

Вот наш новый документ и окно слоев.

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

Я хотел бы, чтобы вы заметили, что в окне «Слои» выбранный нами фон уже присутствует.

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

Давайте посмотрим на окно слоев для нашего нового белого документа:

На данный момент мы работаем в центральной части окна слоев.

Видимость слоя

Первый компонент нашего фона — это видимость слоя.

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

Щелкните один раз, чтобы не видеть, что находится на этом слое, и еще раз, чтобы вернуть его.

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

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

Визуальное представление слоев

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

Если бы это был прозрачный фон, он бы выглядел так:

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

Имя слоя и значок замка

При перемещении вправо отображается раздел, в котором указано имя слоя. Слово Фон предоставляется по умолчанию и по умолчанию заблокировано. Видите маленький замок справа?

Это можно изменить, переименовав слой или щелкнув значок замка.

Если щелкнуть значок замка, имя слоя изменится с «Фон» на «Слой 0», а маленький замок исчезнет.

Если дважды щелкнуть слово «Фон», откроется диалоговое окно, в котором вы можете ввести новое имя по вашему выбору, а также назначить другие атрибуты.

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

Большинство фотохудожников, включая меня, оставляют Фон как есть, заблокированным и видимым, и строят на нем.

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

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

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

Итак, когда вы выбираете разные слои, щелкните область внутри слоя, которая не содержит параметров!

Вот файл с белым фоном и тремя дополнительными слоями.

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

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

Теперь сделаем несколько слоев.

Как использовать слои в Photoshop

Мы начнем с создания нового слоя поверх фона.В строке главного меню выберите Layer New или используйте сочетание клавиш Shift / Command (Control) N.

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

Другой способ создания нового слоя — щелкнуть значок «Новый слой» в нижней части окна «Слои».

Значок выглядит как квадратный лист бумаги с загнутым вверх углом.

Если вы хотите использовать быстрый значок в окне «Слои», но при этом хотите дать своему новому слою имя, удерживая нажатой клавишу Option (Alt), щелкните значок.

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

Pro-Tip: Вы можете назвать слой после создания — или в любое время, если на то пошло — просто дважды щелкнув буквы и введя новое имя в диалоговом окне.

Теперь наше окно слоев выглядит так:

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

Вы можете использовать инструмент «Кисть» и рисовать от руки, или вы можете использовать эллиптическую область, чтобы создать круг и залить его красным цветом — это ваш выбор.

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

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

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

Круг исчезнет. Щелкните по нему еще раз, и круг вернется.

Теперь я собираюсь создать еще один новый слой. На этот раз я назову его Голубой квадрат и поставлю на него синий квадрат.

Новый слой появляется поверх последнего выделенного (активного) слоя. Слой «Синий квадрат» находится поверх слоя «Красный круг», в результате чего синий квадрат перекрывает красный круг.

Слой «Синий квадрат» теперь выделен или активен.Этот слой также содержит только синий квадрат, окруженный прозрачностью.

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

Что, если мы хотим переместить красный кружок? Первое, что нам нужно сделать, это сделать активным слой Red Circle Layer, чтобы Photoshop знал, какой слой мы хотим переместить.

Щелчок по слою с красным кружком (в пустой области) выбирает его. Инструмент «Перемещение» можно использовать для перемещения красного кружка в другое место.

Давайте создадим еще один новый слой. На этот раз важно отметить, что текущий активный слой — это слой красного круга.

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

Я собираюсь создать слой Purple Rectangle и сделать на нем фиолетовый прямоугольник.

Части прямоугольника находятся над красным кружком и под синим квадратом.

В окне «Слои» вы можете понять, почему.Слой красного круга находится под слоем фиолетового прямоугольника, а слой синего квадрата находится поверх всего.

Что делать, если вы хотите поместить фиолетовый прямоугольник сверху? Вы можете переместить слой вверх в окне слоев, просто нажав на него (пустую область) и перетащив его вверх.

Помните, слои можно переупорядочивать сколько угодно раз.

Давайте создадим еще один слой, желтый овальный слой, но на этот раз мы хотим разместить его под текущим активным слоем.

Если удерживать нажатой клавишу Command (Control) при щелчке по значку «Новый слой» в нижней части окна «Слои», новый слой появится под текущим активным слоем.

Если вы удерживаете одновременно клавиши Option (Alt) и Command (Control) при щелчке по значку нового слоя, вы также можете назвать слой на пути внутрь.

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

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

Элементы на слоях можно перемещать с помощью инструмента «Перемещение» сколько угодно раз. Слои также можно копировать или дублировать.

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

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

Вы можете переименовать его по пути или использовать имя по умолчанию, в данном случае Purple Rectangle copy.

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

Давайте воспользуемся инструментом «Перемещение», чтобы изменить положение прямоугольника копии, и «Редактировать» / «Трансформировать» / «Повернуть» на 90 градусов по часовой стрелке, чтобы повернуть прямоугольник по вертикали.

Затем возьмем слой и переместим его вниз по стопке под желтый овал.

Теперь давайте создадим новый слой и заполним его сплошным цветом. Для этого создайте Новый слой, а затем выберите «Правка / Заливка» и выберите цвет по вашему выбору.

Поскольку текущий активный слой является копией Purple Rectangle, слой сплошного цвета будет поверх него.

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

Это интересно — некоторые формы исчезли. Кроме того, когда мы смотрим в окно «Слои», фон также исчезает.

Произошли две вещи. Сначала слой Solid Pink расположен под желтым овалом и одним из фиолетовых прямоугольников.

Другой фиолетовый прямоугольник, синий квадрат и красный кружок находятся под сплошным розовым слоем, и если вы заметили, что в правом верхнем углу окна слоев есть параметр «Непрозрачность», который в настоящее время установлен на 100%.

Это означает, что сплошной розовый слой на 100% непрозрачен — сквозь него ничего не видно; вы не можете увидеть, что под ним.

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

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

Последнее, что я собираюсь коснуться, — это непрозрачность.

Мы упоминали об этом раньше, потому что 100% -ная непрозрачность сплошного розового слоя не позволяла нам видеть слои под ним.

Если ползунок «Непрозрачность» сдвинуть вниз до 75%, сплошной розовый слой станет непрозрачным на 75%, и сквозь него можно будет видеть 25% нижележащих слоев.

Используйте непрозрачность слоя — каждый слой может иметь разную непрозрачность слоя — так что посмотрите, что вы можете придумать. Вот что я сделал со своим:

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

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

Заключительные мысли

Одна из приятных особенностей работы со слоями заключается в том, что вы можете сохранить файл со всеми слоями; используйте формат PSD или TIFF.

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

Когда работа закончена, многие художники сохраняют мастер-файл со всеми слоями, а затем выравнивают изображение (Layers / Flatten) и снова сохраняют его в размере и формате, необходимом для конкретных выходных данных.

Вот и все, что касается использования слоев в Photoshop! Надеюсь, вам это понравится!

Хотите узнать о чем-то больше, но не можете найти это в нашем блоге? Дайте нам знать, нажав здесь!

---

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

---

Как создать анимированный GIF в Photoshop (9 простых шагов)

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

GIF — это мини-анимация, которую можно создать в Photoshop. Когда вы создаете гифку, вы создаете движения слоев. Вы можете сделать анимированный gif из фотографий, векторов или с нуля.

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

Примечание. Снимки экрана взяты из версии Adobe Photoshop CC 2021 для Mac. Windows или другие версии могут выглядеть иначе.

Шаг 1: Создайте новый документ. Выберите цветовой режим RGB , потому что гифки предназначены для цифрового использования. Вы можете установить размер по своему усмотрению, но я рекомендую оставлять как можно меньше белого пространства в качестве фона изображения.

Шаг 2: Используйте инструмент Ellipse Tool , чтобы создать круг.

Шаг 3: Дублируйте слой и скройте исходный слой (Эллипс 1).

Шаг 4: Выберите инструмент Pen Tool , перейдите в верхнее меню и выберите Subtract Front Shape .

С помощью пера нарисуйте на круге треугольник, похожий на разрезанный торт.

Шаг 5: Дублируйте слой и скройте другие слои. Используйте инструмент «Прямое выделение», чтобы увеличить вырез, перетащив треугольный угол.

Повторяйте шаг 5, пока не получите полукруг.

Шаг 6: Перейти в верхнее меню Окно > Временная шкала . Должна появиться рабочая панель анимации временной шкалы.

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

Шаг 7: Измените время на 0,5 с и выберите вариант повторения навсегда.

Шаг 8: Щелкните значок плюса на панели временной шкалы, чтобы добавить новые кадры.

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

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

Нажмите кнопку воспроизведения, чтобы увидеть, как он выглядит, и настройте его соответствующим образом. Если вас устраивает результат, перейдите в верхнее меню File > Export > Save for Web (Legacy) , вы должны увидеть это окно.

Измените предустановку на вариант GIF и нажмите Сохранить . Теперь вы можете назвать его, выбрать, где вы хотите его сохранить, и другие настройки, такие как формат.

Шаг 9 : Нажмите и Сохранить кнопку и поздравляю, вы создали анимированный gif!

Заключение

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

О Ханне

Ханна работает дизайнером веб-сайтов в цифровом агентстве, базирующемся в Великобритании.Она имеет более чем 15-летний опыт использования Photoshop и использует его ежедневно с 2005 года.

Сочетания клавиш и советы для кистей Photoshop

Советы и рекомендации по использованию кистей в Photoshop

Вы, наверное, заметили, что большой процент задач, которые вы выполняете в Photoshop, выполняются с помощью кистей . Следующие ниже советы по сочетанию клавиш помогут вам быстрее работать с этими инструментами. Эти ярлыки применяются к оригинальному инструменту «Кисть для рисования » , а также к Clone Stamp, Healing Brush, History Brush, Eraser и многим другим.Эти инструменты часто требуют постоянной настройки размера, мягкости краев и свойств непрозрачности . Поэтому важно уметь быстро и эффективно их менять.

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

Прежде чем мы начнем, убедитесь, что вы знакомы с сочетаниями клавиш панели инструментов ! Например, просто нажмите букву B на клавиатуре, чтобы активировать инструмент «Кисть».Дополнительную информацию о параметрах и ярлыках панели инструментов можно найти на веб-сайте Adobe.

---

Панель параметров Photoshop для изменения свойств инструмента

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

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

На GIF-изображении ниже показаны настройки панели параметров для инструмента «Кисть » . Обратите внимание: при работе с любым инструментом кисти вы найдете дополнительное раскрывающееся меню (3) . Это дополнительное меню позволяет вам изменять размер кисти, жесткость края, поворот, толщину кисти , а также доступ к пользовательским кистям , загруженным в Photoshop.

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

С помощью этого метода можно настроить множество свойств кисти.

ПРЕИМУЩЕСТВО: Хотя это не самый быстрый метод изменения размера и жесткости, этот вариант предоставляет вам больше свойств кисти и альтернатив, чем сочетания клавиш, которые мы рассмотрим далее.

БЫСТРЫЙ СОВЕТ: Вы также можете быстро получить доступ к панели кистей, пока активен инструмент кисти. Панель появится под вашим курсором, как на скриншоте ниже, без необходимости доступа к верхней панели параметров.

ПОЛЬЗОВАТЕЛИ MAC: Удерживая нажатой клавишу Control , щелкните в любом месте на изображении.

ПОЛЬЗОВАТЕЛИ WINDOWS: Щелкните правой кнопкой мыши в любом месте изображения .

---

Сочетания клавиш для кистей Photoshop

Квадратный кронштейн — лучшие друзья каждого пользователя Photoshop. Это один из самых простых способов мгновенно изменить размер кисти и твердость края !

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

От

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

ЯРЛЫКИ ДЛЯ ПРОИЗВОДИТЕЛЬНОСТИ, РАССТОЯНИЯ И СГЛАЖИВАНИЯ

При использовании инструмента на основе кисти на панели параметров отображаются значения непрозрачности и потока. Используйте ЦИФРЫ на клавиатуре , чтобы быстро изменить эти значения.

Коснитесь ОДНОЙ ЦИФРЫ на клавиатуре, чтобы изменить непрозрачность инструмента на это значение, умноженное на десять. Например, нажатие «7» установит непрозрачность на 70%.

Нажмите 2 ЦИФРЫ В БЫСТРЫЙ ПЕРЕДАЧЕ, чтобы изменить непрозрачность вашего инструмента на это значение. Например, быстрое нажатие «7», а затем «5» установит непрозрачность на 75%. Если значение меньше 10, введите ноль в качестве первой цифры, например «0», затем «5» для 5%.

Чтобы отрегулировать расход , нажмите и удерживайте Shift , а затем цифровую клавишу / с , как указано выше.

В последних версиях Photoshop вы также найдете значение Smoothing , используемое для управления плавностью линий. Для настройки нажмите и удерживайте Alt / Option и цифровую клавишу / s , как указано выше. СОВЕТ: Если вы не хотите, чтобы Photoshop управлял и сглаживал ваши линии, установите значение Smoothing равным / близким к 0.

---

Ярлыки кистей на Heads Up Display (HUD)

Photoshop «Heads Up Display» или HUD — один из малоизвестных методов доступа к ярлыкам кистей.К этому нужно немного привыкнуть, но, как и все остальное, может стать вашим быстрым методом перехода после небольшой практики.

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

Перетаскивая мышь (или стилус) вверх / вниз или влево / вправо, вы можете изменить размер и свойства жесткости кисти.

1. Активировать Brush HUD
   • ПОЛЬЗОВАТЕЛИ WINDOWS: Нажмите и удерживайте клавишу Alt , затем щелкните правой кнопкой мыши внутри области изображения.
   • ПОЛЬЗОВАТЕЛИ MAC: Нажмите и удерживайте клавиши Control и Option , затем щелкните внутри области изображения.
2. Вы можете отпустить клавиши клавиатуры , но удерживайте кнопку мыши нажатой . Должен появиться красный предварительный просмотр, показывающий текущий размер и жесткость вашей кисти.
3. Изменение размера кисти — Перетащите мышь влево (меньше) или вправо (больше)
4. Измените жесткость кисти — Перетащите мышь вверх (мягче) или вниз (жестче)

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

---

Заключение

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

Найдите больше советов по Photoshop, отфильтровав наш блог по категории «Photoshop» .

фотошоп — Как нарисовать пунктирный круг в фотошопе cs5?

Photoshop — не первый инструмент, который я бы использовал, чтобы сделать что-то подобное (я бы выбрал Illustrator), но вы можете добиться этих результатов, обводя контур квадратной кистью с правильными настройками.

1. Создайте круговую траекторию с помощью инструмента «Эллипс».
2. Выберите инструмент «Кисть» и загрузите набор кистей «Квадратные кисти». Выберите одну из квадратных кистей.
3. Откройте палитру параметров кисти и измените параметры формы кисти:
   • Сначала измените интервал так, чтобы в мазке кисти были промежутки (например, 240%).
   • Затем измените квадрат на прямоугольник, чтобы он выглядел более похожим на тире, отрегулировав его «Округлость» (например, 50%).
   • Затем отрегулируйте размер кисти в соответствии с толщиной мазка, который вам нужен (например,12 пикселей).
4. Затем измените динамику формы, установив элемент управления «Угол» на «Направление».
5. Теперь выберите инструмент «Выбор контура» ( A ), щелкните правой кнопкой мыши круговой контур и выберите «Обводка контура …» и выберите «Кисть» в качестве инструмента.

У вас должно получиться что-то вроде этого:

Вышеупомянутый метод довольно быстрый, но из-за способа преобразования кисти результаты несколько грубые. Итак, вот лучший метод с использованием векторных путей:

1. Используйте инструмент «Эллипс», чтобы создать круговую траекторию.
2. Продублируйте круговой контур, а затем, используя «Свободное преобразование», сожмите контур, чтобы создать внутренний край конечной обводки.
3. Объедините 2 пути, вычтя внутренний круг из внешнего.
4. Используйте инструмент «Многоугольник», чтобы создать треугольник (установите количество сторон на 3 и удерживайте Shift , чтобы убедиться, что он прямой), направленный вниз. Переместите треугольник так, чтобы нижняя вершина привязывалась к центру ваших кругов.
5. Free Преобразуйте треугольник и растяните его по вертикали, потянув за верхний край ограничительной рамки за верхнюю часть круговой обводки.Отрегулируйте ширину треугольника по длине черточки (или промежутка), которую вы хотите, чтобы ваш штрих был. Примените преобразование.
6. Free Снова трансформируйте треугольный контур. На этот раз установите контрольную точку в нижний центр и поверните на четный угол (например, 10 °, 15 °, 20 °, 30 ° и т. Д.). Примените трансформацию.
7. Удерживайте Alt и нажмите Ctrl + Shift + T , чтобы повторить преобразование с новой копией пути. Делайте это, пока не сделаете полный круг треугольными путями.
8. Выберите все треугольные пути и сложите их аддитивно. Затем либо вычтите (если вы хотите использовать их в качестве зазоров) этот новый контур из контура обводки, либо объедините его с контуром обводки через пересечение.
9. Теперь у вас должен быть векторный контур в виде пунктирного круга, и вам просто нужно перейти в «Слой» -> «Новый слой заливки» -> «Сплошной цвет …», чтобы добавить его в вашу композицию.

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

.

No related posts.