Дополнения

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

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

наш канал

стать автором

Создаём в Фотошоп текст с эффектом мозаики

12 октября 2011 94 742 просмотра | Сложность:

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

Итоговый результат

Материалы для урока:

Архив

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

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

ШАГ 1. Сначала мы создадим фон, где будет наш текст. Создайте новый документ в программе Photoshop размерами 1920 × 1200 (я использовал формат обоев). Оставьте фоновый слой как он есть, и примените Градиентную Заливку (Gradient Fill), используя настройки, как на скриншоте ниже.

ШАГ 2. Загрузите текстуру бетонной поверхности и поместите поверх слоя с градиентной заливкой, которая будет служить нашим фоном. Вам придётся масштабировать изображение текстуры по размеру нашего документа для того, чтобы были видны все детали бетонной поверхности. Поменяйте режим наложения на Перекрытие (Overlay) и обесцветьте изображение Shift+Ctrl+U.

ШАГ 3. Именно здесь начинается самое интересное. Напечатайте текст на свой выбор (я использовал шрифт Quasoid). Убедитесь, что текст по величине достаточно большой, чтобы были видны детали, как только вы добавите отрывки фотографий в следующем шаге.

Также я добавил некоторые эффекты к тексту. На скриншоте выше, вы можете увидеть, что я добавил Тени (hard Drop Shadow).

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

ШАГ 4. Техника создания мозаики из фотографий в действительности проста. Просто скачайте кучу фотографий, ничего страшного, если фотографии невысокого разрешения, но убедитесь, чтобы они были хорошего качества.

Мы будем обрабатывать буквы по очереди и для каждой буквы мы создадим отдельную группу, потому что для каждой буквы будет несколько слоёв.  После создания группы, загрузите выделение текста, удерживая клавишу Ctrl + щелчок по миниатюре слоя с текстом, и добавьте слой- маску. Теперь, все слои внутри этой группы будут проявляться в пределах этого текста за счёт слой- маски.

Примечание переводчика: когда мы будем подставлять фотографии, то на изображении будет видна картинка в пределах границ текста). Другой  вариант – это использование Обтравочной маски (Clipping mask).

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

ШАГ 5. Когда вы закончили работу с одной буквой, создайте новую группу и просто скопируйте слой- маску первой группы и повторите весь процесс.

Примечание переводчика: ниже 1ой группы с первой буквой, создайте новую группу для последующей буквы. Для копирования слой –маски предыдущей группы на новую группу – удерживая клавишу Alt + мышкой перетащите на новую группу или просто повторите шаг 4.

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

ШАГ 6. Тени, которые вы создали в Шаге 3, помогут создать эффект 3D, который будет более заметным после создания мягкой тени. Дублируйте слой с текстом, поменяйте цвет текста на сплошной чёрный, растрируйте и примените Размытие по Гауссу (Gaussian Blur), я применил размытие 6 px.

Примечание переводчика: ниже слоя с текстом расположите продублированный слой с текстом. Удерживая клавишу Ctrl + щёлкните по миниатюре слоя с текстом, чтобы загрузить выделение текста. Далее, залейте выделение чёрным цветом, растрируйте текст через меню Слой- Растрировать - Текст и примените радиус размытие по Гауссу 6 px.

Всё, готово! Используя эту технику, вы можете создавать по-настоящему красивые эффекты мозаики. Вы можете поиграть с цветовыми оттенками и абстрактными фотографиями. Попробуйте применить к вашему тексту эффект Тиснения (Bevel & Emboss) или другие эффекты, а также создайте новый взгляд. Надеюсь, Вам понравился этот урок. Не стесняйтесь поделиться уроком, этим вы поможете моему сайту. Ниже прилагается ссылка на скачивание PSD файла этого урока.

Итоговый результат

Автор: Andrei Oprinca
Ссылка на PSD файл.

Понравилось? Поделитесь с друзьями!
Источник: www.psdbox.com Переводчик: Садыгалиев Марат
Прикрепить работу или скриншот Максимально-допустимый вес для загрузки изображения (jpg): 5 MB
Размещение ссылок внутри комментария допустимо только на этот список сайтов.
veneraina25 марта 20179

Cпасибо за урок

Seagull6307 февраля 20178

Спасибо за перевод. Понравился урок.

nikitaloyko61014 ноября 2016

Интересный урок надо попробовать!!!)))

Светлана Усачева30 октября 201623

Спасибо!

Нюшка091212 мая 201611

Спасибо!

ta5na29 марта 20167

Спасибо

lera_190328 февраля 20167

Спасибо!

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

nintendo_show19 декабря 20155

Объяснили плохо, но все же спасибо.

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Kreacher11 декабря 20156

Замучался картинки искать и вставлять :D
Спасибо)

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

AlexKir07 мая 20155

Спасибо

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Mihael_Keehl26 апреля 20157

красочно и ярко получилось, спасибо!)

Bukca13 апреля 20156

Создаём в Фотошоп текст с эффектом мозаики. Спасибо.

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

ツ KaTеРИнА ツ13 апреля 20155

Спасибо за урок!

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

SvoeSolnyshko30 июня 20145

Спасибо за увлекательный урок

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

yulia76510 февраля 20146

Отличный урок, понравился

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Shiro9627 декабря 20134

Первая моя работа в фш, ну как то так :D

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Просто Галина06 октября 20134

Спасибо. Очень понравилась идея!

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

SanchezELgringo02 августа 201311

Не всё понял, сделал по своему, но спасибо!

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Zеus30 июля 20134

Все очень-очень классно. Спасибо! :)

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Spagetka16 июня 20138

Спасибо!!! Получились новые обои на рабочий стол - подарок подруге)

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

nata_geo05 июня 201310

Спасибо

nikitaloyko61014 ноября 2016

Очень красиво!!!)))

Tref_4312 февраля 20139

спасибо)делал конечно подругому но все равно)

Частичка зла03 февраля 20135

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

Kozlishe05 января 20136

Как-то так

sasha_2327 ноября 20124

Классный урок:)

lovipomidorku30 сентября 20125

Спасибо

kolobok55502 сентября 20129

Спс.

Асия9402 сентября 20128

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

sonyBLU21 августа 2012

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

Dott05 августа 2012

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

Авторизация


Регистрация

Наверх