Сюрреалистический 3D текст из кирпича

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

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

Photoshop-экшен (action, операция, действие), предназначенный для генерации 3D фигур из текста, форм и пиксельных областей, вы также можете бесплатно скачать на этом сайте, экшен представлен в двух вариантах, для Photoshop с русским и английским интерфейсом, версии CS3 и выше.

В итоге у вас должно получиться что-то вроде этого.

сюрреалистический 3D текст из кирпича

Готовое изображение.

 

Для выполнения урока нам понадобятся:

  • Шрифт Myriad Pro, скачивать его не надо, он установлен в Windows по умолчанию
  • Для фоновых изображения, поверхности пустыни и неба, поверхность скачать здесь (используется файл 5.jpg), небо скачать здесь (используется файл 1.jpg)
  • Текстура кирпичной стены, скачать здесь, использовать изображение 4.jpg
  • Экшен RuGraphics.ru__3D-generator, скачать здесь

Кроме того, готовые PDS файлы, выполненные по этому уроку, а также исходники вы можете скачать по ссылке внизу страницы.
Давайте начнём.

Фон для 3D текста

Думаю, сначала нам сто?ит заняться созданием фона для нашей картины. Откройте в Photoshop файл 5.jpg с поверхностью пустыни. Размер изображения очень большой — 3872 на 2592 пикселя, нам столько не надо? поэтому обрежьте изображение с соблюдением пропорций до ширины 2000 пикселей с помощью инструмента «Рамка» (Crop Tool). Далее уменьшим размер документа с помощью инструмента «Размер изображения» (Image Size) до ширины 1000 пикселей (у себя я уменьшу до 800, чтобы документ было удобнее размещать на странице сайта).

Преобразуем фоновый слой в обычный и с помощью инструмента «Перемещение» (Move Tool, выбор клавишей V) перемещаем слой несколько вниз, чтобы вверху осталось пространство для неба. Хотя можно и не перемещать, всё-равно слой с небом, который мы потом добавим, закроет верхнюю часть слоя с пустыней.

Вот что получилось у меня на данный момент:

заготовка фона под 3D текст

Заготовка фона под 3D текст.

 

Добавьте к слою стиль слоя «Наложение градиента» со следующими настройками:

градиент

Параметры стиля «Наложение градиента».

 

Выше слоя с пустыней добавьте корректирующий слой «Цветовой тон/Насыщенность» (Hue/Saturation), вид панели слоёв и параметры корректирующего слоя показаны ниже:

параметры

Панель слоёв и панель свойств корректирующего слоя «Цветовой тон/Насыщенность».

 

Возьмите инструмент «Рамка» (Crop tool) и перетащите вверх верхнюю сторону рамки, чтобы увеличить высоту документа, она должна стать чуть меньше ширины. Таким образом,мы увеличим прозрачную

Откройте файл с небом 1.jpg. Измените ширину этого изображения до ширины вашего документа с поверхностью пустыни и с помощью инструмента «Перемещение» перетащите слой с небом да документ с пустыней так, чтобы нижний край неба немного перекрывал верхний край пустыни. Добавьте к слою с небом слой-маску. Возьмите инструмент «Градиент», выберите чёрно-белый, кликните по миниатюре слой=маски в слое с небом и протащите курсор вертикально вверх по области перекрытия слоёв с небом и пустыней. Это делается для того, чтобы сделать плавным переход между небом и пустыней, что-то вроде линии горизонта, подёрнутой дымкой. Вот как примерно должен выглядеть документ после всех этих манипуляций:

готовый фон для 3D текста

Готовый фон для 3D текста.

 

Сохраните этот файл как документ Photoshop (PSD-файл).

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

Создание текста с текстурой кирпичной стены

Создаём новый документ Photoshop размером 1000 на 600 пикселей с белым фоном. Берём инструмент «Текст» (Type Tool), выбираем шрифт Miriad Pro (как я писал выше, он установлен в Windows по умолчанию и поддерживает латинские и кириллические буквы), высоту букв задаём примерно 320 pt и пишем слово. Фоновый слой удаляем. Затем зажимаем клавишу Ctrl и кликаем левой клавишей мыши по иконке текста. Вокруг текста должно появиться выделение:

выделение вокруг букв

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

 

Идём Выделение —> Модификация —> Расширить (Select —> Modify —> Expand) и расширяем выделение примерно на 13 пикселей (этот параметр целиком и полностью зависит от размера букв). Вот как должен выглядеть наш документ:

расширенное выделение текста

Выделение в виде букв после расширения.

 

На данный момент у нас имеется активное выделение. Создайте новый слой, залейте его любым, к примеру, фоновым цветом цветовой палитры, снимите выделение. Эти три действия быстрее всего сделать при помощи нажатия комбинаций горячих клавиш — Ctrl+Shitt+Alt+N, затем Ctrl+Delete (или Ctrl+Backspace), затем Ctrl+D. Вид моего документа:

заливка текста

Документ после заливки выделения фоновым цветом (как видно на цветовой палитре, у меня он чёрный).

 

Теперь придадим буквам текстуру кирпича. Откройте в Photoshop изображение с текстурой кирпичной стены 4.jpg, скачанное отсюда. Уменьшите размер изображения текстуры кирпича до размеров чуть побольше вашего документа с текстом и с помощью инструмента «Перемещение» перетащите текстуру на документ с текстом, поверх всех слоёв.

Добавьте к слою с текстурой обтравочную маску:

текстура кирпича на буквах

Изображение кирпичной стены добавлено как слой с обтравочной маской.

 

Нажмите комбинацию клавиш Ctrl+Shift+Alt+E чтобы получить новый слой, состоящий из видимых пикселей всех слоёв:

новый слой

Новый слой, созданный из всех видимых пикселей документа.

 

Новый слой был создан выше всех остальных слоёв (у меня это Слой 3), с ним мы будем работать в дальнейшем, чтобы не затронуть исходные слои.

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

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

выделение букв

Удаление фрагментов по краям выделения.

 

Инвертируйте выделение, нажав клавиши Ctrl+Shift+I. Нажмите Delete для удаления пикселей слоя Слой 3. Снимите выделение, нажав Ctrl+D. На данный момент в документе никаких видимых изменений не произошло. Это происходит потому, что слои, расположенные под Слой 3, не подверглись никаким изменениям. Чтобы увидеть результат, отключите видимость этих слоёв:

буквы для 3D

Готовые буквы.

 

Итак, буквы для создания 3D-текста готовы. Сохраните это файл как документ PSD. Я сохранил его как буквы_для_3D-текста.psd.

В следующем материале мы создадим из этих букв 3D-текст с помощью экшена Photochop. Скачать бесплатный экшен для создания 3D-текста можно здесь.

Скачать готовые PDS файлы и исходные материалы:

Скачать с Яндекс.Диск
Оцените автора
( 24 оценки, среднее 5 из 5 )
Добавить комментарий