Рубрика: Photoshop Уроки | Урок прочитали: 1313
 (голосов: 1)

Текст на плитках в Фотошоп

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

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

Примечания:
- автор использовал Adobe Photoshop CS5 Extended
- размер итогового изображения  1152х864 пикселей
- учебник Фотошоп
- цветочные узоры тканей ~sofi01.
 - бумажная текстура D ~ Knald.

Шаг 1

Создайте новый документ с размерами 1152×864 пикселей. Затем залейте фон одной из текстур цветочных узоров. В уроке используется текстура, которая называется "Textures-WhiteFlorals-01_inspyretash-stock.jpg".

Поместите текстуру D поверх фонового слоя, а затем измените режим смешивания слоя на Multiply (Умножение).

Шаг 2

Установите основной цвет #ead89f, выберите инструмент Rounded Rectangle Tool (прямоугольник с закругленными углами). Убедитесь, что значение радиуса на панели параметров равно 5.  Затем создайте плитку размера, который вам нравится.  В данном случае размер составляет 65 х 75 пикселей.

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

Drop Shadow (Тень): Измените цвет на #3f2823 и снимите флажок в окне "Использовать Глобальное освещение ", угол тени 147.  Затем измените смещение до 13, размах 15, а размер 13.

Bevel and Emboss (Тиснение):  Измените размер на 3 пикс. и снимите флажок в окне "Использовать глобальное освещение".  Затем измените угол до 140 и высоту до 21.  Кроме того, измените режим подсветки на #fdf8e8, и режим тени на #dcd5bf.

Contour (Контур): Измените контур на "Полукруг" и проверьте флажок в окне "Сглаживание". Это улучшит эффект тиснения.

Gradient Overlay (Наложение градиента): Измените режим смешивания на "Мягкий свет" и непрозрачность 10%.  Затем выберите стандартный черно-белый градиент, установите флажок в окне "Инверсия", а также измените угол до 0.  Это позволит сделать правую сторону плитки (где тень) немного темнее, чем с левой стороны.

Вот так должна выглядеть наша плитка.

Шаг 3

Теперь добавьте букву на плитку, используя инструмент Text (Текст). Используйте черный цвет и шрифт, который вам нравится. Здесь используется шрифт Code Bold - Code Free Font, размер 50 пт.

Дважды щелкните по слою с текстом, чтобы применить стиль слоя Drop Shadow (Тень).  Измените режим смешивания на "Нормальный", цвет #e9dfc0, непрозрачность 100, Смещение 2, а размер 0.

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

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

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

Шаг 4

Дублируйте группу с плиткой еще раз и удалите слой с текстом.  Выберите инструмент Custom Shape Tool (Произвольная фигура) и установите цвет переднего плана #d5593d.

Выберите форму сердца и нарисуйте её в середине пустой плитки внутри группы.  Затем примените такой же стиль слоя, как и у букв (щелкните правой кнопкой мыши на любом текстовом слое, выберите Copy Layer Style "Скопировать стиль слоя" , затем щелкните правой кнопкой мыши на слое с формой и выберите Paste Layer Style (Вставить стиль слоя).

Шаг 5

Нажмите значок Создать новый корректирующий слой или слой-заливку внизу палитры слоев и выберите Карта градиента.

Измените режим смешивания на Multiply (Умножение) и поставьте непрозрачность 40%.  Затем щелкните на поле градиента, чтобы открыть редактор градиентов.

Создайте градиент с использованием цветов  #b7a781 и #f9f2ea.

Выделите все слои, которые у вас есть, в том числе фоновый слой, и дублируйте их.  Затем зайдите в Layer -> Merge Layers (Слои>Объединить слои) или нажмите Ctrl + E, чтобы объединить дублированные (копии) слоев.  Меняем  режим наложения нового слоя на Soft Light (Мягкий свет), а непрозрачность ставим 30%.

Перейдите Filter -> Other -> High Pass (Фильтр>Другие>Цветовой контраст) и установите радиус 8.0, а затем нажмите OK.  Это позволит немного усилить края, чтобы они выглядели более четкими.

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

Автор: textuts.
Переводчик: Сабчук Ангелина.
Ссылка на источник
PSD файл

           

Похожие файлы и публикации:

Текст на плитках в Фотошоп
Этот урок покажет, как создать красивый эффект матового стекла для текста, используя фильтры Фотошоп и стили слоя.
Текст на плитках в Фотошоп
Это очень простой способ создать красивый глянцевый текстовый эффект на основе текстуры, созданной в Фотошоп.
Текст на плитках в Фотошоп
Стили слоя являются мощным инструментом в Photoshop,  которые позволяют быстро создавать эффекты, которые можно применить к дополнительным объектам.
Текст на плитках в Фотошоп
Создайте новый документ размером 1350 x 1000 пикселей.  Установите основной цвет #4ea6d0, а цвет фона #195081. Создайте радиальный градиент от центра документа к одному из его углов.
Текст на плитках в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Текст на плитках в Фотошоп
Заключительный результат.
Текст на плитках в Фотошоп
Ресурсы: Изображение облаков Кисти звезд Кисти линий Кисти ретро линии
Текст на плитках в Фотошоп
В этом уроке я расскажу вам один из подходов к созданию смайлика, а затем, использую его, чтобы создать красивый эффект текста.
Текст на плитках в Фотошоп
В этом уроке описан очень простой способ для создания красивого светящегося искрами текстового эффекта, используя пару кистей и стилей слоя.
Текст на плитках в Фотошоп
Несколько недель назад  мой друг поинтересовался, как создать 3D сферу в Фотошоп.  Я не знал, как это сделать, но это меня заинтриговало, так что я решил попробовать.  Я знал, что нужно использовать фильтр Сферизация, но не знал, как это сделать. Так что в этом уроке я покажу вам, как создать красивую 3D сферу в фотошопе используя основные инструменты и фильтр Сферизация.  Весь этот урок не займет более 30 минут, но техника действительно полезна, особенно для создания значков и логотипов.
Текст на плитках в Фотошоп
Перед началом урока, пожалуйста, скачайте эту бесплатную текстуру Stucco texture
Текст на плитках в Фотошоп
 Чтобы приступить к работе, давайте сначала посмотрим на конечный результат.