Mini-ats102.ru

ООО “Мультилайн”
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать красивый текст в Photoshop с помощью глифов

Как сделать красивый текст в Photoshop с помощью глифов

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

Начертание swash — варианты букв с украшениями. Это могут быть завитки, необычные хвостики и другие элементы, которые делают символы интереснее. Глифы и swashes — необязательная добавка, они есть не для всех шрифтов. Но если есть, то они будут соответствовать общему стилю и, соответственно, впишутся органично.

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

На сайте Envato Tuts+ вышла инструкция, как использовать все эти элементы. Мы её для вас перевели.

Обычный текст

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

  1. Создайте новый рисунок. Или откройте картинку, к которой хотите добавить подпись.
  2. На панели слева найдите кнопку в виде заглавной буквы «T». Если навести на неё курсор, появится всплывающая подсказка «Горизонтальный» или «Вертикальный».
  3. Щёлкните по ней правой кнопкой мыши. Выберите направление надписи.
  4. Кликните на место, куда надо добавить символы. Или выделите область, в которой они должны располагаться.
  5. Следует написать то, что вам нужно.
  6. Если вы щёлкнули в произвольном месте, границы текста будут «растягиваться» по мере ввода. Можете переносить строки, нажимая Enter. Если выделяли область, придётся менять размеры рамки вручную.
  7. Чтобы расширить поле для печати, «потяните» мышью за маркеры на этой границе. Они будут активны, если нажата кнопка «T».
  8. Чтобы переместить блок с текстом, нажмите на пиктограмму в виде чёрного курсора и перекрестья. Она находится на панели слева. Обычно в самом верху. После этого просто перетащите объект. Это аналогично перемещению ярлыков в Windows.

Фотошоп

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

Читайте так же:
Можно ли в электропечи разогревать еду

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

Шаг 1: добавь свой текст

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

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

Текст был добавлен к изображению.

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

Шаг 2: выберите фоновый слой

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

Шаг 3: выберите область, которая будет перекрывать текст

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

Как я уже упоминал, я хочу, чтобы бейсболист появлялся перед текстом, но так как текст блокировал только верхнюю его половину из поля зрения, нет необходимости выбирать его все. Нам нужно только выбрать область, которая будет фактически перекрывать текст. Используйте инструмент выделения вашего выбора ( Lasso Tool , Magnetic Lasso Tool , Pen Tool и т.д.) , чтобы нарисовать контур выделения вокруг области вам нужно. Здесь я выбрал область от верхней части его шлема до его талии. Я могу игнорировать остальную часть его, так как он падает ниже, где появится текст:

Выбор части теста на фото.

Шаг 4: Скопируйте выбранную область на новый слой

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

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

Читайте так же:
Как в ворде поставить греческие цифры

Чтобы получить лучшее представление о том, что именно было скопировано на новый слой, удерживайте нажатой клавишу «Alt» (Win) / « Option» (Mac) и щелкните значок видимости слоя для слоя 1. Это временно скрывает все слои, кроме слоя 1, в окно документа, показывающее нам, что находится на слое. В моем случае появляется только верхняя половина бейсболиста. Окружающий его рисунок шахматной доски — это способ представления прозрачности в Photoshop, означающий, что на слое больше ничего нет. Когда вы закончите, удерживайте Alt (Победа) / Option (Mac) и еще раз щелкните значок видимости слоя для Слоя 1, чтобы вернуться к обычному виду:

В окне документа отображается только содержимое слоя 1.

Шаг 5: снова включи текстовый слой

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

Шаг 6: перетащите слой 1 выше текстового слоя

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

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

Бейсболист теперь появляется перед текстом.

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

Вариант 2

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

1) возьмём инструмент «овальное выделение»;

как сделать надпись по кругу в фотошопе19

2) зажав клавишу «shift» образуем круг;
3) ЛКМ кликаем по выделенной области, нажимаем «преобразовать в рабочий контур»;

как сделать надпись по кругу в фотошопе20

4) находим инструмент «текст», наводим на рабочую зону и кликаем по ней;

как сделать надпись по кругу в фотошопе21

5) набираем текст;
6) жмем на галочку сверху, для сохранения эффекта.

как сделать надпись по кругу в фотошопе22

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

Как разместить текст за объектом

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

Читайте так же:
Можно ли залить тирет в посудомоечную машину

Шаг 1: Откройте ваше изображение

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

Исходное изображение. Фото предоставлено: Adobe Stock.

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

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

Включение слоя «Тип» на панели «Слои».

И теперь мы видим слово «ФОТОШОП», сидящее перед изображением:

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

Шаг 3: дублируем фоновый слой

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

Выбор фонового слоя.

Сделайте копию слоя, зайдя в меню Layer в строке меню, выбрав New, а затем выбрав Layer via Copy . Или вы можете быстро скопировать слой со своей клавиатуры, нажав Ctrl + J (Win) / Command + J (Mac):

Переход к Layer> New> Layer via Copy.

Копия фонового слоя появляется между исходным фоновым слоем и слоем типа:

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

Шаг 4: Перетащите копию над слоем Тип

Нам нужно переместить новый слой над текстом. Нажмите на слой «Background copy» и перетащите его над слоем Type:

Перетаскивание слоя «Фоновая копия» над текстом.

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

Слой был перемещен над слоем Тип.

Шаг 5: Выберите инструмент быстрого выбора

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

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

Шаг 6: Выберите область, в которой будет скрыт текст

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

Читайте так же:
Можно ли брать свою еду в кинотеатр

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

Просмотр выбора в режиме быстрой маски

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

Просмотр выбора в режиме быстрой маски.

Шаг 7: уточнить выбор с помощью Select и Mask

В большинстве случаев ваш первоначальный выбор будет страдать от грубых, неровных краев. Чтобы сгладить их, нажмите кнопку « Выбор и маска» на панели параметров. Обратите внимание, что «Выбор и маска» доступны только в Photoshop CC. Если вы используете Photoshop CS6, вам нужно нажать кнопку « Уточнить края» . Refine Edge предлагает большинство таких же элементов управления для уточнения выделений, как Select и Mask:

Открытие рабочей области Select and Mask.

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

В рабочем пространстве «Выбор и маска» или в диалоговом окне «Уточнить край» щелкните миниатюру « Режим просмотра» :

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

Измените вид на Слои :

Выбор режима просмотра On Layers.

Это позволяет нам предварительно просмотреть, как выделение в данный момент выглядит перед текстом. И здесь мы видим, что все выглядит отлично, по крайней мере, на расстоянии:

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

Пристальный взгляд

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

Края выглядят не так хорошо, если смотреть близко.

Сглаживание краев

Чтобы сгладить края, я перетащу ползунок « Сглаживание» вправо до значения около 10:

Сглаживание неровных краев.

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

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

Узнайте больше об улучшении выбора в Photoshop

Усовершенствования в Photoshop гораздо больше, чем то, что я могу описать в этом уроке. Чтобы узнать больше, см. Мои учебники Select Subject в Photoshop CC 2018 и учебники «Выбор волос с помощью Refine Edge».

Читайте так же:
Как в ворде поставить фон за текстом

Шаг 8: Выведите выделение как маску слоя

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

Вывод выделения в виде маски слоя.

Вернувшись в Photoshop, миниатюра маски слоя появляется на слое «Фоновая копия» на панели «Слои»:

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

И в окне документа мы видим конечный эффект с нашим текстом, хорошо сидящим за нашей темой:

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

И там у нас это есть! Вот так легко разместить текст за объектом с помощью Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop

Пишем текст по кругу в Photoshop Online с помощью деформации

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

  1. Откройте Фотошоп Онлайн.
  2. В левом верхнем углу нажмите на пункт «Файл».
  3. В появившемся меню выберите «Открыть».
  4. Загрузите изображение, которое хотите отредактировать.
  5. Можете создать новый документ, указав необходимые размеры.
  6. В левой части экрана нажмите на значок «Т».
  7. Введите часть текста.
  8. Кликните по разделу «Деформация», который находится в верхней части рабочего поля.
  9. В появившемся окошке в графе «Стиль» из представленного перечня выберите пункт «Дуга».
  10. Настройте изгиб, передвигая ползунок в левую или правую сторону. Этот параметр выражается в виде процентов.
  11. После этого снова нажмите на иконку «Т» с левой стороны.
  12. Напишите вторую часть текста.
  13. Таким же образом отредактируйте его через вкладку «Деформация».
  14. Текст будет написан по кругу. При необходимости измените его шрифт, цвет, размер и т.п.
  15. Сохраните изменения.

как в фотошопе онайлн написать текст по кругу

Одна из новых функций Photoshop позволяет скопировать набор CSS-свойств по сути любого слоя или группы (при использовании команды на группу — будут скопированы свойства как самой группы, так и слоёв внутри неё).

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

8

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector