Как наложить текст в фотошопе на объект съёмки
Автор: Софья Скрылина. Дата публикации: . Категория: Уроки фотошопа текст.
на объект съёмки
В уроке по работе с фотошопом «Как наложить текст в фотошопе на объект съёмки» показан метод нанесения реалистичной надписи на объект на Вашей фотографии.
Урок сделан в версии фотошопа CS6, но может быть повторён в любой версии программы Photoshop.
Подобные публикации:
- Как сделать надпись на камне в фотошопе
Откроем исходное изображение.
Выберем инструмент «Горизонтальный текст», подберём параметры шрифта и напишем произвольное слово.
Два раза левой клавишей мыши щёлкаем по текстовому слою для вызова окна «Стиль слоя».
Применим к текстовому слою два стиля: Тень (Drop Shadow) и Обводка (Stroke). Обводку зададим, чтобы белые буквы на фоне светлых камней были более читабельными. Зададим толщину обводки 3 пиксела, а цвет оставьте черный. Для тени изменим параметры следующим образом:
• Угол (Angle) — 80
• Смещение (Distance) — 140 пикс.
• Размах (Spread) — 50%
• Размер (Size) — 5 пикс.
Расположим оба стиля на отдельных слоях. Для этого перейдём в «Слои – Стиль слоя – Создать слои». По причине того, что сейчас к текстовому слою применено несколько стилей, команда «Создать слой» изменилась на «Создать слои».
Получили два отдельных слоя.
В палитре Слои (Layers) активизируем фоновый слой с изображением камней. Выделим все изображение, нажав комбинацию Ctrl+A. Скопируем фрагмент в буфер обмена с помощью комбинации Ctrl+C.
В палитре Каналы (Channels) создадим новый альфа-канал, нажав кнопку чистого листа.
Вставим из буфера обмена копию фона с помощью комбинации клавиш Ctrl+V и снимем выделение Ctrl+D.
Размоем на 2 пиксела изображение альфа-канала с помощью фильтра Размытие по Гауссу (Gaussian Blur) – «Фильтр – Размытие — Размытие по Гауссу».
Повысим контрастность изображения альфа-канала с помощью уровней. Для этого вызовем диалоговое окно, выполнив команду Изображение (Image) | Коррекция (Adjustments) | Уровни (Levels) или просто нажав комбинацию клавиш Ctrl+L, и переместим белый и черный ползунки к центру.
Сохраним дубликат альфа-канала в новый документ. Для этого в палитре Каналы (Channels) нажмём кнопку в верхнем правом углу палитры. Откроется дополнительное меню, выбираем команду «Создать дубликат канала» (Duplicate Channel).
В окне «Создать дубликат канала» в области Назначение (Destination) из списка Документ (Document) выбираем пункт Новый (New) и даём имя каналу. Нажимаем кнопку OK.
Открывается новая вкладка с сохранённым каналом.
Сохраним созданный документ в формате PSD под именем 4.psd. Закроем этот файл.
Перейдём в палитру слоев и активизируйте слой с тенью, напоминаю, что он называется «Тень ФОТО».
Осталось к тени применить созданную карту смещения (сохраненный дубликат альфа-канала 4.psd). Выполним команду Фильтр(Filter) | Искажение (Distort) | Смещение (Displace). В диалоговом окне фильтра оставим все параметры, заданные по умолчанию, и нажмём кнопку Да (OK).
Появится окно, в нем выбираем сохраненный альфа-канал 4.psd и подтверждаем выбор, нажав кнопку Открыть (Open).
Теперь тень повторяет рельеф камней.
Отключим видимость двух верхних слоёв.
Получаем вот такой эффект.
Для слоя с тенью поставим режим наложения «Перекрытие».
Вызовем окно фильтра «Зигзаг», поставим параметры, которые Вы видите ниже на скриншоте. Этот фильтр удобен тем, что результат сразу виден в окне предварительного просмотра фильтра.
Дублируем слой с тенью – Ctrl+J и уменьшаем непрозрачность вновь созданного слоя.
Получаем реалистичную надпись на камнях.
Мы с Вами ответили на вопрос: «Как наложить текст в фотошопе на объект съёмки?».
Урок сделан по мотивам книги С.Скрылиной «100 советов по коррекции и спецэфектам в CS5», опубликован с личного разрешения автора.
Если Вы не хотите пропустить интересные уроки, информацию о бесплатных видеокурсах и другие новости сайта — подпишитесь на рассылку сайта. Форма для подписки находится ниже.
Как наложить одну картинку на другую
- Главная
Каталог продуктов
- Обучение, курсы Adobe
- Курсы Adobe
- Семейство продуктов Adobe Photoshop
- Adobe Photoshop CC
- Adobe Photoshop Elements
- Adobe Photoshop Lightroom
- Adobe Photoshop Elements & Adobe Premiere® Elements
- Adobe Premiere Pro CC
- Adobe Premiere Elements
- Adobe After Effects CC
- Adobe Audition CC
- Web-дизайн
- Adobe Dreamweaver CC
- Adobe Animate CC / Adobe Flash Professional CC
- Adobe RoboHelp Office
- Adobe InDesign CC обновлено 21.
12.2021 в 21:32
- Издательские пакеты
- Adobe InCopy CC
- Графические редакторы
- Adobe Illustrator CC
- Офисные программы
- Adobe Acrobat Standard
- Adobe Acrobat Professional
- Adobe Framemaker
- Adobe Creative Cloud
- Adobe Acrobat DC / Adobe Document Cloud
- Обучающие программы
- Adobe Captivate
- Adobe Technical Suite
Уроки Photoshop: Как наложить одну картинку на другую
Как в фотошопе наложить одну картинку на другуюШаг 1. Откройте выбранные изображения Ctrl+O:
Шаг 2.
Выберите изображение, которое будет фоном Apply Image (Target), и которое будет использоваться для наложения Source image.
Шаг 3. Изображения, которые вы используете, автоматически открываются в слое Background layer. Скопируйте данный слой Ctrl+J.
Всё!
Техника
Интернет-магазин Adobe.
Datasystem.ru: поставка лицензионного программного обеспечения Adobe
На сайте используются материалы корпоративного веб-сайта Adobe www.Adobe.com.
Все права и торговые марки принадлежат компании Adobe
Как добавить градиент к изображению и тексту в Photoshop
Привет, пришло время градиента. И что мы хотим сделать, так это то, что к этому изображению мы добавили крутой градиент в стиле ретро. Сейчас я покажу вам, как это сделать в Adobe Photoshop. Пойдем.
Сначала давайте откроем два изображения. Он находится в папке того же цвета. Он называется Gradient 01 и Gradient 02 от Джордана Эндрюса. Спасибо, Джордан. Итак, мы собираемся начать с Gradient 01. Мы собираемся сделать две вещи. Мы собираемся добавить градиент к тексту, и мы собираемся добавить его к изображению на заднем плане. Сначала сделаем текст, это проще всего сделать. У нас будет полный раздел о том, как делать шрифт, немного позже в курсе, но сейчас нажмите на эту заглавную букву T, ваш инструмент для ввода текста.
Нажмите один раз на клавиатуре. И здесь, с точки зрения размера шрифта, выберите шрифт, любой шрифт, который вам нравится. И размер, у меня мой примерно до 80. У вас, вероятно, по умолчанию 10 или 12, и здесь мы собираемся ввести «Все». И я вставил «возврат».
Пока не беспокойтесь о Тайпе. Чтобы переместить ваш тип, мы собираемся использовать наш «Инструмент перемещения». И я просто собираюсь щелкнуть и перетащить его. Поэтому добавьте к этому градиент. Изменить цвет шрифта легко. Вы можете дважды щелкнуть здесь, создать новый шрифт. Но давайте посмотрим на добавление цвета. Для этого вам нужно выбрать текстовый слой, вот мой. Вокруг него серая рамка. А внизу есть один, который называется «Эффекты». И здесь есть один, который называется Gradient Overlay. Теперь то, что вы найдете в Photoshop, в значительной степени верно для всего, что вы делаете в Photoshop. Есть три или четыре разных способа сделать одно и то же.
То, что я пытаюсь сделать, я пытаюсь дать вам, я думаю, что есть примерно три разных способа применения градиентов.
Такой способ, как мне кажется, является наиболее пуленепробиваемым с точки зрения будущего. Просто означает, что он будет работать, вероятно, в большинстве случаев, тогда как некоторые другие градиенты не работают во всех случаях. В любом случае, я хочу сказать, что позже вы можете сказать: «Эй, почему он не показал мне эту версию этой штуки?» а тебе так больше нравится, это вообще круто. Делайте это, если вы наткнетесь на совершенно другой способ сделать что-то, в этом нет ничего правильного или неправильного. Я просто пытаюсь, я думаю, сократить его до каких-то пригодных для использования, наиболее пригодных для использования версий.
Итак, наложение градиента. И по умолчанию это будет зависеть от того, что вы выбрали последним. Теперь, что мы собираемся сделать, это, где написано «Градиент», нажмите на эту маленькую стрелку здесь. Давайте поднимем его, чтобы мы могли видеть. Нажмите на эту маленькую стрелку раскрывающегося списка. По умолчанию у вас есть какие-то ужасные тени, ну, Градиент, извините.
Какие-то ужасные. Если вам нужны радужные градиенты, вам, друзья мои, повезло. Итак, что мы собираемся сделать, это пойти и настроить его. Давайте начнем с этого первого, от черного к белому. Его проще всего настроить.
Нажмите на маленькую стрелку, чтобы снова открыть его. Сейчас мы хотим изменить используемые цвета. Вы делаете это, нажимая на этот бит цвета здесь. Вот почему использование Gradient Overlay немного сбивает с толку. Итак, вы щелкаете в любом месте этого цветового поля, и эта штука всплывает. И что мы собираемся сделать, так это использовать нижние части этих домов. Значит, не топовые части. Используйте этот нижний бит, поэтому просто дважды щелкните этот первый образец цвета. И с помощью этого ползунка Hue перетащите его вверх, перетащите вниз. Найдите цвет, который вы хотите использовать. Я собираюсь использовать этот, нажмите «ОК». Дважды щелкните этот белый дом. То же самое, перетащите ползунок Hue вверх и вниз, пока не найдете цвет, который хотите использовать, затем щелкните здесь, и вы получите от синего до фиолетового или, по крайней мере, пурпурного.
Нажмите «ОК». Давайте снова нажмем «ОК» и посмотрим на некоторые настройки.
Итак, там, где написано «Обратное», просто переверните его сверху вниз. Мы используем линейный стиль, поэтому он идет по линии сверху вниз. Вы можете настроить то, какой угол. Вы можете видеть, теперь это происходит больше слева направо. С этой стороны на эту сторону. Вы можете выбрать любой размер. Линейный, вы можете поиграть с радиальным. Вы можете поэкспериментировать самостоятельно, разные, Угол, Отражение. Видите ли, просто разные пути, Градиенты с обеих сторон. В этом случае мы просто выберем Linear. С точки зрения Шкалы, вы можете понизить его, это имеет немного больше смысла. Тогда у нас есть только крошечный градиент между этими типами здесь. Я собираюсь оставить свой на 100%. Это то, что у вас, вероятно, настроено.
Теперь, прежде чем мы сделаем изображения, которые я собираюсь вам показать… Градиенты — это что-то вроде бэкенда, верно? Когда я, я думаю, даже не так давно, может быть, шесть, семь лет назад, у меня даже не было градиентов в классе, потому что кто использует градиенты? Градиенты прошли полный круг и теперь очень круты, верно? Ну, по крайней мере, я так думаю.
Откуда я получаю цвета градиента? Я собираюсь показать вам крутой маленький сайт. Вот этот сайт, он называется Grabient. Я люблю это. Все, что он делает, это просто показывает вам примеры крутых градиентов. Как только вы нашли тот, который вам нравится, скажем, мы нажимаем здесь. Как видите, есть куча разных вариантов. Мне нравится на странице 2, это здесь, это мой любимый. Вы, вероятно, заметите это из других видео, которые я сделал, но это то, откуда я беру свои цвета. Теперь, чтобы получить эти цвета в Photoshop, самый простой способ, посмотрите внизу, там есть желтый и розовый. Так это два цвета, верно? Если вы нажмете на него, это номер, который вы хотите. Итак, это хэш, в нем есть несколько букв и несколько цифр. Так что просто скопируйте это на клавиатуру.
На моем Mac это «Command C» для копирования. Вы можете щелкнуть правой кнопкой мыши и перейти к «Копировать». Вернитесь в Photoshop, а в Photoshop помните, на что мы нажали, чтобы изменить цвет? Вот такая большая цветная полоса.
Дважды щелкните синий дом. И вот здесь, внизу, я собираюсь вставить это. И я вставляю все. Я не думаю, что нам нужен гашиш, кажется, он совсем не против. Вы можете видеть, что хэш здесь. Так что это простой способ выбрать цвет из Интернета. Он использует эти буквы и цифры. Давайте нажмем «ОК», я вернусь в Grabient. Возьми этот конец здесь, возьми это, я не буду мешать. Скопируйте его, обратно в Photoshop. Дважды щелкните этот дом, возьмите его. Вставьте этот. Мне нравятся эти цвета, и я нажимаю «ОК». Нажмите «ОК» еще раз.
Вы можете внести последние коррективы, но на этом все… на самом деле не имеет значения, что именно. Мы сделали это для Type, я нажму «ОК». Неважно, что это за слой. Нам нужно немного подкорректировать изображения, но если это логотип, который вы принесли, или фигура откуда-то, которую вы сделали в Illustrator, или принесли, или нарисовали с помощью Инструмента «Форма», что мы рассмотрим в секунду, чтобы сделать. Вы можете просто выбрать «fx» и перейти к «Gradient Overlay».
Следующее, что я хочу сделать, это изображение на заднем плане. Это немного другой процесс, потому что, во-первых, если я нажму «Фон», этот «эффект» будет недоступен. Это будет происходить на протяжении всего нашего курса Photoshop, где вы просто… он заблокирован, он называется Фон. Чтобы разблокировать фон, дважды щелкните «Фон». Дайте ему имя, мое «Обувь». И теперь он становится разблокированным, и я получаю этот «эффект». Итак, это половина того, что нам нужно сделать. Теперь нажмите на «fx», убедитесь, что этот слой выбран, и перейдите в Gradient Overlay. Так же, как мы делали раньше. Единственная проблема в том, что он делает именно то, что здесь произошло, но я не вижу изображения.
В конце концов, вам нужно… мы уже говорили обо всем этом. Вот этот, режим наложения. Режим наложения — это способ смешивания этого градиента с самим изображением. Итак, нажмите «Нормальный» и просто… «Растворение» ничего не делает. Темнеет, что-то делает. И вам просто придется работать до тех пор, пока вы не найдете способ — смесь, которая работает с вашим конкретным градиентом и цветами на вашем изображении.
Теперь нет, как абсолютный, который вы должны выбрать из этого. Это действительно зависит от вашего изображения и цветов в вашем градиенте. Так что это немного лотерея. Так что нажмите «Умножить», если это работает для вас, и это… Я просто буду работать, пока не выберу то, что мне нравится. Я собираюсь снова увеличить непрозрачность.
«Цветовой затемнитель», «Линейный затемненный». Вы просто будете смотреть, как я сейчас пройдусь по ним всем. ‘Lighten’, мне нравится, это что-то вроде ретро 80-х, но в такой хипстерской манере; трудно объяснить, да? Но градиенты сейчас крутые. Светень, я знаю, Скрин вроде неплохой. «Колор-додж», не так уж и хорош. Я не собираюсь рассматривать каждую из них, потому что я решил, что мне нравится либо «Hard Light», либо «Light Screen», и это совершенно… извините, «Lighten». Это полностью основано на моих градиентах и моих изображениях. Я собираюсь оставить его там.
В этом разница между созданием изображений и сохранением текста или фигуры.
Разве что в первую очередь вам нужно, чтобы ваш слой был разблокирован. Затем вы добавляете эффект, как обычно, и просто убедитесь, что когда вы добавляете свой градиент, вы меняете этот режим наложения. Прежде чем я начну, наверное, очень важный момент, который я еще не затронул, скажем, вы хотите настроить этот градиент сейчас, я его выключу, посмотрите здесь All Star? Вы как бы видите структуру. Это весь мой слой, а это эффекты. Я могу отключить эффект или сам градиент, чтобы показать исходный красный цвет.
Итак, что мы можем сделать, чтобы отредактировать его… поэтому, чтобы отключить его, это все, что нам нужно сделать, просто оставьте его там, но для редактирования я включу Глазное Яблоко. Дважды щелкните слово «Наложение градиента», дважды щелкните. И вы увидите, что здесь он серый, и у него есть небольшая галочка. Возможно, вы случайно оказались на чем-то другом, поэтому я уберу это, убедитесь, что оно серое. И вот куда вы можете пойти и внести коррективы. Скажем, мне это больше не нравится, поэтому я собираюсь изменить это или поиграть с другим режимом наложения, но это то, как вы вносите коррективы.
Я, наверное, выключу его и верну его к белому. Таким образом, выбранный текст на нашей панели «Свойства» сообщит мне цвет, который я использую. Я нажал на него, и чтобы стать белым, как и еще одна вещь, прежде чем мы пойдем, посмотрите на это, на любой из этих оттенков, не имеет значения, если я нажму, удержу и перетащу, и я перетащу какое-то прошлое там, где мне это нужно, потому что вверху слева вверху белый, а внизу слева черный.
Итак, что я делаю, вместо того, чтобы пытаться… некоторым людям нравится пытаться щелкнуть там, вы получаете довольно близко, но если вы щелкаете, удерживаете и перетаскиваете проход, я держу мышь и перетаскиваю это прошлое, что гарантирует, что это белый. Я нажму «ОК», и если вы хотите убрать эти эффекты — я отключил их, чтобы вы их не видели, но скажите, что вы педант и у вас немного ОКР, и вы хотите избавиться от этого, вы можете щелкнуть, удерживать и перетащить его в эту корзину, и это избавит вас от него.
Итак, время проекта. Я бы хотел, чтобы вы попрактиковались в использовании вот этого.
Я не против того, какой текст вы используете, но определенно поэкспериментируйте с градиентом на изображении. Зайдите в Grabient, выберите цвет, выберите свои собственные цвета. Вы можете сделать свои собственные цвета. Я хотел бы на самом деле увидеть в это время, хотя. Мы делали, вы следовали за мной вместе. Что я хотел бы, чтобы вы сделали, я хотел бы увидеть ваш собственный. Так что копайтесь в своих файлах и посмотрите, сможете ли вы найти изображение, которым вы будете рады поделиться. Это может быть ваша семья, это может быть ваш дом. Теперь вы можете быстро сфотографировать себя, и просто… Я хочу посмотреть, какие Градиенты и прочее вы делаете. Вы можете опубликовать его здесь, на этой странице, или поделиться со мной в социальных сетях. В Инстаграме есть свой ноутбук. В Твиттере это danlovesadobe. В любом случае, сделайте изображение, может быть это, это может быть ваше собственное, и я хотел бы увидеть, что вы сделали. Хорошо, это будет конец этого. Давайте перейдем к следующему видео, увидимся.
До свидания.
Добавить текст к картинкам | Добавить текст к фото
- 54
- 1.9K
Я большой сторонник Adobe Lightroom, но мне потребовалось некоторое время, чтобы добиться этого. Как дизайнер, я работаю в Photoshop с версии 2.5. Это было еще в каменном веке, когда к компьютерам были подключены дисководы для гибких дисков, для доступа в Интернет требовался модем с коммутируемым соединением, и вам все еще иногда приходилось переворачивать мышь, чтобы очистить шарик, полный ворсинок, потому что он остановился. работает должным образом. Но неохотно, брыкаясь и крича, я вошел в дивный новый мир и стал страстным поклонником Lightroom. Сейчас я делаю около 95% моей постобработки в Lightroom. Существует множество руководств, посвященных удивительным возможностям Lightroom, но одна вещь, о которой меня спрашивают (а люди, похоже, мало что знают) — это добавление текста к изображениям.
Все, кажется, думают, что вам нужно использовать Photoshop, Illustrator или InDesign (или бесплатную онлайн-программу, такую как PicMonkey), чтобы добавить текст к изображениям , но вы можете полностью использовать Lightroom для добавления текста к фотографиям. После того, как я неоднократно говорил об этом людям, я решил, что мне нужен учебник.
Сначала выберите изображение, к которому вы хотите добавить тип. Убедитесь, что он выбран, а затем перейдите в верхнюю часть меню и выберите Файл > Экспорт… , после чего должно появиться диалоговое окно для экспорта изображений. Если вы когда-либо работали с Lightroom, вы должны быть знакомы с этим диалоговым окном, поскольку именно так вы экспортируете все свои изображения, чтобы сделать их готовыми к работе в Интернете. Дело в том, что в этом поле экспорта есть несколько опций ниже, к которым большинство людей не имеют доступа или даже не знают, что они там есть. Просто потяните полосу прокрутки до упора вниз, и вы увидите эти параметры.
Тот, который вам нужен, называется Watermarking — просто щелкните треугольник рядом с ним, чтобы он указывал вниз. Там вы увидите несколько вариантов. По умолчанию (поскольку вы, вероятно, никогда раньше не использовали эту опцию) водяной знак отсутствует. Нажмите кнопку рядом с Watermarking , и это позволит вам увидеть раскрывающееся меню. В раскрывающемся меню выберите Редактировать водяной знак… , и вы увидите другое всплывающее диалоговое окно под названием Редактор водяных знаков 9.0061 где происходит все волшебство.
В окне Watermark Editor слева вы увидите предварительный просмотр выбранного изображения. Ниже будет пустое поле. Введите слова, которые вы хотите на изображении в этом текстовом поле. Это может быть название вашего блога, URL-адрес или заголовок изображения или темы. На моем примере видно, что я набрал название блюда, которое сфотографировал, Тыквенный пирог с шахматами, а под ним название моего блога.
С правой стороны есть параметры, которые можно использовать для настройки типа. К ним относятся шрифт, который вы хотите использовать, выравнивание, цвет, тип тени, которую вы хотите, и непрозрачность (насколько прозрачен шрифт). Большая часть этого не требует пояснений, и вы можете понять это самостоятельно, просто играя с ползунками и кнопками.
В разделе Эффект водяного знака s есть несколько опций, которые могут сбивать с толку. Сначала посмотрите в самый низ окна и выберите точку текста. Если вы хотите, чтобы ваш текст был в центре сверху, выберите центральную верхнюю кнопку. Если вы хотите, чтобы это было точно посередине, выберите среднюю кнопку. Выше находится ползунок Inset . Это позволяет вам сдвинуть текст с того места, где вы выбрали точку привязки. Используйте эти ползунки для точной настройки того, куда вы хотите направить текст.
Теперь, если вы выполняете пакетную обработку фотографий (одновременный экспорт большого количества изображений), вы можете разместить водяной знак на каждом из них в одном и том же месте, используя кнопку «Подгонка» или «Заливка» над ползунками Вставка .
Fit изменяет размер текста по ширине фотографии, а Fill изменяет размер текста, чтобы заполнить высоту И ширину фотографии. Однако в большинстве случаев вы будете добавлять текст к отдельным изображениям, поэтому я бы посоветовал выбрать Proportional 9.0061 и с помощью ползунка измените масштаб текста до нужного размера.
Но подождите, это еще не все! Посмотрите на самый верх правого угла, над всеми остальными вариантами текста. Есть выбор для Watermark Style с двумя кнопками, Text и Graphic . Если вы выберете кнопку Graphic , вы можете вставить изображение (png или jpg) в качестве водяного знака! У меня есть логотип моего блога в виде файла PNG с прозрачным фоном, как белого, так и темно-коричневого цвета. Таким образом, я могу поместить его на изображение независимо от того, насколько оно светлое или темное. И так же, как текстовая опция, вы можете использовать Эффект водяного знака параметры, чтобы придать водяному знаку непрозрачность (прозрачность логотипа или любого другого изображения, которое вы используете), а также выяснить, где вы хотите закрепить логотип на изображении.
