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

Как наложить текст на картинку в Adobe Photoshop

Как наложить текст на картинку в Adobe Photoshop

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

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

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

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

Как сделать красивый текст в фотошопе — создайте и раскрасьте текст

Как написать текст в фотошопе — шаг 1

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

Как написать текст в фотошопе - шаг 1

Как наложить надпись на фото в Adobe Photoshop — шаг 2

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

Как наложить надпись на фото в Adobe Photoshop - шаг 2

Как вставить текст в фотошопе на картинку — шаг 3

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

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

Как вставить текст в фотошопе на картинку - шаг 3

Как сделать текст на фото в Adobe Photoshop — шаг 4

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

Как сделать текст на фото в Adobe Photoshop - шаг 4

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

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

Наложение текста на фото в Adobe Photoshop — шаг 5

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

Наложение текста на фото в Adobe Photoshop - шаг 5

Как нанести текст на фото в Adobe Photoshop — шаг 6

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

Как нанести текст на фото в Adobe Photoshop - шаг 6

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

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

Как нанести текст на фото в Adobe Photoshop - шаг 6 - 2

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

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

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

Как сделать красивую надпись в фотошопе — шаг 7

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

Как сделать красивую надпись в фотошопе - шаг 7

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

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

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

Как написать текст в фотошопе на картинке — шаг 8

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

Как написать текст в фотошопе на картинке - шаг 8

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

Читайте так же:
Как полностью удалить Оперу с компьютера и телефона

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

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

Как написать текст в фотошопе на картинке - шаг 8 - 2

Как нанести текст на картинку — шаг 9

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

Как нанести текст на картинку - шаг 9

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

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

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

Как наложить картинку на текст в фотошопе — шаг 10

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

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

Как наложить картинку на текст в фотошопе - шаг 10

Как наложить картинку на текст в фотошопе - шаг 10 - 2

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

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

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

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

Photoshop — Урок 2. Слои и текст.

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

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

Создайте новый файл, размером 400 Х 200 пикселов. Раздвиньте окно, чтобы вокруг белого холста был виден серый фон.

Для удобства работы в Photoshop существует несколько основных палитр, которые обычно открыты в главном окне программы и располагаются справа. Найдите среди них палитру Слои (Layers). Если палитра не отображается в главном окне, то выберите в меню пункт Окно -> Слои.

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

— создать новый слой.

— слой включен (если щелкнуть по глазику, то слой выключится — глазик пропадет).

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

Сейчас на нашей палитре слоев отображен только один слой — Задний план (фон). Это фон изображения, которое мы создали.

Щелкните по иконке «создать новый слой», появится новый слой с прозрачным фоном (серые и белые квадратики говорят о том, что слой прозрачный).

Убедитесь, что этот слой активный (т.е. выделен синим).

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

Читайте так же:
Ошибка камеры 0xA00F4244 NoCamerasAreAttached Windows 10/11

Посмотрите на палитру слоев, наш фон по-прежнему белый, а слой 1 — желтый.

Выключите слой 1 (щелкнув по глазику) и на нашем изображении вы увидите белый фон. Включите слой (щелкните еще раз) и увидите желтую заливку.

Убедитесь, что активным сейчас является Слой 1 (выделен синим) и создайте еще один слой (щелкните по иконке «создать новый слой»). Появится прозрачный Слой 2. Почему надо было убедиться, что активным является Слой 1? Потому что новый слой всегда создается над активным.

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

На слое 2 мы разместим текст.

Работа с текстом

Для работы с текстом снова обратимся к панели инструментов, на ней
— отвечает за текст. Нажмите и удерживайте левую клавишу мыши на этом инструменте, раскроется меню выбора:

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

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

Если у вас другая версия программы Photoshop, то такой иконки на панели параметров может и не быть. Тогда для открытия панели «символ» в меню выберите пункт Окно -> Символ. Попробуем на деле:

Возьмите инструмент текст (щелкните по нему), теперь щелкните по квадратику цвета на панели параметров и выберите красный цвет, установите крупный размер шрифта (60), затем щелкните по нашему изображению (появится вертикальный курсор) и напишите какое-нибудь слово.

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

Теперь щелкните по «искривление текста» на панели параметров. Откроется окно:

Здесь собраны различные варианты деформации текста. Выберите в списке Стиль любой вариант деформации (например, Флаг (wave)). Задайте параметры:
изгиб (bend) — +50%,
горизонтальное искажение — -35%,
вертикальное искажение — 0.
Нажмите ОК и посмотрите на результат.

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

А пока рассмотрим еще один полезный инструмент — перемещение.

Перемещение

Для перемещения различных объектов на панели инструментов существует специальный инструмент — перемещение (move)-
. Щелкните по этому инструменту, подведите курсор мыши к нашему тексту (убедитесь, что слой с текстом активный), нажмите левую клавишу мыши и, не отпуская ее, перетаскивайте текст туда, куда хотите.

Не забывайте, что все инструменты работают именно с активным слоем и его объектами.

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

Чтобы закрепить эти навыки, поэкспериментируйте (создавайте разные по форме области на разных слоях, заливайте их различными способами и создавайте разные надписи).

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

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

Титры и работа с текстом в Photoshop

С текстом в видеопроекте можно работать двумя способами: 1) создать тек­стовую надпись в отдельном документе (подобно слайду для презентации), включив его в проект; 2) добавить надпись непосредственно к видеоклипу. В данном разделе мы изучим оба способа.

Титры и работа с текстом в Photoshop

При добавлении надписей к видео­клипам можно пользоваться стандартными инструментами работы с текстом. Но если плани­руется создать вступительные или заключительные титры, имеет смысл предварительно подготовить их в отдельном файле, а затем пере­тащить в видеоклип. Выполните команду File > New (Файл > Создать) и в открывшемся диалоговом окне выберите в списке Preset (Набор) пункт Film & Video (Фильмы и видео). Это позволит получить список гото­вых размеров для видео в списке Size (Размер). Выберите размер видеоклипа, с которым собираетесь работать (в данном случае я выбрал FIDV 1080р/29.97), и создайте новый документ с названием «бронирование отелей в Краснодаре .»

Читайте так же:
Программа для склеивания видео

Титры и работа с текстом в Photoshop

Если в качестве фона для вступи­тельных титров необходимо ис­пользовать фотографию, откройте ее и с помощью инструмента Move (Перемещение) перетащите в соз­данный документ. Нажмите комбина­цию клавиш <Ctrl+T>, чтобы перейти в режим свободного транс­формирования, и, удерживая нажа­той клавишу <Shift> для сохранения пропорций, измените размер фото­графии, «втиснув»ее в область до­кумента, насколько это возможно. Теперь выберите инструмент Туре (Горизонтальный текст), щелкните на фотографии и введите требуемый текст.

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

Титры и работа с текстом в Photoshop

После создания кадра вступительных титров выполните сведение слоев, выбрав в раскрывающемся меню па­нели Layers (Слои) команду Flatten Image (Выполнить сведение). Далее можно пойти двумя путями: 1) сохра­нить файл, перейти к шкале времени видеоклипа, щелкнуть на значке ки­нопленки и выбрать команду Add Media (Добавить объекты), чтобы вставить кадр в проект; 2) перета­щить изображение непосредственно в видеоклип. Во втором случае нужно видеть на экране оба документа (кадр титров и начальный кадр ви­деоклипа), поэтому выполните ко­манду Window > Arrange > Tile Аll Vertically (Окно > Упорядочить > Расположить все вертикально).

Титры и работа с текстом в Photoshop

Снова выберите инструмент Move (Перемещение) и, удерживая нажа­той клавишу <Shift> для корректного выравнивания изображений, перета­щите кадр титров (на предыдущей ил­люстрации он показан справа) в окно видеоклипа. Вокруг содержимого окна должен появиться серый кон­тур, указывающий на возможность вставки содержимого. Отпустите кнопку мыши, и благодаря выравни­ванию слоев оба изображения будут четко выровнены (в противном слу­чае это пришлось бы делать вруч­ную). Кадр с титрами будет добавлен к шкале времени видеоклипа после видеодорожки (как показано на ил­люстрации вверху). Поскольку это должны быть вступительные титры, на панели Layers (Слои) щелкните на верхнем слое и перетащите его ниже слоя видео. В результате кадр с ти­трами переместится в начало шкалы времени и будет воспроизводиться первым.

Титры и работа с текстом в Photoshop

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

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

В самом низу находится слой титров, которые выводятся первыми, над ним расположен слой клипа (он вос­производится вторым), а на самом верху помещен слой текста, отобра­жаемый самым последним. Сейчас мы это исправим.

Титры и работа с текстом в Photoshop

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

Читайте так же:
Не переключается язык на клавиатуре — что делать?

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

Титры и работа с текстом в Photoshop

На всякий случай уточню: если вы не видите текст в окне клипа (но ви­дите текстовый слой за пределами группы видео на панели слоев), пере­местите указатель воспроизведе­ния на текстовую дорожку. Итак, мы создали надпись, которую можно свободно перемещать в пределах кадра с помощью инструмента Move (Перемещение). Если нужно изменить цвет текста, это делается традици­онным способом. Дважды щелкните на миниатюре текстового слоя на панели слоев, чтобы выделить текст, и на панели параметров щелкните на образце цвета для вызова пали­тры цветов. Выберите новый цвет и щелкните на кнопке ОК. Другие па­раметры текста доступны на панели Character (Символ), которую можно вызвать через меню Window (Окно).

Титры и работа с текстом в Photoshop

Рассмотрим еще несколько приемов работы с текстом. Нажмите комбинацию клавиш <Ctrl+J>, чтобы создать копию текстового слоя, а затем нажмите <Ctrl+T> для перехода в режим свободного трансформирования и, удерживая нажатой клавишу <Shift>, перемещайте один из угловых маркеров, чтобы растянуть копию надписи на весь кадр.

Сдвиньте надпись к верхней границе кадра, как показано на иллюстрации. Как уже упоминалось, при работе с видео можно выполнять все привычные операции, связанные с обработкой фотографий. В частности, можно поменять режим наложения тексто­вого слоя на Soft Light (Мягкий свет), чтобы надпись начала сливаться с фоном, и уменьшить непрозрач­ность слоя до 80%, сделав надпись еще менее заметной. Наконец, перетащите дорожку этого слоя немного правее на шкале времени, чтобы на экране появлялась сначала маленькая надпись Passion, а затем — большая.

Титры и работа с текстом в Photoshop

Если хотите, чтобы крупная надпись появлялась постепенно, а не вне­запно, щелкните на кнопке Transition (Выберите переход. ), в появившемся окне выберите пункт Fade (Выведе­ние изображения) и перетащите ми­ниатюру перехода в начало второй текстовой дорожки (как показано на иллюстрации). В результате над­пись будет смотреться гораздо лучше, А теперь займемся анимацией текста.

Титры и работа с текстом в Photoshop

На панели слоев выберите слой с маленькой надписью Passion и на панели Timeline (Шкала вре­мени) щелкните на треугольном значке слева от слова Passion, чтобы раскрыть список вариантов анимации. Переместите указатель воспроизведения немного правее начала соответствующего тексто­вого трека и щелкните на круглом значке Enable Keyframe Animation (Включить анимацию ключевых ка­дров) слева от надписи Text Warp (Обтекание текстом), как показано на иллюстрации. На шкале времени появится желтый значок ромба, кото­рый помечает точку начала анимации. Теперь перетащите указатель вос­произведения в точку, где анимация должна завершиться.

Дважды щел­кните на миниатюре текстового слоя на панели слоев, чтобы выделить текст, и на панели параметров щел­кните на кнопке Create Warped Text (Создает деформированный текст), которая обведена на иллюстрации.

В появившемся диалоговом окне Warp Text (Деформировать текст) выберите любой понравившийся вам стиль, например Arch (Дугой), задайте значение параметра Bend (Изгиб) и щелкните на кнопке ОК. На шкале времени щелкните на значке ромба слева от надписи Text Warp, чтобы пометить точку конца анима­ции (она обведена на иллюстрации внизу). На этом настройка анимации завершена. Если воспроизвести клип, сначала появится обычный текст, ко­торый затем начнет изгибаться.

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

Допустим, у нам потребовалось написать текст вокруг какого-либо предмета на рисунке. В Фотошопе имеется масса способов и инструментов для выполнения этой задачи. В фотошопе текст можно написать по замкнутому и незамкнутому контуру. Имеется возможность задать начало и конец текста, высоту, направление, выравнивание, с помощью перемещения курсора мыши текст можно перевернуть.
В данной статье рассмотрим написание текста с помощью инструмента «Перо» (Pen Tool, группа инструментов включается клавишей P).

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

Выбираем этот инструмент «Перо» и создаём плавную изогнутую линию. Перо должно находится при этом в режиме «Контур»(Paths).

режим контура

Затем создадим замкнутую векторную фигуру овальной формы с помощью инструмента «Эллипс» (Ellipse Tool, группа инструментов включается клавишей U). У меня получилась такая картинка:

На рисунке ниже я показал два вида курсора, обычный текстовый и тот же курсор при подведении к линии контура

Работать с текстом, привязанным к контуру, гораздо сложнее, чем с обычным текстом из-за появления множества новых параметров и настроек. В случае работы с таким текстом следует аккуратно перемещать мышь и внимательно следить за изменениями вида курсора. Но даже если и совершено ошибочное действие, расстраиваться не стоит, так как всегда можно нажать на комбинацию клавиш Ctrl+Z для отмены последнего действия или на Ctrl+Alt+Z для отмены нескольких действий.

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

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

Эти указатели можно перемещать, и, соответственно, переместится также и текст. Для перемещения ограничителей начала и конца текста надо выбрать инструмент «Выделение контура» (Path Selection Tool).

При подводе курсора к тексту он снова изменит свой вид на такой:

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

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

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

Не забываем, что для перемещения ограничителей и переворота текста должен быть активным не инструмент «Текст», а инструмент «Выделение контура» (Path Selection Tool)!!

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

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

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

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