Как вставить текст в картинку в фотошопе: Добавьте текст на изображение в Photoshop Elements

Как вставить картинку в текст в фотошопе: инструкция для новичков

Доброго времени суток, уважаемые читатели моего блога. Если вам нужно чтобы очертания текста были картинкой, то эта статья не для вас. Прочитайте другую мою публикацию «Как сделать текст из рисунка». Сегодня мы поговорим о другом приеме. Научимся писать на готовом изображении.

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

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

Создаем новый документ

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

Итак, после того как вы нажали «Файл» — «Создать». Перед вами появится форма, в которой вы можете выбрать тип документа из целого списка: международный формат бумаги, фото, web и так далее. Каждый из этих типов делится на различные подвиды, к примеру, web на большой баннер, стандартную интернет-страницу, MacBook. Международный формат – A3, A4, А2.

В чем преимущество этого метода? Вам не придется заморачиваться с размерами, искать их в интернете. Все заранее подготовлено.

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

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

Итак, выбираем шрифт. Кстати, чтобы вариантов стало больше, вы можете скачать бесплатные дополнительные шрифты с сайта Photoshop-master. Установить их проще простого. Заходите в панель управления через меню «Пуск», находите папку «Шрифты» и закидываете туда новые, только что загруженные файлы. Не забудьте перезапустить фотошоп, а то обновления не вступят в силу.

Теперь выбираем цвет букв. Вы можете выбрать их панели сверху или меню слева.

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

Чтобы применить изменения, щелкните мышью по слою в панели справа.

*Реклама

Чтобы увеличить или уменьшить блок с текстом используйте сочетание клавиш Ctrl+T. Я уже подробно писал об этом сочетании. Дальше тяните за края в разные стороны и кликните на Enter как только закончите.

Работа с изображением

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

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

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

Вам просто нужно нажать enter, чтобы применить изменения к размеру картинки, а затем поменять слои местами.

Нужно отметить, что не все параметры редактирования изображения будут доступны для вас. Это связано с методом, которым вы пользовались для добавления рисунка в проект. Чтобы открыть эту возможность, вам придется растрировать слой. Сейчас это смарт-объект. Нажмите правой кнопкой мыши на слое с иллюстрацией, а затем выберите из появившегося меню нужную опцию.

Чтобы поместить картинку в нужное место в фотошопе есть инструмент «Перемещение», также вы можете использовать для этой цели тот же способ, что и работает с изменением размера картинки – Ctrl+T.

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

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

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

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

Как в Фотошопе вставить надпись

Вам понадобится

• Графический редактор Adobe Photoshop.

Инструкция

Запустите Photoshop и загрузите в него изображение, в которое следует добавить надпись. Эти две операции можно совместить — кликните правой кнопкой мыши по нужной картинке в «Проводнике» или на рабочем столе. Во всплывшем меню раскройте раздел «Открыть с помощью» и выберите пункт Adobe Photoshop.

Выберите на панели инструментов «Горизонтальный текст» либо «Вертикальный текст» — они закреплены за иконкой с изображением буквы «Т». Это можно сделать и с клавиатуры, достаточно нажать клавишу с русской литерой «Е» или латинской T.

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

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

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

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

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

Щелчком по прямоугольнику у надписи «Цвет» раскройте палитру и выберите нужный оттенок окраски надписи.

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

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

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

Для начала подберём исходник , например вот такую природу:

Пишем любой текст, шрифт лучше подобрать потолще :

Подгоните его размер на своё усмотрение (CTRL+T)

Дважды кликните по основному слою Background, чтобы можно было его редактировать

Перетащите его выше слоя с текстом

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

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

Но оставим всё как есть, вернем все обратно (CTRL+Z).

Дальше создайте новый слой под всеми остальными

И залейте его белым цветом.

Применим к текстовому слою стиль Drop Shadow (кликните два раза на слое с текстом)

Значения оставляем как есть, просто нажимаем ОК

Вот собственно и всё, текст с изображением внутри готов.

Желаю успехов !

Всегда для Вас: photoshoplesson.ru

У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

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

ПОХОЖИЕ УРОКИ:

---

Поместите изображение в текст с помощью Photoshop

Автор Стив Паттерсон.

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

Эта версия учебника предназначена для Photoshop CS5 и более ранних версий. Если вы используете Photoshop CC или CS6, ознакомьтесь с полностью переработанной и обновленной версией этого руководства.Вот эффект, к которому мы стремимся:

Окончательный эффект «изображение в тексте».

Давайте начнем!

Как разместить изображение в тексте

Шаг 1. Откройте фотографию для размещения внутри текста

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

Вид на океан с Гавайских островов.

Посмотрите видеоурок на нашем канале YouTube!

Шаг 2. Дублирование фонового слоя

Если мы посмотрим на палитру слоев, то увидим, что в настоящее время у нас есть один слой с именем Background .Этот слой содержит наше изображение. Нам нужно продублировать этот слой, и самый простой способ сделать это — использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если мы еще раз посмотрим на палитру слоев, мы увидим, что теперь у нас есть два слоя. Оригинальный фоновый слой находится внизу, а над ним находится копия фонового слоя, который Photoshop автоматически назвал «Слой 1»:

Photoshop’s Layers palette.

Шаг 3: Добавить новый пустой слой между двумя слоями

Далее нам нужно добавить новый пустой слой между фоновым слоем и «Слой 1».В настоящее время «Слой 1» — это слой, выбранный в палитре слоев. Мы можем сказать, какой слой выбран, потому что выбранный слой всегда выделяется синим цветом. Обычно, когда мы добавляем новый слой, Photoshop помещает новый слой непосредственно над тем слоем, который выбран в данный момент, что означает, что Photoshop поместит слой выше «Layer 1». Это не то, что мы хотим. Мы хотим, чтобы новый слой располагался на ниже «Слой 1». Вот полезный трюк. Чтобы добавить новый слой ниже выбранного в данный момент слоя, удерживайте нажатой клавишу Ctrl (Win) / Command (Mac) и щелкните значок New Layer в нижней части палитры слоев.Удерживая нажатой клавишу Ctrl (Победа) / Command (Mac), нужно расположить слой под выбранным в данный момент слоем:

Удерживая нажатой клавишу «Ctrl» (Победа) / «Команда» (Mac), щелкните значок «Новый слой» в палитре «Слои».

Теперь у нас есть новый пустой слой с именем «Слой 2», расположенный непосредственно между фоновым слоем и «Слоем 1»:

Палитра «Слои», показывающая новый пустой слой между фоновым слоем и «Слоем 1».

Шаг 4. Заполните новый слой белым

На данный момент наш новый слой полностью пуст.Давайте заполним его белым, чтобы он выглядел как белый фон после того, как мы поместили наше изображение в текст. Поднимитесь в меню Edit в верхней части экрана и выберите Fill . Это вызовет диалоговое окно Fill в Photoshop. Выберите White для опции Contents в верхней части диалогового окна, затем нажмите OK, чтобы выйти из диалогового окна:

Выберите «Белый» для параметра «Содержимое» в верхней части диалогового окна «Команда заполнения».

Похоже, что ничего не произошло в окне документа, поскольку изображение на «Слой 1» блокирует «Слой 2» из вида, но если мы посмотрим на миниатюру предварительного просмотра слоя для «Слоя 2» в палитре Слоев, мы можем убедитесь, что слой заполнен сплошным белым цветом:

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

Шаг 5: выберите «Слой 1» в палитре слоев

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

Нажмите «Слой 1» в палитре слоев, чтобы выбрать его.

Шаг 6: Выберите инструмент Type

Чтобы добавить текст, нам понадобится Photoshop Type Tool , поэтому выберите Type Tool из палитры Tools. Вы также можете быстро выбрать Type Tool, нажав на клавиатуре букву T :

Выберите инструмент «Тип».

Шаг 7: выберите шрифт на панели параметров

Выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите любой шрифт, который вы хотите использовать для эффекта. Как правило, шрифты с толстыми буквами работают лучше всего. Я собираюсь выбрать Arial Black. Не беспокойтесь о размере шрифта на данный момент:

Выберите шрифт на панели параметров.

Шаг 8: установите белый цвет в качестве переднего плана

Этот шаг не является абсолютно необходимым, но чтобы помочь мне увидеть мой текст, я собираюсь использовать белый для моего цвета текста.Цвет, который вы выбираете для своего текста, на самом деле не имеет значения, так как мы заполним текст изображением через мгновение, но он по-прежнему помогает видеть текст при его добавлении. Чтобы установить цвет текста на белый, все, что нам нужно сделать, это установить цвет переднего плана Photoshop на белый. Сначала нажмите на клавиатуре букву D , чтобы значения цветов переднего плана и фона вернулись к значениям по умолчанию. Черный цвет по умолчанию для цвета переднего плана и белый цвет по умолчанию для цвета фона.Чтобы поменять их местами так, чтобы белый цвет стал основным, нажмите на клавиатуре букву X . Если вы посмотрите на образцы цветов «Передний план» и «Фон» в нижней части палитры «Инструменты», то увидите, что белый теперь является цветом переднего плана (образец слева):

Установка цвета переднего плана на белый также устанавливает цвет текста на белый.

Шаг 9: добавьте свой текст

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

Нажмите внутри документа и добавьте свой текст.

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

Нажмите на галочку на панели параметров, чтобы принять текст.

Шаг 10. Изменение размера и изменение положения текста с помощью команды Free Transform

Возможно, вам придется изменить размер и изменить положение текста на этом этапе, и мы можем сделать обе эти вещи, используя команду Free Transform в Photoshop.Нажмите клавиши Ctrl + T (Win) / Command + T (Mac) на клавиатуре, чтобы открыть окно «Свободное преобразование» и обведите текст, а затем перетащите любой из маркеров, чтобы изменить его размер. Если вы хотите изменить размер текста, не искажая его внешний вид, удерживайте нажатой клавишу Shift и перетащите любую из четырех угловых ручек. Вы также можете изменить размер текста из его центра, удерживая нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании. Наконец, чтобы переместить текст, щелкните в любом месте внутри поля «Свободное преобразование» и перетащите мышь, чтобы переместить текст внутри окна документа:

Используйте команду Photoshop Free Transform, чтобы изменить размер и переместить текст.

Нажмите . Введите (Win) / . Верните (Mac), когда вы закончите, чтобы принять преобразование и выйти из команды Free Transform.

Шаг 11: Перетащите текстовый слой ниже «Слоя 1»

Теперь, когда у нас есть текст, который мы хотим, нам нужно переместить слой типа ниже текста в палитре слоев. Нажмите на текстовый слой, затем просто перетащите его вниз под «Слой 1». Вы увидите толстую черную линию между «Слой 1» и «Слой 2»:

Перетащите слой типа ниже «Слой 1».

Отпустите кнопку мыши, когда появится черная линия, чтобы поместить слой типа на место между «Слоем 1» и «Слоем 2»:

Типовой слой теперь появляется между «Слой 1» и «Слой 2».

Шаг 12: снова выберите «Слой 1»

Нажмите еще раз на «Слой 1» в палитре слоев, чтобы выбрать его:

Типовой слой теперь появляется между «Слой 1» и «Слой 2».

Текст временно исчезнет внутри окна документа, теперь, когда изображение на «Слой 1» блокирует его вид.

Шаг 13: создайте обтравочную маску

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

Выбрав «Слой 1» в палитре «Слои», откройте меню «Слой » в верхней части экрана и выберите « Создать обтравочную маску» :

Перейдите в «Слой»> «Создать обтравочную маску».

Если мы посмотрим в окно документа, то увидим, что фотография теперь находится внутри текста:

Фотография теперь появляется внутри букв.

Шаг 14: добавьте тень (опционально)

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

Выберите тип слоя, затем щелкните значок «Стили слоя».

Выберите Drop Shadow из появившегося списка стилей слоев:

Выберите стиль слоя Drop Shadow.

Откроется диалоговое окно Photoshop Layer Style с настройками Drop Shadow в средней колонке. Я собираюсь оставить большинство опций в покое, но я уменьшу непрозрачность тени до 60% , так что это не так уж и интенсивно, и я установлю угол тень до 120 ° :

Диалоговое окно «Стиль слоя», в котором отображаются параметры для «Тени».

Нажмите OK, когда вы закончите, чтобы применить тень от выхода из диалогового окна Layer Style. Вот мой последний эффект «изображение в тексте»:

Окончательный эффект «изображение в тексте».

Следующий урок: Как разместить изображение в нескольких текстовых слоях одновременно!

,

Как ввести текст в режиме ввода абзаца в Photoshop CS6

2. Программное обеспечение
3. Adobe
4. Photoshop
5. Как ввести текст в режиме ввода абзаца в Photoshop CS6

Барбара Обермейер

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

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

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

Чтобы ввести тип абзаца, выполните следующие действия:

1. Откройте сохраненное изображение или создайте новый документ Photoshop.

2. Выберите инструмент «Горизонтальный» или «Вертикальный тип» на панели «Инструменты» или нажмите T, чтобы выбрать инструмент «Тип», если нужный вам активен.

   Нажмите Shift + T, чтобы переключаться между четырьмя доступными инструментами типа, пока тот, который вам нужен, не станет активным.

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

3. Вставьте и отформатируйте текстовое поле одним из следующих способов:

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

   • Удерживая нажатой клавишу «Alt» (опция на Mac), перетащите блок любого размера. Откроется диалоговое окно «Размер текста абзаца». Вы можете ввести точные размеры поля, которое вы хотите создать.Когда вы нажимаете OK, появляется ограничивающий прямоугольник указанного вами размера, с ручками для изменения размера поля позже, если вы хотите.

4. Выберите нужные параметры типа на панели параметров или панели символов или абзаца.

5. Введите свой текст. Чтобы начать новый абзац, нажмите Enter (Вернуться на Mac).

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

   Кредит: © iStockphoto.com / stacey_newman Image # 12711518

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

6. Нажмите кнопку «Применить» на панели параметров. (Кнопка выглядит как галочка.) Вы также можете нажать Ctrl + Enter (Ctrl + Return на Mac).

   Photoshop создает новый тип слоя.

Чтобы преобразовать тип точки в тип абзаца или наоборот, выберите слой типа на панели «Слои». Затем выберите «Текст» → «Преобразовать в текст с точкой» или «Преобразовать в текст абзаца».

Об авторе книги

Барбара Обермейер — директор Obermeier Design, студии графического дизайна в Калифорнии, специализирующейся на печати и веб-дизайне.В настоящее время она является преподавателем в Школе дизайна в Институте Брукса.

,