Как выполнить обводку контура в фотошопе: Photoshop CS4 — Обводка контура цветом

Как сделать обводку текста в Фотошопе, создание контура вокруг объекта или картинки, как выполнить окантовку букв в Photoshop

11.07.2019Photoshop Цифровая фотография КомментироватьЗадать вопросНаписать пост

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

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

Как сделать обводку текста в Фотошопе?

Этот способ подойдет для создания обводки текста в Фотошопе:

1. Первым делом стоит открыть любое изображение, которое послужит в качестве фона. Далее, инструмент «Текст», указать тип шрифта, начертание и ввести слово или строку.
2. После этого нужно перейти в меню «Стили», найти вариант «Выполнить обводку» и отметить его галочкой.
3. В правой части окна стилей отображены настройки. Можно указать размер (толщину в пикселях), расположение (снаружи или внутри), и цвет границ. Лучший результат достигается экспериментальным путем. «Режим наложения» и «Непрозрачность» можно оставить неизменными.

Обводка с использованием двух слоев

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

1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.
2. После этого создать новый слой, который следует поместить сразу после надписи. Иными словами, в иерархии – надпись должна стоять в самом верху, а новый слой – ниже на одну ступень, перед фоном. Активировать его.
3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.
4. После этого нужно на панели инструментов найти вариант «Заливка», изменить цвет кисти на любой доступный и залить область. Просмотреть результат.
5. Далее, можно перейти на панель «Стиль» и добавить еще одну окантовку. Кроме того, можно залить буквы слова цветом или текстурой.

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

Создание контура

Также в Фотошопе можно накладывать контур вокруг текста, причем несколькими способами:

1. Для создания окантовки, легче всего кликнуть правой кнопкой мыши (ПКМ) по надписи, далее «Создать рабочий контур». После этого введенные буквы будут преобразованы в силуэт, который можно редактировать с помощью встроенных инструментов Photoshop.
   
   Однако этот способ работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.
2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: « Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.
3. Есть еще один способ, в котором используются вкладки меню. Первым делом, перейти на вкладку «Слои», далее «Текст», после — «Создать рабочий контур». На панели должен быть выбран слой с надписью.

Слой не будет изменен, к нему просто будет добавлена окантовка, которую следует редактировать с помощью инструментов «Перо», «Стрелка», «Угол».

Вот так выглядит результат, отредактированный с помощью инструмента «Стрелка».

Редактированный силуэт можно будет использовать после, ведь он конвертируется в «Пользовательскую форму».

Как сделать обводку картинки?

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

Создание рамки

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

1. Открыть изображение.
2. Нижний слой после загрузки изображения преобразуется в фон, который по умолчанию блокируется. Необходимо снять блокировку для редактирования.
3. После снятия блокировки следует перейти в меню «Параметры наложения». Перейти в него можно кликнув на кнопку «fx». Найти пункт «Обводка».
4. Настройки идентичны тем, что уже были описаны в пункте «Обводка текста ». Все дальнейшие операции делаются так же.

В результате изображение будет обведено рамкой.

Окантовка объекта

Также можно выполнить обводку контура объекта:

1. Выделить объект с помощью инструмента «Волшебная палочка».
2. Навести курсор на выделенную область и кликнуть по нему правой кнопкой мыши. В выпадающем меню кликнуть по пункту «Образовать рабочий контур».
3. Перейти на вкладку «Контуры» в панели слоев.
4. Настроить кисть, выбрав цвет, толщину и прозрачность. Именно таким будет контур.
5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».
6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «J»
   , чтобы вынести его на отдельный слой.
2. Выбрать в меню «fx» пункт «Обводка».
3. Дальнейшая процедура уже знакома и описывалась ранее.

На главную

Reader Interactions

Обводка в фотошопе контура рисунка и текста: быстро в два клика

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

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

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

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

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

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

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

В статье как растянуть изображение я рассказывал почему лучше не копировать картинку при помощи Ctrl+C и вставлять (Ctrl+V), а перетаскивать его из папки в окно программы. Не буду повторяться. Именно этим способом я добавил фотографию набора micro SD и USB переходника с Aliexpress в заранее подготовленное окно.

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

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

Как выделить контур в Фотошопе?

Создание силуэтов простеньких объектов не вызывает никаких затруднений. Другой дело — создание контура человека. Некоторые начинающие пользователи даже задаются более простым вопросом: как выделить контур в Фотошопе, если это человек? Инструмент «Быстрое выделение» с этой задачей уже не справится. Либо вы будете мучиться с ним очень долго.

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

Но хватит слов, пора приступать к решению нашей задачи. Увеличьте масштаб изображения до 100-процентного. Выберите инструмент «Магнитное лассо». Теперь двигайте курсор по контуру человека, совершая щелчок за щелчком. Постепенно вы соедините последний маркер с первым, после чего по контуру человека побежит пунктирная линия. Для перемещения по увеличенному изображению зажимайте клавишу «Пробел».

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

Текст

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

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

Выполните все настройки и готово. Обводка букв выполнена.

Кстати, о том, как красиво обвести текст в моем блоге есть отдельная статья.

Заливка градиентом

Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

Выбор готового или создание собственного градиента для заливки фигуры.

Вот тот же форма, только теперь она заполнена градиентом:

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

Произвольная обводка — фигуры

На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.

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

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:

Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом

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

Выбор цвета нажатием на образец.

Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:

Клик на значок Color Picker для выбора собственного цвета.

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

Фигура, залитая цветом.

Произвольная обводка объекта

Чтобы выполнить обводку объекта произвольной формы первым делом вам нужно будет выбрать кисть.

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

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

Я воспользуюсь простым методом. Зажму Ctrl и щелкну по эскизу слоя. Кстати, в качестве примера я снова взял картинку с Ali. На этот раз – это наклейка «Карта мира» на стену.

Теперь перехожу во вкладку контуры и создаю новый рабочий.

Осталось только нажать правой кнопкой по новому контуру и выбрать обводку.

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

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:

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

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

• Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
• Чистый цвет (Solid Color) — заливка сплошным цветом
• Градиент (Gradient) — заливка градиентом
• Узор (Pattern) — залива Photoshop-узором (паттерном)

Различные методы заливки формы

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3. 0».

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

До новых встреч.

Выделение контура в Фотошопе

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

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

Узор

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

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

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

Как обвести контур в Photoshop (подробные руководства)

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

Два типа путей, на которые нам нужно обратить внимание, — это пути формы и рабочие пути.

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

Вот как они работают!

Содержание

• Добавление обводки к контуру фигуры
• Добавление мазка кистью к рабочему контуру
• Итоговое слово

Добавление переключателя к контуру фигуры

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

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

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

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

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

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

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

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

Добавление мазка кисти к рабочему контуру 

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

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

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

Вы можете создать новый слой, используя меню Layer или сочетание клавиш Command + Shift + N (используйте Ctrl + Shift + N , если вы используете Photoshop ПК).

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

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

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

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

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

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

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

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

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

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

A Final Word

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

Будем надеяться, что они предоставят нам немного более связный процесс добавления обводки к контуру в будущей версии Photoshop!

О Томасе Болдте

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

Добавление цвета к контурам в Photoshop

Руководство пользователя Отмена

Поиск

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   6. Системные требования Photoshop
   7. Перенос предустановок, действий и настроек
   8. Знакомство с Photoshop
3. Photoshop и другие продукты и услуги Adobe
   1. Работа с иллюстрациями Illustrator в Photoshop
   2. Работа с файлами Photoshop в InDesign
      
   3. Материалы Substance 3D для Photoshop
   4. Photoshop и Adobe Stock
   5. Использование встроенного расширения Capture в Photoshop
   6. Библиотеки Creative Cloud
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на iPad
   4. Создание, открытие и экспорт документов
   5. Добавить фото
   6. Работа со слоями
   7. Рисовать и раскрашивать кистями
   8. Сделать выбор и добавить маски
   9. Ретушь ваших композитов
   10. Работа с корректирующими слоями
   11. Отрегулируйте тональность композиции с помощью Кривых
   12. Применение операций преобразования
   13. Обрезка и поворот композитов
   14. Поворот, панорамирование, масштабирование и сброс холста
   15. Работа с текстовыми слоями
   16. Работа с Photoshop и Lightroom
   17. Получить отсутствующие шрифты в Photoshop на iPad
   18. Японский текст в Photoshop на iPad
   19. Управление настройками приложения
   20. Сенсорные клавиши и жесты
   21. Сочетания клавиш
   22. Измените размер изображения
   23. Прямая трансляция во время создания в Photoshop на iPad
   24. Исправление недостатков с помощью Восстанавливающей кисти
   25. Создание кистей в Capture и использование их в Photoshop
   26. Работа с файлами Camera Raw
   27. Создание смарт-объектов и работа с ними
   28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
5. Photoshop в Интернете, бета-версия
   1. Общие вопросы | Photoshop в Интернете, бета-версия
   2. Введение в рабочее пространство
   3. Системные требования | Photoshop в Интернете, бета-версия
   4. Сочетания клавиш | Photoshop в Интернете, бета-версия
   5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
   6. Открытие и работа с облачными документами
   7. Сотрудничать с заинтересованными сторонами
   8. Применить ограниченные изменения к вашим облачным документам
6. Облачные документы
   1. Облачные документы Photoshop | Общие вопросы
   2. Облачные документы Photoshop | Вопросы рабочего процесса
   3. Управление и работа с облачными документами в Photoshop
   4. Обновление облачного хранилища для Photoshop
   5. Невозможно создать или сохранить облачный документ
   6. Устранение ошибок облачного документа Photoshop
   7. Сбор журналов синхронизации облачных документов
   8. Делитесь доступом и редактируйте свои облачные документы
   9. Делитесь файлами и комментируйте в приложении
7. Рабочее пространство
   1. Основы рабочего пространства
   2. Настройки
   3. Учитесь быстрее с помощью Photoshop Discover Panel
   4. Создание документов
   5. Поместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
      
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие пространства
       
   19. Поместите изображения Photoshop в другие приложения
   20. Линейки
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
       
   26. Положение с помощью инструмента «Линейка»
8. Дизайн веб-сайтов, экранов и приложений
   1. Photoshop для дизайна
   2. Артборды
   3. Предварительный просмотр устройства
   4. Копировать CSS из слоев
   5. Разрезать веб-страницы
   6. Опции HTML для фрагментов
   7. Изменить макет среза
   8. Работа с веб-графикой
   9. Создание фотогалерей в Интернете
9. Основы изображения и цвета
   1. Как изменить размер изображения
   2. Работа с растровыми и векторными изображениями
   3. Размер изображения и разрешение
   4. Получение изображений с камер и сканеров
   5. Создание, открытие и импорт изображений
   6. Просмотр изображений
   7. Недопустимая ошибка маркера JPEG | Открытие изображений
   8. Просмотр нескольких изображений
   9. Настройка палитр цветов и образцов
   10. Изображения с высоким динамическим диапазоном
   11. Сопоставьте цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Цветовые и монохромные настройки с использованием каналов
   22. Выберите цвета на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или Режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выберите, сгруппируйте и свяжите слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои-маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты и стили слоя
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Показать слои с помощью обтравочных масок
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого из других слоев
    26. Слой
    27. Выпрямление
    28. Композит
    29. Фон
11. Выбор
    1. Рабочая область выбора и маски
    2. Сделать быстрый выбор
    3. Начало работы с выборками
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Выберите диапазон цветов в изображении
    7. Настройка выбора пикселей
    8. Преобразование между путями и границами выделения
    9. Основы канала
    10. Перемещение, копирование и удаление выбранных пикселей
    11. Создать временную быструю маску
    12. Сохранить выделение и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Вычисления каналов
    16. Выбор
    17. Ограничительная рамка
12. Настройки изображения
    1. Деформация перспективы
    2. Уменьшить размытие изображения при дрожании камеры
    3. Примеры лечебных кистей
    4. Экспорт таблиц поиска цветов
    5. Настройка резкости и размытия изображения
    6. Понимание настроек цвета
    7. Применение регулировки яркости/контрастности
    8. Настройка деталей теней и светлых участков
    9. Регулировка уровней
    10. Настройка оттенка и насыщенности
    11. Настройка вибрации
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая корректировка тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшите изображение с помощью настройки цветового баланса
    16. Изображения с высоким динамическим диапазоном
    17. Просмотр гистограмм и значений пикселей
    18. Сопоставьте цвета на изображении
    19. Как обрезать и выпрямить фотографии
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Настройка кривых
    23. Режимы наложения
    24. Целевые изображения для прессы
    25. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Настройка экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветлить или затемнить области изображения
    30. Выборочная настройка цвета
    31. Заменить цвета объекта
13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Как сделать неразрушающее редактирование в Camera Raw
    10. Радиальный фильтр в Camera Raw
    11. Управление настройками Camera Raw
    12. Открытие, обработка и сохранение изображений в Camera Raw
    13. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых функций
    18. Версии процесса в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Исправление и перемещение с учетом содержимого
    3. Ретушь и исправление фотографий
    4. Исправление искажения изображения и шума
    5. Основные действия по устранению неполадок для устранения большинства проблем
15. Преобразование изображений
    1. Преобразование объектов
    2. Настройка обрезки, поворота и размера холста
    3. Как обрезать и выровнять фотографии
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, форм и путей
    6. Точка схода
    7. Используйте фильтр «Пластика»
    8. Масштабирование с учетом содержимого
    9. Преобразование изображений, форм и контуров
    10. Деформация
    11. Преобразование
    12. Панорама
16. Рисование и раскрашивание
    1. Рисование симметричных узоров
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание шаблона с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисовать или рисовать на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
17. Текст
    1. Добавить и отредактировать текст
       
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создать текстовые эффекты
    7. Редактировать текст
    8. Межстрочный и межсимвольный интервал
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Виндовс 8
18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Красить кадры в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Используйте галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Эффекты и стили слоя
    9. Применить определенные фильтры
    10. Размазать области изображения
20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
       
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
       
    4. Сохранять файлы в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
21. Печать
    1. Печать 3D-объектов
    2. Печать из фотошопа
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Дуотоны
    8. Печать изображений на коммерческой типографии
    9. Улучшение цветных отпечатков из Photoshop
    10. Устранение проблем с печатью | Фотошоп
22. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарий
    4. Обработать пакет файлов
    5. Воспроизведение и управление действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
23. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Документы с управлением цветом для онлайн-просмотра
    6. Управление цветом документов при печати
    7. Управление цветом импортированных изображений
    8. Пробные цвета
24. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентификация и происхождение для NFT
    3. Подключить аккаунты для атрибуции креативов
25. 3D и техническое изображение
    1. Photoshop 3D | Общие вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стеки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 3D

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

Путь выбран (слева) и заполнен (справа)

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

Заполните контур, используя текущий метод Заливки. Настройки пути

1. Выбрать путь на панели «Контуры».

2. Нажмите кнопку «Заполнить путь» в в нижней части панели «Контуры».

Заполните путь и укажите параметры

1. Выбрать путь на панели «Контуры».

2. Заполните путь:

   • Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS) кнопку «Заполнить контур» в нижней части панели «Контуры».

   • Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS) путь к кнопке «Заполнить путь».

   • Выберите «Заполнить контур» в меню панели «Контуры». Если выбранный путь является компонентом пути, эта команда изменяется на Заполнить Подпуть.

3. Для использования выберите содержимое для заливки. (См. Заполнить выделение или слой с цветом.)

4. Укажите непрозрачность заливки. Чтобы заливка была больше прозрачный, используйте низкий процент. Установка 100% делает заливку непрозрачный.

5. Выберите режим наложения для заливки. (См. Смешивание описания режимов.)

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

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

7. Выберите параметр рендеринга:

   Перо Радиус

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

   сглаживание

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

   Дополнительные сведения об этих параметрах см. в разделе «Смягчение». края выделений.

8. Нажмите OK.

Команда Stroke Path рисует границу пути. Команда Stroke Path позволяет вам создать краску штрих (с использованием текущих настроек ваших инструментов рисования), который идет по любому пути. Эта команда полностью отличается от команды Stroke. эффект слоя, который не имитирует эффект какой-либо картины инструменты.

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

Путь выбран (слева) и обведен (справа)

Обвести контур, используя текущий Варианты траектории хода

1. Выбрать путь на панели «Контуры».

2. Нажмите кнопку «Путь обводки» в в нижней части панели «Контуры». Каждое нажатие кнопки Stroke Path увеличивает непрозрачность штриха и, в зависимости от текущего параметры кисти, делает его более густым.

Обведите путь и укажите параметры

1. Выберите путь на панели «Контуры».

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

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

3. Чтобы обвести контур, выполните одно из следующих действий:

   • Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS) кнопку «Путь обводки» на в нижней части панели «Контуры».

   • Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS) путь к кнопке Stroke Path.