Как в фотошопе обрисовать контур: Заливки и обводки

Содержание

Рисуем по контуру / Creativo.one

В этой статье Вы узнаете, как рисовать кистью на основе созданных контуров.


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


Далее, мы выбираем инструмент Кисть (Brush) и задаем необходимые параметры. Для наглядности я взяла кисть большого радиуса и зеленого цвета.





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



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


Теперь выбираем Кисть, т.е. то, чем мы хотим обвести нашу линию.



Галочка «Имитировать нажим» (Simulate pressure) отвечает за толщину линии. Если вы выберите эту опцию, то с моими параметрами кисти линия вначале будет более тонкой, потом к середине утолщается, и к концу опять утончается. Если же не использовать эту опцию, то линия будет одной толщины, равной диаметру заданной ранее кисти.



Итак, вот что у меня получилось. Так как, сама кривая, созданная пером, нам больше будет не нужна, мы ее удалим – нажимаем правой кнопкой мыши, вызываем дополнительное меню, где выбираем «Удалить контур» (Delete pass).



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



Далее заходим в меню Редактирование – Определить кисть (Edit – Define brush).



До встречи в следующем уроке!

Источник:

www.photoshop-master.ru

Как залить контур фотошоп

Управление контурами в Photoshop

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

При использовании для создания нового слоя-фигуры инструмента групп «Перо» или «Фигура» новые контуры отображаются на панели «Контуры» как векторные маски. Векторные маски связаны со своим родительским слоем. Для просмотра списка векторных масок на панели «Контуры» необходимо выбрать родительский слой на панели «Слои». Векторную маску можно удалить из слоя или преобразовать в растровую маску. Дополнительные сведения см. в разделе Добавление и редактирование векторных масок.

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

Редактирование контуров в Adobe Photoshop

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку»  и инструмент «Удалить опорную точку» .

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

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

Как сделать заливку в Фотошопе CS6 и СС

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

В этой статье разговор пойдет о том, как пользоваться инструментом “Заливка”, рассмотрим его разновидности и применим знания на практике.

Содержание: “Как сделать заливку в Фотошопе”

Разновидности заливок

Есть несколько функций в Фотошопе по нанесению цвета — «Градиент» и «Заливка».

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

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

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

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

Как выполнить заливку

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

Параметры, которые важно регулировать при использовании инструмента «Заливка»:

  1. Источник заливки. Данная функция помогает настроить режим окрашивания цветом всей части изображения, к примеру, полное покрытие цветом или каким-либо рисунком.
  2. Узор. Этот параметр позволяет найти нужный узор, который хотите нанести на изображение.
  3. Режим заливки. Помогает выбрать настройки для заливания цветом.
  4. Непрозрачность. Параметр, который дает отрегулировать степень прозрачности цвета.
  5. Допуск. Параметр, который дает возможность установить близость необходимых цветов, а инструмент «Смежные пиксели» помогает сделать заливку близких промежутков, которые включены в Допуск.
  6. Сглаживание. Создает закрашенную пополам грань между промежутками, один из которых залит, а другой нет.
  7. Все слои. Заливает цветом все слои в палитре.

Чтобы настроить в графическом редакторе Фотошоп инструмент «Градиент», нужно:

  1. Выбрать необходимую для заливки область и выделить её.
  2. Кликнуть на инструмент «Градиент».
  3. Выбрать цвет для заливки фона и определиться с основным тоном.
  4. Поставить курсор в выделенную область.
  5. Удерживая левую кнопку мышки, нарисовать линию, чем она будет длиннее, тем менее виден будет переход от одного цвета к другому. Если хотите, чтобы градиент был ровным, то зажмите клавишу SHIFT.

Вот, как получилось у нас:

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

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

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

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

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

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

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

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

Метод 1: растрируем текст

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

  1. В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
  2. Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
  3. В итоге, вокруг текста на холсте должно повиться выделение.
  4. Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
  5. В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
  6. Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
  7. Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
  8. На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

  1. Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
  2. В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
  3. Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
  4. В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).
Метод 2: создаем конутр на новом слое

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

  1. Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
  2. Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
  3. В Палитре создаем новый слой.
  4. Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
  5. Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.
Метод 3: настраиваем параметры стиля слоя

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

  1. Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
  2. В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
  3. Видим на холсте следующий результат.
  4. Остается только убрать заливку слоя, указав значение – 0%.
  5. Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

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

Зачастую при работе в Фотошопе требуется создать контур из какого-либо объекта. Например, контуры шрифтов выглядят весьма интересно. Именно на примере текста мы и покажем, как сделать контур в Фотошопе.

Контуры объектов в Photoshop

Итак, имеем некий текст. Например, такой, как показан ниже. Для него и создадим контур несколькими способами.

Способ 1: Удаление лишнего

Этот способ подразумевает растрирование имеющегося текста.

  1. Нажимаем правой кнопкой мыши по слою и выбираем соответствующий пункт меню.
  2. Затем зажимаем клавишу CTRL и кликаем по миниатюре получившегося слоя. На растрированном тексте появится выделение.
  3. Идем в меню «Выделение – Модификация – Сжать».

    Размер сжатия зависит от того, какой толщины контур мы хотим получить. Прописываем нужное значение и нажимаем ОК.

  4. Получаем модифицированное выделение:
  5. Осталось только нажать клавишу DEL и получить желаемое. Выделение снимается сочетанием горячих клавиш CTRL+D.
Способ 2: Заливка

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

  1. Снова кликаем по миниатюре текстового слоя с зажатым CTRL, а затем производим сжатие, как и в первом способе.
  2. Далее создаем новый слой.
  3. Нажимаем SHIFT+F5 и в открывшемся окне выбираем заливку цветом. Это должен быть цвет фона.

    Нажимаем везде ОК и снимаем выделение. Результат такой же.

Способ 3: Стили

Данный способ подразумевает использование стилей слоя.

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

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

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

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

ДА НЕТ

Поделиться статьей в социальных сетях:

Фигуры Photoshop — векторные формы, контуры и пиксельные заливки

Для упрощения примера я возьму инструмент «Эллипс» (Ellipse Tool) и выберу заливку сплошным красным цветом без обводки, подробнее о построении фигур и их заливке здесь, и, зажав Shift, построю правильный круг:

Векторная фигура в виде правильного круга

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

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

Каждая новая векторная фигура получает свой собственный слой в панели слоёв.
В документе одна фигура готова, я нарисую вторую такую же фигуру рядом с первой так, чтобы вторая фигура немного перекрывала первую. Photoshop автоматически помещает эту вторую векторную фигуру на собственном слое (слой автоматически именован «Эллипс 1») на миниатюре слоя также имеется значок:

Две перекрывающихся векторные фигуры. Вторая векторная фигура в настоящее время перекрывает первую. На панели слоёв видны два отдельных слоя с фигурами.

В настоящее время обе моих фигуры имеют красный цвет, но мы можем легко изменить цвет любой фигуры, просто дважды кликнув по миниатюре слоя в панели слоёв. Я дважды кликнул по миниатюре второй фигуры, это действие открывает окно палитры цветов (Color Picker), где я могу выбрать новый цвет. Причём, во время выбора цвета, цвет фигуры и миниатюры изменяется в реальном времени:

Изменение цвета фигуры после двойного клика по миниатюре слоя в панели слоёв. Обратите внимание, что при изменении цвета в палитре цветов, цвет также меняется в качестве предпросмотра у фигуры в документе и миниатюры слоя. Если Вы нажмёте кнопку «Отмена» вместо «ОК», палитра цветов закроется, а цвет фигуры не изменится (в моём случае, останется красным)

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

Выбрать векторную фигуру в документе можно с помощью инструмента «Выделение контура» (Path Selection Tool):

Но выбрать фигуры можно только на активном слое, поэтому, чтобы мне выбрать красный круг, следует сперва кликнуть по слою с этой фигурой в панели слоёв, а затем уже по самой фигуре в документе:

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

Я могу менять слои в стеке панели слоёв. Например, если я перетащу слой с красным кругом вверх, он закроет синий:

Перемещение слоя с красным кругом вверх.

Но мы можем делать с векторными фигурами гораздо более интересные вещи. Например, мы можем объединить две или несколько фигур вместе, чтобы создать различные сложные формы!

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

Итак, давайте сложим две векторные фигуры. В панели слоёв выбираем синюю фигуру и нажимаем Ctrl+C. Затем удалим слой методом перетаскивания мышкой в корзину:

Удаление слоя после копирования

Теперь у нас на панели слоёв остался только слой с красной фигурой и фоновый. Нажимаем на слой с фигурой для его выбора и затем нажимаем комбинацию клавиш Ctrl+V на клавиатуре, чтобы вставить скопированную формы в слой. при этом фигуры объединятся в одну:

Объединённая фигура из двух кругов на одном слое.

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

Кнопка переключений режимов взаимодействия контуров («Операции с контуром»)

По нажатию на эту кнопку выпадает список с четырьмя различными режимами взаимодействия, это: Объединить фигуры (Add to Shape Area), Вычесть переднюю фигуру (Subtract from Shape Area), Область пересечения фигур (Intersect Shape Areas), и Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas):

Операции с контуром

Операция «Объединить фигуры» (Add to Shape Area) была инициирована в тот момент,когда мы вклеили скопированную фигуру в слой с фигурой. Давайте рассмотрим другие операции.

Вычесть переднюю фигуру (Subtract from Shape Area) — вторая (вклеенная) фигура больше не видны в документе. Вместо этого, Photoshop использует её, чтобы удалить часть первоначальной фигуры, ту часть, где две фигуры пересекаются:

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

Область пересечения фигур (Intersect Shape Areas) — На этот раз, остается видимым только тот участок, где две фигуры перекрывают друг друга:

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

Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas) — результат, противоположный предыдущему. Обе формы видны только в тех областях, где они не перекрываются:

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

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т. к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?), после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)

Объединение компонентов фигур при различных состояниях операций с контурами

Рисование контуров

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

Панель параметров при режиме векторных инструментов «Контур» (Path)

Создадим новый документ Photoshop, на котором имеется только лишь один фоновый слой, возьмём инструмент «Эллипс» (Ellipse Tool), на панели параметров выберем, как я говорил выше, режим инструмента «Контур», и проведём контур на документе. Курсор vsib при этом примет вид креста в плюсиком:

Контур, созданный инструментом «Эллипс» в режиме «Контур».

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

Причина этого заключена в том, что чистые контура не зависят от слоев. И, хотя на данный момент мы можем видеть контур в документе, но при сохранении документа a формате JPG, PNG и т.п., а также при распечатке, контур не будет отображён.

Контур является всего-лишь инструментом для каких-либо действий — преобразования контура в выделенную область, обводки контура, заливки цветом, создание 3D экструзии из контура и т.п., но полноценным элементом рисунка контур не является.

И так как контура не зависят от слоев, они имеют свою собственную панель — Панель контуров (Paths panel) — которая, по умолчанию, сгруппирована в с панелями слоёв и каналов. На рисунке ниже я переключиться на панель контуров, где мы можем увидеть контур, который я только что нарисовал, он автоматически именован Photoshop как как «Рабочий контур (в англ. — Work Path):

Контур в документе и на панели контуров

Название «Рабочий контур» означает, что на данный момент этот контур является временным, но мы можем сохранить его как часть документа, для этого нам нужно просто его переименовать. Для переименования дважды кликните на его имени в панели контуров, после чего Photoshop откроет диалоговое окно для сохранения контура, предлагающее новое имя. Вы можете просто принять новое имя по умолчанию или ввести своё. Я назову свой «контур-эллипс»:

Путь для сохранения контура

Хотя, если честно, контур сохраняется при сохранении документа PSD и без переименования, возможно, в ранних версиях он и не сохранялся, я уже не помню.

Инструменты для работы с контурами — это «Выделение контура» (Path Selection Tool ), «Выделение узла» (Direct Selection Tool), а также инструмент «Угол» (Convert Point Tool) из группы «Пера» (Pen Tool).

Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать Ctrl) опорных узлов контура, инструмент «Угол» изменяет свойства опорных узлов.

Изменение контура с помощью инструмента «Выделение узла»

Операции с контурами

Внизу панели контуров имеются семь кнопок. Эти кнопки позволяют делать с контурами некоторые операции:

Кнопки операций с контурами.

Перечисляю, слева направо:

Выполнить заливку контура основным цветом (Fill path with foreground color) — контур на активном слое в панели слоёв будет залит основным цветом цветовой палитры. Если в документе есть только фоновый слой, значит, будет залит фоновый.

Выполнить обводку контура кистью (Stroke path with brush) — контур на активном слое будет обведён кистью основным цветом цветовой палитры. Толщина и жёсткость линии обводки зависит от настроек инструмента «Кисть» (Brush Tool). К примеру, если «Кисть» заранее настроена — круглая, 50% жёсткости, а основной цвет в палитре красный — такая и будет линия обводки, красная, мягкая, толщиной 3 пикселя.

Загрузить контур, как выделенную область (Load Path as a selection) — контур будет преобразован в выделенную область.

Сделать из выделенной области рабочий контур (Make work path from selection) — в данном случае, по понятным причинам, не активна.

Добавить маску (Add a mask) — к слою будет добавлена слой-маска по очертаниям контура, прозрачная область маски — внутри контура, работает только после преобразования контура в выделенную область.

Создать новый контур (Create new Path) — в данном случае не используется.

Корзина (Delete current Path) — тут думаю. понятно, нужна для удаления контура

Кроме того, на панели параметров имеются три кнопки для работы с контурами:

Кнопки операций с контурами на панели параметров

Кнопка «Выделение» (Selection…) преобразует контур в выделенную область. В отличии от аналогичной кнопки внизу панели контуров, нажатие на эту кнопку преобразует контур в выделение не мгновенно, а открывает диалоговое окно с некоторыми параметрами и позволяет задать, к примеру, радиус растушёвки:

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

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

Векторная маска из фонового слоя

О третьей кнопке я расскажу чуть ниже.

Преобразование контуров в векторные фигуры

Для преобразования контуров в векторные фигуры на панели задач имеется специальная кнопка, активная в режиме «Контур», это третья кнопка из тех о которых я начал рассказывать выше, она называется «Фигура» (Shape):

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

Нажатие на кнопку моментально преобразует контур a векторную фигуру:

Векторная фигура из контура. Цвет заливки фигуры взят из основного цвета цветовой палитры.

При этом фигура заливается сплошным цветом. Этот цвет соответствует основному цвету цветовой палитры.

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

Итак, у меня имеется документ с фоновым слоем и простым контуром:

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

Для создания фигуры нам придётся всего-лишь добавить корректирующий слой «Цвет» (Solid Color). Откроется диалоговое окно слоя, где выберите цвет заливки будущей фигуры и нажмите ОК. Всё, фигура готова, она создана на новом слое. Результат, по сути, тот же, как и при использовании кнопки «Фигура».:

Векторная фигура из контура с помощью корректирующего слоя «Цвет» (Solid Color).

Пиксельная заливка (Fill Pixels)

Третий режим рисования фигур в Photoshop — это Пиксельная заливка (Fill Pixels), которая позволяет нам создавать пиксельные формы. Я выберите опцию «Пикселы» (Pixels) на в панели параметров:

Режим пиксельной заливки в панели параметров

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

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

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

На данный момент у меня имеется документ с одним единственным фоновым слоем. Я добавлю новый слой, нажав Ctrl+Shift+Alt+N, задам в цветовой палитре цвет, скажем, зелёный #5ab345, возьму инструмент «Эллипс», режим в панели параметров, как говорилось ранее, задан «Пикселы», нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:

Создание пиксельной заливки.

После того, как я отпускаю клавишу мыши, фигура мгновенно заливается основным цветом с цветовой палитры:

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

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

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

Недостатки пиксельного изображения подробно описаны в материале «Векторные и пиксельные формы в Photoshop».

Как обвести текст в Photoshop

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop.

Вы можете выделить текст в Adobe Photoshop, чтобы выделить его.Его быстро и легко освоить, даже если вы новичок в Photoshop. И это лишь один из многих эффектов, которые вы можете изучить в Photoshop.

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

В этой статье мы покажем вам, как очертить текст в Photoshop и как это сделать правильно.

Как выделить текст в Photoshop

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

    1. Выберите инструмент «Текст» (горизонтальный или вертикальный) и создайте текст.
    2. Щелкните правой кнопкой мыши на Type Layer и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .
    3. В диалоговом окне Layer Style выберите Stroke в списке стилей слева.
  1. Параметры стиля «Обводка» позволяют полностью контролировать внешний вид контура.Установите желаемый размер или ширину с помощью ползунка или введите собственное значение.
  2. Выберите Позиция для хода. Правое положение изменяет внешний вид, когда текст объединяется с другими элементами слоя. Есть три варианта.
    • Внутри. Обводка будет помещена внутри краев выделения.
    • Центр. Обводка появится на 10 пикселей внутри и за пределами выделения.
    • Снаружи. Обводка будет проходить по внешнему краю выделения.
  3. Используйте режим наложения , чтобы контролировать, как цветная обводка будет взаимодействовать с цветами или слоями под обводкой. Например, если вы поместите текст поверх цветного изображения.
  4. Используйте ползунок Непрозрачность , чтобы установить степень прозрачности обводки.
  5. Обводки могут быть заполнены однотонными линиями, красочными градиентами, а также узорными границами. Щелкните плитку цвета, чтобы открыть палитру цветов. Выбери свой цвет. Щелкните ОК.

Вот конечный результат:

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

Как обвести контур шрифта в Photoshop

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

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

Давайте посмотрим, как выделить любой шрифт в Adobe Photoshop, как на скриншоте ниже:

1.Начните с чистого листа. В этом примере у нас черный фон.

2.Введите свой текст. Затем щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .

3.Перейдите к Layer Style> Stroke> Выберите позицию Outside . Установите ползунок Size на любое желаемое значение (в идеале 2-3 пикселя) и непрозрачность на 100. Щелкните OK .

4.На вкладке Layers уменьшите непрозрачность Opacity до 0 процентов. Вот и все.

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

Как обвести контуром несколько букв на фотографии в Photoshop

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

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

1.Напечатайте текст поверх фотографии и увеличьте его.

2.Создайте копию текстового слоя и назовите ее «Прозрачный».

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

4.В нашем примере поверните текстовый слой, который вы назвали «Прозрачный», и придайте ему эффект обрисованного текста, выполнив шаги, описанные в последнем разделе.

5.Затем растеризуйте слой с заливкой, щелкнув по нему правой кнопкой мыши. Он превращает текстовый слой в обычное растровое изображение, состоящее из пикселей.

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

7.Объедините все видимые слои или сгладьте изображение из опций в меню Layer .

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

Как выглядит ваш первый набросанный текст?

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

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

5 способов проверить, взломано ли ваше устройство Android

Об авторе Сайкат Басу (Опубликовано 1538 статей)

Сайкат Басу — заместитель редактора по Интернету, Windows и производительности.После того, как он избавился от грязи MBA и десятилетней маркетинговой карьеры, он теперь увлечен тем, что помогает другим улучшить свои навыки рассказывания историй. Он следит за пропавшей оксфордской запятой и ненавидит плохие скриншоты. Но идеи фотографии, фотошопа и производительности успокаивают его душу.

Ещё от Saikat Basu

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

.

Photoshop: Как заполнить незамкнутые контуры?

Привет!
Я работаю над каким-то мультипликационным персонажем.
Я рисую контуры черным на настоящей бумаге, затем сканирую свой лист и затем пытаюсь раскрасить персонажа в Photoshop.
Photoshop довольно мощный инструмент для работы с выделениями и цветами, но единственная проблема в том, что я могу заливать только закрытые области. Если когда-нибудь в моих очертаниях будет какой-то разрыв, выделение (сделанное с помощью волшебной палочки) переполнится, и я не смогу использовать его для заполнения нужной области.
Например, выбирается не только форма руки моего персонажа, но и вся страница!
Я использую несколько векторных программ (Illustrator, Flash, Toonbom), которые могут заполнять незамкнутые области. Мне просто нужно установить это в параметрах ведра с краской …
Если эта функция возможна для векторных контуров, она должна быть возможна и для растровых контуров! Сложнее реализовать не должно ..

Почему профессиональное программное обеспечение, такое как Photoshop, все еще не может этого сделать в 2014 году?

А может это я не понял, как надо было это делать?
Может ли кто-нибудь помочь мне улучшить эргономику и увеличить рабочий процесс по раскрашиванию иллюстраций с помощью Photoshop?

.

Как набросать текст в Photoshop, учебник


Есть 2 варианта контурных шрифтов. Первый — это эффект, при котором вы создаете контур шрифта, например обводку или фаску.

эффект контура. для Photoshop CC здесь


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

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

Превращение текста в контур нестандартной формы (Боевой ангел Алита)

Давайте начнем с недавно снятой фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта).Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

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

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

Щелкните правой кнопкой мыши тип на панели слоев. Выберите «Преобразовать в форму» в меню.

Шаг 7

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

Преобразование текста в Photoshop

Шаг 8

Выбрав текстовый слой на панели «Слои», нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

Щелкните правой кнопкой мыши для параметров и выберите Искажение

Шаг 12

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

Изменение цвета заливки текста.

Step 13

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

Выберите типовой слой на панели слоев

Шаг 14

Выберите инструмент прямого выбора (он отличается от инструмента перемещения)

Шаг 15

Перейдите в верхнюю часть панели параметров инструмента и щелкните в поле «Заполнить».

Step 16

Выберите новый цвет (или узор, или градиент, если хотите). Мы сохраняем его красивым и чистым и выбираем черный в качестве цвета, щелкая образец черного цвета. Обратите внимание, что шрифт меняет цвет, когда вы выбираете новый цвет.

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками на PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

До встречи в КАФЕ

Колин

Присоединяйтесь к нам и получите бесплатный супергид и другие вкусности!


.

Как заполнить форму фотографией в Photoshop

Давайте начнем с недавно снятой фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта).Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

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

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

Щелкните правой кнопкой мыши тип на панели слоев. Выберите «Преобразовать в форму» в меню.

Шаг 7

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

Преобразование текста в Photoshop

Шаг 8

Выбрав текстовый слой на панели «Слои», нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

Щелкните правой кнопкой мыши для параметров и выберите Искажение

Шаг 12

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

Изменение цвета заливки текста.

Step 13

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

Выберите типовой слой на панели слоев

Шаг 14

Выберите инструмент прямого выбора (он отличается от инструмента перемещения)

Шаг 15

Перейдите в верхнюю часть панели параметров инструмента и щелкните в поле «Заполнить».

Step 16

Выберите новый цвет (или узор, или градиент, если хотите). Мы сохраняем его красивым и чистым и выбираем черный в качестве цвета, щелкая образец черного цвета. Обратите внимание, что шрифт меняет цвет, когда вы выбираете новый цвет.

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками на PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

До встречи в КАФЕ

Колин

Присоединяйтесь к нам и получите бесплатный супергид и другие вкусности!


.

Как заполнить форму фотографией в Photoshop

Автор Стив Паттерсон.

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

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

Окончательный эффект «изображение в форме».

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Как заполнить фигуру фотографией

Я использую Photoshop CC, но все, что мы будем делать, также совместимо с Photoshop CS6.

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

Начнем с создания нового документа. Перейдите к меню File в строке меню в верхней части экрана и выберите New :

.

Переход к файлу и новому.

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

В Photoshop CC параметры для создания нового пользовательского документа находятся на панели Preset Details справа от диалогового окна. В этом уроке давайте создадим квадратный документ. Установите Width и Height на 2000 пикселей . Мы установим разрешение с на 72 пикселя / дюйм , а для фона с на Белый . Щелкните Create , чтобы создать новый документ:

Панель «Сведения о предустановке» в диалоговом окне «Новый документ» в Photoshop CC.

В Photoshop CS6 снова установите для ширины и высоты на 2000 пикселей , разрешение с на 72 пикселя / дюйм и содержание фона с на Белый . Нажмите ОК , чтобы создать новый документ:

Диалоговое окно «Новое» в Photoshop CS6.

Смотрите видео и оставляйте комментарии на нашем канале YouTube!

Шаг 2. Выберите инструмент Custom Shape Tool

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

Выберите инструмент Custom Shape Tool на панели инструментов. По умолчанию инструмент «Произвольная форма» расположен за инструментом «Прямоугольник». Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на инструменте «Прямоугольник», затем выберите в меню инструмент «Пользовательская форма»:

Выбор инструмента Custom Shape Tool на панели инструментов.

Шаг 3. Установите для режима инструмента значение «Форма»

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

Photoshop называет векторные фигуры просто «фигурами». Выбрав инструмент Custom Shape Tool, убедитесь, что для параметра Tool Mode на панели параметров установлено значение Shape :

.

Установка режима инструмента на «Форма» на панели параметров.

Шаг 4: Установите черный цвет формы

Чтобы мы могли видеть нашу форму на белом фоне, мы установим цвет заливки формы на черный . Вы найдете образец цвета Fill на панели параметров (непосредственно рядом с параметром «Режим инструмента»).

По умолчанию цвет уже будет черным. Если это не так, нажмите на клавиатуре букву D . Это сбросит ваши цвета переднего плана и фона до значений по умолчанию, сделав ваш цвет переднего плана (и цвет заливки фигуры) черным:

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

Шаг 5. Загрузите пользовательские формы

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

Миниатюра формы на панели параметров отображает текущую выбранную форму. Нажмите на миниатюру, чтобы выбрать другую форму:

Щелкните эскиз фигуры на панели параметров.

Это откроет Custom Shape Picker с эскизами всех фигур, из которых мы можем выбрать. Как я уже упоминал, по умолчанию отображается только несколько фигур. Давайте загрузим все формы, чтобы у нас было больше выбора.

Щелкните значок меню (значок шестеренки) в правом верхнем углу окна выбора пользовательской формы:

Щелкните значок меню «Выбор пользовательской формы».

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

Загрузка всех наборов пользовательских фигур в Photoshop.

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

Щелкните OK, чтобы заменить текущие формы новыми.

Шаг 6. Выберите нестандартную форму

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

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

Выбор нестандартной формы бабочки.

Шаг 7: Нарисуйте форму

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

Когда вы рисуете фигуру, вы увидите только контур контура того, как она будет выглядеть:

Щелкните в верхнем левом углу, удерживая Shift, перетащите в нижний правый.

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

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

Если мы посмотрим на панель «Слои», мы увидим фигуру, сидящую на собственном слое Фигуры над белым фоновым слоем:

Панель «Слои», на которой отображается слой «Форма» над фоновым слоем.

Шаг 8: переместите фигуру в центр

Чтобы переместить форму в центр документа, выберите инструмент Photoshop Move Tool на панели инструментов:

Выбор инструмента «Перемещение».

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

Перемещение фигуры на место.

Шаг 9. Откройте изображение

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

Изображение, которое я помещу внутрь фигуры. Фото: Adobe Stock.

Шаг 10: Выберите и скопируйте изображение

Давайте скопируем изображение и вставим его в документ фигуры. Поднимитесь в меню Select вверху экрана и выберите All . Вы увидите контур выделения вокруг изображения.

Выбираю> Все.

Выбрав изображение, перейдите в меню Правка и выберите Копировать :

Идем в Edit> Copy.

Шаг 11. Вставьте изображение в документ формы

Вернитесь к документу формы, щелкнув вкладку чуть ниже панели параметров. Если вы не назвали документ при его создании (а мы этого не сделали), он, скорее всего, называется «Без названия-1»:

.

Щелкните вкладку документа формы.

Затем вернитесь в меню Edit и на этот раз выберите Paste :

Идем в Edit> Paste.

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

Изображение было вставлено в документ фигуры.

Шаг 12: Создайте обтравочную маску

Если мы снова посмотрим на панель «Слои», то увидим, что Photoshop поместил изображение на новый слой над слоем «Форма»:

Панель «Слои», показывающая изображение над фигурой.

Чтобы разместить изображение внутри формы, все, что нам нужно сделать, это создать обтравочную маску. Убедитесь, что у вас выбран слой изображения («Слой 1»). Затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

.

Переходим в Layer> Create Clipping Mask.

Это «обрезает» изображение на «Слое 1» на слое Shape под ним, что означает, что единственная часть изображения, которая остается видимой в документе, — это область, которая находится непосредственно над (или перед) формой.Остальная часть изображения теперь скрыта, создавая иллюзию, что изображение на самом деле находится внутри формы:

Обтравочная маска помещает изображение внутри формы.

И если мы снова посмотрим на панель Layers, мы увидим, что «Layer 1» смещен вправо с маленькой стрелкой, указывающей вниз на слой Shape под ним. Вот как Photoshop сообщает нам, что изображение теперь обрезано по форме:

Панель «Слои», показывающая изображение, обрезанное по слою «Форма».

Шаг 13: измените размер и положение изображения с помощью свободного преобразования

Чтобы изменить размер и положение изображения внутри фигуры, снова убедитесь, что у вас выбран «Слой 1». Затем перейдите в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

При этом поле «Свободное преобразование» и ручки (маленькие квадраты) будут окружать фактические размеры вашего изображения, включая область за пределами видимого холста. Если вы не видите все свои дескрипторы Free Transform, потому что ваше изображение слишком велико, чтобы полностью поместиться на экране, перейдите в меню View и выберите Fit on Screen :

Перехожу в «Просмотр»> «По размеру экрана».

Photoshop автоматически настроит уровень масштабирования так, чтобы было видно все поле «Свободное преобразование». Здесь мы видим мой блок Free Transform, простирающийся справа от холста:

Поле «Свободное преобразование» появляется вокруг всего изображения.

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

Чтобы переместить изображение внутри формы, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите изображение на место.

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

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

Когда будете готовы, нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы зафиксировать изменение и закрыть команду Free Transform:

Изображение теперь лучше вписывается в форму.

Шаг 14: Измените цвет фона

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

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

Выбор фонового слоя.

Затем щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новая заливка или корректирующий слой».

Выберите Solid Color из верхней части списка:

Добавление сплошного слоя заливки.

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

Выбор черного в палитре цветов.

Черный определенно подчеркивает детали формы, но в качестве цвета фона для бабочки я не уверен, что он работает:

Результат после изменения цвета фона на черный.

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

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

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

Как только я щелкаю, выбранный цвет становится новым цветом фона. Мне больше нравится этот новый цвет, поэтому я нажимаю ОК, чтобы закрыть палитру цветов:

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

Если мы посмотрим на панель «Слои», мы увидим наш слой заливки сплошным цветом с названием «Цветовая заливка 1», расположенный между фоновым слоем и слоем формы, как раз там, где нам это было нужно:

Панель «Слои», показывающая новый слой заливки сплошным цветом.

Шаг 15: Добавьте обводку

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

Выбор слоя Shape.

Затем щелкните значок Layer Styles (значок « fx ») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Ход из списка:

Выбор стиля слоя «Обводка».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка». Чтобы изменить цвет обводки, щелкните образец цвета :

Щелкнув образец цвета.

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

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

Вернувшись в диалоговое окно Layer Style, я устанавливаю Position обводки на Outside , чтобы она отображалась снаружи формы.Затем я увеличу значение Size , чтобы настроить толщину штриха. Я думаю, что для этого изображения подойдет размер около , 12 пикселей, :

.

Установите положение «Снаружи» и размер 12 пикселей.

Щелкните OK, чтобы закрыть диалоговое окно «Стиль слоя». На этом мы закончили! Вот мой последний эффект «изображение в форме» после изменения цвета фона и добавления обводки вокруг бабочки:

Окончательный результат.

И вот оно! Вот как легко разместить изображение внутри фигуры с помощью обтравочных масок в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop! И не забывайте, что все наши руководства по Photoshop теперь доступны в виде готовых к печати PDF-файлов!

.

Векторный метод обводки эскиза в Photoshop.



Часть 1


Пролог

— Вот он, камень преткновения. Мы нашли его! 😉

Уважаемые товарищи, прочитавшие мою

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

Насколько помню, там был описан какой-то способ раскраски, но не был освещен
вопрос обводки контура. Что ж.. Я не кухонный комбайн,
чтобы всё сразу; однако попробую. 🙂

И вот, пока мой скромный чум озаряет муза, а олени всё равно ушли на север,-
начнем, однако.
— Вы встречали человека, который никогда не видел бы компьютера,
но тем не менее заинтересовался им,
увидев двоичную таблицу умножения?
Я — нет. А ведь именно так нас и учат,
начиная со школы. Сначала заставляют
учить (дай бог памяти).. забыл, что именно.. 🙁
Но главное — при этом клятвенно заверяют,
что где-то там, в светлом будущем, нам это пригодится.

— Я слышу храп с задних рядов? ..Кто-то спросонья упал в костер?? 8( &nbsp
Хм.. По крайней мере, теперь он проснулся..
— Да не угаснет бамбук в ваших трубках, братья!
..Интеллигентные отличники в моржовых шкурах, недоуменно поблескивая диоптриями,
как бы невзначай интересуются:
почто открыл кран, да не в тему
(забодай тебя олень), и когда будет про обводку!?
— А почему вы так уверены, что она вам нужна? Хотя сами говорите, что
еще не пробовали.. ;))

В общем, так: начнем с конца! Считаем, что векторный контур у нас уже есть!! Ура!!!
(изобразите хотя бы видимость просветления
на Вашем многомудром челе, явите такое чудо..)
— А теперь, как завещал Великий Шаман (да не угаснет бамбук
и в его трубке вовеки!),-
будем искать крайнего. Обычай такой.
Исстари повелось, я не виноват.
— Ну, кто там громче всех просил? Какой-то уж очень настойчивый отличник..
ага, вспомнил,- это был J-in-fog.. Хм.. Кажется,
он даже проснулся.. :))

————————————————————


1.1 Раздача слонов

Для начала берем test.rar (15Кб).
В архиве имеется файл test.psd, который, в свою очередь,
содержит рисунок размером 1300 х 1498. — Не верите? Правильно делаете.
Рисунка, как такового, там еще нет; и при открытии документа в Фотошопе
на рабочем поле совершенно пусто.
Дело в том, что растровая информация в этом файле отсутствует,
а патчи по умолчанию невидимы.

Да, договоримся сразу: векторные пути я называю патчами. По той причине, что
слово «путь» при прочтении не воспринимаю, как термин; а здесь нужен именно
термин, то есть четкое словесное обозначение некоей вещи. Значит, один путь
я называю «патч», а несколько патчей — «векторная форма», «векторный контур».
Второе: все дальнейшие объяснения касаются нерусифицированного Photoshop 7.
Третье: о закладке Layers и тому подобных вещах я говорил в прошлой статье,
причем для нулевого уровня подготовки. Я готов рассказывать настолько подробно,
насколько это возможно; однако не готов повторять одно
и то же каждый раз. Поэтому сейчас по умолчанию считаю, что действия
с растровыми слоями на закладке Layers не вызывают у вас затруднений.
Четвертое: если я называю цвета для обводки или раскраски, то имею в виду
свои собственные, таблица которых была приведена в прошлой
статье.
— Вроде бы, всё. 🙂

Однако, мы отвлеклись от нашего файла.. — Чтобы разглядеть контур, идем на закладку Paths.
Она находится в той же группе,
что и Layers. Аналогия между этими закладками состоит в том, что и та,
и другая содержит слои; только на Layers они растровые, а на Paths — векторные.

На данной иллюстрации показаны значения кнопок, расположенных
в нижней части закладки Paths.
Fill path — залить патч
Stroke path — обвести патч
Load path as a selection — взять выделение по патчу
Make work path from selection — создать патч по выделению
Create new path — создать новый векторный слой
Delete path — стереть текущий векторный слой
Примечание: заливка и обводка осуществляются текущим цветом рабочей палитры.

Одно из отличий векторной закладки от растровой заключается в том, что одновременно
можно видеть
только один слой. При открытии ни один из слоев не выбран, поэтому патчи не видны.
Однако, рука так и тянется выбрать слой под названием «Gadget».. 🙂 Выбираем.
..Я вообще-то предупреждал, что кто-то будет крайним.. ;))

За основу векторного контура был взят вот этот эскиз:

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

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

..Кстати, раздел заканчивается, а слонов так и не видно.. Ну их в болото.
У нас есть Гаечка, она гораздо лучше! 🙂


1.2 Обводка

Теперь посмотрим, что можно сделать с векторным контуром. Во-первых, его можно
автоматически обвести.
Если вы собираетесь эту обводку впоследствии заливать по моему способу, то
сперва лучше пойти на закладку Layers и создать новый слой —
по причине, что при таком способе требуется контур на прозрачном фоне;
а сейчас на закладке Layers у нас выбран Background, который прозрачным быть
не может. Создаем растровый слой и называем его stroke.

В панели инструментов выбираем кисть (Brush) и устанавливаем
диаметр 4 пиксела. Через Color Picker задаем цвет #582C1D.
Затем идем на закладку Paths, выбираем слой Gadget и щелкаем
по второй кнопке слева (Stroke path). — Какой эффект! У меня обвело
меньше, чем за секунду. 🙂

..Однако, обводка как будто рябит. Не на иллюстрации, а у вас в Фотошопе, если
все-таки не поленились открыть предложенный файл. Рябь происходит из-за того,
что патч отображается поверх обводки.
Для скрытия векторов существует клавиатурная комбинация
<Ctrl>+<Shift>+H. Попробуйте. Патч исчез, и первые четыре кнопки
внизу закладки Paths стали недоступны. Если набрать указанную комбинацию еще раз,
патч снова появится. В дальнейшем об этих действиях я буду говорить
«скрыть патч» и «показать патч».

Теперь, если мы отменим предыдущую обводку, то сможем попробовать еще один
интересный режим.Устанавливаем кисть диаметром 8 пикселов. Если патч все
еще скрыт, надо его показать. На закладке Paths нажимаем вторую кнопку слева
(Stroke path) совместно с клавишей <Alt>. Показывается окно настроек
для обводки, в котором отмечаем параметр Simulate Pressure.

Кстати, для обводки в этом случае должна быть выбрана именно кисть (Brush),
поскольку карандаш (Pencil) почему-то игнорирует этот параметр. Кроме того, у последнего
инструмента есть еще один неприятный эффект: судя по результату, в отличие от кисти,
карандаш обводит с отключенным антиалиасингом (линии получаются
явно ступенчатыми). Двух вышеупомянутых причин достаточно, чтобы для обводки
я пользовался только кистью.

Нажимаем OK в вызванном ранее окне Stroke Path.. Действительно,
интересный эффект: линии стали переменной толщины.
Хотя в чистом виде этот метод малоприменим — по причине, что отрисовка имеет множество
разрывов.

В таком случае я применяю двойную обводку: первый раз более толстой кистью
с имитацией давления (включенным параметром Simulate Pressure), второй раз —
кистью тоньше, и без давления. Это самый простой способ, рассчитанный на настройки
Фотошопа по умолчанию. Однако, можно сделать и умнее.
Для этого выбираем инструмент кисть (Brush) и идем на закладку Brushes.

Если на закладке отображается другая картинка, выберите раздел Shape Dynamics (отмечен
зеленой стрелкой). В выпадающем меню (подчеркнуто) должен быть выбран пункт
Pen Pressure. Далее, нас интересует параметр Minimum Diameter, точнее,
его регулятор (отмечен красной стрелкой).
При обводке с имитацией давления, линия в самом толстом месте всегда будет
равна диаметру кисти, выбранной для обводки. А параметр Minimum Diameter
показывает, какой будет линия в самом тонком месте, в процентах от диаметра той же кисти.
Например, при данном параметре, установленном на 50%, будем иметь в самом тонком
месте уменьшение толщины линии вдвое. А при установке 1% (как было по умолчанию),
в самом тонком месте линия сводилась практически к нулю.
И все-таки метод двойной обводки также имеет право на существование.
Параметр Minimum Diameter показывает относительное изменение толщины, а если
обводка для разных частей персонажа производилась разными диаметрами кисти,
и вас интересует, чтобы линии были не тоньше какого-то абсолютного размера,
то в некоторых случаях все-таки придется обводить второй раз — постоянной толщиной,
кистью этого самого размера.

..До настоящего момента, на закладке Paths мы экспериментировали со слоем Gadget,
который содержит векторную форму целиком.
Тем не менее, на этой закладке присутствуют и другие слои. Это части
той же самой векторной формы, предназначенные для обводки разным цветом и разной
толщиной кисти. Те, которые начинаются с «brown_», предполагают цвет
#582C1D; а слои с «blue_»
— #5E3652. Цифры в названии слоев означают толщину кисти,
используемой для обводки.
Как цвета, так и толщины кистей не являются истиной в последней инстанции
и представляют собой всего лишь план обводки на мой вкус.
На самом деле, сначала этот контур был сделан
для личного пользования. И только потом
вдруг осенило пыльным мешком, и я сел за статью. 🙂


1.3 Раскраска


1.3.1 Заливка контура

Как ни печально, однако с раскраской собственно по патчам ничего у нас не выйдет.
Почему это так, позволят понять несколько простейших опытов.
Итак, вот я рисую абстрактный замкнутый контур. Затем выбираю какой-нибудь
цвет и на закладке Paths нажимаю первую кнопку слева (Fill path).

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

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

..Как и следовало ожидать, получается абстракция.
И учитывая, что имеющийся у нас векторный контур Гаечки состоит на самом деле
из множества патчей, большинство из которых являются незамкнутыми,-
предвидится еще более неприглядный результат.
Да что я вам рассказываю.. Попробуйте сами! Выберите на закладке Paths
слой Gadget и нажмите кнопку Fill path.
— Странная интерпретация образа, не правда ли? 😉

Однако, не всё так плохо. — В предыдущем разделе мы уже сделали растровую отрисовку
на прозрачном фоне!
А ведь именно её отсутствие и было тем камнем преткновения,
который (по вашим же словам), никак не давал вам начать.. 😉
Другими словами, можно брать эту отрисовку и на ее основе делать залитые
рисунки при помощи способа, который я описал в предыдущей статье. Пускай
упомянутая метода и отдает самодеятельностью, зато позволяет получить результат
любому, кто способен хотя бы добросовестно выполнять работу по пунктам!

При этом лично я придерживаюсь такого порядка действий: сначала на закладке Layers
выбираю пустой прозрачный слой. Или создаю его, если такого нет.
Затем перехожу на закладку Paths и
по полному векторному контуру (в нашем случае — слой Gadget) делаю
вспомогательную отрисовку всех линий кистью диаметром 3 пиксела, постоянной толщиной
(параметр Simulate Pressure отключен). Цвет значения не имеет, лишь бы темный.
Затем перехожу обратно на закладку Layers и для всех частей персонажа повторяю
следующие действия:
по вспомогательной отрисовке беру выделение какой-нибудь части и увеличиваю
на 2 пиксела по окружности, после чего получается, что мое выделение проходит
практически по линиям патча (точнее, область получается шире на 0.5 пиксела).
Затем создаю слой для этой части и по выделению делаю заливку. То же самое для
всех частей.
Результатом является то, что на границах между разными цветами имеем их перекрытие
в 1 пиксел, что вполне достаточно, чтобы переходы не были заметны.
Практически, это технология из предыдущей статьи, немного усовершенствованная
для более точного схождения частей на границах между разными цветами.
Перед выделением, параметр Tolerance инструмента Magic Wand
устанавливаю 0. Параметр Feather инструмента Lasso tool
(на случай, если какие-то области придется добавлять к выделению вручную), тоже ставлю 0.
После всей работы получается практически слитная заливка; если и попадаются небольшие просветы
между разными частями, то только в углах. При необходимости, это можно исправить
вручную. У меня на ретуширование ушло всего несколько минут, и вот результат
(уменьшен в два раза; отрисовка скрыта).

Теперь, при скрытой вспомогательной отрисовке, мы можем делать другую,-
надлежащими цветами, толщинами кисти, в том числе
и с имитацией давления (включенным параметром Simulate Pressure).

Рассмотрим варианты. На первой иллюстрации
мы видим отрисовку однородной толщины.

А в этом случае — с имитацией давления кисти.

Про данный вариант расскажу подробнее. Сначала обвел все векторные слои
соответствующими цветами с имитацией давления, кистью рекомендованной толщины
(допустим, слои brown_3, brown_4, brown_6 обвел толщиной 3, 4, 6).
Параметр Minimum Diameter из раздела Shape Dynamics
был по умолчанию (1%). Затем сделал
повторную обводку соответствующими цветами, без имитации давления, толщиной 1.
— Пожалуй, получилось тонковато.. Можно попробовать обвести второй раз постоянной толщиной 2,
или при первой обводке брать диаметры кистей больше на 1 пиксел..
Либо экспериментировать с параметром Minimum Diameter.
В общем, здесь оставляю вам простор для личного исследования.


1.3.2 Работа с палитрами

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

..Во время первых попыток раскрашивать свои эскизы я подбирал цвета на глаз,
и каждый раз они были разными.
Потом осенило записывать самые удачные сочетания в текстовый файл в виде троек RGB.
Вскоре я перешел на шестнадцатиричные значения цветов, потому что из текстового файла
их можно копировать и вставлять в Color Picker за один прием.
Разумеется, я видел закладку Swatches и пользовался ей по минимуму, но до меня все
как-то не доходило, что там могут быть другие палитры, кроме стандартной. И тем более,
свои собственные. Рискну предположить, что многие из начинающих ведут себя так же.. 🙂

Посмотрим на закладку Swatches. У нее всего три кнопки. В нижней части —
Create New Swatch и Delete Swatch. Сверху справа есть круглая кнопка
с изображением треугольника, которая вызывает меню закладки.
Кнопка Create New Swatch создает новую ячейку с текущим цветом; при нажатии
совместно с клавишей <Alt> будет предложено ввести имя для этого цвета.
Создать ячейку еще проще, если поместить курсор на рабочее поле закладки в месте,
свободном от ячеек (курсор при этом принимает вид ведра), и сделать левый клик.
Кнопка Delete Swatch на самом деле не нажимается. На нее можно только
перетаскивать ячейки; в таком случае они стираются. То же самое можно сделать и
обычным кликом по ячейке совместно с клавишей <Alt> (курсор при этом
принимает вид ножниц).
Центральную часть закладки занимает поле, где располагаются квадратики разных цветов.
Я называю их «ячейки», а всю группу ячеек — «палитра». При клике на какой-либо
ячейке, текущий цвет заменяется на цвет указанной ячейки, а если кликнуть совместно
с клавишей <Ctrl>, то в рабочей палитре соответственно изменяется цвет
фона.
Названия цветов можно узнать по всплывающим подсказкам, либо перейти в режим закладки
Small List (включается из меню закладки). Если всплывающие подсказки
не отображаются, их можно включить через главное меню программы:
Edit/Preferences/General, где отметить параметр Show Tool Tips.
Если же, кроме всплывающих подсказок, вы не видите даже закладку Swatches.. 8)
..вероятно, вы случайно
закрыли соответствующую группу закладок. Чтобы показать их снова, можно
из главного меню программы выбрать пункт Window/Workspace/Reset Palette Locations.
Этой командой полностью восстановится рабочее пространство Фотошопа по умолчанию.
Либо выбрать Window/Swatches. Восстановится только группа закладок, содержащая
закладку Swatches.

В этом месте я считаю необходимым прокомментировать ситуацию с русской
терминологией. Разными источниками придаются разные значения слову «палитра»
применительно к Фотошопу, и единого мнения не наблюдается. Где-то называют
этим словом группу закладок (например — Layers, Channels, Paths).
Кое-где «палитрами» называют каждую из этих закладок по отдельности, или даже
обозначают тем же словом способ кодирования цвета — RGB, CMYK
и так далее.
В то же время, «палитрой» называют и набор цветов, который мы видим на закладке
Swatches.. Неразбериха поистине удручающая.
В общем, я решил рассказывать в той терминологии, которой пользуюсь сам.
Layers, Swatches, взятые по отдельности, для меня — «закладки».
Их набор, расположенный в одном месте, вроде Layers, Channels,
Paths — «группа закладок».
Под «палитрой» я понимаю набор образцов цвета на закладке Swatches. Также иногда
употребляю словосочетание «цветовой набор», чтобы избежать повторения слов.
Под «рабочей палитрой» подразумеваю пару квадратиков на панели инструментов, которые
отображают текущий (рабочий) цвет и цвет фона. По щелчку на этой рабочей палитре,
кстати, можно вызвать окно Color Picker, которое нам скоро пригодится
(на иллюстрации обведена рабочая палитра).

..Не утверждаю, что моя терминология — самая правильная, но внести ясность
никогда не помешает. 😉

Однако, мы отвлеклись от закладки Swatches. В ее меню, которое вызывается
круглой кнопкой с черным треугольником сверху справа закладки, мы видим достаточное
количество пунктов, разделенных на группы
горизонтальными линиями. В последней группе располагаются имеющиеся в вашем
Фотошопе палитры — например, ANPA Colors, DIC Color Guide, FOCOLTONE Colors и так далее.
Если нажать на название любой из них, появится окно подтверждения: OK — заменить
текущую палитру на указанную, Cancel — отменить действие, Append — добавить
цвета из указанной палитры в конец текущей. Если хотите восстановить цветовой набор
по умолчанию, достаточно выбрать из меню закладки пункт Reset Swatches.
Большим недостатком этой части меню считаю то, что никаким значком не отмечено,
какая из палитр является текущей.
Пункт Load Swatches добавит цвета из указанного файла в конец текущей палитры
(файлы цветовых наборов Фотошопа имеют расширение .ACO). Save Swatches вызовет
окно, где будет предложено сохранить текущее состояние палитры в виде файла
под каким-либо именем. Пункт Replace Swatches полностью заменит текущий
цветовой набор на палитру из указанного файла.
Имеется еще пара полезных пунктов: Small Thumbnail означает отображение
цветового набора в виде ячеек, что мы привыкли видеть по умолчанию.
Small List расположит цвета в вертикальной полосе прокрутки вместе с их
названиями, в виде списка.

— Теория утомляет. 😉 Давайте лучше сделаем какую-нибудь свою палитру.
Сначала неплохо решить, какие именно цвета мы туда занесем. К примеру,
существует рисунок
lineup.jpg, на котором даны цвета раскраски основных персонажей сериала
Chip & Dale Resque Rangers, в виде номеров из палитры PANTONE solid coated.
Использовать этот цветовой набор в исходном виде для раскраски персонажей
я не пожелал бы никому: в нем несколько сотен цветов, когда как для одного
персонажа нужны обычно меньше десятка из них.
Значит, надо сделать короткую палитру, в которой будут только нужные цвета.
Для начала надо убрать все ячейки на рабочем поле закладки Swatches. Групповой
операции по стиранию я не нашел, поэтому делаю так: ставлю курсор на левую верхнюю ячейку,
нажимаю клавишу <Alt> (курсор принимает вид ножниц), затем кликаю мышкой,
пока все ячейки не будут стерты. Автоповтор нажатия здесь не поддерживается.
Таким способом получаем пустое поле. Кстати, собственно файл палитры, которую
мы вроде бы стерли, этим действием не портится. Изменения сохранятся только по
команде меню закладки SwatchesSave Swatches; да и то,
только в том случае, если для сохранения
вы выберете имя, совпадающее с именем файла, содержащего текущую палитру.
После этого появится стандартный запрос Windows
на замену существующего файла. И только после того, как вы подтвердите замену,
текущее состояние палитры будет занесено в указанный файл. — Категорически не советую
сохранять измененный цветовой набор под именем какой-нибудь стандартной палитры;
этим самым вы ее испортите.

Теперь для каждого цвета, заносимого в нашу палитру, повторяем следующее:
1) Вызываем окно Color Picker, выбираем нужный цвет. Можно выбрать его на глаз
в окне, где изображен спектр. Можно вводить числовые значения RGB или
шестнадцатиричный код, если они вам известны. В случае с палитрой PANTONE solid coated
надо в окне Color Picker перейти в режим Custom Colors (кнопка Custom),
из выпадающего меню выбрать
указанную палитру, после чего ее цвета появятся в вертикальной полосе прокрутки.
Оттуда выбрать нужный цвет. Нажимаем OK, после чего
выбранный цвет становится текущим.
2) На закладке Swatches нажимаем
кнопку Create New Swatch совместно с клавишей <Alt>,
вводим имя для нашего цвета (не длиннее 64 символов) и нажимаем OK.
Прибавляется одна ячейка в палитре.

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

Теперь, когда вы знаете, как можно сделать свою палитру, вы можете завести
их сколько угодно для всех необходимых случаев. И вместо того, чтобы разыскивать
цвета в объемистых списках вроде PANTONE solid coated, будете за один клик
выбирать их из собственных коротких палитр, сделанных отдельно для каждого
персонажа.
Хотя, кое-какая часть работы здесь уже сделана. 😉 В архиве
test.rar, который был вам предложен в начале статьи,
имеется папка CDRR, во вложенных папках которой есть палитры для всех персонажей,
сделанные на основе уже упоминавшегося рисунка

lineup.jpg; в том числе и русифицированные. По две палитры на каждого
персонажа, кроме Гаечки; в ее папке четыре файла. Кроме палитр Gadget(lineup).aco
и Гаечка(lineup).aco там имеется Gadget(Tetarga).aco. Эта палитра сделана со
схемы
tetarga_gad_colors.jpg, в которой, как считается, даны цвета из того же
lineup, только в виде RGB. Я проверял: соответствие неполное. Хотя бы в единицах
параметров R, G, B, но они отличаются. Возможно, в этом есть какой-то сакральный
смысл, который я пока не в состоянии постичь.. ;)) ..поэтому даю и эту палитру тоже.
Кроме того, в папке есть файл Gadget(Bonev).aco — ну, это понятно, чей. 😉
Чтобы занести эти палитры в Фотошоп, проще всего бросить папку CDRR из
архива test.rar в папку вашего Фотошопа Presets\Color Swatches. Например,
у меня полный путь к этому месту выглядит так:
C:\Program Files\Adobe\Photoshop 7.0\Presets\Color Swatches
При следующем запуске Фотошопа, все цветовые схемы для персонажей будут доступны
в списке палитр из меню закладки Swatches. К слову,
еще одним недостатком этого списка (кроме отсутствия информации о текущей палитре)
считаю то, что там никак не отображается
реальная структурированность палитр по папкам. Будь они вложены хоть в десять
папок подряд, однако в меню будут отображаться одномерным списком,
в алфавитном порядке. По мне, гораздо удобнее было бы в списке палитр иметь
раздел CDRR с раскрывающимися подразделами, однако увы..
Впрочем, пока цветовых наборов немного, этот плоский список не очень напрягает.
И надеюсь, что у некоторых в нем появятся и собственные наработки.

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

————————————————————

— Итак, наш скромный сабантуй начался с векторного файла, невзначай предложенного вашему
насупленному взору. И если результатом моего безудержного бреда стала хотя бы на 2.5%
меньшая насупленность, то я считаю, что выполнил свою задачу ровно настолько же.. 8)
Что можно делать с векторными формами, мы разобрали, изящно обойдясь при этом
безо всяких двоичных таблиц умножения. Впрочем, любителей себя потерзать и помучить
я успокою: трудности будут! Во второй части статьи.
Еще есть время не открывать ее.. ;)))

Bonev — 02.01.2006

Как рисовать кистью на основе созданных контуров в Фотошопе

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

Далее, мы выбираем инструмент Brush Tool (Инструмент «Кисть» / Клавиша «B») и задаем необходимые параметры.

Для наглядности я взяла кисть большого радиуса и зеленого цвета.

С помощью инструмента Pen Tool («Перо» / Клавиша «P») создаем линию. После чего, нажатием правой кнопкой мыши вызываем дополнительное меню, где выбираем «Stroke Path» (Выполнить обводку контуром).

Для более глубокого понимания инструмент Pen Tool («Перо» / Клавиша «P»), это не рисунок, а если мы линию обведем кистью – это фактически эквивалентно нарисованной кистью линии. Просто нарисовать красивую линию сразу кистью достаточно тяжело, именно поэтому мы задействовали перо. Итак, меню обводка контуром.

Теперь выбираем инструмент Кисть, т.е. то чем мы хотим обвести нашу линию.

Галочка «Simulate pressure» (Имитировать нажим) отвечает за толщину линии. Если вы выберите эту опцию, линия вначале будет более тонкой, потом к середине утолщается, и к концу опять утончается. Если же не использовать эту опцию, то линия будет одной толщины, равной диаметру заданной ранее кисти.

Итак, вот что у меня получилось. Так как, сама кривая, созданная пером, нам больше будет не нужна, мы ее удалим – нажимаем правой кнопкой мыши, вызываем дополнительное меню, где выбираем «Delete pass» (Удалить контур).

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

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

Далее заходим в меню Edit — Define Brush Preset (Редактирование — Определить кисть).

Вводим название, жмем Ок, и получаем новую кисть. Вот и все.

Автор: Юлиана Степанова;

Источник;


⇐ • Как повысить насыщенность цветов на фото (предыдущая страница учебника)

• Как сделать аватар (следующая страница учебника)


Пиксели и контуры в фотошопе, растровая и векторная графика

Для начала разберёмся, что такое векторная, а что — растровая графика.

Растр

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

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

Однако есть в таком подходе и достоинства: выглядит растровый рисунок живо, естественно, цвета передаёт великолепно.

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

Вектор

Векторные редакторы (CorelDRAW, Adobe Illustrator) работают с графическими примитивами, с которыми мы как раз знакомились в предыдущем уроке — линиями, прямоугольниками, окружностями и т. д. Вместо информации о каждом пикселе они хранят описывающие фигуру математические формулы.

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

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

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

Контур

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

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

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

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

Пикселы

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

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

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

Полезные ссылки:

3.21. Обвести контур

3.21. Обвести контур

3.21. Обвести контур

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

Примечание

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

3.21.1. Активация команды
  • Получить доступ к этой команде можно через меню изображения → .

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

3.21.2. Описание окна диалога

Рисунок 16.23. Окно диалога «Выбрать стиль обводки»

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

Линия обводки

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

Толщина линии

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

Сплошной цвет/Шаблон

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

Стиль линии

Этот выпадающий список предоставляет следующий выбор:

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

  • Стиль соединения: позволяет выбрать форму углов контура, которая может быть в «ус», круглая и фаска.

  • Предел в УС: когда для сегмента контура сходятся, закругленность угла определяется этим параметром. Если обводка широкая, а предел не установлен, получится острое соединение. Предел углового соединения (УС) определяет как заполнить промежуток, получаемый продолжением внешних краёв обводки до их пересечения. Диапазон значений — от 0,0 до 100,0 — устанавливается ползунком, полем ввода или стрелками.

    Рисунок 16.24. Пример предела углового соединения

  • Пунктирный шаблон: на точечном уровне линия рисуется как серия коробочек или тире. Их порядок можно изменить. Чёрная область с тонкими вертикальными линиями представляет собой точки тире. Если нажать на чёрную точку, то она удалится из тире. Если нажать на белую точку, то она добавится к тире. Серые области показывают, как повторится шаблон при рисовании линии.

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

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

Обводка инструментом рисования
Инструмент рисования

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

Эмулировать динамическую кисть

Обратитесь к главе Динамическая кисть.

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

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

Зачастую при работе в Фотошопе требуется создать контур из какого-либо объекта. Например, контуры шрифтов выглядят весьма интересно. Именно на примере текста мы и покажем, как сделать контур в Фотошопе.

Контуры объектов в Photoshop

Итак, имеем некий текст. Например, такой, как показан ниже. Для него и создадим контур несколькими способами.

Способ 1: Удаление лишнего

Этот способ подразумевает растрирование имеющегося текста.

  1. Нажимаем правой кнопкой мыши по слою и выбираем соответствующий пункт меню.

Затем зажимаем клавишу CTRL и кликаем по миниатюре получившегося слоя. На растрированном тексте появится выделение.

Идем в меню «Выделение – Модификация – Сжать».

Размер сжатия зависит от того, какой толщины контур мы хотим получить. Прописываем нужное значение и нажимаем ОК.

Получаем модифицированное выделение:

Осталось только нажать клавишу DEL и получить желаемое. Выделение снимается сочетанием горячих клавиш CTRL+D.

Способ 2: Заливка

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

  1. Снова кликаем по миниатюре текстового слоя с зажатым CTRL, а затем производим сжатие, как и в первом способе.
  2. Далее создаем новый слой.

Нажимаем SHIFT+F5 и в открывшемся окне выбираем заливку цветом. Это должен быть цвет фона.

Нажимаем везде ОК и снимаем выделение. Результат такой же.

Способ 3: Стили

Данный способ подразумевает использование стилей слоя.

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

Нажимаем ОК и переходим обратно в палитру слоев. Для проявления контура необходимо снизить непрозрачность заливки до .

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Управление контурами

На этой странице

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

Обзор панели «Контуры»

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

Выбор контура

Отмена выделения контура

Изменение размера миниатюр контуров

Выберите пункт «Параметры панели» в меню панели «Контуры» и выберите размер либо пункт «Не показывать», чтобы отключить отображение миниатюр.

Изменение порядка расположения контуров в списке

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

Создание нового контура на панели «Контуры»

  • Для создания безымянного контура нажмите кнопку «Создать новый контур» в нижней части панели «Контуры».
  • Для создания именованного контура убедитесь в том, что не выбран ни один рабочий контур. Выберите пункт «Новый контур» в меню панели «Контуры» либо щелкните кнопку «Новый контур» в нижней части панели, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Введите имя контура в диалоговом окне «Новый контур» и нажмите кнопку «ОК».

Создание нового рабочего контура

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

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

Удаление из области контура

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

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

Контур ограничивается до пересечения новой и существующей области.

Исключение наложения областей контура

Область наложения исключается из объединенного контура.

При рисовании с помощью инструментов группы «Фигура» удерживайте нажатой клавишу «Shift», чтобы временно выбрать вариант «Добавление к области контура», либо клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы временно выбрать вариант «Вычитание из области контура».

Параметры контура

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

Управление контурами

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

При использовании для создания нового слоя-фигуры инструмента групп «Перо» или «Фигура» новые контуры отображаются на панели «Контуры» как векторные маски. Векторные маски связаны со своим родительским слоем. Для просмотра списка векторных масок на панели «Контуры» необходимо выбрать родительский слой на панели «Слои». Векторную маску можно удалить из слоя или преобразовать в растровую маску. Дополнительные сведения см. в разделе Добавление и редактирование векторных масок.

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

Контуры, хранящиеся в форматах, не указанных в приведенном списке, не могут передаваться из системы Mac OS в систему Windows и обратно.

Как сделать контур текста в фотошопе?

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

Размер документа и фон выбираете любой, в зависимости от того, какой вам нужен. В этом уроке использованы такие параметры как ширина в 577 пикселей, высота – 412 пикселей. Затем дважды щелкаем по фону, что бы разблокировать его и работать с текстом.

Название слоя с «фон» переименуется в «слой 0», исчезнет значок замка. Значит можно работать. Выбираем цвет текста и пишем его (ТЕКСТ).

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

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

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

Текст приобрел контурность. Таким образом можно сделать текст любого цвета. Но обводка будет только линейной или градиентной. А если мы хотим сделать что-то более красивое? Здесь поступаем несколько иным способом.

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

Оно будет видно в виде плавающей пунктирной линии вокруг букв. Теперь необходимо будет сделать толстую обводку со скругленными краями. Для этого выбираем в меню «Выделение» раздел «Модификация – Расширить».

В открывшемся окне ставим размер к примеру в 10 пикселей.

В результате получаем такое выделение:

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

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

В разных версиях фотошопа этот пункт может выглядеть по разному. Нажимаем на него. Откроется окно, где изменяем параметр «сгладить«. Значение ставим примерно около 60.

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

Далее, работаем с этим новым слоем. Нажимаем сочетание клавиш SHIFT+F5. Откроется окно «заполнить». Здесь выбираем параметр «использовать» и в выплывающем меню – «цвет…». Откроется новое окно палитры цветов, где выбираем нужный цвет. Например, серый.

Жмем ОК и получаем такую вот заливку:

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

Выделяем слой с обводкой (он теперь под слоем с текстом) и дважды кликаем по нему. Появится окно свойств слоя. Кликаем по центру полоски «градиент» и появится новое окно, где выбираем нужный стиль или создаем свой из палитры цветов. Например, такой, как показан на рисунке.

В окне стилей ставим «зеркальный» и отмечаем галочку в поле «инверсия». Жмем ОК.

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

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

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

Примерно так. Если поэкспериментировать, можно получить совершенно различные варианты. Удачи!

Контур текста, рамка для фотографии и обводка силуэта просто и быстро — инструкция

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

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

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

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

Обрамление фото

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

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

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

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

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

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

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

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

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

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

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на новый слой при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Видео инструкция

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

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

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

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

Adobe Photoshop — Как обвести это изображение толстой черной рамкой

Я вижу, вы уже приняли ответ Джуджа, но …

Чтобы получить более гладкий результат, начиная с метода joojaa, установите Tolerance примерно на 10, прежде чем делать свой выбор …

Затем, инвертировав выделение, как посоветовал joojaa, выберите «Выделить и замаскировать» (или «Уточнить выделение» в старых версиях PS) и изменить вид на Черно-белый:

Теперь нажмите клавишу B , чтобы активировать инструмент «Кисть» (используйте клавиши с квадратными скобками [ и ] , чтобы изменить размер кисти вверх и вниз, и нажмите и удерживайте клавишу Alt для переключения с белого на черный) , и мы можем немного улучшить выделение вручную (не обязательно идеальным):

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

При активном выборе нажмите:

  • Ctrl + Backspace для заливки центра белым цветом
  • Ctrl + Shift + I , чтобы инвертировать выделение
  • Alt + Backspace для заливки фона черным

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

Перейдите в меню «Изображение»> «Режим» и выберите «Оттенки серого». Теперь у нас есть что-то вроде этого:

Перейдите в Фильтр> Галерея фильтров и в разделе «Эскиз» выберите «Штамп» и поверните ползунок «Гладкость» до тех пор, пока край не станет более гладким … затем добавьте еще один фильтр (нажав кнопку «Новый слой эффекта» в правом нижнем углу диалогового окна «Галерея фильтров») и выберите «Фотокопия».

Поиграйте с ползунками «Детализация» и «Темнота», пока не получите желаемый эффект… (Вы также можете добавить еще один экземпляр фильтра Stamp, чтобы еще больше сгладить, если необходимо / желательно):

И вот окончательный результат:

Краткое руководство по добавлению контуров к тексту в Photoshop

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

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

Изначально я изучал этот метод, когда хотел украсить свои эскизы на YouTube, и когда я узнал, насколько это просто, мне пришлось поделиться с вами учебным пособием! Я собираюсь провести вас через свой простой процесс, и, прежде чем вы это узнаете, ваш текст будет POP, куда бы вы его ни поместили! Хорошее старое видео, прикрепленное внизу, для еще лучших визуальных эффектов, проверьте его!

Шаг 1. Добавьте текст

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

Шаг 2. Расширьте пиксели контура

Как и на моем изображении, я собираюсь щелкнуть правой кнопкой мыши текстовый слой и нажать «Выбрать пиксели». Это создаст марширующих муравьев, которые будут ходить вокруг вашего текста.На шаг ближе к захватывающему поп-плану!

Шаг 3. Расширьте пиксели

Для расширения текста я увеличил его на 10. Это был довольно жирный набросок, но я действительно доволен им. На этом этапе вы хотите создать еще один новый слой (важно!) И перетащить его под текущий слой.

Шаг 4. Создайте схему POP

Нажмите «G», чтобы выбрать кисть, щелкните слой и залейте.Затем отмените выбор, нажав command + D или Ctrl + D для ПК.

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


Обрисовка действия — Урок Photoshop

Обрисовка действия

Шаг 1. Дублируйте фоновый слой

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

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

Давайте продублируем этот слой, перейдя в меню Layer вверху экрана, выбрав New , а затем выбрав Layer через Copy . Или, для более быстрого способа, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac):

Перейдите в меню «Слой»> «Создать»> «Слой через копирование» или нажмите «Ctrl + J» (Win) / «Command + J (Mac)».

В любом случае указывает Photoshop создать для нас копию фонового слоя, и если мы снова посмотрим на нашу палитру слоев, мы увидим, что теперь у нас есть скопированная версия слоя, который Photoshop назвал «Layer 1», сидя над оригиналом:

Копия фонового слоя появляется над оригиналом.

Шаг 2. Выберите основной объект фотографии

Используйте выбранный инструмент выделения (инструмент «Лассо», «Перо» и т. Д.), Чтобы выделить основной объект фотографии.Для чистых, профессионально выглядящих выделений лучше всего подойдет Pen Tool (если вы не знаете, как использовать Pen Tool, вы найдете все, что вам нужно знать, чтобы приступить к работе с ним, в нашем Создание выделений с помощью Инструмент Pen Tool ), но инструмент Lasso Tool также подойдет. В моем случае я хочу выбрать футболиста (или футболиста, в зависимости от того, где вы живете), а также мяч, который он собирается ударить, поэтому я выберу их обоих. Когда вы закончите, у вас должен появиться контур выделения вокруг вашего основного объекта (ов):

Контур выделения появляется вокруг основного объекта (объектов) на фотографии.

Для получения дополнительной помощи по созданию выделения в Photoshop ознакомьтесь с нашим учебным курсом Full Power Of Basic Selections , который вы найдете в разделе Photo Editing на веб-сайте.

Шаг 3: скопируйте выделение на новый слой

Нам нужно скопировать выделенную область на отдельный слой, чтобы мы могли работать с ней отдельно от остальной части изображения. Мы можем сделать это, используя тот же метод, который мы использовали для дублирования фонового слоя минуту назад, за исключением того, что на этот раз будет дублирована только область внутри нашего выделения, а не все изображение.Вернитесь к меню Layer в верхней части экрана, выберите New , а затем выберите Layer через Copy или нажмите сочетание клавиш Ctrl + J (Win) / Command + J (Mac ). Кажется, что с изображением в окне документа ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим, что теперь у нас есть новый слой с именем «Layer 2», расположенный над «Layer 1», и если мы посмотрим в эскиз предварительного просмотра для «Слоя 2», мы можем видеть, что слой содержит копию основного объекта, в то время как остальная часть слоя пуста, обозначенная серым шаблоном шахматной доски:

Главный объект теперь отображается на отдельном слое в палитре слоев.

Шаг 4. Применение стиля слоя «Обводка»

Чтобы обвести контур вокруг нашего основного объекта (ов), мы можем использовать стили слоя Photoshop. Щелкните значок Layer Styles внизу палитры Layers, после чего появится список всех доступных стилей слоя, из которых мы должны выбрать. Выберите стиль слоя Stroke снизу списка:

Щелкните значок «Стили слоя» и выберите «Обводка» внизу списка.

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

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

Откроется палитра цветов Photoshop . Выберите белый из палитры цветов. Простой способ выбрать белый цвет — просто ввести значение 255 в параметры R , G и B в нижней центральной части диалогового окна.Нажмите OK, когда закончите, чтобы выйти из палитры цветов:

.

Выберите белый цвет в палитре цветов.

Теперь, когда цвет обводки установлен на белый, давайте настроим ширину обводки. Мы можем сделать это с помощью ползунка Size в верхней части параметров Stroke. Фактический размер, который вы выберете, будет зависеть от размера изображения, с которым вы работаете, и от того, насколько большим вы хотите, чтобы ваша обводка отображалась, поэтому следите за своей фотографией в окне документа, когда вы перетаскиваете ползунок размера, чтобы увеличить или уменьшить ширина штриха.Перетаскивание ползунка вправо увеличивает ширину обводки, а перетаскивание влево уменьшает ее. Для моего изображения я выберу размер обводки 4 пикселя (пикселей):

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

Пока не щелкайте за пределами диалогового окна. Нам еще нужно добавить еще один стиль слоя. Теперь у вас должна быть белая обводка вокруг основного объекта (ов) на вашей фотографии:

Теперь вокруг основных объектов на фотографии появляется белая полоса.

Шаг 5: Добавьте стиль слоя Outer Glow

Давайте добавим немного больше интереса к нашему эффекту контура, применив также стиль слоя Outer Glow. Пока диалоговое окно Layer Style все еще открыто, щелкните прямо на слове Outer Glow в левой части диалогового окна. Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка слева от слов. Мы хотим иметь возможность изменять некоторые параметры для стиля слоя, и единственный способ получить доступ к параметрам — это щелкнуть непосредственно по имени стиля слоя:

Щелкните непосредственно на слове «Outer Glow» в левой части диалогового окна «Стиль слоя».

Это изменяет средний столбец диалогового окна Layer Style на параметры Outer Glow. По умолчанию цвет свечения установлен на желтый, что, на мой взгляд, отлично работает с этим эффектом, поэтому я оставлю его в покое. Увеличьте непрозрачность непрозрачности внешнего свечения до 100% . Затем в разделе «Элементы» опций увеличьте Spread примерно до 6% и Size примерно до 30 пикселей :

Параметры внешнего свечения в диалоговом окне «Стиль слоя».

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

Эффект контура теперь включает внешнее свечение.

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

Шаг 6. Увеличьте цвет основного объекта с помощью корректирующего слоя «Цветовой тон / насыщенность»

Основной эффект контура на этом завершен, но давайте еще больше улучшим наше изображение с помощью пары корректировок цвета и некоторого размытия.Во-первых, мы увеличим насыщенность цвета нашего основного объекта. Для этого мы можем использовать корректирующий слой Hue / Saturation . Однако мы хотим убедиться, что наш корректирующий слой влияет только на основной объект, а не на все изображение, поэтому мы собираемся закрепить корректирующий слой на «Слой 2», который является слоем, содержащим наш основной объект. . Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните значок New Adjustment Layer в нижней части палитры слоев.Выберите Hue / Saturation из появившегося списка корректирующих слоев:

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

Удерживая нажатой клавишу Alt / Option при нажатии на значок нового корректирующего слоя, мы говорим Photoshop открыть диалоговое окно New Layer , которое позволяет нам установить некоторые параметры перед добавлением корректирующего слоя. Непосредственно под опцией «Имя» находится опция под названием «Использовать предыдущий слой для создания обтравочной маски» .Если этот параметр выбран, то корректирующий слой будет обрезан непосредственно под ним, что означает, что в нашем случае все, что мы делаем с корректирующим слоем, будет влиять только на наш основной объект на «Слое 2». Щелкните внутри флажка, чтобы выбрать этот параметр, затем щелкните OK, чтобы выйти из диалогового окна «Новый слой»:

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

Как только мы выходим из диалогового окна, появляется диалоговое окно Hue / Saturation. Мы хотим использовать его для увеличения насыщенности цвета нашего основного объекта, поэтому щелкните ползунок Saturation в середине диалогового окна и перетащите его вправо.Чем дальше вы перетаскиваете вправо, тем больше вы увеличиваете насыщенность цвета, поэтому следите за своим изображением в окне документа, перетаскивая ползунок, чтобы не переусердствовать. Я собираюсь перетащить ползунок насыщенности до значения около +35 , что придаст моему основному объекту приятный оттенок:

Перетащите ползунок «Насыщенность» вправо, чтобы увеличить насыщенность цвета основного объекта.

Нажмите OK, чтобы закрыть диалоговое окно, когда закончите. Если мы на мгновение посмотрим на палитру Layers, мы увидим корректирующий слой Hue / Saturation, расположенный над «Layer 2».Обратите внимание, как корректирующий слой смещен вправо. Это говорит нам о том, что слой обрезан до слоя под ним:

Палитра слоев, показывающая корректирующий слой «Цветовой тон / насыщенность», обрезанный до «Слоя 2» под ним.

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

Увеличена насыщенность цвета основного объекта без изменения остальной части фотографии.

Шаг 7. Примените фильтр «Размытие по Гауссу» к «Слою 1».

Мы закончили работу над нашей основной темой.Давайте закончим, уменьшив важность остальной части фотографии. Щелкните «Layer 1» в палитре слоев, чтобы выбрать его. Текущий выбранный слой всегда выделяется синим цветом в палитре «Слои». Мы собираемся размыть остальную часть фотографии, и для этого мы будем использовать фильтр Photoshop Gaussian Blur . Подойдите к меню Фильтр вверху экрана, выберите Размытие , а затем выберите Размытие по Гауссу :

Перейдите в Фильтр> Размытие> Размытие по Гауссу.

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

Фильтр размытия по Гауссу.

Нажмите OK, чтобы выйти из диалогового окна «Размытие по Гауссу», и если мы посмотрим на наше изображение в окне документа, мы увидим, что фон красиво размывается, а наш основной объект остается резким:

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

Шаг 8: Уменьшите насыщенность цвета фона с помощью «Цветовой тон / Насыщенность»

В качестве последнего шага давайте снизим насыщенность цвета фона, чтобы выделить главный объект еще больше. Не снимая выделения с «Layer 1», еще раз щелкните значок New Adjustment Layer в нижней части палитры слоев и выберите Hue / Saturation из списка. На этот раз не нужно удерживать кнопку Alt / Option:

Выберите другой корректирующий слой «Цветовой тон / насыщенность» на палитре «Слои».

Когда появится диалоговое окно «Оттенок / насыщенность», перетащите ползунок «Насыщенность» влево, чтобы уменьшить насыщенность цвета фона. Чем дальше вы перетаскиваете влево, тем сильнее вы уменьшаете насыщенность. Я собираюсь перетащить ползунок на значение около -25 :

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

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

Окончательный результат.

Как обвести текст в Photoshop

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

Что такое текстовая структура?

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

набросок текста в фотошопе

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

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

текстовых эффектов для фотошопа:

  • Вариант смешивания
  • Расширение выбора

Вариант смешивания

Самый распространенный и полезный — параметр «Смешивание» для добавления контура к тексту Photoshop .Мы начнем новый проект из меню Photoshop «Файл». Размер изображения варьируется в зависимости от ваших потребностей. Поэтому мы не даем вам никаких предложений по этому поводу. Мы берем размер кадра, который мы обычно используем.

Шаг 1. Добавление текста

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

Добавление текста

Шаг 2. Использование параметра наложения

Используя параметр «Наложение», вы перейдете к шагу Photoshop с выделением текста . Здесь вы увидите несколько вариантов. Выберите «Stroke», и у вас будут другие варианты для изменения внутри. Измените параметры в соответствии с вашими потребностями. У некоторых опций также есть подварианты. Вы можете попробовать их по очереди и выбрать то, что вам нужно.

Вариант смешивания

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

  1. Размер в пикселях показывает распространение контура. Мы использовали 15 пикселей и контур
  2. Параметр положения — выбрать положение контура. Вы можете добавить контур снаружи, внутри или в центре.
  3. Параметр «Режим наложения» позволяет изменять контур несколькими способами. Попробуйте один за другим и выберите то, что вам нужно.
  4. Непрозрачность позволяет различать контур, нравится ли он вам более заметным или менее заметным.
  5. Тип заливки позволяет выбрать, нужен ли вам однотонный цвет, градиент или узор.
  6. Вариант цвета — выбрать цвет контура по своему усмотрению.
  7. Предварительный просмотр показывает изменения, которые вы вносите, настраивая параметры.
Шаг 3. Регулировка заполнения текста

Мы подобрали нужные нам варианты наложения. Нажмите ОК, чтобы продолжить. Теперь поговорим о Text Fill . вы можете управлять заливкой со слоя. См. Изображение ниже, где мы разместили опцию красного цвета.Чем ниже непрозрачность, тем выше будет прозрачность. Вот и все.

Регулировка заполнения текста

Расширение выделения

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

Шаг 1. Выделите текст

Откройте новый документ Photoshop и добавьте в него текст, как вы это делали с опцией выше. Теперь нужно выделить текст.Итак, используйте Ctrl / Command для Win / MAC и щелкните левой кнопкой мыши на текстовом слое. И вы увидите выделение только вокруг текста. Другой способ сделать это — щелкнуть правой кнопкой мыши значок « T » на текстовом слое и выбрать « Выбрать пиксели » в раскрывающемся меню.

Выделите текст

Шаг 2: Добавьте новый слой

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

Добавьте новый слой

Шаг 3: разверните

Не снимая выделения, перейдите в меню Photoshop Select> Modify> Expand.Откроется окно сообщения, в котором вы можете ввести единицу измерения, чтобы расширить выбор. Мы используем 15 пикселей. Нажмите ОК, чтобы продолжить.

Добавьте новый слой

Шаг 4: Добавление цвета контура в выделение

Выберите цвет контура текста (см. Изображение ниже) и нажмите OK, чтобы продолжить. теперь используйте ведро с краской и поместите цвет внутри выделения. Используйте Ctrl / Command для Win / MAC, чтобы отменить выбор. Вы также можете управлять заливкой текста или контура, выбрав слой и уменьшив процентное значение.Вы все сделали.

Добавление цвета контура в выделение

Заключение

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

FAQ

Как вы очерчиваете текст в Photoshop CC?

Ответ: Текст в Photoshop набросков — это игра выбора и модификации.Пройдите руководство, и вы в этом мастер.

Как в Photoshop сделать текст прозрачным с контуром?

Ответ: Создавая контур, перейдите к текстовому слою и уменьшите «Заливку» до «0». И у вас будет прозрачный текст, но контур останется прежним.

Как вы очертите форму в фотошопе?

Ответ: Следуйте любому варианту, указанному выше, и у вас будет контур вокруг формы.

Как увеличить толщину контура в Photoshop?

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

Разработка контуров в Photoshop CS3

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

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

1 ДУБЛИКАЦИЯ ФОНА
Этот эффект будет работать со всеми типами изображений, но может работать лучше всего, когда у вас есть главный объект, на который вы хотите привлечь внимание. Открыв и изменив размер изображения, нажмите Command-J (ПК: Ctrl-J), чтобы продублировать фоновый слой.

DAVE CROSS

2 ПРИМЕНЕНИЕ SMART BLUR И ИНВЕРТИРОВАНИЕ
Убедитесь, что дублированный слой активен, а затем в меню «Фильтр» выберите «Размытие»> «Умное размытие». Измените Mode на Edge Only, Quality на High и настройте Radius и Threshold, чтобы получить в основном детали контура.(Как правило, вы, вероятно, получите низкий радиус и порог в диапазоне 10–20.) Нажмите OK, чтобы закрыть диалоговое окно, и нажмите Command-I (ПК: Ctrl-I), чтобы инвертировать изображение.

3 ПРИМЕНЯЙТЕ МИНИМАЛЬНЫЙ ФИЛЬТР
Чтобы сделать черные линии толще, перейдите в меню «Фильтр», выберите «Другое»> «Минимум» и установите Радиус на 1 (для изображений с более высоким разрешением может потребоваться увеличить Радиус к 2 или 3). Щелкните ОК.

4 КРАСКА ПОДРОБНЕЕ
Теперь настройте эффект, используя инструмент «Кисть» (B), чтобы закрасить белым цветом области, где вы не хотите иметь никаких контуров.Затем уменьшите непрозрачность слоя контура на панели «Слои» и закрасьте черным цветом, чтобы добавить больше деталей к контуру там, где это необходимо (используйте размер кисти, соответствующий ширине контура). Когда вы закончите, верните непрозрачность до 100%.

5 СДЕЛАТЬ БЕЛЫЕ ПРОСМОТРЫ
Чтобы белые области были прозрачными, дважды щелкните справа от имени слоя на панели «Слои», чтобы открыть параметры наложения. Перейдите к ползункам Blend If внизу диалогового окна и перетащите белый треугольник на ползунке This Layer влево.Как только вы это сделаете, белые области должны стать полностью прозрачными. Щелкните ОК, чтобы закрыть диалоговое окно.

6 МАСКА ПРИ НЕОБХОДИМОСТИ
Если есть области, где эффект контура слишком сильный (например, центр цветка в этом примере), добавьте маску слоя, щелкнув значок «Добавить маску слоя» в внизу панели «Слои». Используя черный цвет в качестве цвета переднего плана и непрозрачность кисти 30–40% на панели параметров, закрасьте области, где вы хотите сделать менее очевидный контур.

7 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 1
Есть несколько шагов, чтобы изменить цвет контура. Сначала щелкните значок «Создать новый слой» в нижней части панели «Слои». Перетащите этот новый слой ниже слоя контура. Щелкните слой контура и нажмите Command-E (ПК: Ctrl-E), чтобы объединить два слоя вместе (это навсегда изменит белые области на прозрачные).

8 ИЗМЕНИТЬ ЦВЕТ, ЧАСТЬ 2
Используйте всплывающее меню «Добавить стиль слоя» в нижней части панели «Слои», чтобы добавить наложение цвета.Щелкните образец красного цвета, чтобы получить доступ к палитре цветов, выберите цвет и дважды нажмите кнопку «ОК». (Используя стиль слоя Color Overlay, вы можете легко изменить цвет, дважды щелкнув Color Overlay на панели Layers.)

9 ДОБАВИТЬ СТИЛЬ СЛОЯ
Если вы хотите, чтобы контур выделялся, вы можете попробуйте добавить другие стили слоя, такие как падающая тень (показано здесь), скос и тиснение, внутренняя тень и т. д. (Примечание: вы можете добавить эти стили, только если вы выполнили шаг 7.)

Как выделить текст в Photoshop CS5

Последнее обновление: 12 декабря 2016 г.

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

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

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

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

Шаг 1. Откройте изображение в Photoshop CS5.

Шаг 2: Выберите существующий текстовый слой или создайте новый текстовый слой.

Шаг 3: Щелкните Layer вверху экрана.

Шаг 4: Выберите параметр Layer Style , затем выберите параметр Stroke .

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

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

Резюме — Как обвести текст в Photoshop

  1. Выберите текстовый слой для обводки.
  2. Щелкните параметр Layers в верхней части окна.
  3. Щелкните Layer Style , затем щелкните Stroke .
  4. Щелкните поле Color и выберите цвет контура.
  5. Отрегулируйте ползунок Size , чтобы увеличить или уменьшить контур текста.
  6. Нажмите кнопку OK , чтобы применить контур к тексту.

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

Мэтью Берли пишет технические руководства с 2008 года.Его сочинения появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Связанные

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Создание эффекта тени контура текста в Adobe Photoshop

В Adobe Photoshop есть множество эффектов, которые вы можете создать и использовать на любых объектах. Я бы сказал, что возможности безграничны между идеей, самим эффектом и корректировками, которые вы можете внести в нее. Что касается текстовых эффектов, я видел много за эти годы. Типичный материал — тиснение, контуры, тени, почти все. Однако я редко вижу тень, преобразованную в контур.Это что-то новое, на что приятно смотреть.

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

Первое, что я сделаю, это напишу произвольный текст на пустом холсте. Для этого я воспользуюсь инструментом Horizontal Type Tool .Я использую шрифт Microsoft Tai Le . Вот текст.

Затем я дважды щелкаю текстовый слой на панели Layers , чтобы открыть палитру Layer Style . После открытия я нажимаю на опцию Drop Shadow .

В области Drop Shadow я внесу несколько изменений. Не думайте, что эти корректировки высечены в камне. Вы можете делать все, что захотите, со своим собственным текстом.Самая важная часть — это контур.

Сначала я установлю Opacity на 100% и Blend Mode на Normal . Затем я изменю угол Угол на 130 ° . Затем я установлю Contour на Rolling Slope — Descending .

На этом этапе моя тень будет выглядеть немного странно. Причина в том, что я еще не настроил его. Давай посмотрим, что у меня есть.

Если я продолжу и установлю Distance на 10 , Spread на 10 и Size на 3 , я думаю, что все будет выглядеть намного лучше.Вот настройки.

И вот финальный эффект контура тени текста.

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

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

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *