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

Параметр «Контур» в стилях слоя в Photoshop

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

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

На самом деле существует гораздо больше настроек – это разделы Elements (Элементы) и Quality (Качество). Если вы меня не понимаете, то не стоит волноваться. Дальше вам станет всё предельно ясно.

В сегодняшнем уроке я немного поэкспериментирую с палитрой стилей слоя в Photoshop. К тексту я применю эффект и изменю несколько настроек в каждом из разделов. Цель моего урока заключается в том, чтобы показать вам важность всех разделов Structure (Структура), Elements (Элементы) и Quality (Качество) стилей слоя.

Создание текста

В качестве примера я написал слово CONTOUR. Для этого использовал инструмент Горизонтальный текст (T). Ниже представлена панель «Символ» и выставленные мною значения.

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

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

Я думаю, это будет хорошо видно.

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

На тексте появится эффект внутреннего свечения и отобразятся настройки, которые применялись в предыдущий раз. Чтобы сбросить их до значения по умолчанию, необходимо нажать кнопку Reset to Default (Восстановить значения по умолчанию) в нижней части панели «Стили слоя», но я этого делать не буду.

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

Вот, что у меня получилось:

Результат с увеличенным масштабом.

Настройка контура

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

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

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

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

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

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

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

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

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

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

Примеры

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

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

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

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

И в третьем примере я выбрал контур «Кольцо».

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

Создание пользовательского контура

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

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

Затем нажмите на кнопку OK, чтобы выйти из редактора контуров.

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

Ссылка на источник урока.

Источник: //pskurs.ru/book/parametr-kontur-v-stilyah-sloya-v-photoshop.html

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

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

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

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

Я написала следующий текст, с помощью инструмента «Horizontal Type Tool», и выбрала для него настройки, какие подчеркнуты на рисунке ниже.

Теперь нужно выделить наш текст. Про различные способы выделения, Вы можете прочесть, перейдя по ссылке. Поскольку текст однотонный и достаточно контрастный, по отношению к фону, я буду использовать инструмент «Magic Wand Tool» (Волшебная палочка).

В настройках инструмента выбираем значение «Tolerance» (Допуск) – выделяет область с похожими по цвету пикселями, и убираем галочку напротив «Contiguous» (Смежные пиксели). Убрав галочку, можно будет выделить сразу все пиксели похожего цвета на всем изображении, даже если области с похожим цветом расположены в различных местах.

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

Теперь давайте обведем текст. Наведите курсор на выделенную область и кликните по ней правой кнопкой мыши. Выберите из контекстного меню «Make Work Path» (Образовать рабочий контур).

В следующем окне задайте значение допуска «Tolerance» и нажмите «ОК».

Текст будет обведен тонкой линией. Чтобы ее увидеть, на панели слоев скройте слой, на котором написан текст – уберите глазик напротив него.

Оставляем выделенным созданный слой «Layer 1».

Сделать контур в Фотошопе можно, используя различные инструменты: «Brush Tool» (Кисть), «Eraser Tool» (Ластик), «Smudge Tool» (Палец) и прочие. Но перед тем как его сделать, нужно настроить необходимые параметры для инструмента.

Мы будем создавать контур, используя «Brush Tool» (Кисть). Поэтому, выбираем ее на панели инструментов, и задаем желаемые параметры. Я выбрала жесткую кисть с размером 7 салатового цвета.

После этого, на панели инструментов выберите «Path Selection Tool» (Выделение контура).

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

В следующем окне из выпадающего списка выбираем инструмент, которым будем делать контур. Выбирайте тот инструмент, который Вы настраивали на предыдущем шаге. У меня это «Brush Tool» (Кисть). Нажмите «ОК».

Контур текста будет обведен. В примере, кистью салатового цвета.

Чтобы удалить тонкую серую линию, которой изначально был обведен текст, нажмите «Backspace». На рисунке через светлый контур просвечивается темная полоска – это уберет ее.

На этом все – мы сделали контур для текста в Фотошопе.

Для данного примера это делается так: разблокируйте слой «Background», удалите слои «Background» и «comp-profi.com», сохраните изображение в формате *.png или *.gif.

Как сделать контур для изображения

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

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

Открываем изображение или фото в Фотошопе. Теперь нужно выделить объект. Я буду использовать инструмент «Quick Selection Tool» (Быстрое выделение).

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

Когда выделите нужный объект, нажмите по нему правой кнопкой мыши и выберите из меню «Make Work Path» (Образовать рабочий контур). Наша роза будет обведена тонкой серой линией.

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

Теперь перейдите к настройке инструмента, с помощью которого будете делать контур. У меня будет «Brush Tool» (Кисть) седьмого размера черного цвета.

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

В следующем окне выберите тот инструмент, который настраивали.

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

Рисовать будем на том слое, где выделен контур, поэтому активным должен быть «Layer 1».

Я выбрала черный цвет для кисти, размер – 4 и обвела все линии внутри розы.

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

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

Загрузка…

Источник: //comp-profi.com/kak-sdelat-kontur-v-fotoshope/

Работа с контурами Adobe Photoshop CS5

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

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

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

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

± контур не распадается на отдельные элементы (точки), а остается единым обктом;

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

± векторный контур — это превосходная возможность создания кривых сложной формы с последующей прорисовкой (“обводкой”) их с помощью любых инсументов, имеющихся в программе Adobe Photoshop;

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

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

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

± начальная и конечная — узлы сегмента или якорные точки (anchor points). Они определяют положение начала и конца сегмента;

    Рис. 6.26. Пример кривой Безье

± две направляющие точки (direction points), определяющие длину и положение

направляющих линий (direction lines). Эти направляющие влияют на степень

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

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

Группа инструментов Pen

Инструменты группы Pen (Перо) позволяют создавать, выделять и редактирать контуры (рис. 6.27):

± Pen (Перо) — позволяет строить контуры в виде прямых или гладких кривых линий, задавая якорные точки и регулируя направляющие;

± Freeform Pen (Свободное перо) — предназначен для непосредственного рисания контура, подобно инструментам рисования в векторных программах;

± Add Anchor Point (Перо+) — предназначен для добавления в контур новых узлов (точек привязки);

± Delete Anchor Point (Перо-) — действует противоположным образом: удаляет из контура ненужные узлы (точки привязки);

    Рис. 6.27. Инструменты группы Pen

± Convert Point (Конвертировать угол) — изменяет характер узла (точки привяи), что позволяет преобразовывать прямолинейные сегменты в криволинейные и наоборот.

Создание прямолинейного контура

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

1.                       Откройте файл МЯЧ.jpg. Выберите в палитре инструментов Pen (Перо) и щелкните мышью в точке схода ребер фигуры, представляющей комбинацию форм кристаллов, установив первую якорную точку (рис. 6.28, а).

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

3.                       Для замыкания контура подведите курсор к начальной точке (рис. 6.29). Рядом с курсором появится кружок. Щелкните мышью, и контур замкнется.

4.                       Создайте незамкнутый контур фигуры. Щелкните мышью в правом верхнем углу фотоаппарата. Установите вторую якорную точку в левом верхнем углу фигуры. Для того чтобы оставить контур незамкнутым, необходимо еще раз щелкнуть мышью на пиктограмме инструмента Pen (Перо) в палитре инструментов.

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

а                                                                   б

Рис. 6.28. Установка якорной точки (а); создание прямой линии контура (б)

Рис. 6.29. Замыкание прямолинейного контура

5.                       Продолжите контур фигуры. Для этого подведите курсор к одной из конечных якорных точек и щелкните на ней. Линия продолжается.

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

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

Палитра Paths

Все контуры документа отображаются в соответствующей палитре Paths (Коуры), изображенной на рис. 6.30. С ее помощью выполняются операции при рабе с контурами.

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

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

Рис. 6.30. Палитра Paths

и меню палитры

Рабочий контур. Сохранение контура. Новый контур

1.                       Откройте палитру Paths (Контуры). В ней имеется только одна строка контура, содержащая только что нарисованные фигуры. Все они являются частями оого контура Photoshop, или субконтурами. При построении контур получает временное имя Work Path (Рабочий контур) и называется рабочим.

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

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

Верните активность контуру, и он вновь появится в окне документа.

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

4.                       Для создания нового контура из контекстно-зависимого меню выберите комау New Path (Новый контур) в палитре Paths (Контуры). В палитре появилась новая активная строка. По умолчанию второй контур называется Path 2.

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

1.                       На текущий момент активен контур Path 2. Щелкните инструментом Pen (Перо) на другой грани кристалла драгоценного камня (рис. 6.31). Не отпуская кнопки мыши, буксируйте курсор вправо. Из якорной точки выходят две направляие.

Рис. 6.31. Создание якорной точки криволинейного субконтура

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

3.                       Тем же способом продолжите субконтур до замыкания.

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

Рис. 6.32. Криволинейный контур с углами

4.                       Построим субконтур, сочетающий прямые и криволинейные сегменты (рис. 6.32). Щелкните мышью на следующей грани кристалла.

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

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

7.                       Для завершения работы нарисуйте еще два прямолинейных субконтура.

Свободное рисование контура

С помощью инструмента Free Form Pen (Свободное перо) постройте плавный контур, обозначающий толщину грани. Работа с этим инструментом похожа на веление областей инструментов Lasso (Лассо).

1.                       Сделайте активным контур Path 2.

2.                       Щелкните курсором в начальной точке. Буксируйте курсор вдоль линии объекта, создавая его “толщину”. По мере продвижения инструмента автоматически будут проставляться якорные точки. Затем создайте вторую половинку контура, аккуратно обводя линию объектива. Замкните контур.

4.                       Сотрите инструментом Eraser (Ластик) все изображение первичного эскиза фотоаппарата. В следующих главах вы узнаете, как восстановить его в улуенном виде с помощью контуров.

Обводка контура

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

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

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

Команда обводки контура находится в меню палитры. Сделайте активным коур Path 2. Из меню палитры выберите команду Stroke Path (Обводка контура).

В диалоговом окне (рис. 6.33) выберите инструмент, которым будет обведен коур, например, Pencil (Карандаш).

Нажмите кнопку OK. Контур обведен тонкой черной линией.

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

Рис. 6.33. Диалоговое окно

Stroke Path

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

1.                       Сделайте активным контур, выберите в качестве основного цвета светло-серый, а цвета фона — темно-серый.

2.                       В меню палитры выберите команду Fill Path (рис. 6.34).

Рис. 6.34. Диалоговое окно

Fill Path

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

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

Чтобы сделать из контура выделенную область, в меню палитры контуров верите команду Make Selection (Создать выделение). В диалоговом окне (рис. 6.

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

Выберите положение переключателя New Selection (Ное выделение).

Установка переключателя New Selection (Новое выделение) отменяет предыдущие веления, переключателя Add to Selection (Прибавить к области) — складывает старую и новую области, переключателя Subtract from Selection (Вычитание областей) — оимает новое выделение из старого, как бы вырезая общую область, а переключателя Intersect with Selection (Пересечения областей) — оставляет выделенной лишь оасть пересечения областей.

Рис. 6.35. Диалоговое окно

Make Selection

Источник: Комолова, Н. В., Adobe Photoshop CS5 для всех / Н. В. Комолова, Е. С. Яковлева. — СПб.: БХВ-Петербург, 2011. — 624 с.: ил. + CD-ROM — (В подлиннике)

Источник: //x-graphics.org/rabota-s-konturami-adobe-photoshop-cs5/

Простая обводка текста|картинки

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

Урок проводится в редакторе cs6, но он подходит и для других версий. В видео показана работа в англоязычной версии Adobe Photoshop CC, но его просмотр полезен при работе в cs6, cs5… с русскоязычным интерфейсом.

Предисловие

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

Нижний фоновый слой может быть любым.

Если Вы полный новичок – сначала надо понять, как работать со слоями.

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

Мы имеем три слоя – фон, изображение, текст.

рис.1

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

1. Двойным щелчком по слою в палитре;
2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

рис.2

3. Нажатием на иконку стилей fx внизу палитры, и в появившемся списке можно выбрать «Параметры наложения», но удобнее сразу выбрать стиль

рис.3

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

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

рис.4

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

рис.5

• В строке Размер меняется толщина линии. Перетягиваем ползунок или вводим числовое значение в пикселях.
• Строка Положение открывает список расположения линии. Там три варианта:

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

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

Как изменить цвет и текстуру обводки

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

рис.7

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

рис.8

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

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

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

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

рис.9

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

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

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек.  Откроется список. (рис.10. п.2).

рис.10

Как обвести текст градиентом

Градиентом у нас обведен фоновый слой. Были выставлены такие настройки:

рис.11

Функция Инверсия поворачивает заливку на 180°.

Стиль Разбивка фигуры дает дополнительную белую полосу по контуру:

рис.12

Не забывайте сохранять настройки, нажав на кнопку «Ок»!

Как изменить настройки

Когда все настройки выполнены и подтверждены кнопкой «Ок», в палитре слоев появится запись эффекта:

рис.13

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

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

Как сделать обводку изображения выделением

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

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

рис.14

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

рис.15

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

рис.16

Здесь все понятно. Подбирайте нужные значения и нажимайте «Ок».Автор видео — Игорь Гончаров

Источник: //hissite.ru/kak-obvesti-text/

Обводка в

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

Два способа создания обводки

Существует два пути того, как сделать обводку в «Фотошопе»: выделение границ слоя при помощи одного из специально предусмотренных эффектов и обрисовывание векторного контура.

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

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

Обводка слоя в «Фотошопе»

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

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

1. Выбрать слой.
2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

• по границе слоя снаружи;
• так, чтобы граница была ее центром;
• по границе внутри.

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

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

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

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

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

Смысл существования двух диалоговых окон «Обводка»

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

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

Особенно часто это требуется для обводки текста.

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ – это создание контура и его прорисовка.

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

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

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Обводка текста по контуру

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

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

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

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

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

Источник: //fb.ru/article/357264/obvodka-v-fotoshope-kak-ee-sdelat-i-nastroit

Как в фотошопе сделать контур изображения или текста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Надписи

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

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

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

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

инструкция

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

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

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

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

Источник: //start-luck.ru/photoshop/kak-sdelat-kontur.html

Рисуем пером в фотошоп

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

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

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

Что такое контуры и зачем они нужны

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

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

Контур может быть замкнутым, не имеющим ни начала, ни конца (к таким контурам относятся эллипсы и произвольные многоугольники),

Контуры сохраняются в текущем документе совместно с растровыми объектами. Все имеющиеся в документе контуры доступны на палитре Paths (Контуры).

Что можно делать с контуром?

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

2.Если контур замкнутый можно окрасить внутреннюю область в какой-либо цвет (команда Fill Pass, нажимаете на контуре правой кнопкой – выбираете из меню)или преобразовать контур в выделение (команда Make Selection, нажимаете на контуре правой кнопкой – выбираете из меню).

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

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

Как рисовать контур произвольной формы?

Рисовать контур нужно инструментом Pen Tool (Перо).

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

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

Если при работе инструментом удерживать нажатой клавишу «Shift», будет создан контур правильной формы (соседние точки преломления будут располагаться под углами, кратными 45°, а точки сглаживания будут размещаться на дуге воображаемой окружности).

Инструменты группы Перо

Инструмент панели инструментов фотошоп  Pen Tool (Перо) включает несколько инструментов:
инструмент Pen Tool (Перо) – предназначен для вычерчивания векторного контура (контур задается набором его узловых точек);
инструмент Freeform Pen Tool (Свободное перо) – предназначен для вычерчивания векторного контура (контур задается набором нарисованных от руки линий);
инструмент Add Anchop Point Tool (Добавить опорную точку) – предназначен для добавления новых узловых точек к имеющемуся векторному контуру, с его помощью можно изменить форму контура, переместить узлы или направляющие;
инструмент Delete Anchop Point Tool (Удалить опорную точку) – предназначен для удаления существующих узловых точек из векторного контура, с его помощью также можно изменить форму контура, переместить узлы или направляющие;
инструмент Convert Point Tool(Угол) – предназначен для изменения типа узловых точек и формы существующих векторных контуров.

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

Для вызова инструментов группы «Перо» служит также «горячая» клавиша «Р». При нажатии этой клавиши активизируется последний использованный инструмент группы .  Для переключения между инструментами группы нужно одновременно нажать клавишу «Р» и клавишу «Shift» (в результате каждого нажатия активизируется следующий по списку инструмент).

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

На панели настройки параметров инструмента Перо необходимо отметить следующие элементы:

• Кнопка Shape Layers (Слой-фигура) – предназначена для включения и отключения режима создания слоя фигур. Если эта кнопка нажата, программа Photoshop будет создавать фигуры.
• Кнопка Paths (Контур) предназначена для включения и отключения режима создания контура. Если эта кнопка нажата, программа Photoshop будет создавать контуры.
• Кнопка Fill Pixels (заливка пикселей)- предназначена для включения и отключения режима заливки области внутри фигуры цветом переднего плана. Если эта кнопка нажата, программа Photoshop будет заполнять внутреннее пространство фигуры основным цветом документа.

Далее с помощью соответствующих кнопок можно прямо с панели параметров перейти к инструменту Pen Tool (Перо), Freeform Pen Tool ( Свободное перо), Rectangle Tool (Прямоугольник), Rounded Rectangle Tool (Прямоугольник со скругленными углами), Ellipce Tool (Эллипс), Polygon Tool (Многоугольник), Line< Tool (Линия), Custom Shape Tool (Произвольная фигура) .
Кнопки отвечают за установку того или иного режима комбинирования контуров (новый контур, добавление к существующему контуру, вычитание, пересечение контуров и т.д.) и аналогичны таким же настройкам инструментов выделения.

Для режима Shape Layers ( Слой-фигура) есть кнопки

• Стиль – предназначен для выбора стиля, который будет использоваться при оформлении заливки контура. Щелкнув по кнопке раскрытия списка, можно просмотреть доступные образцы стилей Photoshop CS4
• Поле Цвет – предназначено для отображения и изменения цвета заливки контура. При щелчке мышью по полю на экране появляется диалоговое окно выбора цвета, в котором пользователь может задать желаемый цвет заливки контура.

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

Источник: //www.takpro100.net.ua/beginer/251-pen.html