Комментарии статей
Главная УРОКИ Текстовые эффекты Электронное табло

 Текст на электронном табло

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

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

 Текст на электронном табло

инвертируем основной и фоновый цвета.

 Текст на электронном табло

Воспользуемся инструментом Gradient, в настройках выберем градиент "Diamond Gradient"

 Текст на электронном табло

и начертим от центра к краю холста. Для соответствующей ориентации градиента при перемещении инструмента нужно удерживать нажатой клавишу Shift.

 Текст на электронном табло

2. Создадим новый слой и нарисуем с помощью инструмента Elliptical Marquee окружность, при перетаскивании инструмента удерживаем нажатой комбинацию клавиш Shift+Alt.

 Текст на электронном табло

Зальем выделенную область черно-белым градиентом, как и раньше,  однако на этот раз выберем вариант Radial Gradient. Для получения подобного градиента, щелкнем инструментом и проведем короткую линию.

 Текст на электронном табло

3. Создадим третий слой, инвертируем выделенную область Select (Выделение)> Inverse (Инверсия), после чего зальем его черным цветом Shift+Backspace. Снимем выделение и скроем слой Layer2.

4. Уменьшим размер холста, это необходимо для уменьшения расстояния между смежными точками матрицы. Выберем инструмент кадрирование, и в панели настроек зададим размеры 25 х 25 пикселей, 72 dpi.

 Текст на электронном табло

Подрежем изображение инструментом «кадрирование»

 Текст на электронном табло

5. Скроем слой Layer 1, оставив видимым только слой Layer 0. Выполним команду Edit > Define Pattern и введем название «star».

 Текст на электронном табло

Выполним те же действия для слоев Layer1 и Layer2 и введем названия «bulb» и «mask» соответственно.

 Текст на электронном табло

6. Создадим новый документ 200 х 100 мм, цвет фона - белый.

 Текст на электронном табло

В меню Edit > Fill > Pattern выберем узор «bulb».

 Текст на электронном табло

Лампочки должны быть на прозрачном фоне, инструментом «Волшебная палочка» (Magic Wand) выделим и удалим белый фон.

Текст на электронном табло

Текст на электронном табло

7. Раскрасим слой, выполнив команду Image > Adjustment > Hue/Saturation установив флажок "Colorize".

Текст на электронном табло

8. Создадим новый слой, зальем его узором «mask».

 Текст на электронном табло

Поместим этот слой (Layer 1) под слой с лампочками (Layer 0). Для слоя Layer 0 зададим режим наложения Hard Light и уменьшим немного его непрозрачность.

Текст на электронном табло

9. Выберем контрастный цвет. Воспользуемся инструментом Type и используем очень простой шрифт для создания "светящейся" части нашей матрицы.

 Текст на электронном табло

Разместим полученный текстовый слой под верхним слоем и укажем для него режим наложения Overlay. Растеризуем надпись: Layer > Rasterize > Type.

 Текст на электронном табло

10. Работая с текстовым слоем, возьмем инструмент Brush (Кисть) того же цвета что и надпись для «включения» ламп, и Eraser (Резинка) для «выключения» ненужных ламп.

 Текст на электронном табло

Слой «Overlay» позволяет выполнять эти действия без соблюдения большой точности, поскольку он маскирует все, за исключением самих ламп.

 Текст на электронном табло

После «зачистки» всех лампочек, скопируем слой используя наложение "Hard Light". При желании повторим  шаг, играясь с наложениями, чтобы достичь более контрастного результата. Используя узор "star" вместо "bulb", можно получить несколько иной эффект "лампочек".

Вот такой небольшой кусочек информационного табло у нас получился:

 Текст на электронном табло

 

Обновлено (19.06.2012 17:50)

 

 

Добавить комментарий