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

Содержание

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

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

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

Сохранить

Текст:

Высота строки:

Поворот:

Градиент

Начало x1, y1:

Конец x2, y2:

Добавить цвет

Удалить цвет

Положение X:

Положение Y:

Шрифт: Загрузить свой шрифт:

Размер шрифта (px): Между буквами (px): Непрозрачность:

Стиль текста: Выравнивание:

Непрозрачность цвета:

Изображение:

Удалить изображение

Размер объёма:

Угол:

Градиент

Начало x1, y1:

Конец x2, y2:

Добавить цвет

Удалить цвет

Цвет объема

Изображение:

Удалить изображение

Толщина контура:

Цвет

Изображение:

Удалить изображение

Градиент

Начало x1, y1:

Конец x2, y2:

Добавить цвет

Удалить цвет

Применить эффект

Смещение X: Цвет

Смещение Y: Непрозрачность:

Размытие:

Размер

Изображение:

Удалить изображение

Ширина области (px):

Высота области (px):

Градиент

Начало x1, y1:

Конец x2, y2:

Добавить цвет

Удалить цвет

Прозрачный фон

Цвет фона

Фоновое изображение:

Удалить изображение

34%

Источник: http://textdrom. com/outline-text.html

Обводка теста css-свойством text-shadow

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

По заданию параметров, данное свойство очень похоже на box-shadow и имеет следующий вид:

text-shadow:

Например:

<p>Эксперимент с тенью</p>

</div>

СSS:

#content .teni p{

font-size:25px;

color:#fff!important;

text-shadow:1px1px1px#000;

}

Эксперимент с тенью

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

Вот как это будет выглядеть:

<p>Обводка текста в CSS</p>

</div>

CSS-стили:

#content .obvod p{

font–size:30px;

color:#E2A126!important;

text–shadow:1px01px#000,

01px1px#000,

–1px01px#000,

0–1px1px#000;

}

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

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

Источник: http://impuls-web.ru/kak-sdelat-obvodku-teksta-v-css/

Шаг 1

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

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

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

Из выпадающего списка выберите стиль Обводка (Stroke).

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

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

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

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

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

Источник: http://creativo.one/lessons/text/2828-mnogosloynaya-obvodka-teksta-v-fotoshop.html

HTML

<div class=“no-ie“>Text with stroke.</div>
<div class=“ie“>Text with stroke.</div>

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

Источник: http://blog.maxgraph.ru/css-magic-3-obvodka-dlya-teksta-text-stroke-effect/

А нужно ли это

Просматривая изображения с надписями, вы замечали, что тексту чего-то нахватает? Надпись смотрится не оформлено. Что предпринять? Обведите контент. Рассмотрим, как это сделать в Photoshop.

Источник: http://public-pc.com/kak-v-fotoshope-photoshop-sdelat-obvodku-teksta/

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

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

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

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

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

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

Источник: http://jgtexport.ru/programmy-i-igry/obvodka-teksta-v-fotoshope.html

Советы

Это руководство применимо к Adobe Photoshop CS5.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Далее вы можете пройти [urlspan]курс для начинающих веб-дизайнеров[/urlspan]. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.

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

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

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

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

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

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

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

Источник: http://start-luck.ru/photoshop/obvesti-tekst.html

Онлайн-генератор теней

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

Здесь все просто:

1.Переходите на страницу сервиса
2.Рабочая область поделена на две части. В левой части вам нужно задать параметры для текста, а в правой вы можете посмотреть, что в результате получится.
3.Задаете тип шрифта, его размер, цвет, а так же цвет обводки текста, и ее толщину, и размытие.

4.После того, как вы задали все параметры, вам просто нужно скопировать сгенерированный код в окошке CSS и вставить его в свой файл стилей с заменой класса .ts на свой.

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

Хорошего вам дня! И до скорых встреч!

С уважением Юлия Гусарь

Источник: http://impuls-web.ru/kak-sdelat-obvodku-teksta-v-css/

Предупреждения

Не делайте толщину обводки слишком большой.

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

Обводка текста в Photoshop онлайн

Перейдите по адресу: https://online-fotoshop.ru/. Онлайн версия оснащена ограниченным набором функций. Создать сложную обводку не получится. Выберите:
Отредактируйте параметры:

Источник: http://public-pc.com/kak-v-fotoshope-photoshop-sdelat-obvodku-teksta/

Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)

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

Уверенными движениями руки создадим контур закрытого типа и введём текст. Как это делать мы уже и знаем и умеем:

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

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

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

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

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

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

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

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

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

Закончим «таскать» контур и, остановившись в любом месте холста, отпустим кнопку мышки, а вместе с кнопкой, естественно, и сам контур:

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

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

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

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

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

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

Уже зная о возможности выделять и трансформировать контур, мы своим знанием можем, если это нужно, воспользоваться. Нажмём сочетание клавиш Ctrl+T и контур, вместе с находящимся на нём текстом, захватят маркеры выделения:

У нас есть возможность повернуть контур, уменьшить или увеличить в размере, но текст, при этом, останется неизменным:

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

Дааааа……, что-то макушка зачесалась. Изменим размер шрифта, например, на 12-й и посмотрим на то, что получится:

Ситуация с текстом изменилась в лучшую сторону (картинка увеличена):

Но, мы по-прежнему не видим двух недостающих слов текста «введём сюда». Давайте ещё уменьшим размер шрифта, выставив значение, например, «10». Нет, давайте значение «9»:

Замечательно! Текст виден полностью. Полностью-то, полностью, но это при увеличенном масштабе видимости. Посмотрим на текст в стандартном, 100% масштабе видимости:

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

Если такое изменение произойдёт, то нам нужно вернуться, немножко, назад, а затем, ухватившись уже за начальную точку (крестик) ввода текста, левее подвинуть её:

Ну что же, картина немного другая и даже, может быть, кому-то из нас радует глаз (такой подход больше нравится). Теперь уменьшим размер шрифта, выставив значение 12 или даже 14. Давайте 14. Не угадаем, — изменим:

Великолепно! Всё чётко рассчитали, мы молодцы!

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

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

Фотошоп обвести контур фигуры

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

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

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

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

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

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

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

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

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

На рисунке цифра 1 указывает на пример обводки текста, цифра 2 на фигуру или рисунок с внутренней обводкой, под цифрой 3 обведен наружный контур картинки. Как это сделать самому разберемся ниже.

1. Как сделать обводку теста в фотошопе

Для того что бы выполнить обводку текста в photoshop нужно активировать слой текста левым кликом в списке слоев и кликнуть по иконке «Добавить стиль к слою»

В открывшемся контекстном меню выберите пункт «Обводка»

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

Где 1. Это размер обводки; 2. Цвет обводки; 3. Выбор положения обводки.

2 и 3 Обводка контура картинки или фигуры

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

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

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

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

Инструмент «Заливка»

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

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

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

Устанавливает основной цвет (Раскрасить) или оформление узора (Узор) в качестве заливки.

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

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

Задает режим смешивания применяемого цвета обводки с имеющимися пикселями в изображении.

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

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

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

Заливка слоя цветом или узором

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

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

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

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

Задает непрозрачность применяемого цветного узора.

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

Обводка (контура) объектов на слое

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

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

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

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

Что же такое «обводка»? А обводка представляет собой создание линии определенной толщины по заранее выбранному (намеченному) узору. Таким образом, в нашем уроке Gimp мы создадим обводку текста, а узором нам послужит контур нашей сделанной надписи.

Шаг 1. Запускаем GIMP. И создаем новое изображение через меню «Файл — Создать новое изображение».

Шаг 2. На панели инструментов выбираем инструмент «Текст» и создаем любую надпись

Вы также можете легко изменить шрифт и его размер. Для данного урока будем использовать шрифт Sans Bold и размер 80px.

Далее изменим цвет шрифта, для этого щелкаем по цвету переднего плана и выбираем цвет 009500

854
Шаг 3. Щелкаем правой кнопкой мыши по слою с текстом и из выпадающего меню выбираем «Альфа-канал в выделение». Вокруг текста должна появиться «муравьиная дорожка».

Шаг 4. Теперь переходим в «Выделение — Увеличить» и вводим значение 3.

Шаг 5. Далее создаем новый слой через меню «Слой — Создать слой» или мышкой щелкаем по пиктограмме «Создать новый слой».

Шаг 6. Закрашиваем выделение черным цветом.

Шаг 7. Теперь остается только переместить слой с черным цветом под слой с зеленым текстом. Для этого щелкаем по пиктограмме «Опустить слой вниз»

Все выше описанные действия можно повторить быстрее с помощью дополнительного плагина гимп под названием «Эффекты слоя». Чтобы сделать обводку, выделяем слой с текстом и переходим в меню «Layer Effects — Stroke». В открывшемся диалоговом окне задаем толщину линии «Size» и ее цвет «Color» и далее нажимаем ОК.

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

Автор урока: Антон Лапшин

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

Автор блога GimpArt.Org — Антон Лапшин

За 10 лет обучил работе в фоторедакторе Gimp более 12000 пользователей, мои видео-уроки и мастер-классы на одноименном YouTube канале посмотрели более 1 400 000 раз!!!

👉Посмотрите другие материалы:

—>

Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера

В этом уроке мы будем создавать текстовую надпись с эффектом свечения в Photoshop. В уроке будем использовать инструменты Градиент, Текст и Blending Options.

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

Создание холста и градиентного фона

При создании документа зададим размер холста 1080 на 720 пикселей.

Затем, переведем фон в слой Layer> New> Layer From Background . И добавим этому слою эффект Gradient Overlay , как показано на рисунке ниже:

Теперь создадим градиентную заливку, перейдя к Layer> New Fill Layer> Gradient . Установите параметры градиента примерно как у меня и задав этому слою параметр прозрачности равный 51%:

Еще раз создадим градиентную заливку, также перейдя к Layer> New Fill Layer> Gradient . Но уже со следующими параметрами:

Создание светящегося текста

Теперь, когда основные приготовления закончены, приступим к созданию непосредственно самой светящейся надписи. Для этого, инструментом Type Tool создадим букву (в моем случае “G”):

И установим уровень заливки для нее равной 0% :

Теперь, добавим эффекты. И начнем с внешнего свечения (Outer Glow), все параметры выставьте как на скриншоте ниже:

Следующим эффектом у нас станет контур (Stroke), параметры, также, установите как и у меня:

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

Создав таким образом пять слоев с разным начертанием буквы, сделаем из них группу – выделив все текстовые слои и нажав (Ctrl + G). Затем, продублируйте эту группу и переместите правее. Измените, во вновь созданной группе, букву на следующую (для меня это “L”). После этого – снова продублируйте группу и, переместив ее правее, измените букву (у меня это “О”).

Должно получиться нечто подобное:

Последний штрих

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

Немного размоем овал используя Filter> Blur> Gaussian Blur со значением радиуса размытия в 10 пикселей и нажимаем ОК. Не уходя со слоя применяем к нему Filter> Blur> Motion Blur со значениями как на рисунку снизу:

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

Как всегда, я готов ответить на все вопросы, которые вы можете задавать через комментарии.

Автор здесь.

Как сделать абрис в фотошопе. Обводка выделенной области

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

1.

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

1.1.

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

1.2.

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

1.3.

Заходим в Изображение – Коррекция – обесцветить или нажимаем Shift+Ctrl+U, это нужно для того, чтобы при корректировки не появились ненужные цвета.

1.4.

Снова заходим в Изображение – Коррекция, но теперь выбираем Уровни(Ctrl+L), у вас появится вот такое вот окошко:

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

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

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

2.1.

На этом этапе я проверяю косяки, возможно, какие-то неровности в анатомии. Делается это легко: Изображение – Вращение изображения – Отразить по горизонтали

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

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

2.2.

Заходим в фильтр – Пластика(Shift+Ctrl+X)

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

Для исправлений нам нужен инструмент «Деформация»(W):

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

То, что сделала я можно посмотреть здесь:

2.3.

Обратно отражаем рисунок: Изображение – Вращение изображения – Отразить по горизонтали.

2.4.

Выбираем инструмент Кисть(B) и ставим белый цвет.

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

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

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

В итоге у меня вышло вот так:

Можно еще раз использовать Уровни(Ctrl+L) и Осветление, чтобы все было чисто-чисто.

2.5.

Теперь нужно отделить контур от фона, для этого заходим в Выделение – Все(Crtl+A)

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

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

2.6.

Где находится вкладка Слои, там рядом есть Каналы, нажимаем на них и появляется такая вкладка :

Нажимаем на кружочек внизу области, который выделен на изображении и возвращаемся на вкладку слои, убеждаемся, что выделен слой с контуром и нажимаем Delete или Del, на крайний случай Ctrl+X.
Выбираем Выделение – Отменить выделение(Ctrl+D), если оно само не исчезло.

Контур получился очень бледным, но это еще не все.

2.7.

Во вкладке слои нажимаем на квадратик

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

2.8.

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

Получается примерно вот так:

2.9.

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

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

2.10.

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

Голубой контур исчезнет.

2.11.

Теперь, чтобы сохранить результат, смотрите, чтобы был выделен ТОЛЬКО Синий слой, заходите в Выделение – все(Ctrl+A), потом Редактирование – Копировать(Ctrl+C). Снова включаете все слои(RGB, Красный, Зеленый, Синий), при этом голубой контур появится, и выбираете Редактирование – Вставить(Ctrl+V)
Возвращаетесь на вкладку со слоями, и у вас будет вот так:

На Слой 1 находится ровный контур, на фоне контур с голубыми линиями, поэтому можно его удалить, переключиться на него и нажать Ctrl+A затем Ctrl+X.
Чтобы отделить контур от белого фона нужно повторить действие 8: переключиться на вкладку Каналы и нажать на кружочек внизу области, и вернуться на вкладку слои, на слое с контуром и нажать Delete или Del, на крайний случай Ctrl+X.
Выбрать Выделение – Отменить выделение(Ctrl+D), если оно само не исчезло.
Теперь контур идеальный, можно красить.

3.

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

Открываете сфотографированный/отсканированный рисунок в фотошопе и заходите в Изображение – Размер изображения.

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

3.2.

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

3.3.

Смотрите, чтобы активным был Слой 1 с рисунком и в настройках прозрачности ставите примерно 50%.

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

3.4.

Контур я делаю обычной кистью с такими параметрами

3.5.

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

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

Урок есть в формате DOC для оффлайн просмотра или для печати, вы можете его скачать

Нажмите Просмотр

в строке меню.

Щелкните по 200%

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

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

Черно-белый цвет находится на крайнем правом конце спектра.

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

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

Отрегулируйте настройки инструмента «Карандаш» или «Кисть».

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

Отрегулируйте настройки инструмента «Перо».
Они находятся в верхней левой части окна.

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

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

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

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

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

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

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

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

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

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

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

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

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

Делаем обратно слой с текстом видимым. Теперь нужно создать новый слой. Для этого на панели слоев кликните на кнопочку «Create a new layer»
(Создать новый слой).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, леди и джентльмены. Некоторые из вас спрашивали меня о том, как я делаю свои штриховые рисунки. Перед вами простой урок о том, как, собственно, я их делаю… в стиле JUU-YUKI! Вы можете применить этот урок практически во всех программах. (Photoshop, Sai, Open Canvas и т.д.). Для этого урока я буду использовать Sai и планшет.

Прим. переводчика:

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

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

Теперь, я надеюсь, вы уже знаете все инструменты. И знаете, как работать с основными инструментами: перо
(pen), карандаш
(pencil), кисть
(brush) и ластик
(eraser). У вашего планшета также должна быть активирована функция нажима пера. Те, кто использует Photoshop, перейдите сюда для ее активации:

Вам необходимо выбрать инструмент Кисть
(Brush) или нажать клавишу B.

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

. также можно воспользоваться клавишей
F5 для вызова этого же меню
).
Теперь перейдите к параметру Динамики формы
(Shape Dynamics) и напротив параметра Управление
(control) выберите Нажим пера
(pen pressure).
Теперь мы готовы к рисованию контуров.

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

Примечание: Чтобы получить хороший и аккуратный контур, я работаю на большом холсте. Чем больше холст, тем лучше. Когда я делала этот набросок, его разрешение было 3400х4000px.
После этого нам необходимо создать новый прозрачный слой над наброском. Здесь мы будем рисовать наш контур. Палитра слоев должна у вас выглядеть вот так:

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

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

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

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

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

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

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

Дополнительно:

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

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

Также имейте для себя представление, где расположен источник света. Если герой находится ближе к свету с правой стороны, левая сторона должна иметь большую глубину.
Слейте все слои, чтобы они образовали единый штриховой рисунок. А вот и последний прием на сегодня. Ваш холст должен быть размером около 3000px. Уменьшите его до 1000px и ваши линии будут идеальны, как никогда.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Глава 16 Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображению

Глава 16

Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображению

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

Добавление надписи к изображению

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

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

СОВЕТ. К текстовым слоям применима команда Edit • Free Transform (Редактирование • Свободная трансформация), позволяющая изменять масштаб и форму выделенного объекта (фрагмента изображения, текста, векторного пути или формы).

При создании надписи с помощью инструмента Туре (Текст) для нее автоматически создается отдельный слой.

ПРИМЕЧАНИЕ. В режимах Multichannel (Мультиканальный), Bitmap (Черно-белый) и Indexed Color (Индексированные цвета) отдельный текстовый слой не создается, поскольку данные режимы использование слоев не поддерживают. Текст накладывается непосредственно на изображение и последующему редактированию не подлежит.

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

Рис. 16.1. Внешний вид панели свойств инструмента Туре

Рассмотрим кнопки и меню панели свойств инструмента Туре (Текст). Итак, по порядку, слева направо:

• кнопка изменения ориентации текста; при нажатии горизонтальная надпись становится вертикальной и наоборот;

• раскрывающееся меню выбора гарнитуры шрифта;

• раскрывающееся меню выбора начертания шрифта;

ПРИМЕЧАНИЕ. Шрифт — это математическое описание букв, цифр и символов гарнитуры. Гарнитурой называется набор символов одного шрифта или его семейства. Она включает в себя буквы обоих регистров, цифры, знаки, маркеры, фигуры. Семейство шрифтов — множество различных стилей начертания шрифта/ например таких, как курсив или полужирный.

• кнопка изменения размера шрифта

• раскрывающееся меню выбора размера шрифта;

• раскрывающееся меню выбора метода сглаживания шрифта.

• кнопка выравнивания по левому краю;

• кнопка выравнивания по центру ;

• кнопка выравнивания по правому краю;

• образец цвета текста;

• кнопка искривления текста;

• кнопка, управляющая отображением панелей инструментов Character (Символ) и Paragraph (Абзац)

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

Для изменения параметровтекста используются средства двух панелей инструментов: Character (Символ) и Paragraph (Абзац). Вызвать их можно либо щелчком на кнопке панели свойств инструмента Туре (Текст), либо командами Window • Character (Окно • Символ) и Window • Paragraph (Окно • Абзац) соответственно.

Панель Character (Символ) предназначена для задания атрибутов символа.

Внешний вид панели Character (Символ) представлен на рис. 16.2.

Рис. 16.2. Внешний вид палитры Character

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

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

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

ПРИМЕЧАНИЕ. Интерлиньяж — расстояние между базовыми линиями двух соседних строк. Кернинг — расстояние между двумя соседними символами. Трекинг — дополнительное расстояние, вводимое между символами текста. Для изменения этого параметра необходимо выделить несколько символов.

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

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

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

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

Первая команда, Dock to Palette Well (Поместить палитру в пристыковываемое окно), перемещает панель в верхний правый угол панели свойств инструментов, после чего она разворачивается по щелчку мыши.

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

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

Четвертая группа состоит из двух команд: Fractional Widths (Дробная ширина) и System Layout (Системные значения).

Следующая команда, No Break (Без переноса), запрещает расстановку переносов в тексте.

Шестая группа команд задает параметры проверки синтаксиса.

Последняя команда, Reset Character (Восстановить символ), восстанавливает стандартные параметры символа, заданные по умолчанию.

Панель Paragraph (Абзац) позволяетвыполнять форматирование текста. Внешний вид панели представлен на рис. 16.3.

Рис. 16.3. Внешний вид палитры Paragraph

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

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

ПРИМЕЧАНИЕ.

Выключкой называется способ размещения текста относительно вертикали.

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

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

В четвертой группе расположен флажок Hyphenate (Переносы), установка которого приводит к расстановке переносов в тексте.

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

• Dock to Palette Well (Поместить палитру в пристыковываемое окно) — перемещает панель в верхний правый угол панели свойств инструментов, послечего она разворачивается по щелчку мыши.

• Roman Hanging Punctuation (Латинские правила пунктуации) — задает способ проверки расстановки знаков препинания.

Третья группа состоит из двух команд: Justification (Выключка) и Hyphenation (Расстановка переносов). Необходимые параметры задаются вдиалоговых окнах работы с этими командами.

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

• Adobe Single-line Composer (Набор в стиле единая строка) — предлагает обработку отдельной строки в каждый отдельный момент. При использовании этого метода можно вручную контролировать процесс разбиения текста на строки;

• Adobe Every-line Composer (Набор в стиле несколько строк) — предлагает единовременную обработку программой нескольких строк. При этом программа минимизирует число переносов слов, отдавая предпочтение изменению интервалов между соседними словами.

• Reset Paragraph (Восстановить абзац) — восстанавливает стандартные параметры абзаца, заданные по умолчанию.

ПРИМЕЧАНИЕ. Команды переключения методов расстановки переносов доступны только при работе с текстовым блоком. Для создания текстового блока не просто щелкните мышью в области изображения, а нажмите левую клавишу мыши, проведите мышью, как при работе с инструментом выделения, и отпустите клавишу.

Работа с текстовым слоем

Поскольку для каждой надписи создается отдельный слой, мы можем применять команды работы со слоями и слоевые стили и эффекты. Примером использования этого преимущества является применение команд меню Edit • Free Transform (Редактирование • Свободная трансформация) и Edit • Transform (Редактирование • Трансформация). Исключение составляют только две команды: Perspective (Перспектива) и Distort (Искажение).

Чтобы применить команды Edit • Transform • Perspective (Редактирование • Трансформация • Перспектива) и Edit • Transform • Distort (Редактирование • Трансформация • Искажение), необходимо растеризовать текстовый слой с помощью команды меню Layer • Rasterize • Туре (Слой • Растрирование • Текст).

ВНИМАНИЕ. После растеризации текстового слоя текст становится недоступен для редактирования.

Команды работы с текстом

При работе с текстом будут полезными команды меню Layer • Туре (Слой • Текст). Перечислим их и отметим основные особенности:

• Create Work Path (Создать рабочий контур) — создает на основе текстового слоя векторный объект (контур). Редактировать такой объект как текст уже невозможно, но вы можете использовать все возможности редактирования векторных объектов.

• Convert to Shape (Преобразовать в контуры). В результате применения этой команды мы получим вместо текстового слоя слой с векторной маской, аналогичный векторным формам. Редактировать текст после преобразованияв векторную маску невозможно.

ПРИМЕЧАНИЕ. Векторные объекты не могут быть созданы на основе растровых шрифтов, а также на основе текста, к которому применены. Изменить направлеение текста можно командами Horizontal (Горизонтальный) и Vertical (Вертикальный).

• Для того чтобы текст выглядел аккуратно, границы символов сглаживаются. Режим сглаживания переключается с помощью следующих команд: Anti-Alias None (Без сглаживания), Anti-Alias Sharp (Резкое сглаживание), Anti-Alias Crisp (Четкое сглаживание), Anti-Alias Strong (Твердое сглаживание) и Anti-Alias Smooth (Мягкое сглаживание).

• Convert to Paragraph Text (Преобразовать в текст абзаца) — эта команда позволяет преобразовать текст в текстовый блок. Для ее применения необходимо выбрать текстовый слой на панели Layers (Слои).

• Convert to Point Text (Преобразовать в текст) — эта команда позволяет преобразовать текстовый блок в обычный текст. Для ее применения также необходимо выбрать текстовый слой на панели Layers (Слои).

• Вписать текст в разнообразные формы позволяет команда Warp Text (Искривить текст). Диалоговое окно работы с этой командой представлено на рис. 16.4.

Рис. 16.4. Диалоговое окно работы с командой Warp Text

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

Рис. 16.5. Результат работы команды Warp Text

• Update All Text Layers (Обновить все текстовые слои).

• Replace All Missing Fonts (Заменить все отсутствующие шрифты). С помощью этой команды можно заменить шрифты, которые некорректно отображаются, поскольку отсутствуют в системе.

СОВЕТ. Для изменения цвета надписи можно использовать клавиатурные сокращения. Для заливки надписи основным цветом нажмите Alt+Backspace, фоновым — Ctrl+Backspace.

Практические советы

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

Создание полупрозрачной надписи, имитирующей датирование кадра фотоаппаратом:

1. Выберите инструмент Туре (Текст).

2. Щелкните мышью на нужном участке изображения.

3. Введите текст.

4. Установите желаемый цвет в качестве основного и нажмите Alt+Backspace.

5. Выберите подходящий Шрифт и и его Размер с помощью палитры Character (Символ).

6. На панели Layers (Слои) определите с помощью бегунка Opacity (Непрозоачность) желаемую степень прозрачности.

На рис. 16.6 показан результат выполнения этих действий.

Рис. 16.6. Полупрозрачная надпись, имитирующая датирование кадра фотоаппаратом

Размещение комментария вдоль произвольной кривой:

1. Создайте кривую с помощью инструментов Реn (Перо), Line (Линия) или любого из инструментов формы. При работе инструментами Реn (Перо) или Line (Линия) нужно учесть следующую особенность: при рисовании кривой слева направо текст впоследствии будет расположен над ней, справа налево — под ней.

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

3. Введите текст.

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

Эта глава была посвящена основным принципам работы с текстом в Adobe Photoshop CS 2. Подведем краткие итоги: теперь вы получили общее представление о шрифтах, умеете форматировать отдельный символ и абзац изучили основные команды работы с текстовыми слоями.

Рис. 16.7. Надпись, расположенная вдоль произвольной кривой

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

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

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

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

Если вы используете Photoshop Elements и хотите выделить свой текст, выполните следующие действия:

Запустите Photoshop Elements и откройте существующий документ, если он у вас есть, или создайте новенький.
Введите текст, который вы хотите выделить. Убедитесь, что вы видите его четко, увеличивая или увеличивая масштаб.
Скопируйте слой (Ctrl + J).
Переименуйте слои, чтобы знать, над каким из них вы работаете.Рекомендуем поработать над скопированной версией и оставить исходную без изменений. Если вы допустили ошибку, вы всегда можете вернуться к оригиналу и начать заново.
Перейдите в «Слой».
Нажмите «Стиль слоя».
Откройте «Настройки стиля».
Выберите «Обводка». Настройте параметры, включая цвет, размер и непрозрачность, и нажмите «ОК».

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

Выделите текст, который вы хотите выделить, удерживая Ctrl в Windows или Command Key на Mac, и щелкните миниатюру слоя.
Создайте новый слой.
Перейдите в «Выбрать».
Нажмите «Изменить», а затем выберите «Развернуть». Здесь вы можете настроить выбранные границы.
Выберите ведро с краской, выберите цвет и щелкните в любом месте между текстом и границами.
Снимите выделение с текста.
Отключить текстовый слой.

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

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

Процесс прост и требует всего нескольких шагов:

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

Можно ли легко обвести текст в Photoshop на iPad

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

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

Если вы используете Photoshop CS6 и хотите выделить текст, выполните следующие действия:

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

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

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

Запустите Photoshop и введите текст, который вы хотите выделить, или загрузите существующий документ.
Удерживая Ctrl или клавишу Command на клавиатуре, выберите текстовый слой.
Нажмите «Выбрать», затем нажмите «Изменить» и выберите «Развернуть».”
Расширьте текст в зависимости от желаемого размера контуров. Чем больше вы расширяете текст, тем больше контур. Вы заметите, что пунктирные линии вокруг текста расширились. Пространство между шрифтом и пунктирными линиями будет контуром.
Убедитесь, что текстовый слой выбран, и нажмите кнопку в правом нижнем углу, чтобы добавить новый.
Выберите инструмент «Ведро с краской» слева.
Выберите цвет контура.
Щелкните в любом месте текста, чтобы применить цвет и отменить выбор текста.
Выберите «Layer 1» и перетащите его под текстовый слой.

Сделайте свой текст особенным

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

Мы надеемся, что это руководство помогло вам научиться выделять текст в Photoshop и делать его отличительным.

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

Как легко и быстро выделить текст в Photoshop

Facebook
Твиттер
Linkedin
Reddit

Резюме:

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

Иногда вам может потребоваться сделать текст на изображении более выразительным, добавление текста контура в Photoshop — лучший выбор для удовлетворения ваших потребностей. В следующих разделах представлены подробные инструкции о том, как очертить текст в Photoshop. Более того, если вы хотите поместить текст в видео или gif, MiniTool MovieMaker должен быть наивысшим приоритетом.

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

Шаг 1.Скачайте и установите Photoshop на компьютер.

Шаг 2. Откройте его, нажмите File > New , а затем нажмите Type Tool , чтобы ввести текст. И вы также можете Файл > Открыть , чтобы импортировать желаемое изображение, а затем создать свой текст.

Шаг 3. Выделите текст, а затем вы можете изменить шрифт, размер и цвет текста.

Шаг 4. В правом нижнем углу щелкните правой кнопкой мыши слой «» и выберите «Параметры наложения ».

Шаг 5. Во всплывающем окне выберите Stroke слева.

Шаг 6. Переместите ползунок, чтобы изменить размер и ширину контура.

Шаг 7. Измените цвет текста, чтобы он был более заметным.

Шаг 8. При необходимости вы можете выбрать Gradient или Pattern в разделе Full Type .

Шаг 9. Нажмите на Позиция , чтобы выбрать положение для контура: Снаружи , Внутри и По центру .

Шаг 10. Переместите ползунок «Непрозрачность», чтобы настроить степень прозрачности обводки.

Шаг 11. Нажмите ОК , чтобы сохранить настройки.

Выше приведено подробное описание структуры текста Photoshop. Но знаете ли вы, как в фотошопе нарисовать несколько букв? Продолжайте читать этот пост и узнайте, как редактировать текст структуры отдельно.

Также прочтите: 4 совета, как сделать изображение прозрачным

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

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

Шаг 1. Запустите Photoshop, нажмите Файл > Новый , а затем создайте свой текст.

Шаг 2. Скопируйте текстовый слой и переименуйте его.

Шаг 3. Добавьте текст структуры с помощью методов из предыдущей части.

Шаг 4. Щелкните слой правой кнопкой мыши и выберите Rasterize Type.

Шаг 5. Выделите текст, который вы не хотите добавлять в структуру, и нажмите Удалить .

Шаг 6. Нажмите кнопку Layer и объедините все слои.

Бонусный совет — Как добавить текст к фотографии в Photoshop

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

Ниже показано, как добавить текст к фотографии в Photoshop.

Шаг 1. Загрузите, установите и запустите Photoshop.

Шаг 2.Щелкните Файл > Открыть , чтобы загрузить изображение в Photoshop.

Шаг 3. Нажмите на Windows > Tools , выберите место, где вы хотите поместить текст.

Шаг 4. Введите текст, а затем выберите слова для настройки желаемого цвета, размера и шрифта.

Итог

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

Facebook
Твиттер
Linkedin
Reddit

ОБ АВТОРЕ

Cora Подписывайтесь на нас

Должность: Обозреватель

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

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

Контурный текст в Photoshop

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

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

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

Ниже приведены шаги по добавлению линии вокруг текста в фотошопе:

ШАГ 1: СОЗДАТЬ НОВЫЙ ДОКУМЕНТ

первым шагом является создание нового пустого документа Photoshop. Перейдите к файлу -> выберите меню «Новый » и укажите размер изображения. Теперь нажмите на опцию « O K». Новое пустое изображение появится в окне фотошопа.

ШАГ 2: ВЫБЕРИТЕ ТИП ИНСТРУМЕНТА

Второй шаг — выбрать инструмент типа.Выберите его на панели инструментов фотошопа или нажмите на букву «T» на клавиатуре. Выберите цвет, которым вы хотите написать, на той же панели инструментов. Напишите свой текст на экране.

ШАГ 3: ВЫБЕРИТЕ ШРИФТ НА ПАНЕЛИ ОПЦИЙ

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

ШАГ 4: Щелкните свой слой

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

ШАГ 5: ДОБАВИТЬ ИНСУЛЬ

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

ШАГ 6: ОТРЕГУЛИРУЙТЕ РАЗМЕР ВАШЕГО КОНТУРА

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

ШАГ 7: ВЫБЕРИТЕ ПОЛОЖЕНИЕ ХОДА

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

ШАГ 8: ВЫБЕРИТЕ ЖЕЛАЕМЫЙ РЕЖИМ СМЕШИВАНИЯ

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

ШАГ 9: НАСТРОЙТЕ ПРОЗРАЧНОСТЬ

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

ШАГ 10: ВЫБЕРИТЕ ЦВЕТ ХОДА

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

ШАГ 11: ДОБАВЛЕНИЕ ВТОРОГО ХОДА (необязательно)

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

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

ШАГ 12: НАЖМИТЕ ОК ДЛЯ ЗАВЕРШЕНИЯ

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

Как выделить текст в Photoshop: все, что вам нужно знать

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

Шаг 1. Создайте новый холст / Откройте документ

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

Шаг 2 — Создайте свой текстовый слой

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

Шаг 3. Выберите шрифт и размер текста

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

Шаг 4 — Добавьте стиль слоя

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

Шаг 5 — Добавьте свой штрих

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

Шаг 6 — Удалите заливку

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

Шаг 7 — Добавьте еще один штрих

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

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

Шаг 8. Завершите выделенный текст в Photoshop

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

Хотите обвести текст в Adobe Photoshop?

Мы можем выделить текст в Adobe Photoshop, чтобы выделить его. Это мгновенный и простой способ освоить, даже если вы новичок в Photoshop.

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

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

Контурный текст в Adobe Photoshop

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

Шаг 1:

Выберите инструмент «Текст» (горизонтальный или вертикальный), а затем текст.

Шаг 2:

Щелкните правой кнопкой мыши на текстовом слое и выберите в меню Blending Options . Или перейдите в Слой > Стиль слоя> Обводка .

Шаг 3:

В диалоговом окне Layer Style выберите Stroke внизу списка стилей слева.

Шаг 4:

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

Шаг 5:

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

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

Шаг 6:

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

Шаг 7:

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

Шаг 8:

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

Набросок шрифта в Adobe Photoshop

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

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

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

Шаг 1:

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

Шаг 2:

Введите свой текст. Затем нажмите правую кнопку мыши на текстовом слое и выберите Blending Options .

Шаг 3:

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

Шаг 4:

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

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

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

Перейдите к своей фотографии в Photoshop.Затем выполните шаги, указанные ниже:

Шаг 1:

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

Шаг 2:

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

Шаг 3:

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

Шаг 4:

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

Шаг 5:

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

Шаг 6:

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

Шаг 7:

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

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

Первое сходство начерченного текста

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

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

Заключение:

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

Также читают:

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

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

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

Чтобы преобразовать текст в контуры, выберите текст или выберите все на этикетке. Неважно, выбраны ли другие графические элементы. Выберите в меню Тип / Создать контуры. Текст станет контурным, и его нельзя будет редактировать как текст (см. Изображение справа вверху).Теперь вы можете видеть, что линия под текстом исчезла. Текстовые символы теперь имеют редактируемые контуры или контуры вокруг них — это больше не текст, а векторная графика, и их можно редактировать как таковые.

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

Как выделить текст в GIMP [за 3 простых шага]

В этом простом руководстве объясняются шаги по выделению текста в GIMP. Контур текста помогает выделить текст на фоне другого цвета.

Контурный текст, созданный в GIMP

Давайте посмотрим, как можно добавить рамку вокруг текста.

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

Всю процедуру можно описать следующими простыми шагами:

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

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

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

Это руководство было выполнено с версией GIMP 2.10.

Шаг 1. Создайте основной текст и скопируйте его контур

Откройте GIMP и создайте новый файл, перейдя в верхнее меню-> Файл-> Новый.Вы также можете использовать сочетание клавиш Ctrl + N.

Создать новый файл

Здесь вы можете выбрать размер холста. Вы также можете выбрать, хотите ли вы белый фон или прозрачный фон. Он находится в Advanced Options-> Color profile.

Я выбрал белый фон по умолчанию. Позже его можно будет изменить.

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

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

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

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

Текст добавлен в GIMP

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

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

Шаг 2. Добавьте прозрачный слой с текстовым контуром

Теперь перейдите в верхнее меню, перейдите в Layer и добавьте новый слой.

Используйте Shift + Ctrl + N, чтобы добавить новый слой.

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

Добавьте прозрачный слой

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

Перейдите к Select и выберите From Path

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

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

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

Увеличьте выделение на дополнительном слое

Увеличьте его на 5 или 10 пикселей или как хотите.

Увеличьте его на 5 или 10 пикселей

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

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

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

Залейте контур текста другим цветом

Вы почти закончили.Используйте Ctrl + Shift + A, чтобы отменить выделение текущего выделения.

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

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

Удалите белый фоновый слой, если вы хотите прозрачный фон.

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

Вы заставили его работать?

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

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

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

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

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

Обводка теста css-свойством text-shadow

Шаг 1

HTML

А нужно ли это

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

Советы

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

Онлайн-генератор теней

Предупреждения

Обводка текста в Photoshop онлайн

Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)

Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)

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

Фотошоп обвести контур фигуры

1. Как сделать обводку теста в фотошопе

2 и 3 Обводка контура картинки или фигуры

Инструмент «Заливка»

Заливка слоя цветом или узором

Обводка (контура) объектов на слое

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

👉Посмотрите другие материалы:

Создание светящегося текста в Photoshop – PhotoDrum.com – сайт дизайнера

Создание холста и градиентного фона

Создание светящегося текста

Последний штрих

Похожие уроки и статьи

Как сделать абрис в фотошопе. Обводка выделенной области

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

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

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

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

Глава 16 Работа с текстом в Adobe Photoshop CS 2, добавление надписей к изображению

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

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

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

Можно ли легко обвести текст в Photoshop на iPad

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

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

Сделайте свой текст особенным

Как легко и быстро выделить текст в Photoshop

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

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

Бонусный совет — Как добавить текст к фотографии в Photoshop

Итог

ОБ АВТОРЕ

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

Как выделить текст в Photoshop: все, что вам нужно знать

Шаг 1. Создайте новый холст / Откройте документ

Шаг 2 — Создайте свой текстовый слой

Шаг 3. Выберите шрифт и размер текста

Шаг 4 — Добавьте стиль слоя

Шаг 5 — Добавьте свой штрих

Шаг 6 — Удалите заливку

Шаг 7 — Добавьте еще один штрих

Шаг 8. Завершите выделенный текст в Photoshop

Хотите обвести текст в Adobe Photoshop?

Контурный текст в Adobe Photoshop

Шаг 1:

Шаг 2:

Шаг 3:

Шаг 4:

Шаг 5:

Шаг 6:

Шаг 7:

Шаг 8:

Набросок шрифта в Adobe Photoshop

Шаг 1:

Шаг 2:

Шаг 3:

Шаг 4:

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

Шаг 1:

Шаг 2:

Шаг 3:

Шаг 4:

Шаг 5:

Шаг 6: