ЭФФЕКТ СВЕТОДИОДНОЙ ПОДСВЕТКИ В ADOBE PHOTOSHOP
по мотивам The X-Files

В далёком 1993 году, вышел на экраны американский научно-фантастический телесериал "The X-Files", который через несколько лет появился в России под кодовым названием :-) «Секретные материалы» и возымел ошеломительный успех. Спецагенты ФБР Фокс Малдер и Дана Скалли, работавшие в отделе X-Files, специализировавшемся на странных нерешённых делах, связанных с паранормальными явлениями, снискали сверхъестественные симпатии у российского зрителя…

Сериал вызвал в дизайнерской среде необычайный всплеск творческой активности… и сие неудивительно, потому как на самом старте "The X-Files" получил две премии Эмми: награду за выдающееся достижение в создании главной музыкальной темы (композитор Марк Сноу) и…
награду за выдающееся достижение в графическом дизайне ;-)
Сейчас мы с сыном с большущим удовольствием пересматриваем первый сезон. Просмотр идёт на одном дыхании… Немножечко давит ностальгия :-)

The X-Files – Секретные материалы Фокс Малдер (Fox Mulder): Дэвид Духовны Дана Скалли (Dana Scully): Джиллиан Андерсон

Предлагаю вниманию читателей зелёных страничек пример по созданию оригинального стилистического оформления текста из моей старинной шкатулки уроков заочной школы Adobe Photoshop – эффект X-Files.
Пример маленечко модифицировала в соответствии с современными тенденциями и переименовала тему урока :-)
Эффект светодиодной подсветки в Adobe Photoshop. В память о культовом сериале конца XX века ;-) ограничимся работой только с одной буквой "X" (The X-Files – «истина где-то рядом»…) В процессе создания эффекта нам предстоит использовать только стандартные инструменты Adobe Photoshop, работать будем с палитрой «Каналы» (Channels).

Итак, запускаем Adobe Photoshop. Создаём файл 150×150 пикс. Цветовой режим: RGB. Сохраняем файл под звучным именем: x_files.psd. Заливаем фон чёрным цветом (#000000). Вооружаемся инструментом Текст :-) Используем для работы рубленый шрифт (в данном примере – Verdana Bold; кегль: 100 пикс.) Как и договаривались ;-) ограничимся одной белой (#ffffff) прописной буковкой "X". Объедим слои: [Ctrl + E] и переместимся на палитру «Каналы». Обычно эта палитра соседствует с палитрой «Слои», однако если на рабочем столе Adobe Photoshop Вы её не нашли, обратитесь к меню «Окно»; «Каналы». Именно в этой палитре Adobe Photoshop мы с Вами создадим основу для создания эффекта светодиодной подсветки.

В палитре «Каналы» ухватите левой кнопкой мыши любой канал и переместите его к значку «Новый канал» (в нижней части палитры рядышком с корзинкой). Для комфортной навигации по каналам, созданный Вами новый канал, переименуйте в «original» (двойной щелчок мыши по иконке канала). Затем повторите манипуляцию с каналом «original» – перетащите его к значку «Новый канал» и создайте для него дубликат. Переименуйте созданный канал в «white» (белый). Затем загрузите его в выделение: [Ctrl + щелчок мыши по иконке канала]. Расширьте область выделения: меню Выделение; Модификация; Расширить… с установкой 2 пикселя. Залейте выделенную область белым цветом (#ffffff): меню Редактирование; Выполнить заливку… Снимите выделение: меню Выделение; Отменить выделение. И используйте фильтр: меню Фильтр; Размытие; Размытие по Гауссу с установкой радиус: 2 пикселя (рис. 1).

рис. 1 канал white

рис. 2 канал backlight

рис. 3 канал basis

Переместите канал «white» к значку «Новый канал» и создайте для него дубликат. Переименуйте созданный канал в «backlight». Затем загрузите его в выделение: [Ctrl + щелчок мыши по иконке канала]. Расширьте область выделения: меню Выделение; Модификация; Расширить… с установкой 3 пикселя. Залейте выделенную область белым цветом (#ffffff): меню Редактирование; Выполнить заливку… Снимите выделение: меню Выделение; Отменить выделение. И используйте фильтр: меню Фильтр; Размытие; Размытие по Гауссу с установкой радиус: 3 пикселя (рис. 2).

Переместите канал «backlight» к значку «Новый канал» и создайте для него дубликат. Переименуйте созданный канал в «basis». Затем загрузите его в выделение: [Ctrl + щелчок мыши по иконке канала]. Расширьте область выделения: меню Выделение; Модификация; Расширить… с установкой 7 пикселей. Залейте выделенную область белым цветом (#ffffff): меню Редактирование; Выполнить заливку… Снимите выделение: меню Выделение; Отменить выделение. И используйте фильтр: меню Фильтр; Размытие; Размытие по Гауссу с установкой радиус: 10 пикселей (рис. 3).

Итак, все каналы для создания эффекта светодиодной подсветки созданы. Приступаем к самому интересному ;-) Будем раскрашивать наши каналы – заливать цветом. Переключаемся на канал RGB. При переключении на канал RGB, все созданные нами каналы (original, white, backlight, basis) станут неактивными (невидимыми).

Переключившись на канал RGB, обратитесь к меню Выделение; Загрузить выделенную область… и из ниспадающего списка каналов выберите канал «basis». Залейте выделенную область ярким зелёным цветом – меню Редактирование; Выполнить заливку… Цвет… (рис. 4). В данной работе я использовала цвет Лайм: #00ff00; rgb(0,255,0).

Снимите выделение и вновь обратитесь к меню Выделение; Загрузить выделенную область… из ниспадающего списка каналов выберите канал «backlight». Залейте выделенную область насыщенным жёлтым цветом – меню Редактирование; Выполнить заливку… Цвет… (рис. 5). В данной работе я использовала цвет Лазерный лимон: #fefe22; rgb(254,254,34).

Снимите выделение и вновь обратитесь к меню Выделение; Загрузить выделенную область… из ниспадающего списка каналов выберите канал «white». Залейте выделенную область белым цветом (#ffffff) – меню Редактирование; Выполнить заливку… (рис. 6).

рис. 4 Лайм #00ff00; rgb(0,255,0)

рис. 5 Лазерный лимон #fefe22; rgb(254,254,34)

рис. 6 Белый #ffffff; rgb(255,255,255)

И… в завершение – меню Выделение; Загрузить выделенную область… из ниспадающего списка каналов выберите канал «original». Выделенную область немножечко сожмите – меню Выделение; Модификация; Сжать… с установкой 1 пиксель. Залейте область чёрным цветом (#000000). И… вуаля ;-) перед Вами зелёная светодиодная подсветка в стиле X-Files (рис. 7)

Теперь остаётся побаловаться в своё фантазийное удовольствие ;-)
Перед Вами эффект светодиодной подсветки в трёх вариациях – основных цветах аддитивной системы RGB: зелёный в стиле X-Files (рис. 7); красный (рис. 8) и синий (рис. 9).

рис. 7 зелёный

рис. 8 красный

рис. 9 синий

Для красной светодиодной подсветки были использованы цвета:
     канал «basis»: Алый (#ff2400)
     канал «backlight»: Лазерный лимон (#fefe22)
Для синей светодиодной подсветки были использованы цвета:
     канал «basis»: Лазурь (#007fff)
     канал «backlight»: Тихоокеанский синий (#1ca9c9)

Любознательным читателям зелёных страничек предлагаю заглянуть
в увлекательную трилогию «Основные цвета аддитивной системы RGB»:
§ Red :: Красный цвет в красках и цифрах :-)
Красный цвет – один из трёх основных цветов аддитивной системы RGB.
Прогулка по красному цвету
§ Green :: Зелёный цвет в красках и цифрах :-)
Зелёный цвет – один из трёх основных цветов аддитивной системы RGB.
Путешествие по зелёному цвету
Оттенки зелёного разделены на тематические группы :-)
§ Blue :: Синий цвет в красках и цифрах :-)
Синий цвет – один из трёх основных цветов аддитивной системы RGB.
Плавание по синему цвету

Заочная школа Adobe Photoshop

§ Заочная школа Adobe Photoshop (цвет на чёрно-белой фотографии)
Эффект цвета на чёрно-белой фотографии.
§ Заочная школа Adobe Photoshop (растровые строки)
Создание собственного образца узора.
§ Заочная школа Adobe Photoshop (рассеянные точки)
Эффект рассеянных точек в Adobe Photoshop
§ Заочная школа Adobe Photoshop (бесшовная плитка)
Создание бесшовной фоновой плитки для веб-страницы.
§ Заочная школа Adobe Photoshop (Eye Candy 4000)
Дополнительный фильтр Eye Candy 4000. Стеклянные буквы.
§ Кисточки для Adobe Photoshop: «Город Курск»
создание кисти произвольной формы:

Посвящается 980-летию города Курска.

§ Стили, фильтры Adobe Photoshop
Работа с текстом (дополнительный фильтр Eye Candy 4000: стеклянные, объятые пламенем буквы, камуфляж…). Автопортреты.

_statistics

---