Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

213 570 чел. 404 445 работ 4 124 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Превращаем текст в постер

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

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

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

Шаг 1. Конвертируем фотографию в черно-белый режим.

Правильнее будет воспользоваться командой Channel Mixer (Микширование каналов), доступной из меню Image >Adjustments (Избражение – Коррекция).

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

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

Шаг 2. Текстовым редактором откройте любой текстовый файл, удалите символы абзаца, лишние пробелы, выделите текст и скопируйте его в буфер обмена CTRL+C.

Шаг 3. Выберите из панели инструментов Horizontal Type Tool (Горизонтальный текст) и растяните область его применения на все изображение, затем нажмите CTRL+V для вставки текста из буфера обмена. Цвет вставляемого текста должен быть #000000.
Если текст не полностью закрыл окно с изображением (т. е. Вы выбрали небольшой текст), то повторите CTRL+V столько раз, пока текст не покроет все изображение. Шрифт, размер шрифта и начертание подберите сами. Я использовал для изображения 2000х2897 pt шрифт Arial размер 8 pt, межстрочный интервал 6 pt.

Шаг 4. Сделайте активным слой с текстом и дважды выполните команду «Создать дубликат слоя» после клика правой кнопки мыши по слою.

Таким образом, у вас будет три слоя с текстом. Для удобства объяснения урока я их переименовал в 1, 2 и 3.

Установите у среднего слоя (на скриншоте он обозначен как "2") цвет #8b8b8b.

А у самого верхнего слоя (на скриншоте "3")) цвет #cbcbcb.

Шаг 5. Растрируйте все три текстовых слоя, щелкнув правой кнопкой мыши по нужному слою и выбрав из появившегося контекстного меню пункт Rasterize Type (Растрировать текст).

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

Шаг 6. Сделайте активным слой с нашим изображением и выполните команду Select >Color Range (Выделение – Цветовой диапазон).

В одноименном диалоговом окне найдите раскрывающийся список Select (Выделить) и выберите там пункт Shadows (Тени).

Нажмите Ok (Да). Вы увидите, что на изображении под выделение попали все темные участки, что нам собственно и нужно. Инвертируем выделение командой Select >Inverse (Выделение - Инверсия). Сделаем видимым первый текстовый слой, перейдем на него и нажмем Delete для очистки от лишних пикселей. Нажмите CTRL+D для отмены созданного выделения. Вот что должно получиться.

Шаг 7. Теперь проделайте ту же операцию только для Midtones (Средние тона)  и слоя «2»,

 затем  Highlights (Света) и слоя «3».

Обратите внимание, что при загрузке выделения, используя Color Range (Цветовой диапазон), видимым у нас должен быть только слой с фотографией. Мы создали три слоя заполненных текстом разного цвета. Цвета эти соответствуют оттенкам, которые мы загружали посредством Color Range (Цветовой диапазон).

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

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

Автор: МИОЛАН.

Комментарии 83

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Вариации на тему эффектов с текстом :)

Спасибо интересный эффект

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

Мне очень понравилось работать. Спасибо.

Интересно! Где-нибудь пригодится.

Еще один, теперь наш.

Классный урок! Спасибо!

Спасибо - интересный эффект.

Превращаем текст в постер. Спасибо.

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

Спасибо, отличный урок

Спасибо!!! Вот мой вариант...

маловат размер исходника оказался(

Спасибо за урок!
Очень понравился.
Попробовала более крупный текст.

прикольный урок! спс! ;)

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

вот что то такое получилось у меня

урок действительно очень интересный! советую всем пройти)))

Спасибо! Давно хотелось сделать нечто подобное.

Вот решила тоже попробовать) Спасибо за урок!

Здорово! Легко и очень-очень красиво!!! Я ещё добавила цвета. Перенесла наверх цветное фото с режимом наложения "Перекрытие")))

А вот так получилось у меня))

Спасибо, супер урок!

Урок хороший только сначало надо досканально поработать с чёрно-белым изображением!

класс=))) давно хотела сделать=) эт я =Р

Классно! спасибо за урок!
Жаль только что картинка вышла очень тяжелой - пришлось очень сильно сжимать.

Урок очень понравился! Просто и оригинально!!!

Спасибо, симпатичный и быстрый урок)

Спасибочки, Урок классный.

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

Не очень четко, при этом вообщем получилось спс за урок=)

Брайан Молко буквами :)

супер! сделала на скорую руку )) !!! Спасибо

Спасибо за хороший урок

у меня вот так получилось (до фотошопанья она была гитарой)

Ребят помогите пожалуйста, не могу вообще понять с наложением текста... есть icq 431813730 skype iglon34? буду очень благодарен!

Еще 17
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

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

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

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

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules