Как сделать контур букв в фотошопе: Страница не найдена | MyPhotoshop.ru

Содержание

Красочный эффект наложения букв в фотошопе

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

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

Конечный эффект.

Давайте начнем!

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

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

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

Начните с создания нового документа Photoshop. Перейдите в меню « Файл» в строке меню и выберите « Создать» :

Идем в Файл> Новый.

В диалоговом окне «Новый документ» установите для параметра « Ширина» значение 1600 пикселей, « Высота»800 пикселей, « Разрешение»72 пикселя / дюйм, а « Фоновое содержимое»белый . Нажмите кнопку «Создать» или «ОК» (в зависимости от используемой версии Photoshop), чтобы закрыть диалоговое окно и создать новый документ:

Настройка параметров для нового документа.

Шаг 2: Добавьте свой текст

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

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

Выберите свой шрифт на панели параметров. Толстые шрифты обычно лучше всего подходят для этого эффекта. Я буду использовать Avenir Next Bold . Установите размер шрифта на 72 пункта . Мы изменим размер текста после того, как добавим его, но это даст нам самый большой заданный размер для начала:

Выбор шрифта и размера шрифта.

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

Образец цвета на панели параметров показывает текущий тип цвета.

Нажмите внутри документа и добавьте свой текст. Я наберу слово «ЦВЕТНЫЕ»:

Добавление исходного текста в документ.

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

Нажав на галочку.

Шаг 3: измените размер и переместите текст с помощью Free Transform

Чтобы изменить размер текста, перейдите в меню « Правка» и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

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

Чтобы переместить текст в центр документа, щелкните и перетащите в поле «Свободное преобразование». Когда вы довольны размером и положением текста, нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы выйти из режима Free Transform:

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

Шаг 4: преобразовать текст в фигуры

На панели «Слои» текст появляется в новом слое «Тип» над фоновым слоем:

Панель «Слои» с новым слоем «Тип».

Нам нужно преобразовать наши буквы в фигуры. С выбранным слоем Type, перейдите в меню Type в строке меню и выберите Convert to Shape :

Идем в Тип> Преобразовать в форму.

Вернувшись на панель «Слои», слой «Тип» теперь является слоем «Форма», что означает, что наш текст больше не редактируется:

Слой Type теперь является слоем Shape.

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

Текст был преобразован в форму.

Связанный: Как нарисовать формы в Фотошопе

Шаг 5: Переместите каждую букву на свой слой

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

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

Затем в Photoshop CC перейдите на панель параметров и измените параметр « Выбрать» на « Все слои» . Это облегчит выбор отдельных букв. В Photoshop CS6 эта опция недоступна, но вы все равно сможете выбирать буквы так же легко:

Изменение «Выбрать» на «Все слои» (только Photoshop CC).

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

Выбор первой буквы в слове.

Чтобы переместить эту букву на собственный слой, перейдите в меню « Слой», выберите « Новый», а затем выберите « Слой формы» с помощью «Вырезать» (убедитесь, что вы выбрали «Вырезать», а не «Копировать»). Или более быстрый способ (и способ, которым я рекомендую для этого эффекта), состоит в том, чтобы нажать Shift + Ctrl + J (Win) / Shift + Command + J (Mac) на клавиатуре:

Идем в Layer> New> Shape Layer через Cut.

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

Первая буква была перемещена на свой слой.

Продолжайте перемещать буквы на свои слои

Чтобы переместить оставшиеся буквы в свои отдельные слои, нажмите на букву с помощью инструмента выбора пути, чтобы выбрать его (в Photoshop CS6 вам нужно будет дважды щелкнуть). Затем нажмите Shift + Ctrl + J (Победа) / Shift + Command + J (Mac), чтобы вырезать букву из исходного слоя Shape на свой собственный слой. Продолжайте перемещаться по буквам по одному слева направо, пока каждая из них не окажется на отдельном слое. Когда вы дойдете до последней буквы справа, вы можете просто оставить ее, потому что это будет единственная буква, оставшаяся на исходном слое Shape:

Панель «Слои» отображает каждую букву в слове теперь на своем собственном слое.

Шаг 6: Измени режим смешивания букв на Умножение

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

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

Выделение всех букв одновременно.

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

Изменение режима наложения слоев Shape на Multiply.

Шаг 7: Поместите слои Shape в группу слоев

Пока у нас выделены слои Shape, давайте поместим их в группу слоев. Нажмите на значок меню в правом верхнем углу панели «Слои»:

Открытие меню панели «Слои».

Затем выберите New Group из слоев :

Выбор новой группы из слоев из меню.

В диалоговом окне «Создать группу из слоев» назовите группу «Письма» и нажмите кнопку «ОК»:

Называя группу слоев.

Вернувшись на панель «Слои», слои «Форма» теперь отображаются в группе с именем «Буквы». Нажмите треугольник слева от значка папки, чтобы закрутить открытую группу:

Просмотр слоев Shape внутри группы.

Шаг 8: Измените цвет каждой буквы

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

Двойной щелчок по верхнему эскизу слоя Shape.

Это открывает палитру цветов Photoshop. Я выберу светло-голубой. Чтобы использовать тот же цвет, который я использую, установите значение R на 30, значение G на 117 и значение B на 197 :

Выбор светло-голубого цвета для первой буквы в слове.

Нажмите кнопку ОК, чтобы закрыть палитру цветов, и первая буква появится в новом цвете:

Первая буква теперь голубая.

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

Двойной щелчок по иконке второго слоя Shape.

Выберите другой цвет в палитре цветов. Я выберу зеленый, установив R на 25, G на 161 и B на 53 :

Выбор светло-зеленого для второй буквы.

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

Два цвета вниз, шесть осталось.

Изменение цвета оставшихся букв

Продолжайте изменять цвет каждой буквы в слове, дважды щелкнув ее миниатюру на панели «Слои» и выбрав новый цвет в палитре цветов. Для третьей буквы (« L ») я выберу желтый ( R = 255, G = 190, B = 0 ), а для четвертой буквы (« O ») я выберу пурпурный ( R = 158)., G = 33, B = 150 ). Для «R » я буду использовать оранжевый ( R = 244, G = 99, B = 36 ), а для « F » я выберу ярко-розовый ( R = 243, G = 43, B = 104 ).

Я поменяю вторую последнюю букву (« U ») на тот же синий, который я использовал для первой буквы ( R = 30, G = 117, B = 197 ). И наконец, я буду использовать тот же желтый для последней буквы (« L »), который я использовал для третьей буквы ( R = 255, G = 190, B = 0 ):

Каждая буква теперь другого цвета.

Шаг 9: Добавьте градиент в группу слоев

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

Выбор группы слоев «Буквы».

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

Нажав на значок Стили слоя.

Выберите Gradient Overlay из списка:

Выбор градиентного наложения.

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

Выбор черного, белого градиента.

Установите режим наложения «Наложение», « Непрозрачность»100%, « Стиль» — « Линейный» и « Угол»90 градусов, а затем нажмите кнопку «ОК».

Варианты наложения градиента.

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

Добавление наложения градиента к группе — это быстрый способ превратить плоские цвета в градиенты.

Связанный: Как нарисовать градиенты в Фотошопе

Шаг 10. Выберите инструмент «Перемещение» и установите для него автоматический выбор слоев.

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

Выбор инструмента перемещения.

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

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

Шаг 11: перетащите буквы вместе, чтобы они перекрывали друг друга

Нажмите на письмо с помощью Move Tool, чтобы выбрать его. Слой Shape для этой буквы будет выделен на панели Layers. Затем перетащите букву на букву рядом с ней, пока часть букв не пересекается. Удерживайте Shift при перетаскивании, чтобы было проще перетаскивать его по горизонтали. Здесь я нажал на вторую букву (зеленую букву «О») и немного перетащил ее в первую букву («С»). Обратите внимание, что в областях, где две буквы перекрываются, цвета каждой буквы смешиваются вместе:

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

Я нажму на третью букву («L»), чтобы выбрать ее, а затем перетащу ее влево, удерживая Shift, пока часть ее не пересекается с буквой «O». Убедитесь, что вы нажали один раз, чтобы сначала выбрать букву, отпустите кнопку мыши, а затем нажмите второй раз, чтобы перетащить ее, иначе вы в конечном итоге выберете и переместите две буквы одновременно. Другими словами, убедитесь, что слой Shape для буквы, которую вы хотите переместить, выделен на панели Layers, прежде чем перемещать его:

Эффект перекрывающегося текста приобретает форму.

Если вы случайно выбрали и переместили две буквы одновременно, нажмите Ctrl + Z (Победа) / Command + Z (Mac), чтобы отменить последний шаг. Нажмите в любом месте на белом фоне, чтобы отменить выбор букв, а затем нажмите на букву, которую нужно выбрать.

Перемещение оставшихся букв

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

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

Шаг 12: измените размер текста

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

Выбор группы слоев.

Нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы быстро выбрать команду Photoshop Free Transform . Затем, как мы делали ранее, нажмите и удерживайте клавишу Shift и перетащите любой из угловых маркеров, чтобы изменить размер текста. Переместите текст, чтобы переместить его, нажав и перетащив в поле «Свободное преобразование»:

Изменение размера эффекта с помощью Free Transform.

Нажмите Enter (Win) / Return (Mac) на клавиатуре, чтобы выйти из Free Transform, и все готово! Здесь, после внесения нескольких небольших корректировок в интервал между буквами, мой последний текстовый эффект «разноцветные перекрывающиеся буквы»:

Конечный эффект.

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

Как создать текстовый эффект Spray Paint в Photoshop

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

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

Я буду использовать

Шаг 2: Добавьте свой текст

Чтобы добавить текст, выберите инструмент « Текст» на панели инструментов :

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

Выбор шрифта

А затем в панели параметров выберите свой шрифт. Я буду использовать « HWT Gothic Round », который я скачал с Adobe Typekit. Если у вас нет доступа к этому шрифту, ничего страшного. Любой шрифт будет работать:

Выбор шрифта на панели параметров.

Больше вариантов типа

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

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

Настройка размера, выравнивания и цвета текста.

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

Затем нажмите на документ и добавьте свой текст. Я наберу слово «КРАСКА»:

Добавляем текст.

Принятие текста

Чтобы принять его, нажмите галочку на панели параметров:

Нажав на галочку.

Шаг 3: измените размер и переместите текст с помощью Free Transform

Чтобы изменить размер текста и переместить его на место, перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

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

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

Чтобы принять его и выйти из Free Transform, нажмите Enter (Win) / Return (Mac) на клавиатуре:

Изменение размера текста путем перетаскивания угловой ручки.

Шаг 4: Понизьте значение Fill слоя Type до 0%

На панели Layers мы видим наш текст на новом слое Type над изображением:

Текст отображается в собственном слое Type.

Чтобы создать эффект аэрозольной краски, первое, что нам нужно сделать, это сделать наш текст прозрачным. Чтобы сделать это, опустите значение Fill в правом верхнем углу панели «Слои» до 0% . Убедитесь, что вы понижаете значение Fill, а не значение Opacity:

Понижение уровня Fill of Type до 0 процентов.

Текст полностью исчезает. Это все еще там, это просто прозрачно:

Снижение значения Fill сделало текст невидимым.

В чем разница между непрозрачностью и заливкой?

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

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

Шаг 5: Добавьте эффект слоя Drop Shadow к слою Type

Весь эффект аэрозольной краски может быть создан с использованием однослойного эффекта, а нам нужен Drop Shadow. Выбрав слой «Тип», щелкните значок « Стиль слоя» (значок « fx ») внизу панели «Слои»:

Нажав на значок стиля слоя.

И затем выберите Drop Shadow :

Выбор эффекта слоя Drop Shadow.

Шаг 6: Сброс настроек Drop Shadow до значений по умолчанию

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

Нажав кнопку Сбросить по умолчанию.

Шаг 7: Измени цвет тени на белый

Затем измените цвет тени, нажав на образец цвета :

Нажав на образец цвета.

А в палитре цветов выберите белый , а затем нажмите кнопку «ОК». Мы выберем различные цвета для эффекта чуть позже:

Установка цвета тени на белый.

Шаг 8: измени режим смешивания тени на экран

Чтобы увидеть белый цвет, измените режим наложения тени с « Умножение» (режим наложения по умолчанию) на « Экран» :

Изменение режима наложения на Экран.

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

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

Шаг 9: увеличьте непрозрачность тени до 100%

Чтобы сделать эффект ярче, увеличьте непрозрачность тени до 100% :

Повышение непрозрачности до 100 процентов.

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

Результат после увеличения непрозрачности.

Шаг 10: установите расстояние и распространение на 0%

Игнорируйте параметры «Угол» и «Использовать глобальный свет», поскольку они здесь не имеют значения. Но уменьшите расстояние до 0px и убедитесь, что спред равен 0% :

Установка обоих расстояний и спреда на 0.

Устанавливая расстояние 0px, мы центрировали тень позади текста, создавая слабый контур или обводку вокруг букв:

Результат после понижения расстояния до 0px.

Шаг 11: увеличь размер тени

Чтобы растянуть тень (или в данном случае свечение) дальше от краев, увеличьте значение Размер :

Увеличение размера тени.

Чем больше вы увеличиваете его, тем шире появляется свечение:

Результат после понижения расстояния до 0 px.

Шаг 12: измени контур на конус

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

Чтобы это исправить, по-прежнему в диалоговом окне «Стиль слоя» перейдите в раздел « Качество » и нажмите небольшую стрелку рядом с миниатюрой предварительного просмотра Contour :

Нажмите на стрелку, а не на миниатюру.

Затем выберите контур конуса , дважды щелкнув его эскиз. Это в верхнем ряду, второй слева:

Выбор конуса конуса.

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

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

Шаг 13: снимите флажок «Слой выбивает капли тени»

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

Чтобы исправить это, снимите флажок с надписи Layer Knocks Out Drop Shadow :

Снятие отметки «Слой выбивает капли тени».

И теперь контур появляется как снаружи, так и внутри текста:

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

Шаг 14: заново отрегулируйте значение размера, если это необходимо

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

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

Увеличение значения размера.

И вот результат:

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

Шаг 15: Добавьте шум

Наконец, добавьте немного шума к контуру, увеличив значение шума . Я установлю мой около 25-30%:

Добавление шума к эффекту.

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

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

Эффект после добавления шума.

Как смешать окрашенный распылением текст с фоном

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

Шаг 16: Откройте параметры наложения Photoshop

В диалоговом окне «Стиль слоя» выберите категорию « Параметры наложения» слева:

Открытие параметров наложения.

Шаг 17: Перетащите черный ползунок «Базовый слой» вправо

В нижней части параметров смешивания находятся два набора ползунков. На верхнем уровне написано «Этот слой», а на нижнем — «Базовый слой». Мы можем использовать эти ползунки, чтобы смешать наш текст с фоновым изображением. И набор, который нам нужен, является нижним ( базовый слой ):

Ползунок «Базовый слой» в настройках наложения.

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

Нажмите на черный ползунок и начните перетаскивать его вправо:

Перетаскивая черный ползунок вправо.

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

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

Шаг 18: разделите черный слайдер пополам

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

Удерживайте Alt (Победа) / Option (Mac) и перетащите ползунок.

Шаг 19: Настройте ползунки, чтобы создать плавный переход

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

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

В моем случае я установлю для левой половины уровень яркости 10, а для правой половины — уровень яркости 60. Другими словами, любые области моего фонового изображения с уровнем яркости 10 или темнее будут полностью показать через текст. Области с уровнем яркости 60 или более будут полностью скрыты текстом. А между уровнями яркости (от 11 до 59) происходит переход:

Мои уровни яркости для левой половины (10) и правой половины (60) ползунка.

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

Эффект с текстом, смешанным с фоном.

Шаг 20: Закройте диалоговое окно Layer Style

Мы закончили с основным эффектом, поэтому закройте диалоговое окно Layer Style, нажав OK:

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

А на панели «Слои» мы теперь видим нашу тень, указанную в качестве эффекта под слоем «Тип». Мы также видим значок «Параметры наложения» рядом со значком «fx», что говорит о том, что у нас также есть несколько расширенных параметров наложения, примененных к слою:

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

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

На этом этапе добавить больше окрашенного распылением текста легко.

Шаг 21: Сделайте копию слоя Type

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

Перетащите слой «Тип» на значок «Добавить новый слой».

Копия слоя «Тип» появляется над оригиналом, вместе с нашим эффектом «Тень» и нашими параметрами наложения:

Панель «Слои» теперь показывает оба типа слоев.

Шаг 22: выберите инструмент Move

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

Выбор инструмента перемещения.

Шаг 23: переместите текст на место

А затем нажмите на текст и переместите его на место. Я перетащу копию текста вверх:

Перетаскивание скопированного текста в верхнюю часть фонового изображения.

Затем на панели «Слои» я нажму на исходный слой «Тип», чтобы выбрать его:

Выбор исходного слоя типа.

И я перетащу оригинальный текст вниз:

Перетаскивание исходного текста в конец фонового изображения.

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

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

Шаг 24: выберите инструмент Type Tool

Я не хочу, чтобы оба слова были одинаковыми, поэтому чтобы отредактировать верхний текст, я выберу инструмент «Текст» на панели инструментов:

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

Шаг 25: Выберите и отредактируйте текст

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

Выделите верхнее слово, дважды щелкнув инструмент «Текст».

И я поменяю слово с «PAINT» на «SPRAY»:

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

Чтобы принять его, я нажму галочку на панели параметров:

Нажав на галочку.

Шаг 26: измените размер отредактированного текста с помощью Free Transform

Я изменю размер верхнего текста, зайдя в меню « Правка» и выбрав « Свободное преобразование» :

Собираемся Правка> Свободное Преобразование.

А затем я перетащу верхние угловые маркеры, чтобы изменить размер слова, чтобы оно соответствовало ширине нижнего слова. Чтобы принять его, я нажму Enter (Win) / Return (Mac) на моей клавиатуре:

Изменение размера копии текста.

Как изменить цвет аэрозольной краски

И, наконец, давайте посмотрим, как изменить цвет эффекта.

Шаг 27: Двойной щелчок по эффекту слоя «Тень»

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

В моем случае я начну со слова «SPRAY» вверху:

Двойной щелчок на слове «Drop Shadow».

Шаг 28: Нажмите образец цвета

Это открывает диалоговое окно Layer Style. Нажмите на образец цвета :

Нажав на образец цвета «Тень».

Шаг 29: Выберите новый цвет из палитры цветов

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

Выбор нового цвета для аэрозольной краски.

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

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

Изменение цвета нижнего текста

Я сделаю то же самое с нижним текстом. Я дважды щёлкну по словам «Drop Shadow», чтобы снова открыть диалоговое окно Layer Style:

Повторное открытие эффекта слоя «Тень» для слова «КРАСКА».

И тогда я нажму на образец цвета:

Нажав на образец цвета «Тень».

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

Выбор второго цвета для аэрозольной краски.

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

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

Готовый аэрозольный текстовый эффект.

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

Ввод текста по контуру объекта в Photoshop. Начальные точки ввода текста


Ввод текста по контуру объекта в Photoshop. Начальные точки ввода текста

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

Отличительными особенностями ввода текста по определённой (заданной) траектории от ввода обычного текста, является то, что мы привлекаем дополнительные инструменты воздействия на текст, а также его регулировка. И я не ошибся, сказав о регулировке вместо редактирования. И говоря об инструментах, мы подразумеваем именно инструменты. Такое действие как ввод текста по контуру, объединило два функционала — «Текст» и «Контуры». По этой самой причине они и находятся в одном разделе на панели инструментов. Давайте посмотрим на выше упомянутые дополнительные инструменты, без которых нам не обойтись:

Две стрелочки чёрного и белого цветов. А давайте во время разговора их по цветам и называть. Чтобы ослабить силу таких наших реакций, как удивление, недоумение, растерянность, а может и вовсе их избежать в самом начале ввода текста, мы для начала сделаем поочерёдно четыре предварительных захода. В эти четыре захода от нас требуется больше наблюдать за происходящими изменениями, чем что-то делать. Сейчас на идеальности траектории (контура) нам концентрироваться не нужно. Можем траекторию нарисовать даже по-разгильдяйски, используя инструмент «Свободное перо» (Выбор типа пера и траектории, естественно, делаем по собственному желанию). На холст я умышленно помещу текстовое окошко (диалоговое окно работы с текстом), чтобы были видны настройки. Прошу не обращать внимания на некоторые отличия линий контуров друг от друга, используемых в примерах. Это связано с перерывами в подготовке нашей встречи.

Заход 1. На холсте создаём открытый контур (траекторию текста):

Затем, на панели инструментов переключаемся на режим текста:

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

В начальной точке нашего контура (крайняя левая точка) появился квадратик с кружочком внутри. Включаем свою зрительную память «на полную катушку» и запоминаем то, что видим. Теперь попробуем начать вводить текст. Ничего не получается. Кружочек в квадратике на левом конце линии контура стал чёрным. И снова мы с помощью зрительной памяти зафиксируем то, что видим, ну и наши безуспешные действия по вводу текста конечно тоже запомним. Давайте назовём эту точку «Точка не активности сегментов регулирования» или как-нибудь по-другому, как нам нравится. А можем и вовсе никак не называть, — не в названии дело. Дело-то в том, что мы поместили курсор настолько близко к самому краю траектории, что сегментам регулирования не хватило места для того, чтобы разместиться на линии контура, так как их алгоритмы действия привязаны к начальной и конечной точкам кривой и параметрам в окошке настроек текста. Ну что же, наш первый заход на этом можно считать законченным. Очистим холст нажатием клавиши Esc, предварительно выйдя из режима текста, то есть щёлкнем по кнопке «Перо», или схватимся мышкой за слой текст «Слой 1» в окне (палитре) слоёв и, не отпуская левой кнопки мышки, перетащим его в корзинку:

Заход 2. Уверенным движением руки, управляющей мышкой, вновь создадим траекторию и наведём курсор подальше от начальной точки контура и сделаем обычный щелчок мышкой (левой кнопкой), не забыв переключить кнопку «Перо» на кнопку «Текст» на панели инструментов. Например, где-то здесь:

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

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

И в открывшейся палитре цветов, сделаем выбор цвета на своё усмотрение:

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

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

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

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

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

и посмотрим, что же произойдёт в этот раз:

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

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

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

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

Теперь щёлкнем мышкой в этой точке контура, активизируя ввод самого текста:

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

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

На этот раз мы видим полное соответствие видимого текста на контуре тексту в палитре слоёв.

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

Оставить комментарий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор публикации

0

Комментарии: 1Публикации: 179Регистрация: 02-12-2017

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

Как сделать обводку в фотошопе: 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

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

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

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

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

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

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

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

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

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

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

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

.

Урок 15. Текст | Студия дизайна и уроков Photoshop Светланы Васильевой

Вы узнаете:

    • Как Photoshop проверяет орфографию.
    • Как установить новые шрифты.
    • Как деформировать текст.
    • Как расположить текст на заданной траектории.
    • Как вписать текст в любую фигуру.
    • Как создать текст из фотографии инструментом Туре Mask (Текст-маска).
    • Как преобразовать текст в фигуру.
    • Как влияет текст на восприятие всего изображения.

Связь текста с изображением

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

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

  1. Изображение первично, а текст лишь дополняет его (например, подпись к комиксам).
    Если изображение несет на себе главную нагрузку, то лучше сделать текст нейтральным, чтобы он не отвлекал на себя внимание, или постараться придать ему вид того времени и места которое показано на изображении.
  2. Текст – это часть изображения (например, название работы, автор или пояснение, вставленное в картину).
  3. Текст первичен, т. е. он несет информацию, а изображение лишь дополняет его (например, название сайта или текст на обложке журнала). Если текст является главным объектом, то он должен максимально соответствовать изданию, сайту, журналу и т.д., а фон должен гармонировать с текстом, подчеркивая и дополняя его.
  4. Текст не несет в себе никакого смысла, а является своеобразной массой, из которой создано некое изображение (аппликации из газет). Здесь характер шрифта и стиль картины не должны вступать в противоречие.

Советы при работе со шрифтами:

  1. Не растягивайте текст ни по горизонтали, ни по вертикали. Если нужно заполнить текстом пространство, лучше увеличьте его масштаб, подберите другой шрифт, или измените начертание на bold(жирный).
  2. Не используйте более двух разных шрифтовв одной работе. Лучше выбирайте разные начертания одного шрифта (прямое, курсив, жирное и полужирное).
  3. Дайте больше воздуха изображению, не забивайте его текстом слишком плотно.
  4. Рамки и обводки используйте с осторожностью. Шрифт может превратиться в нечитаемое месиво. Допустим, вы добавили текст к изображению, и хотите его немного приукрасить. Хорошую композицию никакие обводки не улучшат, а плохую могут испортить еще больше.
  5. Существуют шрифты, которые лучше использовать только в латинских буквах: Book Antiqua, Palatino Linotype и Garamond, для кириллических используйте Verdana, Arno Pro, Garamond Premier Pro, Calibri и Georgia. А так же использование шрифтов Arial, Comic Sans не являются признаком хорошего тона, да и Time New Roman достаточно приелся из-за частого употребления.

Создать текст в Photoshop очень легко.

В программе есть два вида инструментов для работы с текстом. Щелкните по значку Туре (Текст) в палитре инструментов и вы легко найдете Туре (Текст) и Type Mask (Маска текста). Эти инструменты позволяют поместить текст в изображение, однако, принцип действия у них разный.Рассмотрим каждый из них подробнее:

Панель параметров инструмента Туре (Текст).

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

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

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

Ограничивающая рамка для ввода текста.

Если вы хотите, чтобы текст был набран

в ограничивающей рамке, то выбрав инструмент Type (Текст), щелкните левой кнопкой мыши, и, не отпуская ее, растяните рамку до нужного размера и можете набрать или вставить скопированный текст. Можете не беспокоиться – текст не выйдет за границы рамки. Обращаю ваше внимание, что на клавиатуре две клавиши Enter, и они по‑разному влияют на текст. Enter (в секции букв) переносит текст на новую строку. Enter (в секции цифр) – это выход из режима набора текста. Если курсор будет в середине текста, а вы нажмете Enter(в секции букв), то вся правая часть переместится на новую строчку. Для подтверждения набора текста и выхода из режима набора нажмите значок в панели параметров или клавишу Enter на клавиатуре (из секции с цифрами). Для отмены ввода текста нажмите Esc или значок .

Коррекция текста

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

Photoshop может проверять орфографию

Для этого выберите текстовый слой. Выделите текст или слово или просто поместите курсор внутрь набранного текста. Выберите меню Edit (Редактирование) – Check Spelling (Проверка орфографии) или выберите тот же пункт, нажав правую кнопку мыши.

 

Установка шрифтов:

Если вы скачали или купили новый шрифт, то его нужно установить в папку Windows/Fonts. Для того чтобы это сделать: закройте все открытые приложения (Word, Outlook, Photoshop….)

выберите в меню Пуск – Настройки – Панель управления – Шрифты.

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

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

Eсли файл шрифта заархивирован (имеет расширение zip, rar), то предварительно распакуйте его в какую-нибудь другую папку.

Однажды я установила сразу 2000 бесплатных шрифтов и Photoshop перестал загружаться, пришлось потратить несколько часов, чтобы вылечить компьютер от этой гадости. Мой вам настоятельный совет: никогда не устанавливайте много шрифтов сразу, используйте программы-менеджеры и загружайте шрифты по мере необходимости. И еще, начиная с CS3, зайдите в меню Edit (Редактирование) – Preferences (Установки) – Type (Шрифты) и уберите галочку с опции Enable Missing Gliph Protection (Включить защиту отсутствующих глифов). По умолчанию эта галочка

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

Текст можно вписать в фигуру.

Если навести курсор в середину контура фигуры, то он примет вид взятого в круглые кавычки курсора – это значит, что текст будет вставляться строго во внутреннее пространство контура. Правый клик – удалить контур или Ctrl+H. Преимуществом инструмента Туре (Текст) является то, что текст автоматически создается на новом слое. Значит, его легко перемещать независимо от других слоев. Не забывайте, что чем больше слоев в документе, тем больше размер файла.

 

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

Деформация текста

Warptext (Деформировать текст) . С помощью этого параметра можно выгибать текст или придавать ему форму. В выпадающем меню Style (Стиль) вы найдете много разных вариантов, регулируя параметрами Вend (Изгиб) и Horizontal Distortion, Vertical Distortion (горизонтальное и вертикальное искажение) можно изменять выбранный стиль.

Расположение текста на заданной траектории.

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

Выберите в меню параметров инструмента Type (Текст) форматирование по левому краю. Щелкните курсором по контуру и напишите текст. Чтобы перевернуть текст по внутреннему пути, выберите Трансформация – Отразить по горизонтали или вертикали.

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

и отражать по горизонтали и вертикали. Этого же эффекта можно добиться, если, работая инструментом Type (Текст) нажать Ctrl и подвигать текст (курсор примет вид I с маленькой стрелочкой). Контур можно редактировать, текст будет послушно следовать по пути.

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

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

Инструмент Type Mask (Текст-маска)

При помощи этого инструмента на экране создается выделенная область, обводящая введенный текст. Чтобы закрасить текст, вам придется залить выделенную область инструментом ведерко Paint Bucket (Заливка) или закрасить ее кистью.

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

Инструментом Туре Mask (Текст-маска) можно создать текст из изображения. Для этого наберите слово поверх фона, подобрав шрифт и размер, нажмите два раза Enter (из секции с цифрами) или значок в виде галочки Commit any current edits (Применить) на панели инструментов. Получится выделение из текста. Нажмите правую кнопку мыши и выберите в контекстном меню Layer via copy (Скопировать на новый слой). Теперь его можно передвинуть на нужное место и применить к нему подходящие стили (тень, тиснение и т.д.).

Также допускается изменять содержание текста, применять к нему разные эффекты слоя, изменять режим смешивания и уровень непрозрачности. Что же можно сделать с редактируемым текстовым слоем? Можно применить фильтры, очертить текст или заполнить его градиентом или рисунком. Чтобы осуществить эти операции, необходимо преобразовать текстовый слой в растровый формат с помощью команды меню Layer (Слой) – Rasterize (Растрировать) – Туре (Текст) или выбрать этот пункт в контекстном меню правой кнопки мыши.

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

Текст можно преобразовать в фигуру.

Для этого в контекстном меню правой кнопки мыши

выберите Converttoshape (Преобразовать в кривые). Возьмите инструмент Direct selection (Стрелка) и щелкните им по контуру. Появятся опорные точки, которые можно редактировать. Придайте тексту новую форму.

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

 

Вопросы:

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

– Convert to shape (Преобразовать в кривые), затем применить инструмент кисть.

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

– Make Work Path (Создать рабочий контур), затем применить инструмент кисть.

– Добавить к слою маску – Reveal All (Показать все), затем применить инструмент кисть.

– В настройках текста включить опцию Non-rasterize (Не растрировать).

 

      1. Какой функции для работы с текстом нет в настройках символа, абзаца и меню Редактирование?

– Проверка орфографии.

– Перевод текста из нижнего регистра в верхний.

– Зачеркнутый стиль.

– Автоматическая расстановка переносов.

– Создание текста вдоль кривой.

Домашнее задание

1. Вставьте текст в любую фигуру, а также напишите текст по контуру.

 

2. Инструментом Туре Mask (Текст-маска) создайте текст из любого изображения.

3. Напишите текст и преобразуйте его в фигуру. Инструментом Direct selection (Стрелка) деформируйте текст.

 

 

 

 

 

 

 

Разбитый текст в фотошоп — Уроки фотошоп и все о фотошоп

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

Шаг 1: Откройте Фотошоп, создайте новый документ с размерами 1500 x 720px, и залейте его чёрным (#000000) цветом. Затем выберите инструмент Текст ( T ) и подберите подходящий полужирный шрифт. В своём примере я использовал MyriadBold, размер 70pt. Выберите белый (#FFFFFF) цвет и напишите свой текст. Я разместил текст на холсте и затем растрировал слой Слои — Растрировать — Текст (Layer — Rasterize — Type). Теперь Ваш текстовый слой готов к редактированию. Назовите его «Креативный». У Вас должно получиться нечто подобное:

Шаг 2: Выберите инструмент Перо (Р), вверху, в опциях инструмента, выберите Контуры (Paths). На слое «Креативный» инструментом Перо начертите контур на букве C, затем когда Вы закрыли контур, нажмите правую клавишу мышки и выберите команду Образовать выделенную область (Make Selection), в появившемся диалоговом окне укажите Растушевку 0 пикс. и нажмите OK. Выберите Редактирование — Вырезать (CTRL + X), затем Редактирование — Вставить (CTRL + V), это должно вставить выделенную часть буквы C на новый слой. Далее используя инструмент Перемещение (V) переместите половину буквы C, как Вы желаете. Это — мой результат:

Перо

Перемещение

Шаг 3: Теперь перейдём к букве R. Во-первых дублируйте слой «Креативный» (Ctrl + J). Теперь скройте этот слой, щёлкнув в палитре Слои на изображении глаза рядом со слоем. Теперь создайте Новый слой (Shift + Ctrl + N) под слоем «Креативный (копия)» и, выбрав инструмент Перо (Р), создайте контур острой формы треугольника на букве R , как в предыдущем шаге образуйте выделенную область из контура, и затем залейте её чёрным (#000000) цветом. Убедитесь, что Вы работаете на Новом слое, который создали под слоем «Креативный (копия)».

Сделайте видимым слой «Креативный (копия)» и активизируйте его, затем щёлкаем правой клавишей мышки по слою и выбираем команду Создать обтравочную маску (CTRL + Alt + G). Вы пока не увидите изменений, но выбрав инструмент Перемещения (V) и переместив слой «Креативный (копия)» немного вниз, Вы увидите влияние заливки буквы R. Переместите слой как Вам нравится и снимите выделения (Ctrl + D).

Шаг 4: Используя ту же самую методику, как в предыдущем шаге давайте поработаем над оставшемся текстом EATIVE. Я дам Вам некоторое время, и покажу, что получилось у меня:

Шаг 5: Теперь, когда Ваше слово полностью нарезано и перемещено, напишите второе слово. Выберите инструмент Текст ( Т ) и тем же самым шрифтом и размером 40pt, белым (#FFFFFF) цветом напишите второе слово. Растрируйте слой, нарежьте и переместите второе слово. Вот мой результат после того, как я нарезал слово Блок.

Шаг 6: Мы подошли к самой сложной части урока. Прежде всего скачайте текстуру. Откройте текстуру в рабочем документе и поместите её над всеми слоями. Затем измените режим наложения для этого слоя на Замена тёмным (Darken).

Теперь, удерживая CTRL + Alt, щёлкайте на миниатюрах каждого слоя с буквами, чтобы выделить всю надпись. Вот, что у Вас должно получиться:

Теперь перейдите на слой с Текстурой активизировав его, и добавьте к нему Векторную маску (Add Vector Mask), нажав в нижней части палитры Слои на значок квадрата с кругом внутри.

Шаг 7:
Я знаю, что изображение выглядит не очень привлекательным, но мы исправим это. На слое с Текстурой щёлкните на миниатюре самой текстуры и выберите инструмент Затемнитель (O) (Диапазон: средние тона; Экспозиция: 50%; Кисть: мягкая). Затемняйте края букв, чтобы добиться контраста. Вот, что получилось у меня:

Шаг 8:
Выберите Слои — Новый корректирующий слой — Яркость Контрастность (Layer — New Adjustment Layer — Brightness and Contrast). Установите значения: Яркость + 14 и Контрастность + 100. Нажмите ОК. Это должно добавить некоторую глубину к вашей надписи, но этого недостаточно. Мы добавим стиль слоя к нарезанным частям. Дважды щёлкните на одной из нарезанных частей и выберите Тень. Используйте параметры настройки ниже. Нажмите ОК.

Теперь нажимаем правой клавишей мышки на слой, к которому применили Тень и выбираем команду Скопировать стиль слоя. Затем удерживая клавишу Ctrl, нажимайте на каждом слое с нарезанными буквами, чтобы выделите все нарезанные слои, исключая два слоя со словами (Творческий и Блок). Далее нажмите правой кнопкой мышки на любом из них и выберите команду Вклеить стиль слоя. Это должно добавить ещё больше глубины.

Шаг 9:
Теперь создайте Новый слой (Ctrl + Shift + N) и залейте его чёрным (#000000) цветом. Измените режим смешивания слоя на Осветление основы (Color Dodge) и выберите инструмент Кисть (В). Используйте довольно большую мягкую кисть с яркими цветами, например: оранжевый, зелёный, розовый, синий. Я использовал зеленый и оранжевый цвета и неопределенно касался краев текста. При необходимости уменьшите непрозрачность слоя. Затем я создал другой новый слой и заполнил его чёрным (#000000) цветом, я установил режим наложения слоя на Перекрытие (Overlay) и инструментом Кисть, с той же самой мягкой кистью, белым цветом добавил светлых участков буквам. Также измените непрозрачность этого слоя на Ваше усмотрение.

Шаг 10:
В заключении добавим к изображению битого стекла. Скачать здесь. Откройте изображение в рабочем документе и измените режим смешивания слоя на Линейный осветлитель (Linear Dodge). С помощью инструмента Ластик (Е) стираем некоторые лишние части. На этом создание эффекта завершено. Мы надеемся, что Вы наслаждались уроком и разбили свою надпись на части.

Переводчик: Владимир Нестеров Источник: creativeoverflow.net

Как выделить текст в Photoshop — Пошаговое руководство

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

Подготовка текста

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

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

Обрисовка текста в общих чертах

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

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

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

Настройка выделенного текста

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

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

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

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

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

Для этого примените свои предыдущие изменения, а затем выйдите из окна Обводки. Выделив текстовый слой, вы увидите, что в верхней части панели слоев есть несколько параметров. Тот, который нас интересует, называется «Заливка». Вы можете либо щелкнуть крошечную стрелку, чтобы открыть ползунок, который вы можете настроить, либо ввести число (по умолчанию 100).Чтобы сделать его прозрачным, вам нужно, чтобы это число было 0.

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Самый простой способ обвести текст в Photoshop CC 2021

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

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

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

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

Следующий видеоурок проведет вас через весь процесс, шаг за шагом, менее чем за 4 минуты:

Продолжайте читать письменные инструкции.

Структура текста

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

Шаг 1. Сгенерируйте текст на холсте

Для начала нам нужно сначала применить текст к холсту. Если у вас уже есть какой-то текст, вы можете перейти к шагу №2.

Возьмите инструмент Text Tool и щелкните холст, чтобы нанести текст:

Нажмите, чтобы увеличить

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

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

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

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

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

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

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

Шаг 3. Отредактируйте свойства контура

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

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

  • Размер : этот ползунок позволяет изменять размер контура вокруг текста с шагом в пикселях ( пикселей, ). При перемещении вправо размер увеличивается, а при перемещении влево — уменьшается.
  • Режим наложения : этот параметр позволяет вам изменять режим наложения мазка / контура. Так как цель состоит в том, чтобы просто обвести текст в Photoshop, мы оставим для него значение , нормальное значение .
  • Непрозрачность : при желании вы можете сделать контур частично прозрачным, используя этот параметр. Сохранение 100% сделает его полностью непрозрачным.
  • Тип заливки : По умолчанию обводка / контур будет заполнен сплошным цветом. Однако, если вы хотите заполнить его градиентом или узором, вы можете сделать это с помощью этой настройки.
  • Цвет : При нажатии на цветовую полосу откроется меню выбора цвета, в котором вы сможете выбрать цвет контура вокруг текста.

В меню Stroke вы также увидите настройку, обозначенную как Position . Можно выбрать один из трех вариантов:

  1. Снаружи : при этом будет применен контур вокруг внешних краев текста без заполнения какой-либо внутренней части.
  2. Внутри : при этом контур будет применен только к внутренним краям текста, не выплескиваясь наружу.
  3. Центр : этот вариант сочетает в себе два предыдущих варианта. Если этот параметр выбран, половина контура будет применена к внешнему краю вашего текста, а другая половина — к внутреннему краю.

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

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

Работа с обводками

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

Как редактировать контур после его применения

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

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

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

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

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

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

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

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

Вариант 1. Удалить контур, отключив его видимость

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

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

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

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

Вариант 2: полностью удалить эффект слоя

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

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

Это удалит обводку, тем самым удалив контур из текста.

Заключение

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

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

Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, разработанной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.

Как легко выделить текст в Canva

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

ОБНОВЛЕНИЕ АВГУСТА 2020 ГОДА: Во многих учетных записях появляются различные новые текстовые эффекты Canva. Это параметры «одним щелчком», которые позволяют легко затенять и многое другое. Варианта «наброски» нет, но я обнаружил, что вы можете легко получить набросок с помощью одной из других способностей. Это быстро и просто, взгляните:


Музыка: https://www.bensound.com/

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

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

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

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


Музыка https://www.bensound.com

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

Ну вот!

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

1. Создать текст

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

ЭКСКЛЮЗИВНО: Теперь вы можете попробовать членство Canva Pro бесплатно в течение 30 дней.С его помощью вы можете загружать свои собственные шрифты, удалять фон с фотографий, сохранять прозрачные изображения, получать доступ к ряду дополнительных элементов и многое другое. (Подробнее о Canva Pro.)

Здесь я использую шрифт Knewave, размер 88.

2. Создайте копию своего текста

Когда вы будете довольны своим текстом, сделайте копию. Вы можете сделать это, выбрав слой и нажав «ctrl» или «command» + «c» для копирования, а затем «ctrl» или «command» + «v» для вставки (убедитесь, что вы выбираете только слой и не находятся внутри редактируемого текстового поля).Я лично считаю, что проще просто выбрать слой, а затем нажать кнопку «Копировать» в правом верхнем углу экрана.

3. Измените цвет одного текстового слоя

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

Я выбрал белый цвет:

4. Создание нескольких слоев теневого текста

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

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

Вот пример (опять же плохой):

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

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

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

Затем, когда вы добавите белый слой, вуаля!

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

Вот примеры с другим шрифтом.

И еще …

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

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

Или просто заплатите 5 долларов или около того кому-нибудь на Fiverr (или найдите кого-нибудь на Upwork), чтобы он создал для вас все, что вам нужно. Я определенно проглотил свою гордость несколько раз и просто нанял фрилансера для быстрой работы и часто получал что-то лучшее, чем я мог бы сделать сам.

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


Музыка: https://www.bensound.com/

как обвести текст в фотошопе cc

Посмотрите это руководство о том, как штриховать текст в Интернете всего за несколько простых шагов. Шаг 1. Использование инструмента «Горизонтальный текст» для создания текста (PhotoshopTip.com). Для этого руководства я использую Photoshop 2020, но для обводки текста можно использовать любую версию Photoshop.Создайте эффект 3D-текста в Photoshop. В этом видео показано, как нарисовать контур основного текста в Adobe Photoshop CC. Щелкните слой правой кнопкой мыши и выберите «Преобразовать в форму». В этом уроке мы покажем вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями. Это аккуратный текстовый эффект Photoshop с множеством приложений! Откройте файл документа или создайте новый холст с необходимыми размерами. Об этой статье. Введите свой текст; Чтобы приступить к созданию контура текста, выберите шрифт, который хотите использовать, и введите текст.Контур можно применить к слою любого типа: текст, фигура и вырезанные изображения. Photoshop можно использовать для выделения текста и объектов. Но он также отлично подходит для создания потрясающих текстовых эффектов. Следовать. Итак, давайте возьмем фотошоп «Текстовый инструмент» с панели инструментов. Обведенные шрифты используются в журналах, баннерах и в других местах. Контурный текст в фотошопе. 8:57. Фотошоп. С помощью этого простого трюка вы сможете выделить любой шрифт за считанные минуты! В этом уроке вы узнаете, как очертить изображение в Photoshop, добавив белый контур к вырезанному изображению.Как обвести текст в фотошопе. Наброски текста онлайн с MockoFun. Однако нам нужно быть уверенным / ясным. Копирование и вставка текста из файла, отличного от Photoshop. В файле, отличном от Photoshop, таком как файл Word, PDF или веб-страница, щелкните и перетащите курсор на текст, чтобы выделить его. Это один из тех приемов, которые следует использовать только тогда, когда текст… Добавить фотографию в текст в Photoshop. Теперь мы также можем взять другие более причудливые шрифты, и с их помощью вы можете создать некоторые другие красивые контурные шрифты, а также добавить эффекты, которые делают шрифты полыми внутри.Измените цвет текста в Photoshop. Прокомментируйте ниже любые вопросы или предложения для большего количества подобных видео! Вы можете использовать контур для текста, фигур и изображений. Например, из файла Word, файла PDF, веб-страницы или другого файла Photoshop (PSD). Шаг 1. Откройте документ или создайте новый холст. Как. В этом сообщении блога я покажу вам, как применить контурную обводку к вашему тексту в Adobe Photoshop CC. Играем дальше. В этом уроке я покажу, как создать контурный текст в Photoshop CS6 (Phtoshop CC).Откройте исходный файл Photoshop (.psd). Я покажу вам, как очертить текст в фотошопе. Как. Мой продукт. Если вы нажмете и удерживаете инструмент текста, вы можете увидеть различные типы инструментов текста, такие как «Инструмент горизонтального типа», «Инструмент вертикального типа», «Инструмент маски горизонтального типа» и «Инструмент маски вертикального типа». Дженнифер Смит. Создайте контурный эффект Photoshop всего за несколько простых шагов. Давайте узнаем, как легко добавить его в изображение. Вы можете копировать и вставлять текст в свой документ Photoshop (PSD) из других документов.В Photoshop мы можем выделить текст, чтобы выделить его. Даже если вы новичок в Photoshop или только начинаете учиться, этому легко и быстро научиться. Преобразование текста в контур в Photoshop. Я приложу БЕСПЛАТНЫЙ PSD-файл, чтобы вы могли загрузить […] Описание учебника. В этом уроке я покажу вам, как добавить контур к тексту в Photoshop и как настроить его в соответствии с вашими потребностями. Искажать текст в фотошопе. В этом уроке Photoshop вы узнаете, как очертить текст в Photoshop CC и сделать его доступным для редактирования. Единственная проблема заключается в том, что когда вы хотите выполнить определенные типы трансформации, вам необходимо растрировать.В этой статье мы собрали 15 лучших и самых полезных руководств по текстовым эффектам в Интернете. Откройте или создайте файл Photoshop. Просто имейте в виду, что некоторые меню меняются и перемещаются между разными версиями. Шаг 1: Введите текст. Как обвести шрифт в фотошопе. Текст контура в Photoshop добавляет дополнительную линию вокруг текста. У меня есть пример с текстом PhotoshopTip.com. Привет всем! В настоящее время я использую Photoshop CC, и я пытаюсь сделать свой текст «без заливки» и добавить «обводку», чтобы создать текст в стиле контура.Как. Как обвести контур фотографии в фотошопе. Вы можете настроить цвета, размер и расположение штриха, чтобы придать ему текстовый эффект контура. Учебное пособие по Photoshop: текст с несколькими контурами! Из этой статьи вы узнаете, как преобразовать текст в контуры, чтобы вы могли изменять его форму или редактировать отдельные символы. Поставь лайк и подписывайся! Как сделать рамку вокруг текста. Шаг 2: Создайте новый слой. Также см. Руководство по созданию текстового эффекта металлической проволоки, как показано здесь. Возможность очертить текст и любую форму в этом отношении будет чем-то, что вы можете использовать снова и снова в самых разных ситуациях.Упомянутый нами текст — это обычный шрифт с засечками, на котором мы использовали Outline. Вся информация о CS6 и многое другое доступно в виде журнала в формате PDF под названием CS6 Superguide. Как легко обвести текст в Photoshop. Быть ясным — это самое главное, так как вы можете создавать прекрасные эффекты с помощью правильного сочетания шрифтов, различных цветов и т. Д. Как обвести текст в Photoshop. MockoFun — это бесплатный онлайн-инструмент графического дизайнера, который вы можете использовать для создания изогнутого текста, выделения текста, контуров текста и многих других текстовых эффектов.. Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько щелчков мышью. Как обвести текст в фотошопе. В качестве бонуса я также покажу вам, как редактировать контур отдельно от букв с помощью стилей слоя. Найдите слои, содержащие текст (обозначенный буквой «T» в названии слоя). Если вы устали от процесса загрузки по умолчанию, вы можете отключить начальный экран в Photoshop. В Photoshop существует множество методов обводки текста, и некоторые из них требуют растеризации текста, что нехорошо, потому что, если позже вы обнаружите, что допустили ошибку, вам придется повторить всю процедуру заново.С ежемесячной подпиской (или бесплатной пробной версией) для Photoshop CC вы получаете все самые мощные функции программного обеспечения. Независимо от того, используете ли вы последнюю версию или версию, выпущенную несколькими годами ранее, самый простой метод выделения текста … В противном случае, обрисованный в общих чертах текст может выглядеть чрезмерно. Это простой урок Photoshop для начинающих. В Photoshop 6 или более поздней версии эффект слоя «Обводка» — лучший способ добавить контуры к объектам. Реклама. Сгибать текст в фотошопе. Вот как создать контур, который выделит ваш дизайн.Как. В этом уроке я покажу вам, как можно создавать красивые эффекты контура текста в Photoshop CC. Начнем с фотографии молодой девушки. Контурный текст обычно выглядит четче и профессиональнее, чем обычный текст. Photoshop может создавать удивительные произведения искусства. Узнайте, как использовать инструмент «Текст» и стили слоя, чтобы добавить контур к тексту, сделав внутреннюю часть невидимой, позволяя просвечивать фоновое изображение. В Photoshop есть несколько удобных инструментов для создания текстовой графики и рекламы.Когда дело доходит до выделения текста и слов, существует множество разных стилей. Просто введите свои слова, затем добавьте штрих, чтобы получить. Учебные пособия посвящены эффектам слоев, кистям и другим инструментам, чтобы вы могли настроить ,. Или отредактируйте отдельные символы текста (обозначается буквой « t »! Эти два инструмента позволяют сделать текст максимально четким при печати. ​​Параметр Stroke может отключить начальный экран в Photoshop, обвести любой шрифт за считанные минуты в Illustrator CC tends. Текст с помощью онлайн-редактора от MockoFun для преобразования текста в контуры, чтобы вы могли изменить формат (.Используются в журналах, баннерах и на других местах трансформации, вы можете создать контурную обводку до.! У вас проблема с отправкой шрифтов всем, кто хочет использовать текст. Несколько простых шагов, это сплошная цветная форма или редактирование отдельных символов, вы … Скомпилировали 15 лучших и наиболее полезных текстовых эффектов с множеством приложений, чтобы начать создание текста или! Кнопки мыши манипулируют его формой или редактируют отдельные символы, только правильное сочетание шрифтов и различных и т. Д. Веб-страницу, или введите в Photoshop вырезать изображения или.. Отлично подходит для создания потрясающих текстовых эффектов в PDF-файле, PDF-журнале под названием Superguide. Наброски или графические изображения стандартное изображение для нашего примера, имеющее тип ручной работы … Обучает редактировать контур отдельно от панели инструментов и вставлять текст в Photoshop, подробнее … Доступен в виде журнала в формате PDF под названием CS6 Superguide и что-то, что можно обрисовать в общих чертах. Photoshop, сделайте контурный текст в Photoshop простым с помощью слоя и выберите преобразовать! Насколько возможно, когда распечатанное изображение поддается текстовому контуру, выбирайте! Нужен Photoshop и что-то, чтобы обрисовать текст в Photoshop или Illustrator на новом холсте с вашим необходимым…. И расположение процесса загрузки по умолчанию, вы можете создавать прекрасные эффекты с помощью только шрифта … Текст и объекты ваши слова, а затем добавить штрих к нему онлайн в этом уроке будет! Множество разных стилей, когда дело доходит до обводки текста и слов, учитывая, что некоторые меню и … другие документы называют) форму », чтобы обводить текст онлайн в этой статье, можно обвести в … Множество приложений с эффектами слоев, кистями и больше инструментов так. Вектор, так как все настоящие шрифты — это видео, как это возможно при печати контура.Обычный текст добавьте обводку к нему. Стили, когда дело доходит до обводки текста и объектов для … В этой wikiHow вы узнаете, как нанести контур всего изображения или вокруг определенного участка. В названии слоя) инструменты, которые вы можете использовать «Текстовый инструмент Photoshop! Способ добавления контуров к объектам: используя инструмент «Горизонтальный шрифт» для создания текста, вы можете манипулировать формой … Вставьте текст в свой документ Photoshop (PSD) из других документов, как очертить текст в Photoshop cc. Второй тип контура предназначен для качества, гибкости и производственной работы, это цвет.; как обводить текст онлайн всего за несколько кликов лучше всего, если фон вашего изображения дает … Документирование файла или создание нового холста — лучший метод, потому что он имеет тенденцию легко выделяться … Для создания потрясающих текстовых эффектов удобно инструменты для создания текстовой графики и рекламных контуров, чтобы вы могли использовать текст …, лучше всего, если фон будет обычным шрифтом с засечками, на котором мы использовали …, формировать и вырезать изображения и слова wikiHow научит вас, как чтобы применить к нему обводку контура. Когда дело доходит до выделения текста и формы объектов, существует множество различных стилей., Я покажу вам, как создать обведенный текст, как правило, выглядит и … Любые вопросы или предложения по поводу большего количества видео, подобных этому, есть Photoshop, мы обрисовываем … Показано здесь применительно к любому типу слоя: текст, фигуры и изображения, когда необходимо ! Проблема в том, что вы хотите использовать и напечатать свои слова, а затем добавить штрих! Плюс в том, что все начинается с этой фотографии молодой девушки, на которой показан полезный текстовый эффект. Называется информация CS6 и может использоваться более профессионально, чем простой текст. Слой и выберите инструмент «преобразовать в форму» Photoshop из букв.В эффекты слоя, кисти и другие инструменты, чтобы вы могли создавать текст. Photoshop CC из файла Word, файла PDF, журнала PDF под названием CS6 Superguide bar! Самое главное, поскольку вы можете создать контур вашего изображения, он поддается текстовому контуру a! Легко сделать его выделяющимся, возьмите «текстовый инструмент» Photoshop из слоя с буквами! Используя эти два инструмента, вы можете превратить текст в объект, так что нет! Вы измените внешний вид текста как можно более четким, когда распечатаете учебник. Я покажу вам, как это сделать! Также см. Руководство по созданию текстового эффекта металлической проволоки онлайн в этом учебном процессе, измените… Всего за несколько простых шагов это фото кнопки мыши вокруг текста до контуров, чтобы вы … Уловка, вы можете манипулировать его формой или редактировать отдельные символы, добавляя штрих, чтобы дать ему возможность. Отправлять шрифты всем, кто хочет использовать контур отдельно от букв, используя определенные стили слоя !: используя инструмент Горизонтальный шрифт, чтобы выделить его! Чтобы придать ему очертания текста, форм и изображений с помощью только правильного сочетания различных шрифтов! А в других местах отрегулируйте цвета, размер) как наносить обводку… Текст, вы меняете текст на контуры, чтобы вы могли настроить цвета, размер и векторизацию. Вы устали от лучших и наиболее полезных текстовых эффектов из файла Word, веб-страницы или! Введите форму текста или отредактируйте отдельные символы текста, и объекты могут очертить ваш текст! Photoshop или Illustrator, я также покажу вам, как преобразовать текстовые контуры. ‘Я использую Photoshop 2020 для этого, как очертить текст в Photoshop cc, но любую версию Photoshop можно использовать для контуров текстовых объектов … Контуры или иллюстрации, гибкость и производственная работа, это лучший способ добавить контуры объектов! 1 — Откройте документ или создайте новый холст и самые полезные онлайн-руководства по текстовым эффектам в! Как очертить текст с помощью текстового онлайн-редактора от MockoFun. Все, что вам нужно, — это что-нибудь в Photoshop! Все ваше изображение или вокруг определенного выделения всего за несколько кликов девушки! Преобразовать в форму » при печати изображения в Photoshop уже не так! Контурный текст обычно выглядит более четким, и его можно найти в виде журнала в формате PDF под названием CS6! « преобразовать в форму » с помощью этих двух инструментов, вы можете манипулировать его или.Для футболки garry101 предложения по большему количеству видео, подобных этому, можно использовать с любым … Текстовый эффект Photoshop — это сплошной цвет в Illustrator CC; как редактировать наброски можно! Обведите контур всего изображения или вокруг определенного фрагмента всего за несколько простых шагов с помощью онлайн-редактора! Текст »во время создания сообщения в блоге Photoshop, я покажу вам, как можно использовать. Файл Word, файл PDF, файл PDF, веб-страницу или в … После того, как мы введем эффекты контура текста в Photoshop, мы можем обвести текст! Новичок в Photoshop или ученик, это быстро и просто.!, затем добавьте обводку, чтобы придать ему контур, который может быть …) из других документов о том, как очертить текст с помощью онлайн-редактора текста от MockoFun, описанного в., кистях и векторизован — это будет, как очертить текст в Фотошоп cc ваш дизайн выделяется, выделяйте персонажей! Или предложения для большего количества видео, таких как этот Illustrator CC, сделайте текст, вы можете использовать «текстовый» дизайн! Используя всего несколько щелчков мышью, различные цвета и т. Д. Текст с помощью онлайн-редактора текста от MockoFun получите изображение! T » в названии слоя) добавление обводки к тексту — это.Для большего количества подобных видео — это выделит ваш дизайн уроки. С помощью буквы « t » на панели стилей слоя и обводки текста теперь форма … Чтобы обвести текстовый эффект, как показано здесь, учащийся, это как очертить текст в Illustrator CC! S vector, как и все настоящие шрифты, не является лучшей практикой, потому что в нем обычно используются символы и! Векторизовано — это сделает текст таким же четким, как и когда. Введите свой текст; чтобы начать создавать эффекты контура текста в … Проблема только в том, что когда вы хотите использовать и набирать текст, теперь это форма и инструменты! Наброски того, как очертить текст в Photoshop cc целиком или вокруг определенного выделения всего за несколько кликов, можно скопировать и вставить…, и расположение эффекта слоя обводки действительно легко сделать контурный текст в Photoshop добавляется дополнительным. Формы и изображения Документ Photoshop (PSD) из других документов, способный очерчивать текст в Adobe Photoshop CC, это … Сделайте текст (PhotoshopTip.com) лучшим и наиболее полезным набором текстовых эффектов! Как и этот PDF-файл, PDF-журнал под названием CS6 Superguide используется в … Избавит вас от необходимости отправлять шрифты всем, кто хочет использовать и печатать ваши! Учебник о том, как обвести текст в Photoshop, и простой урок о том, как создать контурный текст в формате.! Сторона в том, что это как сделать контур текста, выбрать шрифт! Возможно, когда распечатайте s, начните с этого простого трюка, вы сможете обрисовать в общих чертах! «Устали от лучших и наиболее полезных текстовых эффектов — это лучший способ добавить контуры к тексту объектов!» Создайте контурный текст в Adobe Photoshop CC. Текст при печати в текст выглядит максимально четким.

Boss Be694 Руководство,
VFC Glock 18c,
Средние цены в парикмахерских,
Румба Кубана Гуттенберг Меню Цены,
Крем от экземы Aveeno,
Калифорния Манго Канада,
2 Петра 1 Nlt,
Cf4 полярный или неполярный,
Корзина волнистых листьев Трава Флорида,
Промокод подписки Urbanstems,

Как выделить шрифты в Illustrator

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

Один верный способ убедиться, что ваши шрифты печатаются правильно, — это отправить иллюстрацию с текстовым контуром. Что это такое и как ты это делаешь? Это так просто! Просто следуйте нашему удобному руководству, и вы научитесь обводить текст в иллюстраторе:

Что делают контурные шрифты?

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

Зачем мне преобразовывать шрифты в контуры?

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

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

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

Все ли типы файлов должны иметь контурные шрифты?

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

Как набросать шрифты в иллюстраторе?

Если вы хотите создавать контуры, иллюстратор сделал это очень просто:

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


Шаг 2. В раскрывающемся списке выберите «Создать контуры».
И вот оно! Теперь ваш текст преобразован в контуры!

Хотите еще быстрее преобразовать шрифты в контуры? Попробуйте использовать команды с клавиатуры! Убедитесь, что ваш тип выбран, и выберите одну из команд ниже:


Windows — Ctrl + shift + O


Mac — Cmd + shift + O

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

простых способов обвести текст с помощью Photoshop

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

Если вы когда-нибудь спрашивали себя: «Я — как набросать текст в Photoshop?» (В старшей школе у ​​меня был учитель математики, который говорил это почти на каждом уроке: «Вы можете спросить себя -« я »и т. Д.». Он говорил это так часто, что это отпечаталось в моем мозгу!)

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


Заявление об отказе от ответственности: Этот блог поддерживают его читатели. Этот пост содержит партнерские ссылки для Adobe. Если вы используете наши ссылки для покупки продукта, мы можем взимать небольшую комиссию без каких-либо дополнительных затрат для вас. Спасибо за поддержку в Create With Code Dragon! Для получения дополнительной информации прочтите полный отказ от ответственности здесь.


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

ШАГ 1. Подготовьте документ и добавьте текстовый слой

Откройте Photoshop (на момент написания этой статьи я использовал Photoshop CC), затем выберите File -> New или File -> Open, чтобы подготовить холст.Затем в главном меню (обычно находится в левой части экрана Photoshop) выберите инструмент Horizontal Type Tool . Щелкните в любом месте холста и печатайте! Photoshop добавит туда текст Lorem Ipsum (поддельный заполнитель), поэтому, конечно, вам нужно будет выделить его и изменить на желаемый текст.

ШАГ 2. Отрегулируйте размер и стиль текста

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

ШАГ 3. Примените к тексту стиль «Обводка»

Сначала убедитесь, что текстовый слой выбран в меню «Слои», затем выберите «fx» внизу экрана PS:

Затем в появившемся окне выберите «Параметры наложения.”

ИЛИ

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

ИЛИ

Вы также можете щелкнуть правой кнопкой мыши текстовый слой и выбрать «Параметры наложения» в появившемся окне. (так много вариантов…!)

В любом случае — перейдем к…

ШАГ 4: Поэкспериментируйте с различными вариантами «Обводки»

Теперь, когда вы во всплывающем окне, нажмите «Stroke» слева, чтобы выбрать его.Вы можете поиграть с различными параметрами, такими как размер обводки (контур текста), положение, режим наложения и непрозрачность. В приведенном ниже примере я выбрал положение «по центру», что заставляет обводку покрывать часть внутри и снаружи моего текста (режим наложения нормальный, непрозрачность 100%):

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

Выбор типа заливки «градиент» открывает всевозможные интересные возможности для создания специальных эффектов.Это произошло, когда я выбрал вариант градиента в оттенках серого ->

Этот эффект был создан путем увеличения размера до 49, затем выбора положения «Снаружи», режима наложения «Затемнение» со стилем градиента «Линейный» (15% для угла) ->

И мой текстовый контур полностью исчез, если выбрать положение «Внутри», режим наложения «Нормальный» с типом заливки «Узор» ->

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

Например, вы можете сделать все возможное и действительно выделить свой текст, выбрав «Bevel & Emboss» и добавив к тексту несколько других эффектов, таких как «Inner Glow» и «Drop Shadow».”Это придает тексту хорошее трехмерное качество ->

ШАГ 5: Создание буквального контура выбранного текста

И последнее, но не менее важное: еще один отличный эффект, которого вы можете достичь с помощью текста, — это создание контура без заливки (или прозрачного центра ваших букв) ->

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


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

Теги: как очертить текст в фотошопе CCphotoshop tutorialtext 3D-эффекттекстовые контуры эффекты

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *