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

Содержание

Как реалистично наложить текст на фотографию в Adobe Photoshop

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

Прочитав эту статью, вы узнаете:

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

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

Создайте и раскрасьте текст

Шаг 1

Откройте фото (или картинку), которую будете использовать:

Шаг 2

Давайте выберем цвет. При добавлении текста на картину мы будем употреблять цвет с фото. Откройте «Палитру цветов», используя «Пипетку» выберите черное дерево на бочке:

Шаг 3

Выберите инструмент «Текст». Я использую сжатый шрифт «Bernard MT Condensed».

Я собираюсь напечатать «PHOTOSHOP CAFE» и перетащить надпись на бочку:

Шаг 4

Самый стремительный метод поменять размер текста – надавить Ctrl-T (или Command T на Mac), зажать кнопку Shift, а потом растянуть текст в согласовании с пропорциями бочки:

Нажмите «Enter», чтоб сохранить изменения.

Делаем обтекание текстом

Шаг 5

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

Шаг 6

Нажмите Ctrl/Cmd -T чтоб вызвать команду «Свободное трансформирование». Щелкните правой клавишей мыши и выберите инструмент «Деформация». Он непревзойденно работает на закругленных поверхностях:

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

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

Нажмите «Enter», чтоб сохранить изменения:

Наложение текстуры на текст

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

Шаг 7

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

Это были базисные шаги. Для придания картинке большего реализма читайте дальше!

Повышение реалистичности текста

Сейчас мы придадим тексту мало шероховатости.

Шаг 8

Перед тем, как добавить текст на картину в Фотошопе, сделайте слой-маску на текстовом слое, выбрав «Текстовый слой» и нажав на клавишу «Слой-маска» на панели «Слои» (прямоугольная иконка с кружочком внутри):

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

Читайте также  Конвертер dwg в excel. DWG в бесплатный онлайн конвертер

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

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

Нажмите «Добавить»:

Шаг 9

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

Также следует поступить, ежели вы желаете сделать основной потертый текст. Совет: Вы сможете загрузить кисти с веб-сайтов типа Brusheezy либо DeviantArt.

Придание тексту эффекта 3D

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

Шаг 10

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

Меняйте значение «Угла», и вы увидите, как надпись начнет вдавливаться в дерево:

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

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

Данная публикация представляет собой перевод статьи «HOW TO BLEND TEXT INTO A PHOTO REALISTICALLY IN ADOBE PHOTOSHOP TUTORIAL» , приготовленной дружной командой проекта Интернет-технологии.ру

Как работать с текстом в фотошопе: создаем поздравительную открытку

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

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

содержание

Видео урок о тексте в Фотошоп

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

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

Подготовка фона открытки

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

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

В данной нам статье я оставлю картину в том соотношении, как она была снята, то есть 4*3.  Если для вас необходимо другое соотношение сторон, к примеру 16*9, и вы не понимаете, как это сделать, то смотрите еще один ролик, где я чрезвычайно тщательно показываю пошагово, как  это выполняется.

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

Читайте также  Сколько весил первый компьютер. История ЭВМ: от перфокарт до персональных компьютеров

Изменение размера изображения

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

Открываю в верхней панели выпадающее меню «Изображение» и в нем вкладку «Размер изображения».

В открывшемся окне я вижу, что картина очень велика, для открытки такие размеры совсем не необходимы. Потому меняю значение Ширины на 1500 пикселей. Можно сделать еще меньше, вплоть до 500 пикселей.

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

После этого незначительно меняю размещение в кадре основного элемента – букета. Для этого активирую инструмент «Перемещение», чтоб возникли маркеры, и я могла бы сдвигать картинку.

Обратите внимание, что обязана стоять галочка в окошке «Показать элементы управления».

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

Добившись правильного расположения рисунки в кадре я, воспользовавшись инструментом  «Обрезка» обрезаю лишнее.

Подготовительные работы завершены.

Работа с текстом в фотошопе

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

Вставка текста

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

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

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

Абзац можно передвигать, активировав инструмент «Перемещение».

Форматирование текста в верхней панели

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

Кроме того меня не устраивают размер текста, шрифт. Это просто поправимо.

  • Выделяю написанное.
  • При активной кнопочке ТЕКСТ в боковой панели инструментов открыта панель форматирования вверху.

Здесь можно поменять начертание текста, его размер, цвет, и так далее.

Правая панель знаков для редактирования текста

Также для работы с текстом комфортна отдельная панель на рабочем столе справа. Ее активировать можно из верхнего меню «Шрифт» дальше «Панели» и выбор панели символов.

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

Достаточно кликнуть в малеханькое окошко с цифрами и покрутить колесико мышки – на мониторе сходу видны конфигурации. Или вручную вбить с клавиатуры необходимое значение.

Важно: текст для этого должен быть выделен.

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

Перехожу к стилям текста.

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

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

Как сделать тень текста

Начну с теней, эта вкладка в нижней части списка.

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

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

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

Текст с тенью готов.

Внешнее свечение текста

Во вкладке «Внешнее свечение» меняю размер, размах, прозрачность, цвет – все по аналогии с тенью, все операции идентичны.

Читайте также  Пароли есет нод 32 бесплатно. Ключи для Нод 32

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

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

Следующий пункт – обводка текста PhotoSHop. По умолчанию толщина полосы у меня стоит 3 пикселя. Меняю на наиболее узкий контур в 1 пиксель. И цвет беру пипеткой из цветов букета.

Изменение оттенка текста с помощью «Наложения цвета»

Очень нужная вкладка для конфигурации цвета текста конкретно в стилях. Интуитивно понятна — просто используйте палитру.

Добавление рамки на открытку

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

В ней настраиваю наружный вид рамки:

  • выбираю «Контур» фигуры,
  • из «Заливки» выбираю перечёркнутый белоснежный прямоугольник, то есть фигура будет без заливки, лишь рамка,
  • цвет рамки настраиваю во вкладке «Штрих», выбираю градиент от красноватого к белому,
  • определяю толщину рамки с помощью ползунка либо вношу с клавиатуры.

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

Рамка готова.

Поправляю ее с помощью инструмента «Перемещение» — незначительно растягиваю и сдвигаю. Для сдвига комфортно употреблять в данном случае клавиши стрелок на клавиатуре. Так будет поточнее и аккуратнее.

Водяной текст либо водяной знак

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

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

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

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

Можно скопировать уже настроенные стили предшествующего текста и вставить их на новейший текст. Эти команды все есть во вкладке «Стили».

Сохранение открытки

Моя открытка готова, сохраняю ее в формате Jpeg, свойства довольно среднего.

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

Изменение размера готовой открытки

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

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

В данной для нас програмке во вкладке (в верхней панели) «Изменить рисунки», кликаю «Изменение размера».

Далее выбираю «Стандарт Интернет Большой (640 на 480 пикселей)».

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

Заключение

Применяйте на практике приобретенные познания и у вас все получится. Если что-то было с первого раза не понятно – пересмотрите видео.

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

Еще информация по теме:

Фотошоп. Обновить стр..



Оставьте комментарий