Как в Фотошопе сделать надпись на фото? Как сделать красивую надпись на фото в фотошопе. Подробный урок

Автоматизация услуг 14.10.2019
Автоматизация услуг


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

1. Вставка текста – простой способ

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


- найдите требуемый инструмент, он выглядит как буква «Т»;


- кликните на то место, на котором должен оказаться текст. Впишите текст;


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


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


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


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


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


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

2. Выбор шрифта

Здесь описана возможность создания надписи, выполняя специальную установку шрифтов из других – дополнительных источников, создаем заливку градиента и обводку.
Скачивание шрифтов доступно на различных источниках. Лучше всего выбирать самый популярный, типа – 1001 free fonts. Выбрав нужный шрифт – скачайте и распакуйте пак шрифтов в папку «Шрифты» в Winodws.


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


Далее нужно подобрать размер текста (символов). После чего уже перейти к добавлению специальных эффектов. Откройте вкладку «Окно », далее «Слои ». Перейдите к слою с текстом. В специальном окне стиля добавьте тень. Добавьте 75% непрозрачности на параметре. Совмещение установите на 10 или 12 пикселей, ровно так же на значение 10-12 установите ползунок размера.

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


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

Вводим в поле #fbfea0 . Теперь нажимаем на нижний параметр с ползунком слева и вводим код #ffef04.


Делаем обводку символов. Нажмите на пункт «Обводка», выбрав при этом размер контура «3», а цвет обводки #031f01.


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

3. Стилизованная надпись

Сейчас мы рассмотрим вариант создания уникальной текстурной надписи. Метод является самым сложным, среди всех, но это приведет к отличному результату. Создание такого текста – важная часть графического дизайна и дизайнера в целом. Здесь вы узнаете как создать специальный текс, символы которого будут схожи с леденцами.
Создавайте надпись в другом проекте. Ведь в случае необходимости, она может быть добавлена и на другую картинку с измененным текстом.
- Открываем проект в Фотошопе. Устанавливаем размер в 800 на 600 пикселей, дублируем слой.


- На слое-дубликате открываем окошко «Стиль слоя». Слева выбираем «Наложить градиент». Справа настраиваем параметры: «Радиальный стиль», установив масштаб на 50%. После чего установите левую точку градиента на #ffffff, а правую #979797.


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


Теперь загрузите специальный файл с дополнительной текстурой и откройте его в проекте. Картинка должна быть расположена поверх всех других слоев.


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


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


Перейдите во вкладку «Контур » и установите следующие настройки:

Здравствуйте, любимые мои! Все люди обязательно общаются друг с другом, пытаются выразить чувства, эмоции. Поэты выражают свои чувства рифмами, порой замысловато сложенными. И сегодня я затрону тему о том, без чего просто невозможно общение, без чего нельзя выразить свои чувства к другому человеку, рассказать ему что-то очень важное и ценное для вас. Надеюсь, вы уже догадались. Это конечно же слова, звуки, буквы. И когда одним изображением или фотографией вы не можете выразить все чувства и мысли, вам на помощь приходит текст. А для того, чтобы вставить текст в фотографию, нам необходимы небольшие знания Фотошопа. И начнём мы с самого простого.

Для пробы пера, так сказать, давайте потренируемся на обычном белом листе. Инструмент “Горизонтальный текст” находится на панели инструментов. Вместе с ним во вкладке располагаются инструменты “Вертикальный текст”, “Горизонтальный текст маска” и”Вертикальный текст маска”. Все я думаю знают, что такое горизонтальный текст. А вот вертикальный текст это те же самые буквы только они располагаются при написании не друг после друга, а друг под другом, предположим, как на вывесках. Текст маска, это текст при использовании которого изображение закрашивается маской слоем красноватого оттенка и вы печатаете поверх этого слоя, но после завершения использования текст который вы написали становится выделением на вашем изображении, что очень полезно во многих случаях. Для того, чтобы писать этим инструментом нужно кликнуть по полю, на котором вы собрались писать текст. И из того места куда вы кликните и начнётся ваше предложение. Для того чтобы писать обычно используют клавиатуру. А по окончанию писанины вам следует нажать на галочку или крестик справа сверху на панели данного инструмента. Если вы нажмёте крестик, то всё отменится, если галочку, то вы примете произведённые изменения с текстом. Чем-то напоминает матрицу: красная или синяя таблетка.

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

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

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

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

За деформированием текста идёт “Палитра символов и абзацев”. Если вы нажмёте на эту иконку, то перед вами как раз и появится эта палитра. Эта палитра изумительна тем, что собрала в себе все настройки текста перечисленные ранее и более углубленные в настройки текста. Здесь вы сможете найти такие изумительные настройки как: кернинг, интерлиньяж, крекинг, капители, над индекс, под индекс, различные отступы и выравнивания. Со всем этим не трудно разобраться самому при помощи тыка. Так что я на вас надеюсь.

Давайте теперь разберём что-нибудь более сложное. Например написать текст вокруг какого-нибудь предмета или над каким-нибудь предметом. Вот я вам хочу предложить написать что-нибудь хорошее над этими пустынными бурханами. Для начала выделим наши барханы. Если вы не умеете выделять обратитесь к уроку “Как выделять в Фотошопе? ” на нашем сайте.

Когда мы выделили, нужно выбрать инструмент “Прямоугольная область” выделения, или нажать горячую клавишу “M”. Кликнуть этим инструментом по выделению правой кнопкой мыши и найти там пункт “Образовать рабочий контур”. Появится окошечко “Допуск”, чем больше допуск тем угловатее будут линии контура. При нажатии кнопочки “Ок” в меню “Допуск” наше выделение перестанет мигать и превратится в сплошную линию.

Теперь, когда наш контур образован, мы можем взять инструмент “Текст”, навести на рабочий контур, и наш курсор изменится, как бы перечеркнётся, это будет означать что мы можем печатать на контуре. Кликнув по контуру у нас на контуре замигает палочка, которой мы можем печатать текст. И давайте напишем что-нибудь интересное на барханах. Теперь нажмём на мини изображение текста в меню “Слои” правой кнопкой мыши и выберем пункт “Растрировать текст”. Растрировать – обозначает преобразовать из векторного изображения в растровое, другими словами наш текст станет картинкой, а не текстом. Вот так интересно у нас получилось.

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

27.07.2016 27.01.2018

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

Если вы хотите создать открытку, чтобы поздравить друзей и знакомых, создавать логотипы и т.п., вам необходимо научиться работать с инструментом Текст (Type Tool). Этот инструмент в панели слоев имеет вид буквы Т , горячая клавиша для его вызова - Т (в английской раскладке).

Инструмент Текст (Type Tool) имеет два варианта ввода:

Горизонтальный текст (Horizontal Type) - наиболее часто используемый вариант и

Вертикальный текст (Vertical Type) - довольно редко используемый.

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

Давайте все же научимся делать надпись в фотошопе.

Откроем в фотошоп картинку или фотографию, на которой нужно сделать надпись. Файл-Открыть (File- Open ) . Выбираем инструмент Текст (Горизонтальный) (Horizontal Type), курсором мыши растягиваем «бегущие муравьи» инструмента Текст с верхнего левого угла по всему изображению (этот шаг необязателен, текст в дальнейшем можно будет двигать и располагать как угодно, но, если вы изначально решили написать текст по центру, лучше растянуть) и пишем текст, например, «Лето». Для применения изменений нажимает галочку в верхней панели настроек инструмента.

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

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

2 - начертание шрифта;

3 - размер текста;

4 - тип шрифта;

5 - расположение (по центру, примыкая к левому или правому краю изображения);

6 - цвет текста;

7 - деформация текста;

8 - панель «Символы» — с дополнительными настройками для текста;

9 - отмена действия;

10 - применение действия;

11 - 3d текст.

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

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

Вот как преобразился текст после изменения всего лишь шрифта, размера, цвета и расположения:

Но и это ещё не всё. «Разукрасить» текст вы можете при помощи стилей слоя (Layer Style) . Для вызова меню настроек стилей слоя нужно дважды щелкнуть левой кнопкой мыши по текстовому слою в панели слоев . Появится следующее окно, в котором вы можете изменить настройки на свой вкус:

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

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

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

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

Ни для кого не секрет, что рекламные баннеры, открытки и многое другое разрабатывают в Photoshop. Возможно, вас посетила идея и вы хотите создать свой мотиватор или праздничную открытку. Картинка подобрана, но вы не знаете, как написать текст в Photoshop? Если вам ни разу не доводилось писать в Фотошопе (Photoshop), в этой статье мы расскажем, как пользоваться текстовым инструментом. Заранее предупреждаем, написать текст на картинке в Фотошопе очень просто, даже если вы не знаете, как сделать текст по кругу.

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

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

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

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

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

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

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

Вот наглядный пример сглаживания Windows (слева) и «Плавное»/Smooth (справа).

Следующие три атрибута - выравнивания. Они всем знакомы из текстовых редакторов. Это выравнивание текста по центру, по правому либо по левому краю. Дальнейший элемент - выбор цвета. Щёлкните по нему один раз и в открывшейся палитре укажите нужный цвет.

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

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

Выбираем инструмент «Горизонтальный текст» , щёлкаем по месту на изображении, где нужна надпись. Выбираем шрифт, цвет и размер. При изменении размера шрифта будет меняться высота мигающего курсора. Это поможет вам понять, какого размера у вас получится текст. Напишите задуманную фразу. Если написание завершено, нажмите Enter в цифровой части клавиатуры (справа). Вы заметите, что имя текстового слоя изменилось на внесённую вами фразу. Если нужно исправить текст, изменить цвет полностью или отдельного символа, то, используя тот же текстовый инструмент, стоя на слое с текстом, щёлкните по нему. У вас снова замигает курсор. Текст можно выделять, удалять символы (стирать) так же, как в Word или другом текстовом редакторе. Переносить строку нужно клавишей Enter на буквенной части клавиатуры.

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

Чтобы переместить текст, просто встаньте на слой с ним, инструментом «Перемещение» (вызывается клавишей V ) ухватитесь за текст, зажав левую клавишу мыши, и совершите перемещение по изображению.

Чтобы повернуть текст, станьте на слой с ним и нажмите Ctrl+T . Это работает так же, как в случае с поворотом обычного слоя. Когда появится рамка с вершинами, подведите курсор к угловой. Как только на курсоре появится закруглённая стрелка, начните вращать изображение в нужную сторону. По завершении нажмите Enter .

Добавление тени и обводки на тексте осуществляется так же, как на обычном слое. Мы рассматривали это в предыдущих статьях. Для добавления тени и обводки нужно вызвать «Параметры наложения»/Blending Options (нижняя панель в палитре слоёв, правый нижний угол).

В диалоговом окне справа выбрать пункт «Обводка»/Stroke , либо «Тень»/Shadow. В правой части окна подобрать нужный размер, цвет и, по завершении, нажать Ok .

А теперь рассмотрим, как сделать текст по кругу. Для этого есть два способа. Первого мы слегка коснулись, когда описывали панель управления текстового инструмента.

Напишите текст. Курсор должен мигать в ожидании ввода следующего символа. Теперь на панели инструментов кликаем по пиктограмме буквы Т , стоящей на дуге. Выбираем в списке «Текст дугой»/Wave .

Значения «Искажения по горизонтали»/Horizontal Distortion и «Искажения по вертикали»/Vertical Distortion оставьте в позиции 0 . «Изгиб»/Bend отведите максимально вправо. По окончанию нажмите Ok .

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

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

Как и было обещано в начале статьи, сделать текст в Фотошопе так же просто, как в любом текстовом редакторе. Желаем вам новых идей!

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

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

Фильтры. Фильтры помогают создать самые разнообразные эффекты, начиная с банального размытия и заканчивая увеличением шума. В стандартном наборе программы "Photoshop" имеется достаточное количество фильтров, но если вам нужен более обширный выбор, то можно самостоятельно загрузить пользовательские дополнения. Можно найти множество разнообразных фильтров, которые находятся в свободном доступе. Но перед тем как использовать эффекты, необходимо растрировать надпись. Для этого нужно нажать на слой (в верхней панели) - "Растрировать" - "Текст". После этого с текстом можно обращаться как с обычным изображением. Соответственно, можно использовать инструменты для рисования и фильтры. Вы можете сами поэкспериментировать с эффектами. Достаточно зайти в панель фильтров и выбрать подходящую категорию.

Цвет и контрастность. Никто вас не обязывает использовать только один цвет. Чтобы сделать разноцветную красивую надпись, можно использовать разнообразные инструменты. Например, "Цветовой тон/насыщенность" позволяет гибко настраивать и выбирать оттенки. При этом можно каждый символ окрашивать в свой индивидуальный цвет. Это достигается использованием нескольких слоев. Можно также отдельно регулировать количество черных и белых красок с помощью средства "Уровни" (Ctrl + L).

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

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

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

Рекомендуем почитать

Наверх