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

Набор букв на плитках в Фотошопе

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

 

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

 

Конечный результат

 

 

Набор букв на плитках в Фотошопе

 

 

Информация:

 

Программное обеспечение, используемое в этом уроке: Adobe Photoshop CS5 Extended
Размер итогового изображения: 1152 на 864 пикселей

 

Ресурсы:

 


Цветочные узоры 
Текстура 

 

Шаг 1

 

Создайте новый документ с нужными вам размерами (в зависимости от размера текста, который вы хотите создать), или создайте документ как у меня размером в1152 на 864 пикселей. Затем залейте фон текстурой цветочные узоры.

 

 

 

 

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

 

 

 

 

Шаг 2

 

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

 

 


 

 

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

 

Тень (Drop Shadow): Измените Цвет (Color) на # 3f2823 и снимите галочку Глобальное освещение (Use Global Light), измените Угол (Angle) падения тени  в 147 гадусов. Затем, измените Смещение (Distance) до 13 пикселей, Размах (Spread) до 15%, а Размер (Size) до 13 пикселей.

 

 

Набор букв на плитках в Фотошопе

 

 

Тиснение (Bevel and Emboss): Изменить Размер (Size) до 3 пикселей и снимите галочку Глобальное освещение (Use Global Light). Затем измените Угол (Angle) на 140 градусов, а значение Высота (Altitude) до 21 градусов. Кроме того, измените цвета Режима подсветки (Highlight Mode) на # fdf8e8 и Режима тени (Shadow Mode) на # dcd5bf.

 

 

Набор букв на плитках в Фотошопе

 

 

Контур (Contour): Изменить Контур (Contour) на Полукруг (Half Round) и проверьте, чтобы была установлена галочка Сглаживание (Anti-aliased). Это сделает эффект тиснения немного более определенным.

 

 

Набор букв на плитках в Фотошопе

 

 

Наложение градиента (Gradient Overlay): Измените Режим наложения (Blend Mode) на  Мягкий свет (Soft Light) и Непрозрачность (Opacity) на 10%. Затем выберите предустановленный в программе черно-белый градиент, установите галочку Инверсия (Reverse), а также измените Угол (Angle) на 0 градусов. Это позволит сделать правую сторону плитки (где тень) немного темнее, чем с левой стороны.

 

 

Набор букв на плитках в Фотошопе

 

 

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

 

 

 

 

Шаг 3

 

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

 

 

 

 

Дважды щелкните по слою с текстом, чтобы применить стиль слоя Тень (Drop Shadow). Измените его Режим наложения (Blend Mode) на  Нормальный (Normal), Цвет (Color) на # e9dfc0 , Непрозрачность (Opacity) на 100%, Смещение (Distance) до 2 пикселей, а Размер (Size) до 0 пикселей.

 

 

Набор букв на плитках в Фотошопе

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

 

 

Шаг 4

 

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

 

 

 

 

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

 

 

 

 

Шаг 5

 

Внизу палитры слоев нажмите на  кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) и выберите команду Карта градиента (Gradient Map).

 

 

 

 

У корректирующего слоя измените Режим наложения (Blend Mode) на Умножение (Multiply), Непрозрачность (Opacity) на 40%. Затем щелкните на поле градиента, чтобы открыть редактор градиентов.

 

 

 

 

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

 

 

Набор букв на плитках в Фотошопе

 

 

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

 

 

 

 

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

 

 

 

 

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

 

 

Набор букв на плитках в Фотошопе

 

 


Автор урока: Команда сайта textuts.com


Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 24.05.2012
  •   Просмотров: 3475
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки