Как сделать изображение внутри текста
Как в фотошопе сделать картинку в тексте
Сегодня практически для любого бизнеса, чтобы оставаться конкурентоспособным, обязательным условием является наличие собственного сайта. Продвижение веб-ресурса лучше доверить профессионалам, воспользовавшись услугами такой студии, как web gate, ссылка на которую позволит получить подробную информацию. В любом случае, сайт должен быть сделан качественно.
Чтобы сделать красивую надпись, можно сделать картинку в тексте. Сделать это довольно просто.
Для начала надо создать новый документ. Задайте ему размер 655х400 пикселей.
Можно оставить белый/прозрачный фон, а можно задать ему цвет или сделать градиентом. Я воспользуюсь слоем-заливкой и сделаю желтый фон.
Затем на панели инструментов нужно выбрать инструмент Текст.
На панели параметров инструмента подберите подходящий шрифт. Лучше, конечно, использовать красивые, интересные шрифты. Среди стандартных таких нет, поэтому нужно просто что-нибудь найти в интернете. Я же, возьму свой фирменный шрифт — ObelixPro. Цвет установите любой, нам цвет потом вообще не нужен, вместо него будет картинка.
С помощью палитры Абзац можно еще подкорректировать внешний вид текста: межстрочный/межбуквенный интервал, высоту букв и так далее.
Вставка картинки
Это изображение необходимо скопировать и вставить на новый слой документа с текстом. Используйте для этого один из способов описанных в этой статье.
Итак, вы добавили картинку к проекту с текстом. Она должна была появиться на новом слое. Установите для этого слоя непрозрачность порядка 60 — 70%. Это нужно для того, чтобы видеть, где расположен ваш текст.
Далее картинку двигайте (с помощью инструмента Перемещение) и вращайте (с помощью инструмента Свободная трансформация), пока не разместите ее поверх букв так, чтобы нужная часть располагалась внутри букв.
Можно вернуть непрозрачность до 100%.
Теперь, зажмите клавишу Ctrl и сделайте клик по миниатюре текстового слоя. Вы увидите марширующих муравьев вокруг букв. Это мы создали выделенную область.
Как вставить картинку в текст
В этом материале мы рассмотрим, как разместить изображение в текст, т.е. вставим картинку внутрь букв текста. Для достижения эффекта мы будем применять обтравочную маску (clipping mask) и вот что получится у нас в результате:
Для начала, нам нужно открыть в Photoshop изображение, которое мы собираемся разместить внутри нашего текста. Я буду использовать эту панорамную фотография Гавайев:
Затем продублируем фоновый слой, нажав комбинацию клавиш Ctrl+J, после чего в Панели слоёв появился новый слой, являющийся дубликатом фонового:
Теперь нам надо создать новый пустой слой, расположенный между первыми двумя.
Сейчас у нас активен дубликат, поэтому зажимаем клавишу Gtrl и кликаем по кнопке создания нового слоя, расположенной внизу палитры слоёв. В Панели слоёв появился новый слой, расположенный под дубликатом:
Кликните по самому верхнему слою в Панели слов для его выбора, на инструментальной панели выберите инструмент «Текст» (Type Tool) и тир шрифта. Как правило, этот эффект лучше применять к шрифту с толстыми буквами. Я сейчас собираюсь выбрать шрифт Arial. Кстати, на данный момент не беспокойтесь по поводу размера шрифта.
Следующее действие не является абсолютно необходимым, оно просто поможет мне лучше увидеть мой текст. Я собираюсь использовать белый для цвета моего текста. Цвет, который вы выбираете для вашего текста, не имеет значения, поскольку позже мы будем заполним текст изображением, и этот цвет не будет просматриваться.
Чтобы установить цвет текста на белый, все, что нужно сделать, это установить в цветовой палитре цвет переднего плана на белый. Для этого нажмите клавишу D, что приведёт цвета переднего плана и фона в состояние по умолчанию, а затем нажмите клавишу X, что поменяет местами фоновый и основной цвета, в итоге основным будет белый.
Итак, на данный момент у нас активен инструмент «Текст», выбран шрифт и его цвет. Сделайте надпись на основном документе, поскольку я использую фото Гавайев, я собираюсь набрать слово «HAWAII»:
Когда закончите ввод текста, нажмите на галочку в панели параметров для применения действия инструмента.
Нажмите клавиши Ctrl+T для активации инструмента «Свободная трансформация» и используя маркеры на углах рамки трансформации, растяните текст по всему изображению:
Для применения действия инструмента нажмите клавишу Enter.
Перетащите тестовый слой так, чтобы он оказался под верхним слоем (под «Слой 1»):
Снова кликните по верхнему слою и создайте обтравочную маску. Для создания обтравочной маски зажмите клавишу Alt и наведите курсор между слоями в Палитре, при этом курсор изменит отображение. Кстати, вид значка создания обтравочной маски в CS6 отличается от версий ниже. На рисунке ниже я привёл отображение значка в CS6 (cлева) и в CS5 и (справа):
И, если мы теперь посмотрим в окно рабочего документа, мы увидим, что эффект готов, картинка появилась в тексте:
Можно ещё для красоты и придания объёма тексту добавить стили слоя, «Тень» (Drop Shadow) и «Внутреннюю тень» (Inner Shadow):
Как сделать изображение внутри надписи в фотошопе
Как сделать изображение внутри
надписи в фотошопе
В этом уроке по работе с фотошопом будет показано, как разместить часть фона фотографии внутри надписи в фотошопе. В результате мы получим красивый текстовый эффект, который довольно часто применяется в рекламе и в дизайне.
Откроем фотографию, которую будем использовать для заполнения надписи.
Выберем инструмент » Горизонтальный текст » ( Т ) и напишем произвольное слово. Чтобы эффект был хорошо виден, я написал всего одну букву и сделал её максимально большой.
Разблокируем фоновый слой (» Задний план «), для чего просто перетащим замок на значок мусорной корзины в палитре » Слои «.
Поменяем слои местами так, чтобы текстовый слой оказался внизу.
Правой кнопкой мыши щёлкаем по верхнему слою и в раскрывшемся списке выберем пункт » Создать обтравочную маску «.
Всё, наш эффект готов! Мы получили букву, заполненную текстурой фотографии тигра.
Чтобы как-то немного покрасивее оформить получившийся результат, я открыл вот такую симпатичную картинку. Сделал активным инструмент » Перемещение » ( V ).
Перетащил это изображение на букву и расположил новый слой в самом низу палитры » Слои «. Вызываем окно » Стиль слоя «, для чего два раза левой клавишей мыши щёлкаю по текстовому слою (средний слой).
Делаем активной вкладку » Тень » и ставим параметры, которые Вы видите ниже на скриншоте.
Делаем активной вкладку » Тиснение » и ставим параметры, которые Вы видите ниже на скриншоте. Вы, естественно, можете поставить настройки, которые Вам подходят и нравятся.
Получаем вот такой симпатичный эффект надписи в фотошопе.
Скачать урок (302 Кб) в формате PDF :
Комментарии
Понравилось? Поделитесь:
Добавить комментарий
Популярные уроки сайта:
Как сделать зимнюю от…
Как сделать зимнюю открытку в фотошопе Всем привет! Сегодня мы будем рисовать зимнюю открытку из бумаги. Благодаря инструментам фотошоп мы создадим имитацию листов бумаги, из которых сделана открытка. Сначала мы создадим новый документ и зальем.
Ретушь в фотошопе. Раб…
Видео урок Ретушь в фотошопе. Работа с небом 2-мя способами Продолжаем заниматься ретушью фотографии автомобиля. В первом уроке мы с Вами поработали с боковым бликом и привели его в порядок. Теперь наша задача.
Настройка баланса бел…
Настройка баланса белого в фотошопе Всем привет! С вами снова Елена Король и я решила поделиться лайхфаком, как избавится от паразитного оттенка на фото. По-другому это называется настройка баланса белого. Все по порядку.
Ретушь в фотошопе. Раб…
Видео урок Ретушь в фотошопе. Работа с цветным, ярким бликом на машине Подготовил для Вас 2 видео урока по ретуши. Будем работать с рекламной фотографии машины. При взгляде на эту фотографию, сразу бросается в.
Мини-курс «Ретушь р…
Мини-курс: «Ретушь рекламной фотографии плохого качества» Решил продолжить создание мини-курсов. Три предыдущих мини-курса показали свою эффективность в обучении фотошопу. На этот раз, отойдем от темы фотомонтажа, а займемся ретушью рекламной фотографии автомобиля. Кратко, что.
Постер на день влюбле…
Постер на день влюбленных в фотошопе Всем привет! Сегодня мы будем создавать постер ко Дню всех влюбленных. Вы можете использовать собственные фотографии и подарить такой постер своей второй половинке на День всех влюбленных. Сначала мы.
Анимация мерцания в ф…
Анимация мерцания в фотошопе Всем привет! Сегодня мы будем создавать анимацию мерцающего текста. Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно. Сначала мы создадим новый документ.
Как убрать сетку в фот…
Видео урок Как убрать сетку в фотошопе При создании фотомонтажа, одной из проблем является подбор исходных фотографий. Это очень важно! Обычно, при создании профессионального фотомонтажа, используются фотографии с сайтов стоков, имеющих высокое.
Замена неба в фотошоп…
Замена неба в фотошопе Всем привет! С вами снова Елена Король и мы по старой доброй привычке будем изучать новые возможности свежей версии Adobe Photoshop 21. Часто бывает, что у нас есть.
Цветокоррекция при фо…
Цветокоррекция при фотомонтаже в фотошопе Мы с Вами продолжаем заниматься фотомонтажем. В этом уроке рассмотрим процесс вырезания объекта с более тёмного фона и перемещение его на новый, более светлый фон. В таком случаем может.
Как сделать фотомонта…
Как сделать фотомонтаж в фотошопе В этом уроке мы с Вами займемся небольшим фотомонтажем. Рассмотрим способ, как можно вырезать объект и перенести его на новую фотографию. Также постараемся аккуратно вписать данный объект.
Как сделать игральную…
Как сделать игральную карту в фотошопе Всем привет! Сегодня мы будем рисовать винтажную игральную карту. В данном уроке мы не только с нуля нарисуем игральную карту, но и «состарим» ее при помощи разных.
Как сделать 3D сердечк…
Как сделать 3D сердечко в фотошопе Всем привет! Сегодня мы будем рисовать 3д сердечко. Такое 3д сердечко вы сможете подарить любимому человеку, достаточно только оформить его в виде открытки, написав текст. Сначала мы создадим новый.
Мини-курс «Фотомонт…
Мини-курс: «Фотомонтаж в Photoshop. Вариант №3» «Работа с альфа-каналами и вырезанным объектом» Два предыдущих мини-курса по фотомонтажу вызвали большой интерес у моих подписчиков. Поэтому приготовил для Вас 3-й вариант использования фотошопа для соединения.
Иконка WhatsApp в фотошоп…
Иконка WhatsApp в фотошопе Всем привет! Попрактикуемся в навыке создания иконок. Иконка – это элемент графического интерфейса, маленькая картинка которая представляет какое либо приложение, файл, окно, функциональную кнопку, раздел и т д. Сегодня мы будем.
Как быстро создать те…
Видео урок Как быстро создать тень в полуавтоматическом режиме В этом уроке мы с Вами рассмотрим скрипт, который поможет нам практически в автоматическом режиме создавать тень для объекта. В начале мы его.
Как правильно вписать…
Видео урок Как правильно вписать объект в новый фон В этом уроке мы с Вами займемся фотомонтажем. Рассмотрим процесс вырезания объекта и перенос его на новый фон. Для нашей фотографии это сделать.
Как перенести естеств…
Видео урок Как перенести естественную тень на новый фон В этом уроке мы будем учиться переносить естественную тень от вырезаемого объекта на «старой» фотографии на новый фон. Конечно, можно нарисовать тень на.
Как нарисовать планет…
Как нарисовать планету с кольцом в фотошопе Всем привет! Сегодня мы будем рисовать кольца планеты. Урок достаточно простой, по приемы, показанные в нем, помогут вам создавать сказочные коллажи на тему космоса. Сначала мы создадим новый.
Две частые ошибки при …
Видео урок Две частые ошибки при создании фотомонтажа В этом уроке я Вам покажу две ошибки, которые часто допускают начинающие фотошоп мастера, когда они делают фотомонтаж. Разберем эти ошибки. Первая ошибка заключается.
Фотомонтаж в Photoshop. Ва…
Тренинг: «Фотомонтаж в Photoshop. Вариант №2» «Работа с небом и с его отражениями» Приготовил для Вас небольшой тренинг по фотомонтажу. Тренинг очень простой, для начинающих. Но, я предлагаю всем поработать своими ручками, что очень.
Дрожащая анимация в ф…
Дрожащая анимация в фотошопе Всем привет! Сегодня мы будем создавать анимацию дрожащего текста. Такую анимацию можно использовать на сайтах, в блоге, на заставке на телефон и т.д. Сначала мы создадим новый документ и зальем фоновый.
Как перенести тень вм…
Видео урок Как перенести тень вместе с вырезаемым объектом В ходе создания коллажей или фотомонтажа практически всегда возникает необходимость создать тень. В принципе, на новом фоне мы можем тень нарисовать, для этого.
Фотомонтаж в Photoshop. Ва…
Фотомонтаж в Photoshop. Вариант №1 Как качественно отделить сложный объект от фона, перенести его на новую картинку и грамотно вписать в новое окружение Этот мини-курс посвящен фотомонтажу. Мы с Вами объединим две картинки. Но.
Создание масок из кан…
Видео урок Создание масок из каналов и их объединение Когда мы создаем коллаж или делаем фотомонтаж, то очень частой операцией является выделение объекта и перенос его на другой фон. Выделение объекта можно.
Как сделать стекающий…
Как сделать стекающий текст в фотошопе Всем привет! Сегодня мы будем создавать стекающий текст. Стекающий текст выглядит довольно необычно. Эффект стекающего текста вы сможете использовать в своих работах как с материалами из папки.
Как улучшить картинку…
Видео урок Как улучшить картинку формата Jpeg Когда мы создаем коллаж или делаем какой-либо монтаж, довольно большой проблемой является подбор необходимых картинок. Для того чтобы выбрать нужные снимки, мы часто заходим на.
Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020