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

Как обвести буквы в фотошопе

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

Обводка текста в Фотошопе

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

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

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

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

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

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

Получаем вот такое выделение:

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

Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

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

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

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

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

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

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

Жмем ОК и любуемся…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы задумывались, как сделать текст привлекательным. Оформите его красивым стилем. Рассмотрим, как в Фотошопе (Photoshop) сделать обводку текста.

А нужно ли это

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

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

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

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

Напишите текст. Перейдите:
Создадим, например, контур со скругленными краями. В меню выберите:
Далее:
Получилось следующее:
Выберите инструмент:
Нажмите кнопку «Уточнить»:
Далее:
Создайте новый слой:
Активируйте слой. Перейдите:
Далее:
Выберите цвет:
Нажмите «Ctr+D», чтобы снять выделение. Перемещаем слой:
Нажимаем два раза ЛКМ по слою с обводкой. Отметьте пункт «Наложение». Выбираем стиль градиента:
Далее:
Получилось следующее:

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

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

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

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

Вывод

Мы рассмотрели, как в Фотошопе (Photoshop) сделать контур у текста. Используйте текстуру, чтобы добиться интересных эффектов. Экспериментируйте.

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

Автор: Ольга Максимчук (Princypessa). Дата публикации: 07 декабря 2020. Категория: Уроки фотошопа текст.

Всем привет!

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

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

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

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

Затем применим к тестовому слою стили слоя Обводка и Наложение градиента.

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

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

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

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

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

Активируем инструмент Текст. Растягиваем рамку создания текста на ширину холста и пишем слово «Радуга». В верхней панели настроек инструмента Текст выбираем шрифт, что установили в предыдущем шаге, увеличиваем размер текста, меняем цвет текста на белый (# ffffff) и вводим настройки, как на рисунке ниже. При помощи инструмента Перемещение располагаем текст по центру холста. Поскольку текст и цвет фона совпадают, чтобы увидеть текст, можно временно отключить видимость слоя «Фон», нажав в панели слоев на «глазик» около слоя.

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

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

Вводим следующие значения:

Левая Контрольная точка (позиция 0%) – оттенок # d7d7d7;

Правая Контрольная точка (позиция 100%) – оттенок # ffffff.

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

Полные настройки для вкладки Наложение градиента на последнем скриншоте.

Во вкладке Обводка меняем оттенок на # e90ebd и вводим настройки, как на картинке ниже.

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

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

Затем дважды кликаем по слою с текстом, чтобы вызвать стили слоя.

Во вкладке Обводка меняем оттенок на # 0905a3 и вводим следующие настройки.

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

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

Во вкладке Обводка используем оттенок # 00eaff и вводим настройки, как на картинке.

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

Растрируем стиль слоя и переходим в стили слоя.

Во вкладке Обводка меняем оттенок на # 07d124 и вводим настройки, как на картинке.

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

Снова растрируем стиль слоя и переходим в стили слоя.

Во вкладке Обводка используем оттенок # ffd800 и меняем настройки на следующие.

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

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

Во вкладке Обводка вводим оттенок # ff0000 и меняем настройки на следующие.

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

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

Текст с радужной обводкой готов! Урок «Как сделать радужную обводку в фотошопе» завершен.

Яркого настроения и творческих успехов!

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 Если Вы не хотите пропустить интересные уроки стилизации текста в фотошопе — подпишитесь на рассылку.
Форма для подписки находится ниже.

Понравилось? Поделитесь:

Facebook

Twitter

Вконтакте

Одноклассники

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

Как в 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:

Например:

СSS:

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

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

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

CSS-стили:

Обводка текста в 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. 1.Переходите на страницу сервиса
2. 2.Рабочая область поделена на две части. В левой части вам нужно задать параметры для текста, а в правой вы можете посмотреть, что в результате получится.
3. 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: быстрое и простое руководство

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

То же самое можно сделать в Photoshop; однако он зарезервирован только для объектов. Применение контура к тексту — это совсем другая история, и для этого потребуется несколько дополнительных шагов.

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

Итак, давайте сразу перейдем к !

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

Шаг 1. Напишите текст

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

Дополнительно: Установить заливку 0%

Если у вас есть заливка, добавленная к вашему тексту, и вы хотите, чтобы был виден только ее контур, вы должны изменить его на 0%. Вы можете настроить его в параметрах заливки слоя. Заливка, установленная на 0%, делает текст невидимым, , но как только вы добавите штрих, вы снова увидите его.

Тем не менее, вы можете оставить его на 100%, и обводка будет добавлена ​​к цвету заливки букв.

Хорошо, теперь самое интересное начинается.

Шаг 2: Добавление стиля слоя

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

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

ВАЖНЫЙ СОВЕТ:

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

2.1. Размер

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

2.2 Позиция

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

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

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

2.3 Режим наложения

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

2,4 Непрозрачность

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

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

Следующим на очереди идет опция Oveprtint, которая была добавлена ​​в Photoshop CC 2015. Так что, если у вас Photoshop более ранней версии, не беспокойтесь. Это вариант, который вы действительно воспользуетесь, если даже. Однако в некоторых случаях это может пригодиться, поэтому давайте узнаем о нем подробнее.

2,5 Надпечатка

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

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

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

2,6. Тип заполнения

Здесь вы можете установить свой план на:

• Цвет: в качестве размера и положения, это важный параметр, поскольку он устанавливает цвет контура

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

• Узор: Если вам нужен контур с определенным узором, вы можете выбрать другие из библиотеки или загрузить тот, который хотите и добавьте его к обводке

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

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

Также ознакомьтесь с другими учебными пособиями по DesignyUp.

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

Описание учебника

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

И вы можете узнать больше о мощи стилей слоя в нашем учебнике PRO «Как создавать стили слоя в Photoshop». Добавляйте 3D-эффекты, световые эффекты и многое другое с помощью Layer Effects!

Стили обводки и слоя

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

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

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

Непрозрачность и заливка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 2: Использование опции наложения

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

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

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

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

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

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

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

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

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

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

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

Шаг 3: Расширьте

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

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

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

Заключение

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

FAQ

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

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

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

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

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

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

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

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

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

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

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

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

1. Начните с создания текста

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

2. Откройте «Параметры наложения»

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

3. Выберите эффект «Обводка»

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

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

4. Добавление дополнительных штрихов

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

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

Вы можете увидеть все эффекты, которые вы применили к вашему тексту, на вкладке «Слои».

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

К счастью, теперь вы знаете, как очертить текст в Photoshop и как полностью поиграть с эффектом «Обводка»!

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

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

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

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

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

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

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

Чтобы создать новый документ, нажмите клавиши Ctrl + N . Откроется диалоговое окно, в котором можно указать размер документа и цвет фона. Укажите свойства и нажмите OK, чтобы продолжить.

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

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

Шаг 3. Активируйте текстовый инструмент

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

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

Теперь мы можем написать текст в нашем документе:

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

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

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

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

Шаг 5: Применить ход

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

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

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

Шаг 6: Удалить цвет текста

Этот шаг не является обязательным, если вы хотите выделить только текст и удалить цвет. Чтобы удалить цвет текста, вы можете либо удалить заливку, установив заливку текстового слоя на 0%, либо залить его белым цветом.

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

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

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

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

Резюме:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ШАГ 6: НАСТРОЙТЕ РАЗМЕР ПЛАНА

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

ШАГ 7: ВЫБЕРИТЕ ПОЛОЖЕНИЕ ИНСУЛЬТА

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

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

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

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

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

ШАГ 10: ВЫБЕРИТЕ ЦВЕТ ИНСУЛЬТА

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

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

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

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

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

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

Как очертить изображение в Photoshop — Креатив Брендана Уильямса

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

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

Видеоурок

Как очертить края изображения

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

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

Вот как это сделать:

Дублируйте слой, вокруг которого хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.

Если у вас уже есть большая группа слоев, продублируйте и объедините их, используя Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (ПК).Этот ярлык создаст новый объединенный слой, к которому будет добавлен контур.

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

Выберите «Ход».

Установите положение обводки на «внутри» и оставьте непрозрачность на 100%.

Установите тип заливки ‘color’ и выберите цвет, которым вы хотите обвести вашу фотографию.

Когда все настроено, регулируем размер мазка с помощью ползунка размера. Этот вариант полностью зависит от вас, и здесь нет правильного или неправильного.

Результат

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

Как очертить вырезанное изображение

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

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

Вот как это сделать:

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

Этот инструмент доступен только в Photoshop CC 2020 и новее. Если вы используете более раннюю версию, вы можете вместо этого использовать инструмент быстрого выбора.

При активном инструменте выбора объекта установите режим на «прямоугольник» и отметьте флажком «усилить края» и «вычесть объект».’

Чтобы сделать выбор, щелкните и растяните прямоугольное выделение вокруг объекта. Как только ваш объект поместится в это поле, отпустите, и Photoshop сделает выделение вокруг объекта.

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

При активном выделении объекта нажмите Command + J (Mac) или Control + J (ПК), чтобы скопировать выделение на новый слой.

Дважды щелкните новый слой, чтобы открыть панель стилей слоя.

Выберите «Ход».

Установите положение «снаружи» и оставьте непрозрачность на 100%.

Установите тип заливки ‘color’ и выберите цвет для границы вашего выделения.

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

Результат

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

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

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

Вот как это сделать:

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

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

Появится второй вариант обводки, который вы можете начать редактировать. Оставьте все настройки без изменений, но измените значения цвета и размера соответственно.

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

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

Результат

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

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

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

После создания исходного контура измените тип заливки с «цвет» на «градиент».

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

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

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

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

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

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

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

Результат

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

Как обвести изображение с помощью текстуры

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

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

Щелкните поле Pattern, чтобы получить доступ к новым шаблонам.

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

Вы можете узнать, как импортировать узоры в Photoshop здесь.

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

Наконец, установите масштаб узора, который наилучшим образом соответствует вашему образу.

Результат

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

Заключение

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