Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 25.02.2014 | нет комментариев

Этот урок научит вас создавать 3D глянцевый текст с окантовкой. Размеры изображения используемого в этом уроке: ширина 200px, высота 200px и разрешение 72px. Этот урок демонстрирует использование Pen Tool, Elliptical и Rectangular Marquee и Brush Tools. Этот урок научит вас создавать собственный клетчатый узор, который можно использовать в дизайне фона и придать блеск и влажность вашему тексту / картинке с помощью некоторых простых методов в Photoshop.

В начале мы создадим узор для вашего дизайна. Создайте новый документ, 9px шириной и 9px высотой с цветом фона #81817f. Затем выбираем Rectangular Marquee tool (M) и рисуем квадрат 4 x 4 px. Создайте новый слой. Нажмите Shift + F5 и выберите использовать в качестве содержания Black.
Нажмите Ctrl + D и переименуйте слой в Black-1.
Правый щелчок на слое Black-1 в палитре слоев и выберите Duplicate Layer.
Переименуйте слой в Black-2 и разместите как показано на рисунке используя Move Tool.

Выберите Rectangular Marquee tool (M) и нарисуйте квадрат 4 x 4 px. Создайте новый слой. Нажмите Shift + F5 и выберите использовать в качестве содержания White.
Нажмите Ctrl + D и переименуйте слой в White-1.
Правый щелчок на слое White-1 в палитре слоев и выберите Duplicate Layer. Переименуйте слой White-2 и разместите как показано на рисунке используя Move Tool.

Выберите Edit > Define Pattern, назовите узор и щелкните Ok. Закройте документ. Создайте новое изображение с размером 200 x 200 px с белым фоном. Выберите Pen Tool (P) и создайте очертания буквы «A» или напишите букву А любым крупным и круглым шрифтом.

Переименуйте слой в A-bg, правый щелчок на слое в палитре слоев и выберите Rasterize Layer. Нажмите Ctrl и щелкните на слое A-bg в палитре слоев. Нажмите Shift + F5 и выберите в качестве Use contents Patterns, щелкните по Custom patterns и выберите узор, который вы создали ранее. Нажмите Ctrl + D. Вы должны получить следующее:

Двойной клик на слое A-bg в палитре слоев или правый щелчок и выберите Blending Options. В стилях слоя выберите Stroke. Выберите цвет обводки # 81817f.

Затем выберите Bevel and Emboss.

Теперь выберите Drop Shadow.

Нажмите Ctrl + слой A-bg в палитре слоев, чтобы загрузить выделение. Нажмите Shift + Ctrl + N, чтобы создать новый слой и назовите его A. Смените цвет переднего плана на #fd1819 и нажмите Alt + Backspace, чтобы залить выделение в новом слое.

Не снимая выделение, нажмите Select > Modify > Contract в 10 пикселей и нажмите OK. Нажмите Ctrl + Shift + I, чтобы инвертировать выделение и нажмите Del. Ваше изображение будет выглядеть так: Нажмите Ctrl + D.

Если вы рисовали букву с помощью Pen Tool, то выберите Elliptical Marquee Tool (M) на панели инструментов и нарисуйте маленький овал на месте отверстия в букве. Нажмите Del, а затем Ctrl + D. Если вы букву писали, то этого делать не надо. Двойной щелчок на слое A в палитре слоев и в стилях слоя выберите Bevel and Emboss.

Затем выберите Drop shadow. Цвет тени #f35050.

Теперь создадим эффект блеска. Нажмите D, а затем X. Ваш цвет переднего плана должен стать белым. Выберите Pen Tool (P) на панели инструментов и создайте фигуры как показано на рисунке. Назовите слой Glossy.

Правый щелчок на слое Glossy в палитре слоев и выберите Rasterize layer. Затем выберите Filter > Blur > Gaussian Blur и выберите радиус 2.9 пикселей.

Наконец добавим несколько финальных штрихов, выберите Eraser Tool на панели инструментов и введите настройки для ластика: Mode – Brush, Brush – 4px, Opacity – 10% и Flow – 14%. Увеличьте изображение. Сотрите немного белого в слое Glossy как показано на рисунке:

В результате получаем:

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

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB