Стилизация шрифта в Фотошопе

Содержание

Урок в фотошопе (Adobe Photoshop CS6). Стилизация фотографии под текст или портрет из слов

Стилизация шрифта в Фотошопе

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

  1. Выбираем фотографию. Самой лучшей будет фотография, где объект внимания (девушка) располагается в центре кадра. В строке меню идем по пути Файл – Открыть. 

Из списка выбираем нужную нам папку и фотографию, нажимаем Открыть.

На  рабочей зоне появилось окно с названием – 1 и активирован инструмент «Перемещение» — 2 (см. фото). Если нет, нажмите на него левой кнопкой мыши (сокращ. — ЛКМ).

  1. Определяем размер. Размер фотографии имеет значение. Чем больше, тем лучше.

Узнать размер фотографии можно через Изображение – Размер изображения.

Следует определиться с форматом портрета для печати – А 4, А 3 или др.

! Если вы собираетесь печатать в фотосалоне, уточните размеры формата, т.к. при печати некоторые принтеры «съедают» несколько процентов.

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

  1. Создаем новый документ. Файл – Создать или нажимаем на клавиатуре сочетание двух клавиш Ctrl+N.

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

Если вы хотите портрет в формате А 4, то у вас будут следующие настройки.

Для больших форматов меняйте только ширину и высоту.

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

Переходим в закладку с фото.

Также снимаем замок со слоя с фото.

  1. Копируем фото на новый слой.Выделение – Все (Ctrl+A).

По фотографии побежали бело-серые полоски.

Редактирование – Скопировать (Ctrl+C).

Выделение – Отменить выделение (Ctrl+C).

Нажимаем на закладку Без имени – 1. И вставляем фото: Редактирование – Вставить (Ctrl+V).

В палитре слоев появился новый слой.

Закладку с фото можно удалить, нажав на крестик закладки. Не сохранять.

  1. Меняем размер Слоя 1 (с фото). В меню выбираем Редактирование – Свободное Трансформирование (Сtrl+T).

Появилась рамка с квадратиками, показывающая истинный размер слоя.  Подводим мышь к крайнему квадратику, появилась двухсторонняя стрелка. Держим кнопку Shift на компьютере, ЛКМ и тянем рамку по диагонали вверх, тем самым меняя размер слоя.

Вот что получилось. Чтобы поместить фото по центру используем стрелки на компьютере. Для фиксации результата нажимаем Enter

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

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

В палитре слоев меняем местами слои. Зажав ЛКМ, перетаскиваем Слой 1 под Слой 0.

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

Бесподобная, Блестящая, Волшебная, Восхитительная, Добрая, Желанная, Жизнерадостная, Звезда, Изящная, Клёвая, Конфетка, Лучезарная, Лапа, Нежная, Неотразимая, Ослепительная, Потрясающая, Роскошная, Секси, Сногсшибательная, Удивительная, Умная, Фантастическая,  Элегантная, Юморная, Яркая.

Создаем новый документ. Файл – Создать (Ctrl+N).

Можно выбрать набор Заказная (нажимаем на треугольник) с такими настройками, и нажать Ок.

Или выбрать Международный формат бумаги А 4.

Все зависит от истинного размера вашей фотографии. Лучше взять больше, чем меньше.

В палитре слоев снимаем значок замка на слое Фон двойным нажатием ЛКМ.

В появившемся окне нажимаем Ок.

Появился Слой 0.

На панели инструментов выбираем Горизонтальный текст (Т).

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

Настраиваем Поле параметров. Нам нужно выбрать шрифт, подойдут такие шрифты как Arial, Batang и др. И в меньшем случае рукописные шрифты – Annabelle.

Размер и цвет можно оставить такими же.

В боковой панели палитр также можно настроить параметры текста в окне Символ.

При нажатии на документ появляется курсор, а на панели слоев – новый слой Т. Пишем первое слово. Старайтесь писать больше слов только заглавными буквами. При желании изменяем параметры шрифта и размера, выделяя ЛКМ написанное слово.

В меню выбираем Выделение – Все (Ctrl+A).

По краю листа побежали бело-серые полоски.

Далее Редактирование – Определить кисть.

В появившемся окне – Ок. Снимаем выделение. Выделение – Отменить выделение (Ctrl+D).

Нажимаем на слово (!) и стираем его, пишем другое на его месте.

Если нажмете  инструментом не на само слово, то появится новый  текстовый слой. В таком случае напишите слово, а затем в панели слоев выделите (нажав ЛКМ – 1) и удалите не нужный текстовый слой нажав на: А. кнопку Del на клавиатуре; Б. кнопки мусор.ящика (2) на нижней панели в палитре слоев, а затем Да.  

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

Не сохранять.

  1. Портрет. Работаем в закладке с фото. На панели инструментов выбираем ластик (или нажимаем англ. Е на клавиатуре).

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

Настраиваем панель инструментов для ластика. Обязательными должны быть параметры Режим: Кисть, Непрозр. и Наж.: 100 %. Для их изменения нажимаем на стрелочки.

Выбираем кисти, которые мы делали. Идем по пути, указанном на рисунке ниже: 1 – открываем панель, 2 – выбираем кисть ЛКМ (все наши кисти в самом внизу, хоть номера разные), 3 – изменяем размер, двигая жостик.

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

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

Создание картины. Нажимаем кистью на выбранное нами поле с границами, получаем вырез из слова, где видна фотография. Далее выбираем другую кисть и размер (чередуем больше-меньше) и «стираем» фотографию. Помните, что выделенную область нужно обработать кистями на 90 %.

Можно добавить немного красок.

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

Нажимаем ЛКМ и выбираем, например, Наложение градиента.

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

Вот еще пример.

Можно воспользоваться палитрой Стили (1). Ниже показан один из примеров стандартных стилей (2) только с одним исправлением – без тиснения (выключен глазок – 3).

9. Сохраняем результат. Файл — Сохранить как.

В появившемся окне выбираем папку (1), в поле «Имя файла» (2) пишите свое или оставляете то, что вам предлагает программа (Без имени), выбираете тип файла (3) JPEG (подходит для печати портрета) и PSD (со слоями, если захотите что-то изменить). Ок.

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

Источник: //vseprosto.spez-vizit.ru/?p=58

25 творческих эффектов текста Photoshop – в ярком стиле

Стилизация шрифта в Фотошопе

Существует несколько способов получить великолепные результаты в Photoshop и сэкономить время.

В этой статье мы предлагаем отборную коллекцию Photoshop text effects от Envato Market с множеством ярких стилей к вашему набору цифровых инструментов.

Best Selling Photoshop Text Effect Actions – продаются на Envato Market (GraphicRiver)

Эти премиум-эффекты текста созданы для дизайнеров и художников, которые работают в Adobe Photoshop. Они разработаны с использованием профессиональных технологий Photoshop, таких как actions, стили слоя и smart объекты.

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

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

Творческие эффекты текста для Photoshop  

Вот 25 ярких текстовых файлов эффектов, которые вы можете приобрести по доступной цене от $4 до $10. Здесь тонны стилей, таких как: жирный старинный текст, киношная надпись, реалистичные стили металла и многое другое.

Сделайте надпись в своем следующем проекте исключительной с помощью одного из этих текстовых эффектов Photoshop:

1. VHS – RGB Glitch PSD Text Effect

С оглядкой на эстетику 90-х, этот текстовый эффект имеет стильный дизайн видео-помехи. Этот файл Photoshop легко настраивается с помощью смарт-объектов. Вы можете применить его к своему тексту, логотипу или другой форме и настроить по необходимости. Размер шаблона 2000px на 1500px и 300 DPI, но может быть легко скорректирован.

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

2. 3D Photoshop Text Effects Vol.2

Это яркий набор текстовых эффектов с 10 PSD-файлами для работы в стилях Дерево, Старая ржавчина и Шторм. Их быстро настроить, вы можете просто заменить текст в любом файле с помощью смарт-объекта слоя. Больше поработайте над общим замыслом, без лишних усилий на оформление текста в стиле 3D.

3. 80s – Vibrant Photoshop Text Effects

Текстовые эффекты 80-х годов невероятно характерны, сверхзабавны и ретро-круты. В наборе 8 стилей PSD для работы – все сделаны smart объектами для простого редактирования. Независимо от того, у вас флаер событий, плакат или цифровая деталь для дизайна, эти яркие трёхмерные стили текста проявятся сияющими эффектами.

4. Cinematic Title PSD Text Effects Vol 5

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

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

5. 14 Bold Vintage PSD Text Effects V.2

Удивительная подборка с 14 текстовыми эффектами, сочетающих ретро и современный стиль. Если вам нужен отличный текст смеси 3D в PSD и классического дизайна, этот набор имеет нужные стили. Вы можете быстро приложить свой собственный бренд (и послание) к любому тексту в этом наборе. Он будет работать даже с вашими формами и логотипами!

6. Broken Glass – Creative Photoshop Actions

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

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

В наборе шесть actions, настроенных на hi-res 300 DPI, включая один файл action ATN Photoshop и один файл PAT Photoshop, которые используются шестью actions.

7. Photoshop Glow Text Styles Pro

Этот текстовый эффект имеет стиль свечения, который вы можете применить к веб-дизайну, игре или приложению. Если нужен стиль логотипа, применить свечение к элементам меню или текстовым полям, этот пакет имеет стильный трендовый дизайн. Он предназначен для web и имеет значение 72 DPI. Он поставляется с 50 стилями слоя PSD, с несколькими цветами и источниками света.

8. Full Metal Package 3D – Photoshop Actions

Этот пакет поставляется с несколькими Photoshop actions и стилями слоев. Всего здесь 47 actions (18 для 3D-эффектов и 29 actions стиля). Также 62 стиля слоя для создания 29 материалов в Photoshop: хром, серебро, золото, медь и многое другое – полный металлический пакет.

Разработан в высоком разрешении, пригоден для создания текстовых эффектов на печать или web. Супер-универсальный и работает с различными формами и стилями текста. Это переход к набору стилей PSD для создания любых трёхмерных металлических элементов – с быстрыми качественными результатами!

9. Gold Photoshop Text Effects

Возьмите обычную надпись и быстро превратите её в красивый золотой текст. Этот PSD action включает в себя 15 эффектов, которые могут использоваться в различных проектах, от стилей золотой фольги до эмуляции золотой печати, горячей фольги и т. д. Добавьте к дизайну элегантную эстетику!

10. Ultimate PSD Text Effect Collection

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

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

11. AtoZ: Epic PSD Text & Logo Effect

Этот high-energy текстовый эффект Photoshop CC файла основан на популярном стиле видеоигр. С ним нет необходимости устанавливать шаблоны, стили, кисти или выполнять actions.

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

12. 10 Elegant Photoshop Text Styles Vol.5

Этот том наполнен разнообразными текстовыми эффектами Photoshop, такими как: элегантная пузырьковая надпись, эффекты галактических звезд и сияющий металл. Есть десять эффектов, включенных в PSD-файл в комплекте с ASL-файлом. Работает с любым шрифтом.

13. Retro Photoshop Text Effects

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

14. Neon Pro – Bright PSD Text Effect

Этот эффект неонового текста имеет реалистичный стиль, который очень прост в применении. Просто откройте слой smart объектов, чтобы изменить текст или фигуры в Illustrator, и он обновится в Photoshop. У вас мгновенно будет настроенный профессиональный неоновый эффект.

15. Watercolor Photoshop Text Effects

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

16. Real Fire Photoshop Text Creator 2

Сделайте реалистичный текстовый эффект огня тремя простыми шагами. Введите свой текст, запустите action PSD, а затем настройте его, разместив пламя специальной кистью. Результаты в высоком разрешении на прозрачном фоне могут быть достигнуты за одну-две минуты. Рисуя пламя своей рукой, вы добьётесь действительно творческого результата.

17. Sweet Colorful Text Effects – 10 PSD

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

18. Cartoon – Stylish PSD Text Effects

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

19. Balloon Effect – Vibrant PSD Action

Этот текстовый эффект Photoshop выполнен в ярком стиле надувного шарика. Вы можете быстро превратить ваш текст или фигуру в бодрый дизайн, просто нажав кнопку воспроизведения в этом PSD action. Цвета можно также полностью настроить, создавая уникальные результаты.

Загрузка включает файл action Photoshop ATN, Photoshop кисть ABR и шаблон файла Photoshop PSD, а также файлы справки и инструкции.

20. Letterpress – Creative Photoshop Text Effects

Идеальный для печати плакатов или открыток, или для веб-страниц с эстетикой ручной работы, этот винтажный текстовый пакет содержит 10 ярких стилей. Он настроен на простую замену в smart объектах и работает со свободными шрифтами. Дизайны стилей красивы и дадут вам быстрый, качественный результат!

21. 4 Glitch Video – Photoshop Text Effects

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

Отлично подходит для флаеров стиля 80-х, постеров или классических техно-дизайнов. В комплекте четыре PSD-файла, которые работают со smart объектами Photoshop. Поместите свой текст в объект, и в ответ получите захватывающий дизайн!

22. 3D Gold PSD Text Mockups

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

23. Realistic Photoshop Styles Bundle

Это набор 27 текстовых эффектов и 50 стилей в файле ASL Photoshop.

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

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

24. Retro Vintage Text Effects Bundle – PSD Vol. 1-3

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

Это эффекты с послойным профессиональным качеством, с поднятыми 3D буквами и эффектами, имитирующими старый способ печати. Результат – чёткие, уникальные текстовые эффекты, классические очертания.

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

25. Letterpress Photoshop Style – Wood Edition

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

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

Хватайте текстовые эффекты Creative Photoshop!

В Envato Market множество ярких Photoshop text effect actions и стилей. Просмотрите сотни мощных файлов PSD и возьмите тот, который соответствует потребностям вашего проекта. У нас есть популярные Photoshop add-ons и best-selling photo effects – от профессионалов, добавляющих новые premium проекты на регулярной основе.

Источник: //design.tutsplus.com/ru/articles/25-creative-photoshop-text-effects-with-vibrant-styles--cms-26708

Возможности инструмента Текст в фотошопе

Стилизация шрифта в Фотошопе

Тот факт, что в фотошопе есть инструмент Текст (Type Tool), я думаю, абсолютно никого не удивит. Но все ли его возможности вам известны? Вот тут я сильно сомневаюсь! Итак, цель сегодняшнего урока подробно осветить весь потенциал и особенности инструмента Текст.

Начнем от простого к сложному.

Инструмент Текст обозначается в англоязычной версии программы как Type Tool. Он расположен на Панели инструментов и имеет иконку в виде буквы «Т». Его задача — это создание надписей. Надписи представляют собой векторный графический элемент. Независимо от вашего фона, текст всегда создается на новом слое.

В фотошопе он представлен такой группой инструментов:

  • Горизонтальный текст (Horizontal Type) — самый обычный, к которому мы привыкли. Стоит по умолчанию.
  • Вертикальный текст (Vertical Type) — для создания надписи в вертикальном направлении.
  • Горизонтальный текст-маска (Horizontal Type Mask) — для созданий быстрой маски с горизонтальным выделением
  • Вертикальный текст-маска (Vertical Type Mask) — для создания быстрой маски с вертикальным выделением.

Как создать текстовый слой

Существует два простых способа как это сделать:

1. Выберите инструмент, а затем сделайте клик левой клавишей мыши в том месте, где нужен текст. Появится мигающая вертикальная палочка (здесь ничего нового программисты не предложили — он похож на курсоры из любых других текcтовых редакторов, например «Блокнот» или «Word»).

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

  • Нажать кнопку в виде галочки (Применить текущую правку) на панели параметров. Нажатие на перечеркнутый круг — отменит правку. 
  • Нажать на созданный текстовый слой на палитре слоев.
  • Нажать комбинацию клавиш Ctrl+Enter. Обычно для подтверждения правки мы жмем только Enter, но в случае с Текстом, она лишь опустит на строку ниже и предложит продолжить вводить текст.

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

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

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

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

Перемещение и трансформирование

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

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

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

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

 Форматирование текста

Вот и добрались до самого сложного — до палитры Символы. Именно в ней сосредоточены все мыслимые и немыслимы способы форматирования текстов в фотошопе. Открывается она так: Окно — Символ (Window — Character).

Рассмотрим чем палитра богата.

В самом вверху можно выбрать шрифт и его особое начертание (если оно предусмотрено выбранным шрифтом). Например, я выбрал Times New Roman:

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

Кнопка «Цвет» — изменит цвет вашей надписи. Можно использовать два и более цвета для одной надписи.

Все рассмотренные сейчас настройки считаются стандартными. Они выведены на Панель параметров:

Можно настроить расстояние между символами внутри заданных пар:

Кнопочка правее — позволяет задать расстояние между буквами. То есть растянуть надпись или сузить, как гармошку. В своем примере вверху растянуто на +200, а ниже сужено до -200

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

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

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

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

Следующие два режима выполняют задачи наподобие Caps Lock на клавиатуре. Первые из этой пары — Верхний регистр, т.е. все буквы будут заглавными. А вторая из пары — капители. Буквы пишутся так же заглавными, но размером с прописные.

Следом группа из верхнего и нижнего индекса.

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

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

Переходим к последней вкладки — палитра «Абзац».

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

Ниже регулируются отступы от правого и левого края, А также отступы лишь только первой строки.

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

Скриншоты не прикладываю потому, что все это просто и знакомо по другим текстовым редакторам, как, например, Word.

Работа с текстом не завершена — обязательно изучите как можно деформировать текст.

Заметили ошибку в тексте – выделите ее и нажмите Ctrl + Enter. Спасибо!

Источник: //psand.ru/vozmozhnosti-instrumenta-tekst-v-fotoshope/

Как в Фотошопе редактировать текст

Стилизация шрифта в Фотошопе

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

Инструменты для создания и редактирования текста

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

  • «Горизонтальный текст»;
  • «Вертикальный текст»;
  • «Вертикальный текст-маска»;
  • «Горизонтальный текст-маска.

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

Создаем надпись

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

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

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

Редактируем текст

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

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

  • Шрифт;
  • Написание;
  • Кегль;
  • Резкость;
  • Положение относительно границ;
  • Цвет;
  • Деформация.

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

Как выбрать шрифт для текста

Форматировать шрифт можно следующим образом:

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

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

Важно! У каждого шрифта своё количество начертаний и возможностей.

Кегль или размер шрифта

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

Сглаживание шрифта

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

Выравнивание текста

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

Цвет

Для изменения цвета текста выполните следующие действия:

  1. Убедитесь, что выбран слой с текстом.
  2. Нажмите на значок «Цвет».
  3. В открывшейся палитре выберите необходимый оттенок.

Деформация

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

Параметры символов текста

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

Настраиваем вкладку «Символ»:

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

Вертикальный и горизонтальный масштаб – форматируют высоту и ширину символов.

Интерльяж – параметр расстояния между строками в текстовом блоке.

Трекинг – позиция расстояния между символами.

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

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

Настраиваем вкладку «Абзац» (вызвать окно можно через меню  Окно — Абзац):

Помимо выравнивания по одному краю или по центру в этой вкладке можно также:

Выровнять текст по ширине или оставить свободную последнюю строку:

Настроить ширину отступов:

Установить переносы слов (для текстового блока):

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

Текстовый блок

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

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

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

Чтобы изменить размер блока можно при помощи маркеров на нижней границе (нажмите CTRL+T или меню Редактирование — Трансформирование — Масштабирование).

Для деформации блока зажмите клавишу «Ctrl» и искажайте границы также зажимая маркеры.

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

Заключение

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

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

Благодаря широкому спектру функций редактирования в Фотошопе можно создавать интересные текстовые эффекты в фотошопе. У нас на сайте есть раздел посвященный текстовым эффектам — //pixelbox.ru/uroki-photoshop/rabota-s-tekstom/

Источник: //pixelbox.ru/kak-v-fotoshope-redaktirovat-tekst

Как сделать надпись в фотошопе – Подробная инструкция

Стилизация шрифта в Фотошопе

Рассмотрим, как сделать надпись в Фотошопе красиво и быстро. Все представленные ниже методы можно использовать в любой версии редактора Photoshop.

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

  • откройте фотографию в окне редактора;

Рис. 1 – первоначальное изображение

  • найдите на панели инструментов элемент «Текст», как показано на рисунке:

Рис. 2 – внешний вид меню инструментов

  • теперь кликните указателем на том месте картинки, где будет размещена надпись. Начните печатать текст;

Рис. 3 – печать текста на фото

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

Рис. 4 – настройка форматов надписи

  • выполним настройку деформации текста, с помощью соответствующей кнопки;

Рис. 5 – применение деформации

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

Рис. 6 – окно выбора

  • в открывшемся окне настройки стилей слоя настройте тени, обводки и прочие эффекты.

Рис. 7 – внешний вид окна настроек

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

Рис. 8 – размещение итоговой надписи

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

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

Читайте другие наши статьи о работе в Фотошопе:

Как сделать фотошоп лица – детальное руководство по фотомакияжу

Как поменять язык Photoshop – инструкции для всех версий

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

Скачивать дополнительные шрифты для Фотошоп можно на сторонних ресурсах.

Самый популярный из них – 1001 free fonts. Выберите понравившийся шрифт и скачайте его, затем распакуйте архив.

Переместите файл формата TTF в системную папку Шрифты Windows, которая расположена в панели управления.

Рис. 9 – системна папка «Шрифты»

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

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

Напишите его на любом месте фотографии.

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

Рис. 10 – добавление надписи

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

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

Далее выставьте смещение на 10-12 пикселей. В строке Размер также переместите ползунок до значения 10-12 пикселей.

Рис. 11 – настройка тени надписи

Теперь добавим свечение внешней части текста. Для этого в том же окне «Стиль слоя» слева отметьте галочкой «Внешнее свечение».

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

Рис. 12 – настройка внешнего свечения текста

Далее приступим к работе с градиентной заливкой символов текста. В окне «Стиль слоя» кликните на раздел «Наложение градиента.

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

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

Рис. 13 – создание градиентной заливки текста

Теперь сделаем обводку для символов. Кликните на «Обводка» и выберите размер контура «3» и цвет обводки под кодом #031f01.

Рис. 14 – настройка обводки текста

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

Рис. 15 – результат создания надписи

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

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

Советуем создавать такую надпись в отдельном проекте. При необходимости, её можно будет добавить на любую картинку, изменив текст.

Откройте новый проект в редакторе Photoshop. Размер листа должен быть 800×600 px. Выполните дублирование слоя с задним фоном.

Рис. 16 – дублирование с задним фоном

Теперь кликните на дубликате и откройте окно «Стили слоя». В левой части окна выберите пункт «Наложение градиента» (или «Gradient Overlay»). Справа настройте параметры: радиальный стиль (Radial Style), Масштаб – 50% (Scale). Затем выставьте цвет градиента левая точка будет иметь код #ffffff, а правая — #979797.

Рис. 17 – создание градиента

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

Рис. 18 – результат создания градиента

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

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

Рис. 19 – наложение текстуры

Скачайте на свой ПК шрифт «Bubble Gum» по ссылке и установите его. Не забудьте сохранить проект перед тем, как будете перезагружать проект в Фотошоп.

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

Рис. 20 – добавление надписи

Примечание: каждую новую строку следует создавать только на отдельной вкладке Layer

На панели Layer выделите два текстовых слоя (если вы создали три строки, то выделите три слоя) и создайте их дубликаты.

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

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

Теперь откройте вкладку «Тиснение» («Bevel and Emboss»). Теперь выставьте все настройки аналогично к показанными на рисунке ниже (код цвета в параметре «Shadow Mode» — #878787):

Рис. 21- настройки тиснения

Теперь перейдите во вкладку контура и выставьте такие настройки:

Рис. 22 – настройки контура

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

Рис. 23 – выбор узора

Теперь необходимо настроить внутреннюю тень. Перейдите на соответствующую вкладку и задайте такие параметры (Цвет — #ffffff):

Рис. 24 – настройки внутренней тени

Параметры вкладки «Внутреннее свечение» (левая точка градиента — #391c21, правая — #f7efed):

Рис. 25 – настройки внутреннего свечения

Теперь откройте вкладку «Глянец» и выставьте настройки (код цвета — #ffeae3):

Рис. 26 – создание стиля глянца

Настроим наложение цвета (код — #e0dadb):

Рис. 27 — параметры наложения цвета

Создаём градиент надписи (левая точка — #ffffff, правая точка — #999999):

Рис. 28 – настройка градиента

Откройте вкладку «Перекрытие узора» и выберите узор под номером 6. Масштабирование – 7%.

Рис. 29 – перекрытие узора

Теперь нужно настроить тень надписи:

Рис. 30 – настройки тени

Скопируйте созданный стиль для каждого слоя текста (для каждой строки). Итоговый вид надписи:

Рис. 31 – итоговая надпись

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

Читайте другие наши статьи о Фотошопе:

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

Источник: //geek-nose.com/kak-sdelat-nadpis-v-fotoshope/

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.