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

Содержание

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


Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Содержание статьи

Обводка. Что это такое и зачем она нужна?

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

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

Название типа Описание Назначение
Цвет Линии границы одного цвета Самый обычный тип. Используется для обычного выделения
Градиент Контур с переходящим цветом по вектору градиента Более интересный вариант, больше подходит для оформления.
Узор Граница с наложением узора Аналогично предыдущему больше подходит для украшения объекта.

 

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

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

Приступаем к непосредственному разбору!

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

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

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Сейчас я расскажу про имеющиеся здесь настройки:

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

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

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

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

Ищите примерно так: «pat текстура скачать»

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

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

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

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

С Уважением, автор блога Федор Лыков!

как ее сделать и настроить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

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

Окно стилей слоя с настройками:

Фигура с обводкой:

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

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

 

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

 

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

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

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

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

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

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

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

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

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

С помощью этой функции возможно рисование пером в Adobe Photoshop. Можно обвести контур обычной линией

Этапы работы.

1) Создадим новый  слой и рисуем на нем пером. Если нам нужны изогнутые линии, то корректируем ровные линии, созданные с помощью пера, инструментом стрелка. Более подробно об этом написано в записи “Отделить объект от фона в фотошоп”. У меня на скорую руку получился следующий контур:

3) Теперь нужно задать цвет, диаметр и другие настройки кисти

4) Снова выбираем инструмент перо и жмем по созданному нами контуру правой кнопкой мыши, появляется следующее окно, в котором выбираем пункт “Выполнить обводку контура” или “Stroke patch” в английской версии:

или открываем окно Контуры: Меню –> Окно (Window)–> Контуры (Paths) и нажимаем на символ, означающий “выполнить обводку контура кистью” (Stroke patch). Он указан на скриншоте красным:

5) Теперь осталось удалить контур. Это можно сделать также, кликнув правой кнопкой мышки по документу при выбранном инструменте Перо или просто отправив слой рабочего контура в корзину в окне Контуры.

Получилось:

P.S. Изменив настройки кисти на свое усмотрение, можно значительным образом модифицировать обводку контура:

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

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

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

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

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

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

Метод 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 существует несколько методов, пользуясь которыми можно сделать контур вокруг какого-либо объекта или текста. Все зависит от исходного материала для обработки, а также предпочтений пользователя.

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

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

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

По умолчанию, смена инструмента Pen к Add Anchor Point Tool, как вы поместите его на выбранный путь, или к Delete опорной точки, как вы поместите его над узловой точкой.Вы должны выбрать «Автоматическое добавление / удаление» на панели параметров, чтобы инструмент «Перо» автоматически переключался на инструмент «Добавить точку привязки» или «Удалить точку привязки».

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

.

Обводка контура в Photoshop (с примерами) Урок Photoshop

www.psd-dude.com

Узнайте, как использовать Stroke Path в Photoshop. Эта функция очень полезна для создания различных текстовых эффектов.Чтобы увидеть применение Stroke Path , ознакомьтесь с моим руководством о том, как создать контурный текст в Photoshop.
Это также очень полезно для создания рамок и границ, эффектов контура и т. Д. В предыдущем уроке мы узнали, как построить путь, а сегодня мы говорим об обводке путей.

Твитнуть

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

В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контуры в Photoshop.Вы можете обводить открытый контур в Photoshop; Создайте открытый путь с помощью инструмента Pen Tool . Параметр выделения обводки в Photoshop с помощью инструмента «Кисть » доступен, если сначала вы превратите выделение в рабочий контур.

Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

Как сделать рабочий путь

От

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

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

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

[БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

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

Я использовал инструмент Pen Tool , чтобы нарисовать контур в Photoshop, и попытался сделать обводку контура.

Почему контур обводки неактивен или отключен?

1. Поскольку при рисовании контура в Photoshop, для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента Pen Tool

Вот как это выглядит в моем Photoshop CC

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

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

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

В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , eraser Tool , Smudge Tool , Burn Tool и т. Д.Но самый используемый инструмент для обводки контуров в Photoshop — Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

.

Выберите инструмент Path Selection Tool и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что фактически является настройкой по умолчанию.

Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Путь и выберите удалить путь , чтобы увидеть результат.

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

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

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

Предыдущий пост

Преобразование изображения в силуэт векторной формы в Photoshop

Следующее сообщение

Создаем текст на деревянной книжной полке в Photoshop

.

Как убрать обводку с контура в Photoshop | Small Business

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

Stroke Path

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

Выберите инструмент «Перо» на палитре инструментов.Выберите значок «Пути».

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

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

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

Удалить обводку

Найдите палитру «Слой».

Выделите прозрачный слой, созданный на предыдущих шагах.

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

Ссылки

Ресурсы

Подсказки

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

Писатель Биография

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

.

Изменение форм в Photoshop

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

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

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

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

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

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

  • Щелкните значок «Угол», чтобы увидеть обводку в угловых точках:

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

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

Соединение под углом Создает прямоугольные углы, примыкающие к конечным точкам.

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

.

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Содержание статьи

Обводка. Что это такое и зачем она нужна?

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

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

Название типаОписаниеНазначение
ЦветЛинии границы одного цветаСамый обычный тип. Используется для обычного выделения
ГрадиентКонтур с переходящим цветом по вектору градиентаБолее интересный вариант, больше подходит для оформления.
УзорГраница с наложением узораАналогично предыдущему больше подходит для украшения объекта.

 

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

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

Приступаем к непосредственному разбору!

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

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

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

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Сейчас я расскажу про имеющиеся здесь настройки:

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

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

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

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

Ищите примерно так: «pat текстура скачать»

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

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

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

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

С Уважением, автор блога Федор Лыков!

Как в фотошопе сделать колонки

Быстрые действия, позволяющие с легкостью добавлять и редактировать текст в Photoshop.

Загрузить файл примеров и шрифты для пробного использования

Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.

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

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

Откройте фотографию или документ Photoshop (PSD).

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

Хотите добавить несколько слов в качестве заголовка? Щелкните в любом месте холста, чтобы ввести текст. В Photoshop это называется короткий текст.

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

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

Текстовый слой на панели «Слои»
  • Чтобы изменить размер и цвет шрифта, см. разделы Изменение размера текста и Изменение цвета текста.
  • Не нравится текст Lorem ipsum при наборе текста? Можно отключить использование образца текста. Просто выберите Редактирование > Установки > Текст, снимите флажок Включить текст заполнителя в новые текстовые слои и нажмите кнопку «ОК».

Откройте документ Photoshop с текстом, который требуется изменить.

Текст должен находиться на текстовом слое. Не видите текстовых слоев в документе? См. пункты 2 и 3 в разделе Добавление текста.

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

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

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

Откройте документ Photoshop с текстом, который требуется изменить.

Текст должен находиться на текстовом слое. Не видите текстовых слоев в документе? См. пункты 2 и 3 в разделе Добавление текста.

Выберите инструмент «Текст» на панели инструментов.

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

Панель параметров Photoshop в macOS

A. Изменение направления текста с горизонтального на вертикальное и наоборот B. Изменение стиля шрифта C. Изменение размера шрифта D. Изменение пикселизации края текста (сглаживание) E. Изменение выравнивания текста F. Изменение цвета текста G. Деформация текста H. Просмотр панелей «Символ» и «Абзац» I. Отмена изменений J. Сохранение изменений 

Панель параметров Photoshop в Windows

A. Изменение направления текста с горизонтального на вертикальное и наоборот B. Изменение стиля шрифта C. Изменение размера шрифта D. Изменение пикселизации края текста (сглаживание) E. Изменение выравнивания текста F. Изменение цвета текста G. Отмена изменений H. Сохранение изменений 

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

В завершение щелкните  на панели параметров, чтобы сохранить правки.

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

Источник: http://helpx.adobe.com/ru/photoshop/using/add-edit-text.html

Добавляем текст в Фотошопе

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

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

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

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

Источник: http://timeweb.com/ru/community/articles/tekst-v-photoshop

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

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Быстро находите понятные ответы, советы и учебные видеоролики по самым часто задаваемым вопросам об инструменте «Текст».

Загрузить файл примеров и шрифты для пробного использования

Мы подготовили пример файла, на котором можно попрактиковаться и создать что-нибудь красивое. Загрузите и откройте этот документ PSD (ZIP, 1,35 МБ) и попробуйте выполнить все задания в своем собственном файле. Поэкспериментируйте с размером и цветом шрифта, а также с расположением текста, чтобы получить желаемые результаты.

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

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

Источник: http://roagame.ru/kak-sdelat-tekst-kolonkami-v-fotoshope/

Видео урок о тексте в Фотошоп

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

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

Источник: http://arsenalweb.ru/tekst-v-fotoshope/

Переход по внешней ссылке

Creativo не несёт ответственности за безопасность за пределами нашего сообщества.

Будьте осторожны и внимательны.

Перейти по ссылке

Источник: http://creativo.one/lessons/text/

Форматирование абзацев

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Источник: http://roagame.ru/kak-sdelat-tekst-kolonkami-v-fotoshope/

Создаем надпись

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

«Горизонтальный текст» и «Вертикальный текст – наиболее простые параметры. Они задают ориентацию надписи. Чтобы выбрать тот или иной инструмент, нужно кликнуть на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Фотошопе, который будет расположен над фоновым.

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

Источник: http://pixelbox.ru/kak-v-fotoshope-redaktirovat-tekst

Перемещение и трансформирование

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T. Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять  перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

Источник: http://psand.ru/vozmozhnosti-instrumenta-tekst-v-fotoshope/

Наложение Цвета

На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.

Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”. Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).

В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.

Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.

Источник: http://inodroid.ru/obzory/kak-napisat-tekst-v-fotoshope.html

Деформация

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

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

Источник: http://nastroyvse.ru/programs/review/krasivyj-tekst-v-fotoshope.html

Работа с текстом в фотошопе

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

Вставка текста

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

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

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

Абзац можно передвигать, активировав инструмент «Перемещение».

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

Форматирование текста в верхней панели

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

Кроме того меня не устраивают размер текста, шрифт. Это легко поправимо.

  • Выделяю написанное.
  • При активной кнопке ТЕКСТ в боковой панели инструментов открыта панель форматирования вверху.

Здесь можно изменить начертание текста, его размер, цвет, и так далее.

Источник: http://arsenalweb.ru/tekst-v-fotoshope/

Войти

, чтобы проголосовать

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено
Создать опрос

Сделать мультиголосование

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Прогрессивный подсчет результатов

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

{{item.subtitle}}

{{adsbygoogle(item.id)}}

По вашему запросу ничего не найдено

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

Предыдущая Следующая

Не удалось загрузить работу. Возможно она была удалена.

GIF {{work.bite}} Мб Загрузить

18+

Работа имеет содержимое для 18+ лет

{{work.views}} {{work.comments}}

Комментарии {{work.childs.length || 0}}

Популярные работы автора:

Спасибо! Ваше обращение ушло на рассмотрение.

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

Источник: http://creativo.one/lessons/text/

Изменение размера и разрешения фотографии в фотошопе

1.Открываем картинку в фотошопе.

Сразу посмотрите картинка иметь большой размер: ширина 1024, высота 768 и разрешение: 300 пикселя на дюйм (что бы вывести это окошечко, идем в меню Изображение — Размер изображения, Image — Image Size).

Мне для картинки в блог, нужно сделать ее размером по ширине — 550 пикселей (высота мне не важна), а также разрешение сделать — 72 пикселя/дюйм, нужно обрезать не нужное на изображении. Есть два способа как это сделать:

а) можно просто в окне Размер изобржения, поставить сначала разрешение 72 пикселя на дюйм, ширину поставить 550 пикселей и нажать ОК.

б) можно в одно действие сразу обезать на фотографии все не нужное, сделать ее по ширине 550 пикселей и с разрешением в 72 пикселя. Интересно как это сделать?

Источник: http://mycomp.su/obzory/kak-dobavit-tekst-v-fotoshope.html

Эффекты

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

Покажем возможности эффектов на конкретном примере. Вот как сделать обводку текста в Фотошопе CS6:

  1. Кликните на слой с надписью правой кнопкой мыши.
  2. Выберите «Параметры наложения».
  3. В списке слева найдите пункт «Создать обводку» или что-то подобное. Нажмите на него и отметьте его маркером.
  4. Там можно задать оттенок рамки, ширину, положение (снаружи, внутри, из центра), прозрачность, режим наложения.
  5. Чтобы изменить фактуру нажмите на список «Тип». Будет выбор между «Цвет», «Градиент» и «Узор».
  6. Градиент — это несколько оттенков. Изображение с ним переходит из одного цвета в другой. То есть в одной части рисунка будет насыщенный синий, в другой — светло-фиолетовый. Можно даже оформить обводку в виде радуги.
  7. Узор — это текстура. Перейдите к данному пункту — появится пример рисунка. Нажмите на стрелочку рядом с ним, указывающую вниз — там буде выбор между разными изображениями. В появившемся меню кликните на ещё одну стрелочку, направленную вбок. Откроется меню, в котором можно выбрать наборы стилей — в каждом своя коллекция текстур. Доступна загрузка новых узоров — они должны иметь формат .PAT.

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

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

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

Источник: http://nastroyvse.ru/programs/review/krasivyj-tekst-v-fotoshope.html

Об этой статье

Эту страницу просматривали 59 989 раз.

Источник: http://ru.wikihow.com/добавить-текст-в-Photoshop

Как создать в фотошопе красивый текст?

  • Выбираем инструмент Т. Включаем CapsLk и шрифтом Big Bottom Cartoon пишем текст, при этом устанавливаем параметры 300 пт и Трекинг на 75.
  • Нажимаем комбинацию Ctrl+J для дублирования текстового слоя.
  • Возвращаемся к оригинальному слою. Заходим в Слои, далее в Стиль слоя и потом Тень. Выставляем параметры: непрозрачность – 32%, смещение – 11, размер – 9.
  • Делаем еще одну копию и на нее выставляем следующие параметры: непрозрачность – 50%, смещение – 36, размер – 50.
  • Переходим в оригинальный текстовый слой и делаем копию. Нажимаем правой кнопкой на копию текста и делаем выбор на Вставить стиль. На оригинальном слое делаем заливку на 0.
  • Чтобы добавить блеск, нужно в разделе слои (по старому маршруту) добавить фаску и тиснение с параметрами: размер 3, режим подвески – линейный свет, режим тени – затемнение основы, непрозрачность – 15%.
  • Добавляем контур: контур – полукруг, ставим отметку на сглаживании.
  • Внутреннюю тень делаем с настройками: режим наложения – линейный затенитель, непрозрачность – 13%, смещение – 0, размер – 10.
  • Далее накладываем узор: узор – выбираем самый подходящий среди имеющихся вариантов, если нет FDR Glitter Pattern 02; масштаб – 50%.

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

Источник: http://osnovy-pc.ru/grafika/kak-napisat-v-fotoshope-krasivyj-tekst/

Текстовый блок

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

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

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

Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).

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

После внесения изменений их необходимо подтвердить галочкой.

Источник: http://pixelbox.ru/kak-v-fotoshope-redaktirovat-tekst

3Д текст в «Фотошоп» CS6

Такие не самые дурные возможности по созданию 3Д текста имеются в «Фотошопе» CS6 и более поздних версиях. Но сделать 3D текст в «Фотошопе» — это только начальный этап работы. Также нужно позаботиться об окружении этого текста. Можно добавить текстуры, которые тоже необходимо располагать в трехмерном пространстве. Словом, всё это — очень интересная тема.

Источник: http://fotografiya.info/?p=711

Сохранение открытки

Моя открытка готова, сохраняю ее в формате Jpeg, качества достаточно среднего.

 

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

Источник: http://arsenalweb.ru/tekst-v-fotoshope/

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

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

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

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

Эти инструкции предназначены для пользователей Windows , но если вы используете MacOS , единственное отличие заключается в том, что щелчок правой кнопкой мыши должен состоять из CMD + Click .

  1. Выберите тип инструмента из меню слева.
  2. Напишите текст, который вы хотите выделить.
  3. Используйте окно слоев, чтобы выбрать текстовый слой, который вы редактируете.

Убедитесь, что он выбран на вкладке Windows в верхней части экрана, если он не отображается.

  1. Либо щелкните правой кнопкой мыши по слою и выберите Blending Options, а затем Stroke в левом меню, или выберите кнопку FX в нижней части окна Layers , а затем Stroke из всплывающего меню.
  2. Используйте параметры на экране, чтобы настроить внешний вид вашего контура. Размер определяет толщину контура (обводка), а Положение определяет, будет ли он внутри или снаружи текста. Не стесняйтесь играть с вариантами. Если вы делаете что-то, что вам не нравится, выберите Отмена и начните снова.
  3. Когда вы довольны тем, как выглядит текст, нажмите кнопку ОК .

Наброски текста, чтобы сделать его более захватывающим

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

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

  1. Используйте тип инструмента , чтобы создать текст , который вы хотите выделить.
  2. Выберите текстовый слой в окне « Слои» и щелкните его правой кнопкой мыши. Выберите Rasterize Type .
  3. Удерживайте Ctrl ( CMD в macOS) и выберите миниатюру слоя « Тип», чтобы выделить весь текст.
  4. Создайте новый слой, используя окно Layers . Выберите Edit на верхней панели инструментов, затем выберите Stroke .
  5. Выберите ширину пикселя предполагаемого контура, затем нажмите OK .

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

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

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


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

Контуры объектов в 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.

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

Как написать в фотошопе красивый текст: 5 лучших способов


В Adobe Photoshop CS6 можно не только создавать рисунки или ретушировать фотографии. В нём доступна работа с текстом. И не с обычными символами, которые есть и в Microsoft Word. Фотошоп ведь графический редактор — в нём можно сделать надпись с оригинальным дизайном. Хотя стандартные печатные знаки в утилите тоже есть. Разберитесь, как повернуть текст в Фотошопе, добавить к нему эффекты или текстуры, выбрать размер, форму. И вообще, как взаимодействовать с символами в данной программе.

В Фотошопе часто приходится сталкиваться с работой с текстом

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

Вставляем обычный текст.

Чтобы начать бегать, сначала нужно научиться ходить.

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

И так приступаем к конкретным действиям.

  1. Открываем программу Photoshop и загружаем картинку, на которой будем делать текст.
  2. В панели инструментов с левой стороны найдите заглавную букву Т, нажмите на нее. Если нажмете правой кнопкой, то можете выбрать стиль написания текста: горизонтальный, вертикальный или текст-маска.
  3. Появившемся курсором нажмите на картинке. При этом определитесь с местом, на котором будете делать надпись.
  4. В верхней панели инструментов можно выбрать шрифт, размер, выравнивание. И текст готов.

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

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

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

Редактирование

В Photoshop CS6 есть средства для редактирования надписей. Можно выбрать красивый шрифт, способ начертания, размер, цвет, выравнивание. Настройки появятся на верхней панели, если выделить слой с буквами и нажать на «T».

  • Чтобы изменить каллиграфию, кликните на выпадающий список слева вверху. Появятся все шрифты, которые есть у вас на компьютере. Рядом с названием находится пример того, как будут выглядеть знаки. Можете скачать новые наборы символов, если не хватает предустановленных. Их надо вставить в папку «Шрифты», в которую можно войти через Пуск — Панель управления. И при следующем запуске Photoshop они появятся в списке. Каллиграфия имеет формат .TTF или .OTF.
  • Чтобы поменять оттенок знаков, надо их выделить и нажать на прямоугольник вверху. Он того же цвета, что и текст. Эта кнопка открывает палитру. Можно задать оттенок вручную, перемещая ползунок по шкале и подбирая яркость. Можно ввести параметры в виде цифр. А можно сразу написать название цвета, если оно вам известно. Оно выглядит, как код из цифр и латинских символов. Для акцентирования внимания на надписи создайте обводку другого оттенка.
  • Чтобы перевернуть строку, нажмите ни иконку в виде буквы «T» с маленькими стрелочками. Она тоже находится наверху.
  • Размер задаётся в выпадающем списке, в котором отображены числа с припиской «пт» (этот параметр измеряется в пикселях или пунктах — сокращённо «пт»).
  • Для выстраивания по линии используйте кнопки «Выключка слева», «Выключка справа», «Выключка по центру». Это аналог опций «Выравнивание по левому краю», «Выравнивание по правому краю».
  • Чтобы изменить начертание, выделите фрагмент надписи и кликните по нему правой кнопкой мыши. В контекстном меню будут пункты «Псевдополужирный» и «Псевдокурсивный».
  • Там же можно настроить сглаживание: чёткое, насыщенное, плавное, жёсткое.

Чтобы применить изменения нажмите на галочку на верхней панели. Чтобы вернуть изначальное форматирование — на зачёркнутый круг.

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

Функция деформации.


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

Что нужно для использования глифов в Photoshop

Разберёмся на примере шрифта Austria. К слову, если вы ищете необычные шрифты с интересными украшениями и глифами, вам будут полезны площадки Envato Elements и GraphicRiver. Там хранятся материалы для проектов — шаблоны, шрифты, иконки, логотипы и так далее. Первая работает по подписке, вторая — в формате стока.



3D эффект.

Нравятся ли вам надписи с эффектом 3D? Они такие объемные и кажется, что надпись оставляет за собой след. А ведь это сделать очень просто.

  1. Перейдите в слой теста, но не выделяйте его.
  2. Нажмите на 3D режим. Он находится в верхнем меню.

  3. Объемный текст делается при помощи меню «Новая сетка из градаций серого».
  4. Преобразовать слой можно при помощи параметра «Новая структура из слоя».

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

Линии

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

Добавление двух линий….

.…создаёт наибольшее разделение между двумя элементами дизайна.

Новинки Premium-раздела

499

Коллажирование

Коллаж «На маскараде»

0 0
99

Веб и приложения

Создаём форму оформления заказа

18 873 292
99

Веб и приложения

Cоздаём форму заказа авиабилетов

12 791 212
499

Работа с фото

Художественная обработка от Мадины Ахтаевой. Серия «Лето»

0 0
499

Коллажирование

Коллаж «Необычная прогулка»

0 0
99

Работа с фото

Делаем художественную ретушь портрета

26 903 374
— часть сайта Фотошоп-мастер, где вас ждут 60 видеоуроков и 36 экспресс-курсов от профессионалов.

Вы можете покупать их по-отдельности, а можете оформить подписку на весь раздел (от 5 руб/день).

Надпись с эффектом золота.

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

  1. Скачиваем деревянный фон с интернета
  2. Создаем новый документ (файл — создать) в Photoshop с размерами 1500*950.
  3. Открываем вкладку файл и нажимаем на строку поместить связанные. Если картинка слишком маленькая либо наоборот большая, то преобразуйте ее. Нажмите Enter. С правой стороны в окне слои нажмите на картинку правой кнопкой мыши и нажмите на строку преобразовать в смарт-объект.
  4. Следующим шагом устанавливаем сочность. Для этого в верхнем меню открываем вкладку Изображение, переходим в Коррекцию и нажимаем на сочность. Параметр сочности устанавливаем на -20
  5. Там же в верхнем меню находим раздел Слои, переходим в Стиль слоя и выбираем Наложение цвета. Откроется окно в которое вводим следующий параметр: режим наложения – умножение.

Создаем надпись

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

«Горизонтальный текст» и «Вертикальный текст – наиболее простые параметры. Они задают ориентацию надписи. Чтобы выбрать тот или иной инструмент, нужно кликнуть на соответствующую функцию в меню значка «Т». Используя эти функции, вы создаете новый слой в Фотошопе, который будет расположен над фоновым.

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

Как создать в фотошопе красивый текст?

  • Выбираем инструмент Т. Включаем CapsLk и шрифтом Big Bottom Cartoon пишем текст, при этом устанавливаем параметры 300 пт и Трекинг на 75.
  • Нажимаем комбинацию Ctrl+J для дублирования текстового слоя.
  • Возвращаемся к оригинальному слою. Заходим в Слои, далее в Стиль слоя и потом Тень. Выставляем параметры: непрозрачность – 32%, смещение – 11, размер – 9.
  • Делаем еще одну копию и на нее выставляем следующие параметры: непрозрачность – 50%, смещение – 36, размер – 50.
  • Переходим в оригинальный текстовый слой и делаем копию. Нажимаем правой кнопкой на копию текста и делаем выбор на Вставить стиль. На оригинальном слое делаем заливку на 0.
  • Чтобы добавить блеск, нужно в разделе слои (по старому маршруту) добавить фаску и тиснение с параметрами: размер 3, режим подвески – линейный свет, режим тени – затемнение основы, непрозрачность – 15%.
  • Добавляем контур: контур – полукруг, ставим отметку на сглаживании.

  • Внутреннюю тень делаем с настройками: режим наложения – линейный затенитель, непрозрачность – 13%, смещение – 0, размер – 10.
  • Далее накладываем узор: узор – выбираем самый подходящий среди имеющихся вариантов, если нет FDR Glitter Pattern 02; масштаб – 50%.

На выходе у нас должен получиться вариант, который вы видите на картинке.

Подготовка фотошопа к работе с текстами

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

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

Установка нужных шрифтов — в числе ключевых задач в рамках подготовки фотошопа к работе с текстами. Решить ее можно несколькими способами.

Первый предполагает размещение файлов со шрифтами в папку программы. Чаще всего она располагается по адресу C:\Program Files\Common Files\Adobe\Fonts. Большинство версий фотошопа без особых проблем распознает шрифты, размещенные соответствующим образом.

Другой распространенный способ решения рассматриваемой задачи — установка шрифтов через программу FontExpert. Скачать ее можно здесь — https://soft.softodrom.ru/ap/FontExpert-p2156. Нужно запустить программу, открыть папку, в которой расположены шрифты, и активировать те, что предполагается задействовать в работе. Отметим: они в общем случае никуда не инсталлируются. Особенность FontExpert в том, что данное ПО умеет задействовать шрифты временно. Если программа запущена одновременно с другими приложениями, то они приобретают способность работать с активированными с помощью FontExpert шрифтами.

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

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

В принципе, современные версии фотошопа, начиная с CS6, поддерживают русский язык. Активировать его можно, выбрав пункт меню Edit, затем — Preferences, после — Interface и «Русский» в списке языков.

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

Не изобретаем велосипед…

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

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

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

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

И на десерт… очень красивый прием наложения текста

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

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

Видите, фон исчез, а вы научились делать текст бесцветным.

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

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

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

Для того, чтобы заработать нужен небольшой талант, который легко заменяется опытом и знания технической части и практической. Для этого придется постараться. Быстрее всего будет не лазить по интернету, по крупицам собирая полезные уроки одним за другим, а приобрести видео курс, разработанный, что называется «От А до Я» https://photoshop-master.org/. Если вы сейчас читаете эту статью и узнали из нее много нового, то эти уроки вам обязательно пригодятся.

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

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

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

Перемещение и трансформирование

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

Более интересно обстоят дела с трансформацией. Работая в фотошопе, у вас практически нет ограничений по реализации своих творческих задумок. То как можно менять до неузнаваемости текст я распишу ниже. Это будут основные способы для изменения. Но к этому списку нужно добавить трансформацию. Напомню, что она вызывается комбинацией Ctrl+T. Благодаря ей, можно менять масштаб, поворот, наклон, искажать, менять перспективу, отражать по вертикали и горизонтали. Я не буду выкладывать скриншоты этих изменений — все это мы рассматривали в статье «Трансформация, искажение, вращение и прочие креативные безумства».

Прорисовка деталей

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

Нарисовать его можно с помощью инструмента перо «Pen Tool» используя белую заливку и прозрачную обводку.

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

Выполнить обводку контура в фотошопе cs6. Обводка в «Фотошопе»: как ее сделать и настроить. Два способа создания обводки

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

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

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

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

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

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

.

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

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

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

Изучение Photoshop

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

».

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

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

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

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

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

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

». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

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

Диалоговое окно стиля русскоязычном и англоязычном Photoshop:

Размер (Size)

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

Положение (Position)

Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта: Снаружи (Outside) — обводка находится за краями объекта Внутри (Inside) — внутри краёв Из центра (Center) — середина обводки совпадает проходит по краю объекта

С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss) , но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:

Режим наложения (Blend Mode)

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

Непрозрачность (Opacity)

Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность. Если обводка имеет положение «Внутри» или «Из Из Цвет»

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

«Узор»

заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay) .

Опция «Градиент»

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

Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay) .

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

, в англ. версии —
«Shape Burst»
:

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

Сохранение и загрузка настроек стиля слоя по умолчанию

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

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

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

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

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

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

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

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

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

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

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

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

Как добавить текст в фотошопе

Нажимаем на клавишу T одновременно с клавишей Shift и в выпадающем меню выбираем «Горизонтальный текст».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как изменить текст в Фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.

Нам нужно найти «параметры наложения».

Выбираем пункт «обводка» и задаем настройки.

Результат:

Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.

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

Слой примет подобный вид:

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

Вуаля! Теперь обводка двойная.

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

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

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

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

Задаем настройки:

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

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

Вам следует запомнить несколько вещей.

  1. Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
  2. Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
  3. С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
  4. Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите Просмотр в строке меню.

Щелкните по 200% , чтобы увеличить изображение.

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

  • Выберите цвет контура.

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

  • Черно-белый цвет находится на крайнем правом конце спектра.
  • Выберите инструмент на панели инструментов в левой части окна.
    • Карандаш
      : этот инструмент создает ровные штрихи одинаковой ширины (посередине и на концах). Карандаш подойдет, если вы хотите создать контур из небольших и соприкасающихся штрихов. Значок инструмента «Карандаш» выглядит как карандаш и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде кисти, а не карандаша, зажмите значок в виде кисти, а затем в меню нажмите «Карандаш».
    • Кисть
      : этот инструмент создает конические штрихи, которые тоньше на концах и толще посередине. Кисть подойдет, если вы хотите создать «мягкий» контур из штрихов, похожих на мазки кистью. Значок инструмента «Кисть» выглядит как кисть и находится в верхней части второго раздела панели инструментов. Если на панели инструментов отображается значок в виде карандаша, а не кисти, зажмите значок в виде карандаша, а затем в меню нажмите «Кисть».

  • Перо
    : этот инструмент создает контур с опорными точками; такой контур можно редактировать. Перо подойдет, если вы планируете изменить созданный контур. Щелкните по значку в виде пера чернильной ручки (находится под значком в виде буквы «T» на панели инструментов), чтобы выбрать инструмент «Перо».
  • Отрегулируйте настройки инструмента «Карандаш» или «Кисть».
    • Щелкните по выпадающему меню рядом со значком инструмента, чтобы настроить его размер и жесткость. Чем больше жесткость, тем штрихи более похожи на сделанные настоящими карандашом или кистью.
    • Щелкните по значку в виде папки в правой части выпадающего меню, чтобы выбрать форму и свойства кисти или карандаша.

  • Отрегулируйте настройки инструмента «Перо».

    Они находятся в верхней левой части окна.

    • Чтобы создать контур с помощью инструмента «Перо», откройте выпадающее меню справа от значка инструмента и выберите «Контур».
  • Приступите к созданию контура.

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

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

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

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

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

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

    А теперь самое время делать обводку. Первое, что нужно сделать – это перейти в окно «Layers», в русской версии оно называется «Слои». Если этого окна нет, его можно включить через меню Программы/Window. В окне «Слои» нажимаем правой кнопкой мыши на слой с объектом, в данном случае это верхний слой, и выбираем пункт blending options, в русской версии этот пункт называется «Параметры наложения». Появляется вот такое окно, в нем находите пункт «Stroke», в русской версии называется «Обводка», и кликаете на этот пункт левой кнопкой мыши. После этого обводка включается, это видно по галочке перед названием, и открываются настройки обводки. На объекте, как видите, уже отображается результат, который соответствует вставленным параметрам. Эти параметры можно изменять, и давайте их рассмотри по порядку.

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

    Ниже идет меню «Position», т.е. положение. Здесь, на выбор есть три пункта: outside (снаружи), т.е. обводка начинается от края объекта и идет на внешнюю сторону; inside (внутри), т.е. обводка начинается от края объекта и идет внутрь, как бы заполняя объект; center, в этом случае обводка идет от края, одновременно в обе стороны, напополам.

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

    Еще ниже идет меню «Тип обводки», в котором можно выбрать один из трех вариантов. Вариант первый – Color, т.е. цвет. Он стоит по умолчанию, и, выбрав его, объект будет обводится каким-то одним цветом, который можно выбрать, если кликнуть Левой кнопкой мыши вот сюда, на этот прямоугольник с цветом. Появляется окно выбора цвета, в нем выбираете нужный цвет, чаще всего используют белый или черный, но бывают и исключения, и, когда цвет выбран, нажимаем «ОК».

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

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

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

    В общем, после того, как определитесь с типом обводки и ее цветом, нажимаете на кнопку «ОК». Готово!

    Аналогичным образом работает и обводка с изображением. Например, есть какое-то изображение. В данном случае, логотип Youtube на прозрачном фоне. Выделяете это изображение любым способом. Копируете его сочетанием клавиш «Ctrl+C». Вставляете куда нужно сочетанием клавиш «Ctrl+V», а дальше все точно также, как с текстом. Правой кнопкой мыши на слое/Blending options/ Stroke и настраиваете.

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

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

    Как делать простую обводку текста

    Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com

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

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

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

    Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

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

    Итак, мы написали текст.

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

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

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

    Посмотрите, вот так выглядит текстовый слой.

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

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

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

    Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

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

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

    Теперь выделение более заметно.

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

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

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

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

    Ну а теперь давайте перейдем к «фишечкам».

    Как вставить текст в Фотошоп

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

    Затем перейти в Фотошоп и нажав на инструмент Т кликнуть курсором по полю открытки и вставить текст, применив команду Ctrl+V.

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

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

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

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

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

    Также вы можете попробовать тиснение – контур.

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

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

    Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru

    .

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

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

    Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

    Теперь нужно загрузить узоры.

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

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

    Готово. Узоров стало больше! Можете применять к тексту.

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

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

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

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

    Каждому, как говорится, свое.

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

    .

    Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

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

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

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

    Иногда требуется обвести выделенную область (т.е. обрисовать контур

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

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

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

    Вот как можно добавить контур по краю изображения:

    Шаг 1

    Откройте изображение и выделите его. Если изображение такого же размера, что и документ, выберите команду меню Выделение => Все

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

    Шаг 2

    Выберите команду меню Редактирование => Выполнить обводку (Stroke)

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

    Шаг 3

    Нажмите кнопку ОК, чтобы просмотреть новый контур.

    Обведите контур в Photoshop cs6. Как создать обводку текста в Photoshop

    В этом уроке мы узнаем, как создавать многослойные обводки для текста с помощью инструмента «Смарт-объект» в Photoshop. Для работы я использую Photoshop CS5, но вы можете использовать любую версию этой программы, начиная с CS2.

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

    Итак, приступим!

    Шаг 1

    Напишем текст, с которым будем работать в будущем.Создадим новый слой, с помощью инструмента Text (Text Tool) напишем слово «стиль». Цвет фона черный.

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

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

    Выберите стиль из раскрывающегося списка Контур (Обводка).

    В открывшемся диалоговом окне в подменю выбираем цвет нашего будущего штриха Color (Цвет):

    В открывшейся цветовой палитре выбираем понравившийся нам цвет.Я выбрал светло-синий цвет, так как мой текст изначально темно-синий.

    После того, как вы выбрали цвет, нажмите OK.

    Нажмите ОК. Вот что мы получаем после добавления первого штриха к нашему тексту:

    Step 2

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

    Затем я преобразовал текстовый слой в Смарт-объект … Смарт-объект работает как виртуальный контейнер, поместив в него наш текст с первым слоем обводки, мы можем добавить вторую строку!

    Для этого щелкните значок в верхней части панели слоев, как показано на скриншоте:

    В раскрывающемся меню выберите опцию Преобразовать в смарт-объект (Преобразовать в смарт-объект) /

    После преобразования слоя в Смарт-объект , в правом нижнем углу предварительного просмотра слоя появится такой значок:

    Шаг 3

    Давайте добавим вторую линию обводки.Для этого нажмите еще раз на иконку Layer Styles внизу панели Layers, выберите параметр Outline (Stroke).

    Диалоговое окно стиля слоя открывается снова. Наброски (Обводка). Как и в предыдущем шаге с добавлением обводки, выберите цвет и размер обводки, которые вам подходят. Я выбрал синий цвет и размер обводки 10 пикселей.

    Когда закончите, нажмите OK, чтобы закрыть диалоговое окно Layer Style.

    Вот что я закончил, добавив обводку к смарт-объекту с текстом внутри:

    Шаг 4

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

    Щелкните OK, чтобы закрыть диалоговое окно Layer Style. И теперь у меня есть три обводки вокруг текста. Похоже, я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно на самом тексте, средняя линия обводки приходится на первый смарт-объект, а верхняя линия обводки — на второй смарт-объект.

    Вот как легко и очень просто вы можете добавить любое количество штрихов к тексту, используя только стиль слоя. Outline (Stroke) и Smart Objects (Smart-Object) программы Photoshop.

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

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

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

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

    Сделайте обводку черным. Переходим в окно слоев. Выбираем свой, с текстом. Щелкните по нему левой кнопкой мыши.

    Нам нужно найти «Параметры наложения».


    Выберите пункт «ход» и установите настройки.


    Результат:


    Настройки можно изменить по своему усмотрению. Ширина штриха. Его цвет и тип.

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

    Слой будет выглядеть так:


    Теперь вернитесь к параметрам «Смешивание» и «Обводка». Устанавливаем следующие настройки.


    Вуаля! Теперь ход двойной.


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


    Я изменил фоновый слой, чтобы текст выглядел лучше. И я добавил к тексту следующий градиент:


    Плюс простой черный штрих. Исходное изображение выглядит так:

    Теперь я преобразовываю его в смарт-объект и добавляю к нему градиентную обводку. Для этого в параметрах наложения на вкладке «Обводка» в выпадающем списке выберите «градиент»

    .

    Выставляем настройки:


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


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

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

    1. Вы не можете гладить текст бесконечно. У всего есть предел. Либо вы делаете много тонких мазков, либо пару, но толстых.
    2. Ход может быть как внешним, так и внутренним.У внутреннего есть существенный недостаток. Она «съедает» начертанный объект.
    3. С помощью мазков можно создать иллюзию объема. Все дело в цветах. Подобрав правильное сочетание, вы легко добьетесь такого эффекта.
    4. Штрих текста не увеличивается пропорционально тексту. Допустим, у вас есть обводка 20 пикселей и 2 пикселя. Если вы увеличите размер до 40 пикселей, обводка останется того же размера. То есть будет выглядеть совершенно иначе.

    19.08.2016 27.01.2018

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

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

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

    Обводка со стилями слоев

    Сначала создадим новый документ. (File-New) и добавьте к нему какой-нибудь объект, к которому вы хотите добавить обводку. Например, фигура с сердечком:

    V Панели слоев делают слой сердца активным и дважды щелкают по нему левой кнопкой мыши. Это действие откроет окно Layer Style :

    Установите флажок рядом с параметром Ход ( Ход ) и перейдите в меню настроек.

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

    В параметре Тип обводки из раскрывающегося списка вы можете выбрать три варианта обводки — Цвет, Градиент, Узор … Если вы выберете один из двух последних параметров (Градиент или Узор) дополнительно вы Можно выбрать стиль , градиент или узор , .

    Например, я выбрал тип обводки градиента и градиент радуги .

    Окно стилей слоя с настройками:

    Форма штриха:

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

    Обводка с использованием меню Правка

    Растрировать слой формы ( ПКМ на Layer-Rasterize Layer ). Отключите стили слоя в виде глазка v панели слоев и активируйте выделение слоя с объектом, нажав и удерживая клавишу Ctrl по миниатюре слоя:

    Создайте новый слой поверх слоя объекта. Layer-New-Layer (Layer- New -Layer) или щелкните миниатюру создания нового слоя на панели слоев … Этот шаг является необязательным, мы можем применить обводку к растеризованному слою сам, только тогда изменения станут необратимыми и если мы захотим изменить или полностью удалить обводку, сделать это будет невозможно, нам придется либо отменить шаги, либо вырезать обводку вместе с «кусочком» объект.

    Заходим в меню Edit-Stroke , появится окно с настройками:

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

    После применения настроек снимите выделение, перейдя к Select-Deselect или нажав комбинацию горячих клавиш Ctrl + Д .

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

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

    Обводка текста в Photoshop

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

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

    Итак, текст у нас есть, приступим.

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

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

      Здесь только одна настройка. Напишем значение 10 пикселей (размер шрифта 550 пикселей).

      Получаем такую ​​выборку:

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

      Ищем кнопку с названием на верхней панели инструментов Refine Edge .

      Здесь нам нужно изменить только один параметр — «Сглаживание» … Так как у нас большой размер текста, значение тоже будет довольно большим.

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

    5. Находясь на этом слое, нажмите сочетание клавиш SHIFT + F5 … Появится окно с параметрами заливки. Здесь выбираем «Цвет» , это может быть что угодно.

      Получаем следующее:

    6. Удалите выделение с помощью сочетания клавиш CTRL + D и продолжите.Поместите слой обводки под текстовый слой.

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

      Затем выберите тип градиента «Зеркало» и инвертируйте его.

    8. Нажмите ОК и полюбуйтесь …

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

    10. Дважды щелкните слой, и стили появятся. Выбираем пункт «Тиснение» и настраиваем примерно как на скриншоте.

    Окончательный результат будет таким:

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

    Для начала откроем в программе Adobe Photoshop (Фотошоп) картинку, на которой хотим написать поздравление.

    Заходим в главное меню, выбираем File (Файл) и в открывшемся меню выбираем команду Open (Открыть). Откроется диалоговое окно, в котором нужно найти папку с нашим изображением и открыть ее в фотошопе.

    Чтобы написать текст в Photoshop, вам нужно выбрать инструмент T (Text или TypeTool) на панели инструментов (на рисунке инструмент T отмечен красным квадратом).

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

    Нажмите клавишу T одновременно с клавишей Shift и выберите «Горизонтальный текст» в раскрывающемся меню.

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

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

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

    Как выбрать цвет и размер текста в Photoshop

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

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

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

    Теперь можно приступить к написанию текста.В нашем случае напишем слово «Поздравляем!» и возьмите цвет текста с зеленой ленты на картинке. Получили такую ​​надпись:

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

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

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

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

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

    Следующий параметр «Положение» отвечает за положение хода — выбираем параметр «снаружи». Установите режим наложения на нормальный и непрозрачность на 100%.

    В параметре «Тип обводки» выберите цвет в палитре цветов. В нашем случае выбираем черный цвет.

    Эффекты с текстом в Photoshop

    После применения стиля слоя на панели «Слои» на текстовом слое появится значок «fx», а под ним два слова «эффекты» и «обводка».

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

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

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

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

    Как изменить текст в Photoshop

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

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

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

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

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

    Как вставить текст в Photoshop

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

    Затем перейдите в Photoshop и щелкните инструмент T, щелкните поле открытки и вставьте текст с помощью команды Ctrl + V.

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

    Как повернуть текст в Photoshop

    Вы можете повернуть текст с помощью команды «Свободное преобразование» (Ctrl + T), как описано выше.

    Вы также можете расположить текст по вертикали другим способом.Для этого на Панели настроек инструмента нажмите кнопку T (выделена на картинке красным квадратом), и текст будет расположен вертикально.

    Как удалить текст в фотошопе

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

    Вы также можете использовать следующие методы:

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

    Инструкции

    Используйте команду «Создать» из меню «Файл», чтобы создать новый документ в Photoshop. Вы можете сделать то же действие, используя сочетание клавиш «Ctrl» + «N». В палитре «Инструменты» выберите инструмент «Horizontal Type Tool» («Горизонтальный текст»). Установите курсор на созданный документ, щелкните левой кнопкой мыши в нужном месте и напишите текст. Преобразуйте письменный текст в растр. Для этого щелкните правой кнопкой мыши текстовый слой в палитре «Слои» и выберите параметр «Растрировать тип». контур текст … Для этого используйте команду «Обводка» из меню «Правка». В открывшемся окне настроек выберите ширину штриха в пикселях, цвет штриха и его расположение: внутри выделенного контура, по центру или вне контура. Щелкните ОК. Сохраните созданный документ, используя команду «Сохранить» в меню «Файл».

    Другой способ создания обводки позволяет не преобразовывать текст в растровое изображение. Другими словами, вы сможете редактировать текст обводкой, созданной как стиль слоя.Для этого создайте текстовый слой с помощью инструмента Horizontal Type Tool. Щелкните правой кнопкой мыши текстовый слой и выберите параметр «Параметры наложения». Установите флажок «Обводка». Щелкните эту вкладку левой кнопкой мыши. В открывшейся вкладке настроек выберите ширину штриха в пикселях. Этот параметр можно настроить, введя окончательные значения в поле «Размер» или перемещая ползунок. Выберите положение обводки и режим наложения из раскрывающихся списков. В раскрывающемся списке «Тип заливки» выберите, заливать ли обводку цветом, градиентом или текстурой.В открывшейся палитре настройте цвет, градиент или текстуру обводки. Результат изменения параметров отобразится в созданном вами документе. Щелкните ОК. Сохраните текст обводки, используя команду «Сохранить» в меню «Файл».

    Добавление стиля слоя для набора текста в Photoshop Elements

    Из этого учебного пособия по Photoshop Elements вы узнаете:

    • Создание анимации с текстом
    • Подготовка слоев к анимации

    Этот учебник дает вам основу для работы с эффектами Adobe Photoshop Elements.Это седьмой урок в книге Adobe Photoshop Elements 10 Digital Classroom .

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

    1 Убедитесь, что слой под названием «Гора, называемая жизнью» все еще выбран.На панели «Эффекты» нажмите кнопку «Стили слоя» (), вторую кнопку слева.

    2 В раскрывающемся меню в правом верхнем углу панели «Эффекты» выберите «Тени».

    Выбор правильного эффекта.

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

    4 Выберите «Файл»> «Сохранить», затем «Файл»> «Закрыть», чтобы закрыть документ.

    Если вы хотите, чтобы названия различных эффектов отображались на панели «Эффекты» вместе со значками, нажмите кнопку меню панели «Эффекты» () в правом верхнем углу панели «Эффекты». В появившемся меню выберите опцию Показать имена.

    Вот так должна выглядеть окончательная обложка фотокниги.

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

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

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

    2 Чтобы сохранить этот файл как анимированный gif, вам нужно будет изменить размер файла, так как в настоящее время он слишком велик для использования в Интернете. Выберите «Изображение»> «Изменить размер»> «Размер изображения». Убедитесь, что в нижней части диалогового окна установлены флажки «Сохранить пропорции» и «Изменить размер изображения». Сначала измените разрешение на 72, а затем измените ширину в разделе размеров пикселей на 800 пикселей. Семьдесят два пикселя на дюйм — это подходящее разрешение для Интернета, и когда вы изменяете ширину, высота автоматически обновляется, поскольку установлен флажок «Сохранить пропорции».Нажмите ОК. Выберите «Просмотр»> «Фактические пиксели», чтобы увеличить изображение. Вам может потребоваться развернуть окно, чтобы увидеть все изображение, выбрав «Просмотр»> «По размеру экрана».

    Изменение размера изображения.

    3 Выберите инструмент «Горизонтальный текст» () и щелкните в верхней левой области изображения. Типа Happy.

    4 Выделите тип и измените шрифт на Snap ITC или любой другой шрифт по вашему выбору, если у вас нет этого шрифта на вашем компьютере.

    5 Измените размер на 60.

    6 Выровняйте текст по левому краю.

    7 Щелкните поле цвета на панели параметров, чтобы задать свой собственный цвет. Выберите R: 193, G: 111, B: 14. Нажмите ОК.

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

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

    9 Снова выберите инструмент «Горизонтальный текст», щелкните в правом нижнем углу изображения и введите «Хэллоуин».

    10 Разместите текст в правом нижнем углу рамки.

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

    Добавление штриха

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

    1 Выберите слой Happy на панели «Слои».

    2 Убедитесь, что на панели «Эффекты» активны стили слоя, и выберите «Обводки» в раскрывающемся меню.

    3 Дважды щелкните эффект «Градиентная обводка — черный и серый».

    4 Теперь выберите слой «Хэллоуин» и дважды щелкните эффект «Градиентная обводка — черный и серый».

    Выберите эффект «Черно-серый градиент».

    Как преобразовать текст в форму в Photoshop?

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

    5 основных причин использования фигур в Photoshop

    • 1: Внимание: Человек, открывающий ваши файлы, не получает предупреждения об отсутствии шрифта.
    • 2 : Безопасность: Человек, открывающий ваши файлы, не может редактировать содержание вашего текста.
    • 3: Лучшие штрихи: Можно применить обводку с острым скошенным углом независимо от того, как он выровнен.
    • 4: Гибкость: Вы можете редактировать форму буквы с помощью инструмента «Прямое».
    • 5: Повторяемость: Вы можете сохранить обработку текста как пользовательскую форму, например, дизайн логотипа.

    Продемонстрирую последние три.

    Преобразование текста в форму

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

    1: После открытия экрана PSD в Photoshop перейдите на панель слоев и выберите слой «Щит», который преобразован в смарт-объект, чтобы работать с нашими файлами внутри смарт-объекта, перейдите в меню слоя — смарт-объекты и затем выберите Отредактируйте содержимое, это откроет для вас формат PSB в новой вкладке.

    2: После выполнения последнего шага снова перейдите на панель слоев, удалите или скройте звездный слой, потому что он нам не нужен. Затем нажмите T на клавиатуре, чтобы выбрать инструмент типа , и затем введите M с любым шрифтом, который вы хотите, но я набираю Ocean sans Bold Extended с размером 180.

    После этого я центрирую текст внутри фигуры, перехожу на панель слоев, выбираю текст, затем нажимаю Ctrl на клавиатуре , а затем щелкаю по слою Blue , чтобы загрузить выделение круга, а затем переключаюсь на перемещение инструмент, нажав V на клавиатуре, а затем перейдите к свойствам под строкой меню, сначала выберите Align Vertical Center и второй раз выберите Align Horizontal center.

    Параметры выравнивания

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

    4. Нажмите A на клавиатуре, чтобы выбрать инструмент Черная стрелка , который известен как инструмент выбора контура , , но перед редактированием формы перейдите к свойствам под строкой меню и затем нажмите 3- размером пикселей и черным цветом также с заливкой обводки за пределами M-формы.

    Настройки обводки

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

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

    Масштабирование точки привязки

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

    Результат штриха
    Преобразование логотипа в форму

    Когда вы создали свой проект, преобразуйте его в меню типа формы формы, а затем перейдите в меню Правка, выберите Определить произвольную форму, после этого введите имя формы. Чтобы добраться до ваших фигур, выберите инструмент Custom shape tool из инструментов, а затем перейдите к свойствам под строкой меню, найдите их форму после этого найдите свою форму и все.

    Преобразование формы в текст и преобразование текста в форму

    Я надеюсь, что вы кое-что узнали из этого урока, ваши отзывы и комментарии сделают мои статьи лучше. преобразовать текст в форму Photoshop CS6, Photoshop cc преобразовать текст в форму, преобразовать текст в форму, элементы фотошопа, Photoshop преобразовать текст в форму faux bold, преобразовать текст в форму иллюстратора, преобразовать текст в форму онлайн, преобразовать текст в форму онлайн.

    Как анимировать обводку текста в Adobe After Effects

    Из этого видеоурока вы узнаете, как создать собственный эффект анимированной обводки в After Effects для вашего следующего проекта видеопроизводства.

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


    Шаг 1. Создайте текстовый слой

    Для первого шага я создам текст. Я могу использовать инструмент «Текст» и начать печатать или выделить панель «Таймлайн» и выбрать «Слой »> «Новый»> «Текст ». Текстовый слой After Effects — это простой векторный файл, то есть слой будет непрерывно растеризоваться по мере того, как я изменяю масштаб или размер шрифта. Это сохранит резкие края моего текста независимо от того, сколько корректировок я сделаю.


    Шаг 2. Преобразование в формы

    Затем я конвертирую свой текст в формы.Хотя After Effects имеет множество инструментов для текста, слои-фигуры обеспечивают большую универсальность. Преобразовав текст в слои-фигуры, я открою ряд функций анимации, которые ранее были недоступны. Чтобы создать свои формы, я возьму текстовый слой и выберу «Слой »> «Создать фигуры из текста» . Вы можете определить разницу между слоями «Фигуры» и «Текст» по символу рядом с названием слоя на панели «Таймлайн». Фигуры имеют звездочку, а текстовые слои — T.

    .


    Шаг 3. Добавьте обводку

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


    Шаг 4. Анимация

    Пора оживить инсульт. Новый атрибут обводки содержит ряд свойств, определяемых ключевыми кадрами, включая цвет, непрозрачность, ширину и ряд других.Однако я просто хочу анимировать путь обводки внутрь и наружу. Для этого я добавлю атрибут Trim Paths с помощью кнопки Add на панели Timeline. Это мощный инструмент, который предоставляет мне селектор диапазона с ключевыми кадрами. После применения я могу анимировать свойства Start , End и Offset контура обводки для получения отличных результатов.


    Шаг 5. Настройка дизайна

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


    Ищете другие учебные пособия по After Effects? Ознакомьтесь с этими статьями.

    Cara Memunculkan Outline / Stroke Pada Text Di Photoshop CS6


    Апа кальян Менемукан кесулитан для заметного наброска / обводки текста в Photoshop CS6 ?.Ya, Hal ini biasa terjadi jika kita masih pemula дан бару беладжар menggunakan Phothoshop. Получить более подробную информацию о Photoshop CS6. Юк, симак пенджеласан сингкат берикут иници. Adobe Photoshop CS6 merupakan salah satu aplikasi edit yang paling banyak digunakan oleh дизайнер. Aplikasi ini tergolong ringan dan dapat digunakan hampir di semua jenis pc дан ноутбук. Меню дан инструмент ян терседиа джуга сангат мудах унтук дигунакан баги дизайнер пемула маупун профессиональный. Terkadang кита ингин мемасуккан тулисан ке далам гамбар ян ингин кита буат.Тетапи, тулисан ян ада ди далам гамбар серинг тидак терлихат денган джелас. Хал Ини sering terjadi saat kita mengзагрузить миниатюру youtube ataupun website yang лежал. Карена укуран миниатюра ян рата-рата берукуран кесил, мака дибутухкан наброски текстовый агар tulisn kita terlihat lebih jelas. Баги пара пемула, серингкали кита bingung dalam memilih opsi ataupun инструмент ян ада ди далам меню фотошоп CS6. Dalam artikel ini saya akan menjelaskan учебное пособие по созданию схемы фотошопа CS6.

    Лангка:

    1. Бука приложений Adobe Photoshop CS6.

    2. Selanjutnya, klik File> Open dan pilih Гамбар Ян Акан Калиан Бери Тулисан.

    3. Сетелах мемасуккан гамбар, тамбахкан тулисан. dengan menggunakan Horizontal Type Tool. Kalian juga bisa memilih jenis текст ня sesuai keinginan. Jadi tidak harus menggunakan Инструмент горизонтального типа. 4. Setelah itu, текст слоя klik kanan yang berada ди колом слой.

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

    6. Akan muncul menu seperti gambar dibawah ini. Сетелах иту, клик ход. 7. Сесуайкан укуран, посиси дан варна наброски sesuai kebutuhan kita. 8. Дан hasilnya акан menjadi seperti berikut ini. Itulah cara memberi наброски pada tulisan di Adobe Photoshop CS6.

    Семога берманфаат, сампай джумпа ди учебник берикунтня.

    Как преобразовать текст в формы в Photoshop

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

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

    Давайте более подробно рассмотрим этот процесс:

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

    Итак, приступим!

    Шаг 1. Выберите и преобразуйте текст в форму

    В правом нижнем углу экрана вы найдете панель Layers .

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

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

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

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

    Шаг 2: Точная настройка формы текста

    Чтобы отредактировать слой-фигуру, вам нужно выбрать Direct Selection Tool . Это инструмент с белым курсором.

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

    Или вы также можете нажать Shift + A и вызвать инструмент прямого выбора .

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

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

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

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

    БОНУС

    Вот видеоурок от Майкла Булло, в котором подробно объясняется, как преобразовать текст в форму в Photoshop.

    Об авторе Betchphoto

    Очарованный цифровым миром и особенно увлеченный всем, что связано с творчеством, Мартин — фотограф-любитель и специалист по цифровому маркетингу, имеющий более чем 10-летний опыт работы с Adobe Photoshop.Ознакомьтесь с его страницей о нем здесь

    Это сообщение может содержать партнерские ссылки.

    Создание текстового эффекта контурного эскиза

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


    Окончательное изображение

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


    Подробное описание учебника

    • Программа: Adobe Photoshop CS6 (также будут работать версии CS3 +)
    • Приблизительное время выполнения: 30 минут
    • Сложность: Начинающий

    Ресурсы


    Шаг 1

    Создайте новый документ размером 1000 x 500 пикселей со всеми настройками по умолчанию, затем залейте его цветом # d7c7a8.

    Создайте текст черным цветом, используя шрифт «Hall Fetica» и размер шрифта 350 пикселей.

    Измените значение Заливки текстового слоя на 0.


    Шаг 2

    Дважды щелкните текстовый слой, чтобы применить эффект Bevel and Emboss. Измените глубину на 103, размер на 2, снимите флажок «Использовать глобальное освещение», измените угол на 170 и высоту на 32, затем измените непрозрачность режима подсветки на 0 и непрозрачность режима тени на 74.

    Вот так должен выглядеть текст.


    Шаг 3

    Дублируйте текстовый слой.

    Выберите инструмент «Перемещение», затем переместите дублированный текст на 5 пикселей влево и на 5 пикселей вверх, нажав клавишу со стрелкой влево (на клавиатуре) 5 раз, а затем 5 раз нажав клавишу со стрелкой вверх.


    Шаг 4

    Дважды щелкните слой с текстом копии, чтобы настроить значения Bevel и Emboss, изменив Угол на 0, а высоту на 37.

    Вот что у вас должно получиться.


    Шаг 5

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

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

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

    После добавления всех нужных вертикальных линий перейдите в Filter -> Blur -> Motion Blur. Измените Угол на 90 и Расстояние на 29. Это заставит линии исчезнуть по вертикали.


    Шаг 6

    Создайте новый слой поверх всех слоев и назовите его «Горизонтальные линии».

    Создайте горизонтальные линии по горизонтальным краям текста.

    Перейдите в Filter -> Blur -> Motion Blur. Измените Угол на 0 и Расстояние на 29. Это заставит линии исчезнуть по горизонтали.


    Шаг 7

    Выберите все слои (щелкните верхний слой, затем Shift + щелкните фоновый слой) и перейдите к Layer -> Merge Layers.

    Оставить комментарий

    Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    © 2019 Штирлиц Сеть печатных салонов в Перми

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