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

ДА! Этот урок будет посвящен тексту в Фотошопе.  Очень часто случается, что нам нужно подписать какую-то картинку или фотографию красивым текстом или мы делаем какую-то обложку, флаер, и прекрасно оформленный текст в таком случае просто необходим.

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

Открываем картинку, на которой будем писать текст. Нажимаем «Файл – Открыть». И выбираем у себя на компьютере изображение.

Вот такое изображение открыл я:

Ну а теперь выбираем инструмент «Горизонтальный текст».

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

Выбираем из списка шрифт, который нам нравится:

Потом нужно установить размер:

И цвет:

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

Пишем текст, потом выбираем инструмент «Перемещение» и можем перетаскивать текст по всей картинке. Также можно выровнять текст стрелочками с клавиатуры. Вот что получилось у меня:

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

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

Нажимаем на нее и в появившемся списке выбираем «Параметры наложения».

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

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

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

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

После того как все настроено нажимаем «Да».

Вот такой вот результат на данный момент у меня:

Ну вот, не плохо! Давайте еще сделаем отражение текста. Нам нужно копировать слой с текстом. Для этого встаем на него, затем нажимаем клавишу Alt и удерживая ее кликаем по тексту, которые на картинке и перетаскиваем вниз, получается копия слоя. Она нам как раз и нужна, чтобы сделать отражение текста.

Далее нам нужно включить «Свободное трансформирование». Заходим в меню «Редактирование» и в выпадающем списке выбираем «Свободное трансформирование».

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

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

Остался один штрих – нужно Непрозрачность сделать поменьше. В палитре слоев уменьшаем Непрозрачность по вкусу. Я сделаю процентов 30.

У меня вот так:

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

И давайте еще нашу картинку сделаем более яркой. Заходим в меню «Изображение – Коррекция — Уровни».

В появившемся окне левый ползунок слегка переместим вправо, а правый – влево. После настройки нажимаем «Да».

Вот, что в итоге у меня получилось:

Вот они основы работы с текстом в Фотошопе. Поэкспериментируйте, попробуйте еще Вертикальный текст, выберите какой-нибудь другой шрифт, примените другие Параметры наложения. Я уверен, у вас все получится! Удачи!

Следующий урок: Инструменты выделения в Фотошопе

Интересные статьи по теме:

основы работы с текстом для новичков

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

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

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

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

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

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

Когда вы создаете новый текст в документе, он отображается в виде текстового слоя. Если вы не видите эту панель, просто нажмите F7 или откройте вкладку «Окно» – «Слои». Обязательно откройте эту панель – далее мы будем часто к ней обращаться.

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

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

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

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

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

Существует два способа поменять текст:

1. Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
2. Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

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

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

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

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

Появляется палитра, и вот он – желтый! Кстати, цвет можно взять пипеткой с картинки или другой надписи: просто нажмите мышкой на нужный цвет на холсте, а курсор сам превратится в пипетку.

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

Метод с копированием и вставкой также работает, если вы копируете текст, например из Word.

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

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

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

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

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

Дальше следите за руками:

1. Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами. 
2. Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт). 
3. Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой». 
4. Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т». 
5. Скрываем текстовый слой, ткнув на иконку с глазиком. 
6. Выбираем слой с плашкой и нажимаем Delete. 

Чтобы изменить прозрачность букв, откройте панель «Слои». Найдите нужный вам слой и введите значение непрозрачности. Если нажать на стрелочку, появится ползунок.

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

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

1. Создаем текстовый слой какого-нибудь кислотного цвета, например ярко-малинового. 
2. Дважды кликаем по нему на панели, чтобы вызвать окно стилей слоя.
3. Открываем «Внешнее свечение» и выбираем цвет этого свечения – у меня малиновые буквы, и свечение от них я тоже сделаю малиновым, только чуть светлее.
4. Настраиваем непрозрачность и переходим ко вкладке «Внутреннее свечение».
5. Во вкладке «Внутреннее свечение» я выбрала светло-розовый цвет, полностью непрозрачный, а возле пункта «Источник» – «Из центра». 

После всех настроек текст можно изменить. А если вы скопируете слой, то все настройки неона тоже сохранятся. Покрутите ползунки, поиграйте с прозрачностью, оттенками и мягкостью свечения. Экспериментируйте, у вас все получится!

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

Если кликнуть по самому градиенту, вы увидите окно редактора, где можно выбрать цвета и выставить все настройки. Редактируйте цвет, кликнув по маленькому ползунку-квадратику, расположенному под градиентом. Если двигать ползунки по горизонтали, градиент будет меняться. Созданный градиент можно сохранить: так вы можете собрать целую коллекцию собственных градиентов. Попробуйте!

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

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

В Фотошопе есть специальное окно, посвященное деформации текста. Чтобы его открыть, нажмите на инструмент «Текст». Наверху появится кнопка, открывающая окно деформации. Здесь вы можете выбрать стиль и настроить уровень искажения текста. После этого текст все еще будет доступен для редактирования.

Есть еще один способ деформировать надпись. Если нажать правой кнопкой мышки по текстовому слою и затем на «Растрировать текст», то откроется новое поле возможностей.

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

Можно тянуть слово в любую сторону, попробуйте! 

Во вкладке «Трансформирование» есть и другие штучки. Обратите внимание на пункт «Деформация» – с его помощью можно делать забавные вещи. Вот что получится, если выбрать деформацию с сеткой 5х5:

Текст по кругу в Adobe Photoshop делается буквально в пару кликов. Итак, для начала нам необходимо нарисовать круг. Найдите инструмент «Эллипс». Он может прятаться за «Прямоугольником» – щелкните по нему правой кнопкой мышки, и вы сразу его увидите.

Наверху выберите пункт «Контур». Зажмите Shift, чтобы создать ровный круг, и отпустите, когда размер вас устроит. Чтобы начать писать текст по кругу, выберите инструмент «Текст» и щелкните прямо на контур нашего круга. Чтобы редактировать текст, кликните по нему дважды.

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом 🙂

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

Приветствую друзья и читатели сайта fotodizart.ru! Сегодня поделюсь опытом при работе с текстом в фотошопе.

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

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

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

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

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

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

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

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

Вот так обстоит работа с текстом в фотошопе.

На этом все, если будут вопросы пишите в комментариях.

5 способов разместить текст на изображении в Фотошоп / Creativo.one

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

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

1. Наложение Цвета

На изображении ниже, вы можете увидеть, что текст очень сложно прочитать, потому что отвлекает внимание задний фон. На заднем фоне слишком много деталей, в частности в области барной стойки. Хорошо подобранный шрифт “Buffalo Wings” полностью затерялся из-за нагромождения, которое создал задний фон. Тем не менее, в данном случае, у нас есть возможность улучшить контраст.

Первый шаг – создайте новый слой, назовите этот слой “наложение цвета”. Далее, выберите инструмент Пипетка (Eyedropper), нажав клавишу (I). С помощью данного инструмента, отберите образец цветового оттенка с рубашки мужчины, а затем залейте новый слой выбранным цветовым оттенком (Shift+F5).

В заключение, уменьшите непрозрачность (opacity) слоя с заливкой до 50%, а затем, переместите данный слой вниз, расположив ниже слоёв с текстом.

Как вы видите, мы значительно улучшили контраст. Теперь, текстура шрифта “Buffalo Wings” стала более отчётливой и более различимой.

2. Стиль слоя Тень (Drop Shadow)

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

Первый шаг – подберите соответствующий цвет для текста.

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

Следующий шаг- это добавить стиль слоя Тень (drop shadow) к слою с текстом. Установите степень непрозрачности 52%. Также подкорректируйте значение Размаха (Spread) 16%, включая значение Размера (Size) 10px. Угол (angle) должен быть где-то, примерно, -144 градусов.

Мы значительно усилили контраст, просто добавив стиль слоя Тень (drop shadow).

3. Линии

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

Добавление двух линий….

.…создаёт наибольшее разделение между двумя элементами дизайна.

4. Фигурные Блоки для Текста

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

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

Чтобы усилить видимость текста, выберите инструмент Произвольная фигура(Custom Shapes Tool), нажав клавишу (U), чтобы создать фигурный блок. Фигурный блок может быть любой формы, здесь нет блока правильной формы или неправильной формы.

Залейте фигуру чёрным цветом, а также установите цвет Обводки (Stroke) белый, толщина обводки 3pt.

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

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

5. Размытие Заднего фона

5-й и последний способ улучшить контраст – это лёгкое размытие заднего фона.

Изначально, текст очень сложно различить на заднем фоне.

Первый шаг- преобразуйте слой с задним фоном в смарт-объект. Просто, щёлкните правой кнопкой мыши по слою с задним фоном и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Далее, идём Фильтр – Размытие – Размытие по Гауссу (Filters-Blur-Gaussian Blur).

Установите радиус размытия 3.8 px.

Теперь контраст значительно улучшен, а текст можно легко прочитать.

Надеюсь, вам понравился данный урок!

Автор: Maria Wendt

Источник: photoshopstar.com

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

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

Добавление надписи

Для того чтобы написать что-то на фото или изображении, откройте это изображение: «File» – «Open» или «Ctrl+O». В примере мы будем создавать текст в новом документе на прозрачном фоне. В конце можно будет сохранить на прозрачном фоне результат, тогда у Вас будет возможность в любое время вставить надпись на нужное изображение.

Создадим новый файл в Фотошопе: «Ctrl+N». В диалоговом окне установите значения ширины «Width» и высоты «Height» и выберите «Background Contents» (Содержимое фона) – «Transparent» (Прозрачный). Нажмите «ОК».

Новый файл будет создан с фоном в виде шахматной доски. Это и означает прозрачность.

Чтобы написать текст в Фотошопе, на панели инструментов нажмите на пиктограмму с изображением буквы «Т».

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

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

То, что написала я, не поместилось полностью на листе. Поэтому выделяю все, нажав сочетание клавиш «Ctrl+A», и перехожу к настройкам инструмента.

Настройки текста

Первая кнопочка позволит изменить направление — горизонтальное или вертикальное. Дальше можно выбрать нужный шрифт, размер и цвет. Кнопка «Create warped text» (Создать деформированный текст) поможет деформировать надпись, нужно просто выбрать подходящий стиль. В примере выставлены все параметры, которые подчеркнуты на рисунке, код цвета «#4b84d8».

Поместив курсор мышки за границами текста, он примет вид черной стрелочки (такой же, как первый инструмент Панели инструментов «Move Tool» (Перемещение)), зажав левую кнопку мышки, можно переместить напечатанное в любое другое место на изображении.

Окно настроек деформации появится после нажатия на кнопку «Create warped text» (Создать деформированный …). Выберите подходящий стиль, настройте параметры и нажмите «ОК».

Изменение стиля слоя

Рассмотрим палитру слоев. Каждый раз, при добавлении новой надписи, там будет создаваться новый слой. Если Вы добавляли текст на фото, оно будет представлено в палитре отдельным слоем. Таким образом, при работе с написанным мы никак не изменим изображение.

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

Давайте рассмотрим, какие можно применить стили для слоя. На палитре слоев выделяем нужный слой, в примере он один, и нажимаем на пиктограмму «fx» внизу.

В открывающемся списке выбираем верхний пункт «Blending Options» (Параметры наложения).

Откроется окно «Layer Style» (Стиль слоя). Слева в нем будут представлены различные стили:

«Drop Shadow» (Тень), «Inner Shadow» (Внутренняя тень), «Outer Glow» (Внешнее свечение), «Inner Glow» (Внутреннее свечение), «Bevel and Emboss» (Тиснение), «Contour» (Контур), «Texture» (Текстура), «Satin» (Глянец), «Color Overlay» (Наложение цвета), «Gradient Overlay» (Наложение градиента), «Pattern Overlay» (Перекрытие узора), «Stroke» (Обводка).

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

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

«Drop Shadow» (Тень).

«Inner Shadow» (Внутренняя тень).

«Outer Glow» (Внешнее свечение).

«Bevel and Emboss» (Тиснение).

«Contour» (Контур).

«Gradient Overlay» (Наложение градиента).

«Stroke» (Обводка).

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

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

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

Вебмастер. Высшее образование по специальности «Защита информации». Создатель портала comp-profi.com. Автор большинства статей и уроков компьютерной грамотности

Как перемещать текст в фотошопе

На этой странице

Перемещение выделенной области

Инструмент «Перемещение» позволяет вырезать и переместить выделенные пикселы в новое место на фотографии. Этот инструмент также можно использовать для перемещения и копирования выделенных фрагментов между фотографиями в Photoshop Elements, а также в фотографии в других приложениях, которые поддерживают выделенные фрагменты.

Чтобы активировать инструмент «Перемещение» при другом активном инструменте, нажмите и удерживайте клавишу «Ctrl» (Command в ОС Mac OS) (этот метод не работает, когда выбран инструмент «Рука»).

В рабочей среде «Редактирование» выделите область с помощью какого-либо инструмента выделения и выберите инструмент «Перемещение» на панели инструментов.

Параметры инструмента «Перемещение»

При активизации инструмента «Перемещение» на панели параметров можно изменить следующие параметры:

Автоматически выделять слой

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

Показать ограничительную рамку

Отображает ограничительную рамку вокруг выделенного фрагмента изображения или вокруг выделенной области (если на изображении нет активного выделения). С помощью прямоугольников на сторонах и углах можно изменять размер выделения или слоя.

Ограничительная рамка не отображается для фонового слоя.

Подсветка при наведении курсора

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

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

Выравнивает выделенные слои. Доступны следующие параметры: «Верхние края», «Центры по вертикали», «Нижние края», «Левые края», «Центры по горизонтали» и «Правые края». Допускается одновременное выравнивание нескольких слоев. Чтобы выровнять слои, выделите один слой, затем выделите другой, удерживая нажатой клавишу Shift, затем выберите нужную команду в меню «Выравнивание».

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

Копирование выделенных областей или слоев

Выделенные области можно копировать и вставлять с помощью инструмента «Перемещение» или команд «Копировать», «Копировать объединенные», «Вырезать», «Вставить» или «Вставить в выделение» в меню «Редактирование».

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

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

Копирование выделенных областей с помощью инструмента «Перемещение»

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

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

На панели инструментов Перемещение (Горячая клавиша — V ) располагается вторым по счету в гордом одиночестве (обозначен иконкой в виде указателя мыши со стрелочками направления):

1. Двигать содержимое слоя

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

Как это выглядит на примере

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

Например вниз. Вот что получилось:

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

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

2. Двигать содержимое выделенной области

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

В этом действии есть два возможных сценария:

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

Пример

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

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

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

Пример

Тот же случай, когда нужно переместить текст, но при этом задача автоматически создать его копию:

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

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

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

3. Перемещать объекты из одной вкладки в другую

В фотошопе существует множество способов как добавить картинку к картинке. Один из таких способов — это использование инструмента Перемещение.

Для этого надо разместить вкладки с картинками (что такое вкладки?) на рабочем пространстве так, чтобы их все вы могли видеть. Затем берите инструмент, зажмите левой кнопкой мыши содержимое одной вкладки и, не отпуская клавишу мыши, переместите в другую вкладку.

Пример

4. Выравнивать объекты по центру и краям

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

Подробнее как это можно сделать смотрите в отдельном уроке.

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

Автовыбор

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

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

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

Показать управляющие элементы

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

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

В этом материале мы рассмотрим основы работы с текстом в программе Photoshop.

В Photoshop существует два основных метода добавления текста – ввод текста строкой (обычный) и ввод текста в область. Наиболее часто используемым из этих двух методов является способ добавления текста строкой.

Ввод текста в Photoshop

Для ввода текста в Photoshop используется инструмент «Текст» (Type Tool), расположенный на панели инструментов в левой части экрана, либо, для выбора инструмента следует нажать на клавишу клавиатуры T:

Когда инструмент выбран, курсор мыши изменится на символ, который обычно называют как «двутавровой балкой». На рисунке ниже я несколько увеличил этот символ:

Выбор шрифта

Как только мы выбираем инструмент «Текст», на панели параметров верху экрана отображаются опции и параметры, относящиеся к этому инструменту, слева расположены варианты для выбора типа, стиля и размер шрифта:

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

Примечание! Не все установленные в Вашей системе шрифты поддерживают кириллицу (русские буквы).

Примечание! Шрифты не обязательно устанавливать в системную папку Windows, возможно временная загрузка шрифта до перезагрузки/выключения компьютера, подробнее об установке шрифтов в Photoshop рассказывается здесь.

Изменение размера предпросмотра шрифта

В окне предпросмотра Photoshop показывает не только имя каждого шрифта, но и отображает предварительный просмотр образца внешнего вида (для образца применяется слово «Sample», располагающееся справа от названия шрифта):

Мы можем изменить размер предварительного просмотра шрифта. В зависимости от версии, ниже CS5 надо пройти по вкладке главного меню Редактирование –> Установки –> Текст (Edit –> Preferences –> Type), в версиях выше – по вкладке главного меню Текст –> Размер просматриваемого шрифта (Type –> Font Preview Size). По умолчанию размер установлен как «средний» (Medium). Для примера, я выберу самый большой размер, вот как теперь выглядят образцы предварительного просмотра шрифтов:

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

Выбор стиля (начертания) шрифта

Как только вы выбрали сам шрифт, мы можем выбрать его стиль, нажав на треугольник в правой части окна выбора стиля. Задайте нужный стиль шрифта, выбрав обычный (Regular), жирный (Bold), курсив (Italic):

Установка размера шрифта

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

Если ни один из этих размеров не удовлетворяет Вашим потребностям, Вы можете вручную задать любое собственное значение, кликнув мышкой в поле размера, ввести значение, затем нажать Enter, единицы «px» в конце числа ставит не обязательно, т.к. Photoshop автоматически добавит его при нажатии Enter. Другой способ изменения размеров – навести курсор мыши немного слева от окна ввода, нажать левую клавишу (курсор изменит свой вид на палец со стрелками) и протащить курсор влево или вправо для увеличения или уменьшения размера:

Выбор цвета текста

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

Добавление текста в документ Photoshop

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

Чтобы добавить текст в документ, выберите инструмент «Текст», наведите курсор в ту точку, где Вы хотите, чтобы было начало текста и нажмите левую клавишу мыши. Мигающим маркер на документе укажет, что Photoshoop готов для ввода текста:

При этом Photoshop добавит в палитру слоёв новый, особый вид слоя, называемый текстовым, его легко отличить по миниатюре в виде буквы Т. Каждый раз, когда мы добавляем текст в документ, он располагается на новом текстовом слое. Photoshop изначально именует новый слой как «Слой 1» (Layer 1), но название изменится, как только мы введём текст, как мы рассмотрим чуть позже:

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

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

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

Для перемещения текста по изображению надо немного отвести курсор от текста. он изменит свой вид с двутавровой балки на значок инструмента «Перемещение» (Move Tool), после изменения вида курсора зажмите левую клавишу мыши и перетащите текст в нужное место:

Принятие и завершение редактирования текста

Что такое принятие текста? После принятия текста происходит завершение редактирования текущего текстового слоя и выход из этого слоя. При этом, сам инструмент «Текст» остаётся активным. Если вы кликните по документу после принятия, то Photoshop создаст новый текстовый слой.

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

Либо нажмите клавишу Enter, расположенную в правом нижнем углу цифровой клавиатуры (не тот Enter, который мы обычно нажимаем!), либо комбинацию обычный Enter+Ctrl.

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

Отменить или удалить текст

Если Вы хотите удалить текст до того? как Вы его приняли, просто нажмите клавишу Esc. Photoshop удалит текст и текстовый слой.

Для удаления уже принятого текста нужно в панели слоёв перетащить текстовый слой в корзину.

Параметры выравнивания текста

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

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

Выбор и редактирование текста

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

Чтобы мгновенно выделить слово, дважды кликните по нему мышью, чтобы выделить строку – кликните по строке трижды:

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

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

Изменение цвета текста в Photoshop

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

Про тонкости редактирования текста в Photoshop и дополнительные горячие клавиши читайте здесь.

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

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

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

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

Последний эффект «изображение в тексте».

Приступим!

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

Шаг 1. Откройте фотографию и поместите ее в текст

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

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

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

Шаг 2: Дублируйте фоновый слой

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

Палитра слоев Photoshop.

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

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

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

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

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

Шаг 4: Залейте новый слой белым цветом

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

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

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

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

Шаг 5. Выберите «Layer 1» на палитре слоев

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

Щелкните «Layer 1» в палитре слоев, чтобы выбрать его.

Шаг 6. Выберите инструмент «Текст»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Используйте команду Photoshop «Свободное преобразование» для изменения размера и перемещения текста.

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

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

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

Перетащите текстовый слой ниже «Layer 1».

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

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

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

Щелкните еще раз на «Layer 1» в палитре слоев, чтобы выбрать его:

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

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

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

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

Выбрав «Layer 1» на палитре слоев, перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

Перейдите в Layer> Create Clipping Mask.

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

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

Шаг 14: Добавьте падающую тень (необязательно)

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

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

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

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

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

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

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

Последний эффект «изображение в тексте».

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

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

CreativePro по заполнению текста изображениями стала чрезвычайно популярной с момента ее публикации еще в 2009 году. Десять лет спустя пришло время для нового подхода — и есть новый способ сделать это с помощью Photoshop CC 2019.

Шаг 1. Выберите изображение

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

Шаг 2. Добавьте текст

Выберите жирный шрифт, в идеале без засечек. Тонкие шрифты почти не подойдут, так как сквозь них вы не сможете увидеть достаточно фона. Здесь я добавил слово SURF, написанное Acumin Condensed Black.

Шаг 3. Затяните

Чтобы избежать больших промежутков между буквами, их стоит сблизить.С помощью инструмента «Текст» щелкните между каждой парой букв и используйте сочетание клавиш alt + левый курсор, чтобы приблизить буквы друг к другу.

Шаг 4: Переместите фон

Дважды щелкните фоновый слой, чтобы превратить его в обычный слой, затем перетащите его над текстовым слоем. Выберите «Слой»> «Создать обтравочную маску» или используйте сочетание клавиш G / Ctrl Alt G. Вот как теперь должна выглядеть панель «Слои» — маленькая стрелка слева от фона показывает, что шрифт используется в качестве обтравочной маски.

Шаг 5: Результат

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

Шаг 6: Добавьте новый фон

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

Шаг 7: Переместите фон

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

Шаг 8: Другой подход

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

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

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

Шаг 10: Добавьте пустую область

Создайте новый слой под текстовым слоем и нарисуйте прямоугольник с помощью инструмента «Прямоугольная область», покрыв весь текст.Нажмите D, чтобы сделать цвета переднего плана и фона черно-белыми по умолчанию, затем используйте Command Backspace / Ctrl Backspace, чтобы заполнить выделение цветом фона.

Шаг 11: Дублируйте фон

Выберите фоновый слой и используйте Command J / Ctrl J, чтобы продублировать его на новый слой. Перетащите его в верхнюю часть стека слоев, над слоем с текстом, затем используйте Command Option G / Ctrl Alt G, чтобы использовать слой с текстом в качестве обтравочной маски.

Шаг 12: Результат

Верхняя часть леса теперь сливается с надписью, а нижняя часть полностью видна под ней.

Шаг 13: подход Photoshop CC

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

Шаг 14: Добавьте свой текст

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

Шаг 15: Сделайте каркас

Выделите текстовый слой и выберите «Слой»> «Создать»> «Преобразовать в рамку».Поскольку это текстовый слой, он будет использовать текст в качестве своего имени.

Шаг 16: слой кадра

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

Шаг 17: Поместите фон в рамку

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

Шаг 18: Результат

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

Шаг 19: перемещение содержимого вокруг

Слой состоит из двух частей: фрейма и содержимого. Если вы выберете рамку слева, вы переместите текст вместе с его содержимым. Но если вы выберете содержимое справа, вы можете перемещать (и масштабировать) фон внутри шрифта.

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

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

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

Спасибо за ознакомление с учебником на этой неделе.

Как добавить реалистичный текст к фотографии в Adobe Photoshop. Также работает над иллюстрациями.

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

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

Step 1

Откройте фотографию (или иллюстрацию), которую вы будете использовать.

Шаг 2.

Давайте выберем цвет.

Будем использовать цвет с фото. Возьмите палитру цветов и с помощью пипетки выберите более темную древесину на этом стволе.

Шаг 3.

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

И я собираюсь ввести PHOTOSHOP CAFE и перетащить его на место.

Step 4

Самый быстрый способ изменить размер текста — нажать Ctrl T, это будет Command T на Mac, переместиться в угол, удерживать клавишу Shift, чтобы ограничить его, а затем перетащить его пропорционально Наполни эту бочку.

Нажмите Enter, чтобы применить.

Заставляем текст обтекать объект

Нам нужно сделать две вещи:

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

Шаг 5

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

Шаг 6

Нажмите Ctrl / Cmd + T; бесплатно Transform.

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

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

Потяните вниз за края, чтобы они выглядели так, как будто они повторяют контур. Совет: с помощью инструмента Warp Tool вы можете щелкнуть по точкам ИЛИ вы можете перетащить внутрь меша, чтобы заставить его работать.

Нажмите Enter, чтобы применить.

Смешивание текстуры с шрифтом в Photoshop

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

Step 7

В верхней части панели Layers вы увидите слово «normal», это режим наложения слоев.(Загрузите мою бесплатную электронную книгу о режимах наложения слоев, чтобы полностью понять их).

Измените режим наложения на Overlay Blend Mode. Это работает очень хорошо. Теперь мы можем видеть текстуру дерева, проходящую через текст, и она больше не выглядит застрявшей там.

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

Xtra Кредит: Повышение реалистичности текста Photoshop с грубыми краями и тиснением.

Теперь немного сделаем его шероховатым.

Шаг 8

Создайте маску слоя на текстовом слое, выбрав текстовый слой и нажав кнопку Layer Mask в нижней части панели слоев. (Значок прямоугольника с кружком внутри)

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

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

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

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

Выберите добавить из появившихся опций.

step 9

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

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

Совет: вы можете загружать кисти из таких мест, как Brusheezy или DeviantArt и тому подобное, и вы можете найти несколько пользовательских кистей, которые действительно справятся с этой задачей намного лучше (возможно, я скоро добавлю их в PhotoshopCAFE).

Добавление глубины 3D к тексту

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

Step 10

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

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

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

Теперь обратите внимание, что режимы наложения играют большую роль в создании реалистичного изображения, и есть множество вещей, которые вы можете сделать с помощью режимов наложения слоев. И поэтому я действительно создал для вас бесплатную электронную книгу. Здесь нет рекламы. Это просто чистый контент. Посмотрите эту электронную книгу. Он дает пример каждого отдельного режима наложения, а также множество мест, где его можно использовать. Загрузите бесплатную электронную книгу о режимах наложения слоев здесь! (На данный момент 200 000 загрузок! Ура!)

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

Надеюсь, вам это понравится, и каждую неделю будьте готовы к новому!

Не забудьте ознакомиться с нашими учебниками премиум-класса для непревзойденного обучения работе с Photoshop!

До следующей недели.

Рад видеть вас здесь, в КАФЕ

Колин

Научитесь создавать текстовый портрет в Photoshop — Medialoot

Сегодня вы узнаете, как быстро, легко и эффективно создавать современные каллиграммы.Это отличный эффект, полностью созданный в Photoshop, который превратит любое изображение в текстовое. Согласно Википедии, каллиграмма — это: «текст, визуально организованный таким образом, что он образует изображение, связанное с содержимым текста. Это может быть стихотворение, фраза или отдельное слово; визуальное оформление может зависеть от определенного использования шрифта, каллиграфии или почерка, например, вдоль непараллельных и изогнутых текстовых строк или в фигурных абзацах ». Но сегодня мы сделаем каллиграмму 21 века в фотошопе.

Шаг 1

Откройте изображение в Photoshop. Я буду использовать стандартное изображение улыбающейся женщины размером 1200 пикселей x 795 пикселей, но вы можете использовать любое изображение, какое захотите (животные, объекты и т. Д.) С любыми размерами.

Шаг 2

Перейдите в Layer> Duplicate Layer. Назовите этот слой «Ч / Б» и нажмите «ОК».

Шаг 3

Выберите слой «B&W» на панели слоев и перейдите в Image> Adjustments> Desaturate.
Совет. Если ненасыщенное изображение не имеет хорошего контраста, вы можете немного увеличить его, используя Яркость / Контрастность в меню Изображение> Коррекция.

Шаг 4

Перейдите в Layer> Duplicate Layer. Назовите этот слой «Mapping» и нажмите OK.

Шаг 5

Перейдите в Фильтр> Размытие> Размытие по Гауссу и установите Радиус на 5 пикселей. Если ваше изображение больше, введите большое значение радиуса. Для справки: для изображения размером 1200 пикселей подойдет значение 5 пикселей, если ваше изображение имеет размер 3000 пикселей, подойдет значение радиуса между 8/10.

Шаг 6

Перейдите в меню «Файл»> «Сохранить как» и сохраните этот документ как «DisplacementMap.psd» в любом месте (помните, где вы его сохранили).

Шаг 7

Выберите слой «Сопоставление» на панели слоев и удалите его, щелкнув значок «Удалить слой».

Шаг 8

Выберите инструмент «Текст» (T) и нарисуйте контейнер по всему холсту. Вставьте сюда свой текст и убедитесь, что ваш текст покрывает все размеры холста, чтобы добиться хорошего эффекта.В этом случае я буду использовать полужирный шрифт Lato Bold размером 12 пикселей с интерлиньяжем 12 пикселей, цвет текста «# 000000» и все заглавные буквы.
Если ваше изображение больше, вы можете также увеличить размер и интерлиньяж, пока он вам не понравится.

Шаг 9

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

Шаг 10

Перейдите в Фильтр> Искажение> Смещение.Нажмите ОК, чтобы растрировать текстовый слой. В окне Displace установите следующие значения и нажмите OK:

Шаг 11

Найдите файл «DisplacementMap.psd», который мы сохранили ранее, и нажмите «Открыть». Как видите, текст теперь отображается с использованием размытого изображения, которое мы делали раньше.

Шаг 12

Отключите видимость текстового слоя на панели слоев, щелкнув значок глаза рядом с именем слоя.

Шаг 13

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

Шаг 14

Перейдите в меню «Правка»> «Копировать объединенное» и сразу после этого выберите «Файл> Создать». Photoshop автоматически установит размеры нового документа на те, которые мы только что скопировали, поэтому нам просто нужно назвать этот новый документ «Эффект портретного текста» и нажать «ОК».

Шаг 15

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

Шаг 16

Выберите фоновый слой и перейдите в Edit> Fill.В разделе «Содержание» в раскрывающемся меню выберите «Черный». Убедитесь, что для параметра Режим наложения установлено значение «Нормальный», а для параметра Непрозрачность — «100%» и нажмите «ОК».

Шаг 17

Теперь выберите слой над фоном (обычно называемый «Layer 1») ​​и перейдите в Filter> Sharpen> Smart Sharpen и примените следующие значения:
Примечание: если ваше изображение bi gger, вам может потребоваться увеличить эти значения соответствуют настройкам вашего изображения.

Заключение

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

Как использовать инструмент «Текст» в Photoshop

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

Эта статья познакомит вас с множеством способов работы с текстом в Photoshop для создания красивых и привлекательных сообщений с вашими фотографиями.

Основные текстовые инструменты

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

Вот основные текстовые инструменты в Photoshop:

• Когда вы нажимаете инструмент «Текст» на палитре инструментов (№1), в контекстном меню вверху отображается большинство ваших текстовых инструментов.
• # 2 Выберите шрифт (гарнитуру), стиль шрифта, полужирный, курсив и т. Д.
• # 3 Размер шрифта (СОВЕТ: вы можете ввести здесь любое число, вы не ограничены отображаемыми числами, поэтому ваш текст может иметь ЛЮБОЙ размер, который вам нравится — введите 500 в это поле и посмотрите, что произойдет!)
• # 4 Параметры сглаживания
• # 5 Выравнивание текста
• # 6 Текстовые корректировки всплывают

Здесь есть еще несколько инструментов, но мы поговорим о них позже.Итак, теперь, когда вы знаете местность, давайте добавим текст и поиграем с ним.

Игра с текстом

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

Откройте новый документ в Photoshop и щелкните инструмент «Текст» (сочетание клавиш = T).Начни печатать. вы увидите что-то вроде этого:

Ваш текст будет подчеркнут, а курсор покажет, куда вы вставляете следующую букву. Если вы продолжите печатать, текст продолжится одной длинной строкой. Чтобы ввести текст в новую строку, вам нужно нажать ENTER. Вы только что создали текст с помощью инструмента ТОЧЕЧНЫЙ ТЕКСТ. Сохраните это и назовите это «точечный текст».

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

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

Вы можете использовать инструмент MOVE для размещения всего блока текста в любом месте страницы.

Текст абзаца также легче центрировать на странице. Чтобы центрировать текст , просто возьмитесь за один из маркеров и перетащите его к правому краю страницы. Перетащите левое поле к левому краю страницы, затем вверх в контекстном меню щелкните значок текста в ЦЕНТРЕ, где цифра 5 находится на диаграмме выше. Маленькое чудо! Ваш текст теперь точно центрирован по горизонтали на вашем документе. Больше никаких догадок.

Преобразование букв в тексте

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

Вы найдете это поле в контекстном меню, поэтому убедитесь, что у вас выбран инструмент «Текст», и посмотрите, где цифра 6 находится на диаграмме выше. Щелкните значок, который выглядит как лист бумаги (над №6 выше).Это откроет панель преобразования персонажа. Если вы редактируете текст Point, ваш текстовый слой должен быть выбран, чтобы эти изменения работали. Если вы используете текст абзаца, вам нужно будет выделить текст, который нужно преобразовать. Итак, выберите свой текст и попробуйте пройти все эти варианты. При наведении курсора на элемент появится всплывающая подсказка с кратким объяснением того, что каждый из них делает.

Преобразование блоков текста

Вы можете легко создать привлекающий внимание текст, наклонив его под углом.Выделив текстовый слой или текст, перейдите в главное меню и выберите EDIT> Transform> Skew . Возьмитесь за ручку за один из углов и перетащите. Вы должны увидеть что-то вроде этого:

Вы можете сделать то же самое с Edit> Transform> Scale and Edit> Transform> Rotate. Легко и просто!

Чтобы текст следовал кривой , используйте инструмент Деформация текста (выберите инструмент «Текст» на палитре инструментов и посмотрите между 5 и 6 в контекстном меню — он выглядит как буква T с кривой внизу) .

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

Три простых способа сделать текст действительно заметным

Иногда, когда вы добавляете текст к фотографии, он может немного теряться на изображении. Даже если вы увеличите его, он не будет казаться четким или ясным. Есть несколько вариантов:

A) Это могут быть ваши настройки сглаживания, # 4 в верхнем контекстном меню.Убедитесь, что это раскрывающееся меню — НЕ для установлено значение Нет. Это особенно важно для изображений, которые вы будете использовать в Интернете. Выберите любой из других параметров и посмотрите, как они изменят края текста. Этот выбор является личным предпочтением относительно того, какой тип сглаживания вы предпочитаете.

B) Возможен выбор цвета . Часто лучше всего подходит белый цвет, так как он выглядит чистым и элегантным. Но белый текст легко теряется в деталях изображения. Вот старый трюк веб-дизайнера, позволяющий сделать светлый текст действительно привлекательным.Добавьте тень черного. Но не просто случайно падающая тень. Этот будет почти невидимым, но добавленный им тонкий удар огромен. Вот как это сделать:

Сначала выберите текстовый слой, на котором вы хотите создать тень. Перейдите на палитру слоев и выберите значок Layer FX внизу, затем выберите Drop Shadow.

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

Видите, как выделяется белый текст на этом изображении, несмотря на то, что изображение имеет все мягкие оттенки? Никаких дрянных теней 1990-х. Он дает достаточное расстояние между краями и размер, чтобы сделать текст очевидным, но не раздражающим.

C) Наконец, еще один трюк с выделением текста из мира графического дизайна — добавьте «секретный» слой позади текста и используйте режимы наложения слоев, чтобы немного затемнить его, чтобы придать тексту более темный фон для большей контрастности.

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

Текст перед секретным слоем.

С добавленным секретным слоем.

Текстовые украшения и украшения

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

Итак, приступим — основы добавления креативного текста к вашим фотографиям. Теперь вы можете элегантно добавлять к изображениям сообщения, слоганы, цитаты и стихи. Вы можете заставить текст привлекать внимание ваших зрителей, разместив его под углом или на кривой; Вы можете сделать его действительно выделяющимся, используя несколько простых приемов, а можете добавить интереса и художественного чутья, добавив украшения и украшения.Дайте волю своему внутреннему художнику-графику — у вас есть технологии!

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

Как добавить текстуры к тексту в Adobe Photoshop

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

Будь то эффект акварели, металл, пламя или что-то еще, текстура может заинтересовать плоский шрифт.

Вот шаги, которые вам нужно сделать, чтобы добавить текстуру к тексту в Adobe Photoshop …

Шаг 1. Добавьте текст

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

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

Цвет текста не имеет значения, скоро он покроется текстурой.

Шаг 2: Найдите текстуру

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

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

Шаг 3: поместите текстуру

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

Если вы импортируете текстуру из другого файла, перейдите к File > Place Embedded . Затем перейдите к используемой текстуре и нажмите кнопку Place .

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

Шаг 4. Создайте обтравочную маску

Перейдите на панель Layers . (Если он не отображается, перейдите к Windows > Layers .) Вы должны увидеть три слоя в вашем файле — фон, текст и текстуру.

Убедитесь, что слой, содержащий текстуру, расположен прямо над текстом.Теперь щелкните этот слой правой кнопкой мыши и выберите Create Clipping Mask .

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

Шаг 5: Отрегулируйте положение

Как текстовые, так и текстурные слои остаются полностью редактируемыми, как и обычные слои. Это означает, что вы можете вернуться и отредактировать текст, не удаляя или повторно применяя текстуру.Добавьте больше текста, и текстура будет автоматически размещена на нем.

Если текстура размещена не там, где вы хотите, выберите слой и откройте инструмент Marquee Tool или нажмите M на клавиатуре. Вы можете перемещать текстуру, удерживая клавишу Ctrl в Windows или Cmd на Mac и перетаскивая изображение с помощью мыши.

Если вы хотите изменить его размер, щелкните правой кнопкой мыши в любом месте текста и выберите Free Transform .Это повторно активирует ограничивающую рамку вокруг текстуры, и вы можете изменить ее размер так же, как описано в шаге 3 выше, при размещении изображения.

Шаг 6. Расширьте или смягчите края текста

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

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

Чтобы вырезать края текста, выберите слой Text и нажмите Добавить векторную маску . Теперь выберите инструмент Brush (B) и выберите кисть, которая соответствует вашему стилю.

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

Чтобы добавить больше текстуры за края вашего текста, выберите слой Text , затем возьмите инструмент Brush . Дважды щелкните холст. Вам будет предложено преобразовать текст в растровый слой. Это означает, что вы больше не сможете редактировать текст, поэтому вы можете сначала продублировать текстовый слой, чтобы создать резервную копию.Щелкните OK , чтобы продолжить.

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

Результат будет выглядеть примерно так:

Шаг 7. Сохраните изображение

Последний шаг — сохранить или экспортировать ваше изображение.Сохраните его как файл PSD, чтобы сохранить мастер-копию со всеми редактируемыми слоями. Или сохраните его как JPEG, чтобы сохранить сплющенную копию изображения с белым фоном.

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

Узнайте больше о приемах Photoshop

Как видите, добавить текстуру для набора текста в Photoshop довольно просто.Самое главное — получить правильную текстуру и правильные шрифты. Если вам нужна помощь в выборе шрифтов для ваших проектов, наша статья о советах по сочетанию шрифтов поможет.

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

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

Читать далее

Энди — бывший печатный журналист и редактор журнала, который пишет о технологиях уже 15 лет.За это время он внес вклад в бесчисленное количество публикаций и написал работы по копирайтингу для крупных технологических компаний. Он также предоставил экспертные комментарии для средств массовой информации и организовал панели на отраслевых мероприятиях.

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться

Разверните, чтобы прочитать всю историю

Как создать крутой текстовый портрет в Adobe Photoshop

Как создать крутой текстовый портрет в Adobe Photoshop www.sleeklens.com

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

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

Изображение, которое я буду использовать сегодня, — это изображение молодого мальчика, которое я нашел на Pixabay. Если вы зайдете на этот сайт и воспользуетесь ключевым словом «Портрет», вы сможете найти нечто похожее.

Если ваше изображение в цвете, то все, что вам нужно сделать, это обесцветить его, вы делаете это, перейдя в Image — Adjustments — Hue and Saturation.

Затем щелкните полосу насыщенности (средняя) и сдвиньте ее до упора влево, нажав и удерживая кнопку мыши, затем переместите указатель мыши влево.

Далее мы собираемся создать карту смещения.

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

Далее Щелкните на Duplicate Layer, буквально на втором нижнем.

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

Когда вы сделаете это, вы сможете дать этому новому слою имя, на этот раз имя — Displacement Layer.

Затем нажмите ОК.

Откроется новое окно с названием Displacement Layer.

Далее мы собираемся применить к нашему Displacement Image немного действия Blur.

Для этого перейдите в Filter — Blur — Gaussian Blur

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

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

Далее сохраните файл, перейдите в Файл — Сохранить как

Щелкните по формату и сохраните файл как файл PSD, который является файлом Photoshop.

Нажмите «Сохранить», а затем, когда появится всплывающее окно, нажмите «ОК».

Хорошо, теперь вы можете закрыть файл смещения, поскольку он был сохранен.

Теперь мы собираемся создать маску вокруг головы Маленького парня.

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

Для этого я воспользуюсь инструментом Polygonal Tool.

Затем я собираюсь увеличить масштаб с помощью клавиатуры. Вы можете сделать это, удерживая Ctrl, а затем нажимая клавиши «Минус» и «Плюс» (- и +) на клавиатуре для увеличения или уменьшения масштаба.

Теперь вы просто щелкаете по краю с помощью инструмента «Многоугольник», давая ему «приблизительную оценку».

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

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

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

Вы делаете это, перейдя в Layer — Layer Mask — Reveal all

Если в итоге вы видите внешнюю часть изображения вместо изображения маленьких мальчиков (или любого другого фото, которое вы используете для этого), то нажмите Ctrl-I, чтобы инвертировать маску.

Теперь создайте новый слой под изображением.

Щелкните и переместите его вниз, если необходимо.

Теперь залейте этот слой черным с помощью Bucket Tool.

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

Теперь мы собираемся смягчить края нашего изображения.

Нажмите на маску, это маленькая коробочка рядом с вами Little Boys Image.

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

Будьте осторожнее с линией подбородка, мы просто хотим сделать ее тонкой.

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

Итак, чтобы сделать это, я собираюсь создать облако слов, если вы введете Word Cloud Generator в Google, я уверен, что вы найдете из чего выбрать, я просто выбираю одно из нижеприведенных наугад, и оно было одним из первых те, которые мне нравятся, думаю, это было примерно на 3-м месте или около того, хотя я уверен, что это будет по-разному.

Итак, все, что я сделал, это нашел свой текст, затем скопировал и вставил его в текстовое поле, после чего нажал «Перейти».

Затем сайт создал для меня мое облако слов, которое экономит кучу времени.

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

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

Crop Tool прост в использовании, просто нажмите и перетащите.

Затем мы перейдем в Image — Adjustments — Hue and Saturation, перетащим полосу насыщенности влево, чтобы слить весь цвет с изображения.

Далее перейдите в Select — Color Range

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

Нажмите Ok, и появится выбор, но он будет противоположным тому, что вы хотите, поэтому перейдите в Select — Inverse

Теперь создайте новый слой (Layer — New Layer)

Использование инструмента «Кисть для рисования» с белой краской поверх выделенного, когда весь выделенный фрагмент заполнен, скопируйте его (Правка — Копировать)

Теперь просто вставьте его в свой слой с ребенком.

Теперь он появится на лице объекта.

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

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

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

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

Хорошо.

Но все того же размера.

Это простое исправление, преобразование слоя в смарт-объект.

Это позволит сохранить детализацию при увеличении.

Затем мы собираемся нажать Ctrl T на клавиатуре и изменить его размер.

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

Это все хорошо, потому что если вы удерживаете Alt на клавиатуре после того, как измените ее размер, вы сможете сделать копию.

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

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

Затем нажмите и удерживайте другой слой, это выделит их оба.

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

Теперь наш текст объединен.

Теперь у нас есть текст, так что давайте двигаться дальше.

Итак, первое, что я хочу сделать, это добавить тень к моему тексту.

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

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

Вы увидите ползунки «Расстояние» и «Размер».

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

На изображении ниже вы сможете увидеть, сколько тени вам нужно, а это не так уж и много.

Поскольку это творческий процесс, я решил снова уменьшить текст и увеличить его количество.

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

Ctrl T

Итак, вы хотите Дублировать положение слоев и вращать Ctrl T, пока вы полностью не закроете изображение.

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

Теперь мы снова сделаем это, сделав текст еще меньше.

Итак, перейдите в текстовую папку, щелкните правой кнопкой мыши и объедините группу.

Free Transform и сделай их меньше.

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

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

Это сжимает все в один слой.

Далее перейдите в Фильтр — Искажение — Смещение

Итак, мои настройки равны 10 как для горизонтального, так и для вертикального масштабов, это появилось для меня автоматически, и я был достаточно счастлив, не стесняйтесь экспериментировать, если вы нажмете Ctrl + Alt + Z, вы сможете отменить шаги так что вы можете попробовать еще раз.

Также убедитесь, что нажата кнопка «Растянуть по размеру» и «Повторять пиксели краев».

Затем вы можете нажать ОК.

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

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

Вначале вы не так много заметите, но заметите.

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

Щелкните изображение маленького мальчика, что мы сделаем здесь, так это создадим штамп изображения, штамп — это просто копия всех слоев ниже в одно изображение без разрушения слоев, вы делаете это, вводя свой клавиатура, Shift + Ctrl + Alt + E

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

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

Измените режим наложения на Linear Burn и затем щелкните значок Text Eye, чтобы он снова стал видимым.

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

Слева от этого есть поле, обычно это будет Нормальный.

Щелкните по нему, и вы увидите все параметры режима наложения, Linear Burn — шестой вниз.

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

Далее, как манипулировать отражением глаз в Photoshop

Рейтинг: 012345 4.67 на основе 3 Рейтинги

Закончив колледж в 2002 году по специальности «Искусство и дизайн», я начал изучать свой путь в области графического дизайна и профессионального постпродакшна. Фрилансер, работающий полный рабочий день с 2011 года.