Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Как создать абстрактный Wireframe текст

Как создать абстрактный Wireframe текст

Автор: Tina | Категория: Уроки Photoshop » Эффекты с текстом | 18-10-2011, 15:39
Как создать абстрактный  Wireframe текст


На этом уроке мы научимся очередному "извращению" с текстом. Результат получается очень эффектным. Давайте начнем!

Шаг 1

Давайте начнем с создания нового документа, который составляет 900 пикселей шириной и 600 пикселей и высоким с разрешением 300 точек / дюйм (pixels/inch). Убедитесь в том, цветовой режим (Color Mode) установлен в RGB.

Как создать абстрактный  Wireframe текст


Шаг 2

Залейте основной фон (Background) черным цветом. Дальше выбирайте инструмент Type Tool , другими словами функцию ввода текста и введите свой текст. Я написал " ABSENT". Я использовал шрифт Futura Md BT, и для него установил Font Style средний (Medium), и размер шрифта 220 пикселей. Я также установить Tracking ( расстояние между буквами) равное 20. Убедитесь, что в окошке с цветом текста (Text Color) установлен белый.

Как создать абстрактный  Wireframe текст


Шаг 3

Следующий шаг это обьединение этого слоя с фоновым (Background). Для этого нажмите на сочетание кнопок Ctrl + E (у некоторых это может быть Command + E).

Как создать абстрактный  Wireframe текст


Шаг 4

Теперь идите в Filter> Distort> Wave и используйте такие настройки: Тип (Type) : : Square,Количество генераторов (Number of Generators): 1, длина волны (Wavelength): Max: 635, Min: 257. Амплитуда (Amplitude): Max: 141, Min: 62. Scale: горизонтально (Horiz): 24% и вертикально (Vert): 22%. Теперь у вас получился довольно искаженный текст. Имейте в виду, пожалуйста, что результат зависит от тех параметров, которые мы ввели ранее, а также от размера, положения текста.

Как создать абстрактный  Wireframe текст


Шаг 5

Мы добавим еще один эффект смещения к нашему тексту. Для этого мы используем фильтр Фрагмент (Fragment). Нужно перейти в Filter> Pixelate> Fragment.

Как создать абстрактный  Wireframe текст


Шаг 6

Теперь переходим в Filter> Stylize> Glowing Edges и устонавливаем Edge Width= 1, Edge Brightness = 6 и Smoothness = 1.

Как создать абстрактный  Wireframe текст


Шаг 7

Теперь надо скопировать то что у нас получилось на новый альфа-канал (alpha channel) и сделать выделение слоя на нем. Как это получить? Первая команда Command/Ctrl + A, чтобы выбрать весь слой, вторая команда Command / Ctrl + C для того, чтобы скопировать слой. Затем перейдите в панель каналов (Channels), создайте новый канал (Channel) и нажмите Command / Ctrl + V, чтобы вставить ранее скопированный слой. Чтобы выделить слой- канал, для этого удерживая кнопку Command или Ctrl кликните на канал Alpha 1 на миниатюру нашего слоя, ниже на картинке указано, куда надо кликнуть.

Как создать абстрактный  Wireframe текст


Шаг 8

Теперь вернемся к панели слоев. Создайте новый слой и назовите его "Текст" (Text). Выделите слой и залейте его белым цветом, нажмите Command / Ctrl + D, чтобы снять выделение. Переход к "Background" слой и заливаем его черным цветом. Теперь мы применим стиль слоя (Layer Style) для слоя "Текст". Выберите для слоя "Текст"панель слоев (Layers Panel) и примените Gradient Overlay со следующими настройками: Blend Mode = Normal, непрозрачность (Opacity)= 15%, Gradient установлен Blue, Red, Yellow, угол (Angle) = 140 и Scale 150%. Выберите слой "Фон" (Background) в панели слоев и создайте новый слой. Выберите оба слоя "Layer 1" и "Текст", нажмите Command / Ctrl + E, чтобы слить выбранные слои.

Как создать абстрактный  Wireframe текст


Шаг 9

Настало время, чтобы добавить эффекты свечения. Дублируем слой "Текст", нажав Command / Ctrl + J. Далее к новому слою применяем Filter> Blur> Gaussian Blur с радиусом (Radius) = 4 пикселя. Нажимаем команду Command / Ctrl + J, чтобы еще раз продублировать слой "Текст копии" (“Text copy). Установите режим смешивания (Blend Mode) на Overlay и нажмите Command / Ctrl + J, еще раз продублируем слой "Текст копия 2" (Text copy 2).

Как создать абстрактный  Wireframe текст


Шаг 10

Выберите слой "Текст копия" (Text copy )в панели слоев и продублируйте его. Перетащите слой "Текст копия 4" (Text copy 4) чуть выше слоя "Background". Перейти в Filter> Blur> Gaussian Blur и выберите радиус (Radius) 6 пикселей. Затем перейдите в меню Image> Adjustments> Hue / Saturation и используйте такие настройки: Colorize: Checked, Hue: 315, Saturation: 38 и Lightness: -30.

Как создать абстрактный  Wireframe текст


Шаг 11

Теперь мы будем создавать фон для нашего текста. Создайте новый слой над слоем "Background" и назовите его "Сияние" (Lights). Выберите инструмент Gradient Tool, в нем отметьте Foreground to Transparent ( от переднего фона к прозрачному) и выберите радиальный градиент (Radial Graident). Уменьшить рисунок и применить градиент, начиная за пределами холста, как показано на рисунке ниже. Вы можете использовать цвета показано ниже или же вы можете выбрать свой вариант.

Как создать абстрактный  Wireframe текст


Шаг 12

Создайте новый слой выше "Lights" и назовите его "Круги" (Circles). Пройдите в инструменты кисти (Brush Tool), выберите один из стандартных круглых кистей и откройте панель кистей (Brushes Panel) и измените настройки как показано ниже.

Как создать абстрактный  Wireframe текст


Шаг 13

Установите основной цвет (Foreground Color) на # 3fc5c6 и цвет фона (Background) # ad4cb1. Затем на слое "Круги" сделайте разные мазки кистью.

Как создать абстрактный  Wireframe текст


Шаг 14

Теперь идите в Filter> Blur> Surface Blur, радиус (Radius)= 25 пикселей, порог (Threshold)= 175 уровней и применить. Затем зайдите в Filter> Blur> Gaussian Blur и примените с радиусом (Radius) 4 пикселя.

Как создать абстрактный  Wireframe текст


Шаг 15

Установите непрозрачность (Opacity) для слоя "Круги" 15.

Как создать абстрактный  Wireframe текст


Шаг 16

Наконец, мы добавим дополнительный текст к нашему дизайну. Я написал еще раз слово "ABSENT" и текст подзаголовка. Для этого я использовал тот же шрифт, который мы уже использовали раньше.

Как создать абстрактный  Wireframe текст


Окончательное изображение

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

Как создать абстрактный  Wireframe текст


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

Как создать абстрактный  Wireframe текст


 
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Другие новости по теме:


Просмотров: 1704 | Напечатать | Комментарии (1)

#1 написал: nazrin.avie (3 марта 2012 19:12)
а у меня размер шрифта не в пикселях:( а в пт.подскажите плиз размеры в пт.спасибо!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1
Создание шоколадного вулкана с использованием 3D-эффектов. Часть 1

Часть 1


Дизайн завораживающего постера для Часа Земли
Дизайн завораживающего постера для Часа Земли


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


Выделенные области в Photoshop Часть 2
Выделенные области в Photoshop Часть 2

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

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.