Товаров: 0 (0р.)

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

Содержание

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


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

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

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

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

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

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

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

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

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

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

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

    Здесь нам необходимо изменить только один параметр –

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

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

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

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

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

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

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

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

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

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

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

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ
Поделиться статьей в социальных сетях:

Преобразуем текст в контур

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент «Текст» (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои —> Текст —> Создать рабочий контур (Layer —> Type —> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст —> Создать рабочий контур (Type —> Convert to Work Path).
Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, «Пера» (Pen Tool), «Стрелка» (Direct Selection Tool), «Угол» (Convert Point Tool) и др.

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

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

Сохранение текста как пользовательской формы

Для сохранения текста как пользовательской формы, пройдите по вкладке Редактирование —> Определить произвольную фигуру ( Edit —> Define Custom Shape), откроется новое окно, где следует задать новой фигуре имя:

Чтобы использовать полученную фигуру, переключитесь на инструмент «Произвольная фигура» (Custom Shape Tool):

И выберите созданную Вами форму:

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

На примере я выбрал создание при помощи слой-маски.

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

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

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

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

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

Метод 1: растрируем текст

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

  1. В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
  2. Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
  3. В итоге, вокруг текста на холсте должно повиться выделение.
  4. Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
  5. В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
  6. Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
  7. Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
  8. На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

  1. Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
  2. В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
  3. Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
  4. В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).

Метод 2: создаем конутр на новом слое

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

  1. Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
  2. Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
  3. В Палитре создаем новый слой.
  4. Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
  5. Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.

Метод 3: настраиваем параметры стиля слоя

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

  1. Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
  2. В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
  3. Видим на холсте следующий результат.
  4. Остается только убрать заливку слоя, указав значение – 0%.
  5. Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

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

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

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

Предисловие

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

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

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

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

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

Рис.1

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

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

Рис. 2

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

Рис. 3

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

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

Рис. 4

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

Рис. 5

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

Рис. 6

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

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

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

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

, то эта часть контура тоже станет прозрачной.

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

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

Рис.7

Цвет

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

Рис.8

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

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

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

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

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

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

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

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

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

Рис.9

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

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

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

Рис.10

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

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

Рис.11

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

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

Рис.12

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

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

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

Рис.13

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

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

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

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

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

Рис.14

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

Рис.15

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

Рис.16

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

Как сделать обводку текста в фотошопе двумя классными способами?

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

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

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

Как сделать обводку текста в Фотошопе?

Этот способ подойдет для создания обводки текста в Фотошопе:

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

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

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

Обводка с использованием двух слоев

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

  1. Сначала следует создать объект с надписью, после чего, зажав клавишу «CTRL» нажать кнопку «T», расположенную на панели слоев. Произойдет выделение надписи прерывающейся линией.

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

  3. Следующий шаг – расширение выделенной области. Делается это с помощью вкладки «Выделение» — «Модификация» — «Расширить». Откроется окно, в котором нужно ввести количество пикселей, на которые будет увеличен объект. Например, 3 пикселя.

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

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

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

Надписи

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

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

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

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

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

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

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


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

  2. Кликнуть ПКМ теперь уже по самому выделенному объекту и указать идентичный вариант из выпавшего списка: «Создать рабочий контур». Для того, чтобы данный метод заработал, нужно активировать инструмент «Текст», а также выйти из режима редактирования надписей (чтобы курсор не мигал и объект не был подчеркнут). Проще всего сделать эти две операции одновременно – нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. В то же время слой с надписью должен быть активен.

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

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

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

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

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

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

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

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

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

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

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

Создание рамки

Первый способ сделать обводку изображения – это создание рамки:

  1. Открыть изображение.

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

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

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

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

Окантовка объекта

Также можно выполнить обводку контура объекта:

  1. Выделить объект с помощью инструмента «Волшебная палочка».

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

  3. Перейти на вкладку «Контуры» в панели слоев.

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

  5. На вкладке «Контуры» кликнуть ПКМ и выбрать вариант «Выполнить обводку».

  6. После этого следует кликнуть по кнопке «Ок» и просмотреть результат.

Второй вариант:

  1. Выделить объект на изображении, на клавиатуре нажать «CTRL» и «, чтобы вынести его на отдельный слой.

  2. Выбрать в меню «fx» пункт «Обводка».

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

Изучение Photoshop

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

».

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

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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


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

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

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

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

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

    Зажимаем клавишу 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) сделать контур у текста. Используйте текстуру, чтобы добиться интересных эффектов. Экспериментируйте.

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

Например:

<div class=“teni”>

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

</div>

СSS:

#content .teni p{

font-size:25px;

color:#fff!important;

text-shadow:1px1px1px#000;

}

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

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

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

<div class=“obvod”>

<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. 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 на контуре 8 форм Круг Сердце Овальный квадрат

Персональные условия использования
www.mycorneronline.com

Personal Use (PU)
Файлы, содержащиеся в этом документе, являются продуктом My Corner Online и защищены законом США и международным законодательством об авторских правах.

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

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

ПУ «Использование в личных целях» — Право на использование продукта для создания (создания производных работ) для личного использования. Не претендуйте на принадлежность, перепродавайте или распространяйте.

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

КРЕДИТ — Право размещать сообщения в галереях или в Интернете (например, в блогах, на Facebook), требуя предоставления мне подтверждения.

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

WEB — Право на использование продукта для графики веб-сайта, используемой в личном блоге, веб-сайте, Twitter или Facebook. Графика должна быть не более 72 пикселей на дюйм. Иногда требуется кредит, а иногда нет.

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

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

Вы можете изменять и изменять эти работы для использования в цифровых макетах или поделках для скрапбукинга (т. Е. Изменять цвета), но никогда не заявляйте их как свои собственные! Любые измененные или измененные файлы защищены законом США и международным законодательством об авторском праве и не могут быть переданы или использованы в коммерческих целях без письменного разрешения с моей стороны.

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

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

Цифровое пиратство — это кража, воспроизведение или распространение работ, защищенных авторским правом, без разрешения или ведома создателя / правообладателя. Это включает в себя перераспределение без намерения получить прибыль от перераспределения. Распространение того, что вы получили бесплатно, по-прежнему считается пиратством. Если вы его не создавали, НЕ распространяйте его!

Условия коммерческого использования
www.mycorneronline.com

Коммерческое использование (CU)
Файлы, содержащиеся в этом документе, являются продуктом My Corner Online и защищены законом США и международным законодательством об авторских правах.

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

Эти файлы предназначены для КОММЕРЧЕСКОГО использования:

CU «Коммерческое использование» — право на использование продукта (создание производных работ) для создания в месте получения оплаты.

Эта лицензия предоставляет:

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

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

БЕСПЛАТНО — Право на использование продукта в создании предметов предоставляется бесплатно.Это широко известно как «халява».

QP «Быстрые страницы» — право создавать так называемые быстрые страницы, на которых поступает платеж.

ШАБЛОНЫ — Право на создание так называемого шаблона продукта, на который поступают деньги.

КРЕДИТ — Право на использование продукта, требующее указания кредита на дизайнера (в файле условий использования).

WEB — Право на использование продукта для графики веб-сайта, используемой в личном или профессиональном блоге, веб-сайте, Twitter или Facebook.Графика должна быть не более 72 пикселей на дюйм. Требуется кредит.

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

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

ВЫ НЕ МОЖЕТЕ:
Вы не можете делиться этим продуктом с другими (друзьями, семьей, через группы, электронную почту, форумы, список новостей, сайты обмена файлами и т. Д.)) целиком или отдельными частями. Это строго незаконно, нарушает международные законы об авторском праве и известно как цифровое пиратство.

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

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

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

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

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

Цифровое пиратство — это кража, воспроизведение или распространение
произведения, защищенного авторским правом, без разрешения или ведома создателя
/ правообладателя. Это включает в себя перераспределение без намерения получить прибыль от перераспределения. Распространение того, что вы получили бесплатно, по-прежнему считается пиратством. Если вы его не создавали, НЕ распространяйте его!

Как создать текст, который вписывается в круг и создать круговой эффект в Photoshop

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

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

Каковы преимущества использования Photoshop

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

Интересные эффекты, которые можно сделать в Photoshop с помощью текста

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

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

Как создать текст, умещающийся по кругу в Photoshop?

Способ создать этот интересный круговой эффект — адаптировать текст вокруг круга.Это одинаково для всех версий Photoshop. Начиная с версии CS2. Первым шагом будет открытие нашего проекта и щелчок по инструменту eclipse. Находится на панели инструментов в левой части экрана.

Теперь создаем круг нужного размера. Это будет нарисовано, когда мы перетаскиваем курсор или указатель (мы должны удерживать Shift, чтобы получить идеальный круг). Когда мы это сделаем, мы увидим новый слой с именем по умолчанию «Форма 1» на панели слоев. Вышеупомянутая панель расположена в правой части экрана.

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

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

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

Наконец

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

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

Самый простой способ написать текст по кругу в Photoshop — SCC

[ad_1]

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

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

Дизайн кругового текста в Photoshop

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

Шаг 1: Прежде всего открыть файл Вам нужно написать текст по кругу в фотошопе.

Шаг 2: Вы ​​выбираете символ Ellipse на вертикальной панели инструментов программного обеспечения.Ярлык — U .

Шаг 3: Продолжайте рисовать кубики в файл изображения, чтобы создать круговой текст. Обратите внимание, что вы должны нажать клавишу Shift Combine с левой кнопкой мыши, чтобы рисовать. Если вы не удерживаете Shift, создаваемая вами форма будет эллипсом, а не кругом.

Шаг 4: Выберите значок tee на панели инструментов Photoshop. Сочетание клавиш — T , и вы выбираете в первой строке Horizontal Type Tool .

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

Шаг 6: На панели инструментов слоя вы продолжаете закрывает глаза слоя с формой круга.

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

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

https://thuthuat.taimienphi.vn/cach-viet-chu-theo-hinh-tron-in-photoshop-52218n.aspx
Шаги по написанию букв в круге очень просты и легки в выполнении, не так ли? ты. Кроме того, вы также можете писать множеством красивых шрифтов, см. Способ Выберите хороший шрифт в Photoshop здесь.Удачи.

.

[ad_2]

Создание текста по контуру в Adobe Photoshop — Графический дизайн для урока Lunch ™ | Хелен Брэдли стенограммы

1. Текст на контуре в Photoshop — Введение: Здравствуйте, я Хелен Брэдли. Добро пожаловать в этот урок графического дизайна для ланча, создайте текст по контуру в Adobe Photoshop. Графический дизайн на обед — это серия занятий, на которых преподается ряд советов и приемов создания дизайна и работы в таких приложениях, как Illustrator, Photoshop и Procreate.Сегодня мы рассмотрим создание текста на контуре в Photoshop. Мы собираемся поработать с текстовыми инструментами, чтобы увидеть, как вы можете добавить текст к контуру в Photoshop. Затем мы рассмотрим практический пример того, как это сделать. Когда вы работаете с этими видео, вы можете увидеть подсказку, которая позволит вам порекомендовать этот класс другим. Пожалуйста, если вам нравится урок, поставьте ему большой палец вверх. Эти рекомендации помогают мне представить мои занятия большему количеству людей, которые, как и вы, хотят узнать больше о Photoshop.Если вы хотите оставить комментарий, сделайте это. Я читаю и отвечаю на все ваши комментарии, а также смотрю и отвечаю на все ваши классные проекты. Теперь приступим к созданию шрифта на контуре в Photoshop. 2. Текст на контуре — Часть 1: Чтобы начать создавать текст на контуре в Photoshop, я только что создал документ размером 1000 на 1000 пикселей, и у меня есть нижний слой, заполненный белым. Я собирался щелкнуть, чтобы добавить новый слой, и мы собираемся поместить на него наш текст. Но сначала мы собираемся нарисовать путь для нашего текста и перейдем к ужасному инструменту Pen Tool.Обещаю, это будет очень просто. Я собираюсь щелкнуть «Инструмент« Перо »», и я просто собираюсь щелкнуть и перетащить вверх к верхнему правому углу документа. Я собираюсь перейти к этой позиции здесь, щелкнуть и перетащить вниз. Я не хочу, чтобы это было очень долгое перетаскивание, я просто хочу, чтобы он получился там красивым небольшим изгибом. Затем давайте вернемся сюда, и давайте просто щелкнем и перетащим, чтобы завершить красивую кривую. У вас получилась извилистая кривая. Я собираюсь нажать «Escape», чтобы закончить рисовать свой путь.Если вам не нравится созданный вами путь, вы можете просто выделить его, нажать «Удалить» и начать заново. Но я собираюсь придерживаться этого. Затем я перейду к инструменту «Текст» и наведу курсор на путь. В Photoshop вы собираетесь использовать инструмент «Текст». В инструменте Path Tool нет шрифта, это просто инструмент Horizontal Type Tool. Вы собираетесь удерживать указатель мыши на пути, пока не увидите указатель в виде двутавра с этой волнистой линией через него. Это говорит вам, что Photoshop распознает, что там есть путь, и если вы щелкните сейчас, вы собираетесь добавить текст к этому пути.Давай просто начнем печатать. Теперь очень быстро вы обнаружите, что у вас заканчивается место для текста, и независимо от того, сколько вы набираете, он просто исчезнет. Причина в том, что эти маленькие три маркера — левый, центральный и правый край моего текста. Для моего текста не так много места. Теперь либо я мог бы продолжить печатать сейчас и разобраться в этом позже, либо я мог бы разобраться с этим сейчас. Поскольку я действительно не умею печатать, я хочу разобраться с этим сейчас, потому что мне нужно видеть вещи, когда я печатаю, чтобы я мог исправить свои ошибки.Теперь я собираюсь выбрать здесь инструмент Direct Selection Tool, это инструмент с белой стрелкой. Теперь я могу просто навести указатель мыши на эти фигуры и увидеть указатели, которые позволяют мне управлять своим шрифтом. Что ж, вот здесь, когда я наведу на него курсор, есть маленькая стрелка, указывающая вправо, это левое поле текста, и оно находится как можно дальше по этой строке. Это не тот, который мне нужно переместить, он здесь. Я просто наводил на него указатель мыши, пока не увидел двутавровый указатель со стрелкой, указывающей влево.Это правильное поле для моего текста. Как только я его вижу, я могу щелкнуть и перетащить его в конец пути. Теперь я собираюсь проигнорировать тот факт, что он перекатывается по моему пути, потому что, если я просто поднимусь, я смогу втянуть его обратно. Вертикальное движение здесь перевернет текст вдоль пути. Но я хочу убедиться, что эта фигура появляется в самом конце, чтобы у меня было достаточно места для текста. Теперь я возвращаюсь к своему инструменту «Текст», и вы, вероятно, можете догадаться, что я отправил включенный текст, потому что теперь этот текст находится по центру между левым и правым полями.Если бы я выбрал выравнивание по левому краю, текст переместится, и мы сядем на левое поле, маленький маркер здесь, который отмечает левое поле текста. Если я щелкну по правому краю, он появится здесь, на правом поле. Я возвращаюсь к центру текста и собираюсь щелкнуть инструментом ввода сразу после буквы S, чтобы я мог выбрать место, где я печатаю. Указатель мыши теперь находится под углом к ​​линии, и он мигает, то есть, это говорит мне, что я вернулся к своему тексту в режиме ввода строки.Я могу продолжать печатать. Когда я щелкаю вдали от линии с помощью такого инструмента, как Marquee Tool, вы можете видеть, что вы не видите линию, но вы видите текст на линии. Здесь, в палитре путей, вы увидите, что у вас есть свой путь. Это путь, который управляет текстом. Если вы перейдете к инструменту Direct Selection Tool и нажмете на любую из этих точек на пути, вы действительно сможете отрегулировать их, чтобы сделать линию более или менее изогнутой, и вы можете изменить любую из этих точек так же, как и вы. мог любой путь в фотошопе.Когда вы измените это, текст изменится по этому пути. Если вы перейдете к инструменту выбора пути здесь, вы можете просто щелкнуть путь. Вы хотите убедиться, что индикатор представляет собой эту черную стрелку, а не какой-либо из этих текстов в инструментах контура, это не тот, который вам нужен. Вам нужна эта стрелка, и теперь вы можете выбрать свой путь и переместить его. Когда вы делаете текст, он в значительной степени фиксируется на этом пути. Иногда бывает немного сложно убедиться, что у вас действительно выбран путь, а не один из этих текстов в инструментах пути.Вы также можете создать текст по круговой траектории. Я перейду к инструменту «Эллипс» и нажму «Путь». В более ранних версиях Photoshop здесь было бы три значка, а не раскрывающееся меню, а просто путь. Собираюсь удерживать Shift, когда вытаскиваю круг. Я перейду к инструменту «Текст», наведу курсор на путь и начну печатать. Работа с текстом на круглой форме в Photoshop может быть немного сложной, пока вы не поймете, что это за рисунок в Photoshop. Пойдем и возьмем Direct Selection Tool.Я собираюсь навести указатель мыши на этот конкретный индикатор, и в зависимости от того, куда я наведу курсор, на самом деле в этой точке есть два индикатора, и вам нужно четко понимать, какой из них контролирует. Левая стрелка управляет правым полем шрифта, а правая стрелка управляет левым полем. Теперь у меня есть стрелка, указывающая вправо, так что она здесь управляет. Я хочу быть уверенным, что когда я щелкаю и перетаскиваю его, я просто немного перемещаю его. Если я пойду в этом направлении, случится беда.Просто имейте в виду, что здесь эта точка контролируется. Теперь, когда мы их разделили, они будут вести себя идеально. Выбрав любой из них, вы можете просто прокрутить текст по контуру, просто перетащив маркер точки над линией, внутри линии и за ее пределами. Теперь, когда мы создали текст на контуре и текст на круге, давайте фактически создадим текст на фигуре, чтобы мы могли увидеть, как все это будет работать на практике. 3. Текст на контуре — Часть 2: Прежде чем мы закончим, давайте посмотрим на реальную ситуацию, когда мы, возможно, захотим разместить текст на контуре.Это баннер с наградой, похожий на тот, который мы создали в одном из моих других классов. Если у вас есть этот баннер с наградой, вы можете использовать свой собственный. Если у вас его нет, я дам вам ссылку в области проекта класса, где вы можете загрузить это изображение и использовать его сами. Теперь я собираюсь разместить здесь все наверху, потому что хочу, чтобы мой текст был выше всего остального. Я просто нажму, чтобы добавить сюда новый слой. Мы хотим создать путь, по которому мы можем печатать наш текст. Я перейду к инструменту Ellipse и хочу убедиться, что здесь выбран Path.В более ранних версиях Photoshop у вас будет три значка, и вам понадобится значок «Путь». Я собираюсь удерживать клавишу Shift, когда начну рисовать круг, и он должен быть немного больше, чем внутренний круг здесь. Чтобы было легче, я тяну за это, я использую клавишу пробела, чтобы перемещать фигуру, когда рисую. Вы просто удерживаете клавишу пробела, затем вы можете перемещать фигуру, а затем отпускать клавишу пробела, и вы можете продолжать рисовать свою форму. При всем этом, конечно, я держу палец на клавише Shift, потому что хочу, чтобы это был идеальный круг.Теперь он не по центру, но сейчас меня это не беспокоит, мне просто нужен круг правильного размера. Я просто отпущу левую кнопку мыши, а затем отпущу клавишу Shift. Теперь я перейду к инструменту выбора пути, я собираюсь перетащить фигуру так, чтобы она была по центру документа, а баннер награды находится прямо в центре документа. Это позволяет легко разместить путь именно там, где вы хотите. Теперь что касается моего текста, я хочу, чтобы текст был вверху здесь, но я также хочу, чтобы текст был внизу.Я собираюсь разделить этот путь на две части, чтобы упростить задачу. Я перейду к инструменту «Перо», и мне нужен инструмент «Добавить точку привязки», поэтому я просто щелкну по нему. Я собираюсь нажать «Добавить точку привязки» чуть выше этой ленты, а затем нажать «Добавить» еще одну точку чуть ниже ленты. Я собираюсь сделать то же самое с этой стороны, одну над лентой и одну чуть ниже ленты. Теперь я перейду к инструменту «Прямое выделение», и теперь я могу выделить только эту линию, которая находится над лентой, и нажать «Удалить».В этом месте линия разбивается на две части. Я собираюсь сделать то же самое здесь, Удалить. Если мы посмотрим на их палитру путей, вы увидите, что ваш рабочий путь состоит из двух отдельных линий, одна вверху, а другая внизу. Поскольку у нас есть две строки, мы можем иметь тексты, идущие в обоих направлениях. Теперь мы возьмем инструмент «Текст», у меня здесь выделен белый текст, я наведу курсор на путь и подожду, пока не произнесу указатель двутаврового луча с волнистой линией через него, а затем я щелкну один раз. . У меня есть центрированный текст, выберите его, и я просто напечатаю свой текст.Как и раньше, маркеры расположены так близко друг к другу, что у меня нет места для текста. Я перейду к своему Direct Selection Tool здесь, я просто найду точку настройки для этого маркера, вот она там. Это двутавровая балка со стрелкой, указывающей влево, поэтому я просто щелкну и перетащу. Но беспокоит, что мой текст перевернулся за линию, но я просто собираюсь взять точку окончания до самого конца строки. Затем я собираюсь перетащить наружу к краю этой формы, и это просто перевернет текст.Вернемся к инструменту «Текст», я собираюсь расположить его чуть выше конца текста, я собираюсь выделить свой текст, потому что я хочу использовать что-то немного меньшее. Я просто собираюсь сократить это примерно до 36 пунктов. Теперь он не выглядит особенно хорошо центрированным для меня здесь, поэтому я просто собираюсь войти в этот маркер и немного переместить его так, чтобы два маркера слева и справа были примерно равны. Если вы не уверены, что они равны, если ваши линейки видны, выбрав «Просмотр», а затем «Линейки», вы можете просто перетащить линейку вниз и дважды проверить.Когда вы закончите, вы можете выбрать «Просмотр», «Очистить направляющие», и направляющая просто исчезнет. Теперь, когда мы сделали наш первый фрагмент текста, мы готовы сделать второй фрагмент текста. Если вы потеряли свой путь, вы можете просто щелкнуть здесь рабочий контур в палитре контуров, чтобы снова его восстановить. Давайте перейдем к инструменту «Текст», щелкнем здесь по строке, а затем введем «2016». Опять же, я хочу центрировать это на строке, поэтому я перехожу к инструменту «Прямое выделение», я ищу возьмите маркер, я просто перетащу его, пока он не окажется примерно напротив маркера на другом конце, и, поскольку текст находится по центру, он отображается в идеальном положении, за исключением того, что он перевернут.Что ж, я собираюсь взять здесь среднюю точку и просто перетащить ее так, чтобы она находилась над верхней частью линии. Текст теперь находится справа вверху, но он должен быть здесь, а не над линией. Что ж, я возвращаюсь к инструменту «Текст» и собираюсь выделить любой текст. Теперь я возвращаюсь сюда, на панель параметров инструмента, и собираюсь открыть панель «Символ», потому что панель символов позволит мне сдвинуть текст вниз. Для этого я собираюсь настроить здесь этот параметр, который является смещением базовой линии. Это неаккуратный слайд, поэтому я могу просто щелкать и перетаскивать слова, и если я перетаскиваю в отрицательном направлении, я собираюсь потянуть текст вниз по мере его поступления.Я просто нажму «В гостях», чтобы сказать, хорошее ли это положение, а так оно и есть. Теперь я могу просто выбрать другой инструмент, чтобы отменить выбор всего. У нас есть текст в верхней части круга, у нас есть текст в нижней части круга, мы видели, как разрезать путь пополам, и мы готовы двигаться дальше и просто создайте несколько текстов вдоль этого баннера. 4. Текст на контуре — Часть 3: Чтобы поместить текст на эту ленту, мы возвращаемся к палитре Контуры, потому что у нас есть путь ленты, который был создан и сохранен вместе с документом.Путь находится не в том месте, но он есть, так что это половина работы. Мы переходим к инструменту выбора пути. Я просто перетащу его на место, потому что я хочу расположить его прямо над лентой и там, где я хочу, чтобы текст был. Теперь я возвращаюсь к своему инструменту выбора пути, потому что хочу выделить на своем пути. Мне нужно убедиться, что мой путь выбран. Я собираюсь щелкнуть инструмент «Текст» и навести указатель мыши на линию, пока не наведу указатель на двутавровую балку с волнистой линией сквозь нее.Я собираюсь щелкнуть один раз и начать печатать. Теперь сразу могу сказать, что сдвиг базовой линии, который у меня был ранее, все еще применяется к этой линии. Я просто наведу стрелку назад по моему тексту и установлю для него значение 0. Это перенесет текстовую резервную копию в строку. Вернитесь к моему текстовому инструменту, нажмите на строку и продолжайте печатать. Теперь мой текст снова исчез, потому что границы моего текста так близко друг к другу. На этот раз я все напечатал. Теперь я перейду к инструменту «Прямое выделение».Я собираюсь навести указатель мыши на эту точку в поисках указателя двутаврового луча со стрелкой, указывающей влево, потому что это контролирует правый край моего текста. Я просто собираюсь начать перетаскивать его, и когда я это сделаю, мой текст должен снова появиться, и я могу перевернуть его через строку, просто перетащив вверх к верхней части документа. Я собираюсь начать позицию моего текста здесь, возвращаясь к этому концу строки, ищу правый двутавровый курсор, чтобы он управлял левым краем текста. Я просто немного притащу его.Я потерял свой текст над строкой, поэтому я просто найду указатель и перетащу его вверх, а затем щелкну. Если вы были в моем классе, где мы создали этот бортовой значок и ленту, вы теперь увидите, насколько удобно сохранить путь, который проходит вдоль линии этой ленты, чтобы он был у нас под рукой в ​​палитре контуров и мы могли использовать его в любое время, когда захотим. Ваш проект для этого класса будет заключаться в создании текста на пути. Вы можете загрузить это изображение и использовать его, или вы можете использовать любое изображение по вашему выбору.Разместите свой проект в области проекта класса. Я надеюсь, что вам понравился этот урок и вы научились создавать текст на контуре, а также текст на круге в Photoshop. Если вам понравился этот курс и вы видите подсказку порекомендовать его другим, пожалуйста, дайте ему большой палец вверх. Это помогает другим идентифицировать это как класс, который они, возможно, захотят принять. Если вы хотите оставить комментарий, сделайте это. Я читаю и отвечаю на все ваши комментарии, смотрю и отвечаю на все ваши классные проекты.Меня зовут Хелен Брэдли. Большое спасибо за то, что присоединились ко мне для этого выпуска графического дизайна для обеда. Я с нетерпением жду встречи с вами в ближайшем выпуске.

Curve Text в Photoshop — два метода

Есть два способа изогнуть текст в Photoshop: с деформированным текстом и с текстом на пути . В этом уроке мы используем eclipse и семейство шрифтов The Bigman .

Вариант 1. Использование деформированного текста

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

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

Выберите инструмент Type (T), выберите шрифт и введите текст (мы использовали Bigman Cut Regular @ 80 pt, по центру и черный цвет заливки).

Шаг 2: Деформация текста

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

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

Шаг 3. Измените направление сгиба

Чтобы согнуть его в противоположном направлении, продублируйте слой с текстом (command / control + J).

Дважды щелкните в верхней части эскиза эффекта и переверните значение bend (мы использовали -50%).

Теперь вы можете переместить и, возможно, изменить цвет текста. Обратите внимание, что этот вариант исказит ваши буквы.

Вариант 2: Использовать шрифт по пути

Шаг 1: Дублировать или добавить текст

Для второго варианта используйте инструмент типа (T), чтобы выделить текст, и скопируйте его (команда / контроль + C).

Шаг 2: Создайте окружность

Выберите инструмент эллипс (L).

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

Шаг 3: Добавьте текст в круг

С помощью инструмента типа (T) щелкните путь, затем щелкните правой кнопкой мыши и выберите вставить , чтобы вставить текст (команда / контроль + V ).

Шаг 4: Переместите текст

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

При желании вы можете изменить размер пути и текста с помощью инструмента преобразования . (command / control + T) или перейдите к изменить > свободное преобразование . Удерживая клавиши shift + option / alt , перетащите угловые узлы блока преобразования к центру, чтобы масштабировать путь. Удерживая опцию / alt и , сдвигайте клавиши , принудительно выполняйте преобразование от центра и с тем же соотношением сторон.Нажмите , введите или щелкните маленькую галочку , чтобы зафиксировать изменения.

Шаг 5. Измените направление и / или положение текста

Для размещения текста внизу (или по бокам). Дублируйте текстовый слой (command / control + J).

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

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

Шаг 6. Отрегулируйте текст

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

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

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

Проверьте это.

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

Текст по контуру в Photoshop CS

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

Начать новый документ. Предустановленные параметры по вашему выбору.

Выберите инструмент «Перо» (P), инструмент «Линия», инструмент «Перо FreeForm» или любой из инструментов «Фигура» с активной панелью параметров «Контуры».

Построение контура (пример открытого контура)
В этом примере позволяет нарисовать синусоидальную кривую с помощью инструмента «Перо» с активными контурами.

См. Пример ниже для создания простой кривой «s».

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

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

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

Переместить текст по контуру
Чтобы переместить шрифт по контуру, сначала выберите «Инструмент выбора контура (P)» на панели инструментов и просто щелкните и перетащите в начале шрифта, как показано ниже.

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

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

Другие простые примеры, включая. Печатайте на замкнутом пути.
В этом примере используется инструмент Elipse (U) для создания кругового пути с включенной панелью параметров «Пути».

alexxlab

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

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