ЭФФЕКТ СВЕТОДИОДНОЙ ПОДСВЕТКИ В 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).
эффект светодиодной подсветки в трёх вариациях основные цвета аддитивной системы RGB: зелёный, красный, синий
 рис. 7 зелёный |
|
 рис. 8 красный |
|
 рис. 9 синий |
Для красной светодиодной подсветки были использованы цвета:
канал «basis»: Алый (#ff2400)
канал «backlight»: Лазерный лимон (#fefe22)
Для синей светодиодной подсветки были использованы цвета:
канал «basis»: Лазурь (#007fff)
канал «backlight»: Тихоокеанский синий (#1ca9c9)
Любознательным читателям зелёных страничек предлагаю заглянуть
в увлекательную трилогию «Основные цвета аддитивной системы RGB»:
§ Red :: Красный цвет в красках и цифрах :-)
Красный цвет – один из трёх основных цветов аддитивной системы RGB.
Прогулка по красному цвету
§ Green :: Зелёный цвет в красках и цифрах :-)
Зелёный цвет – один из трёх основных цветов аддитивной системы RGB.
Путешествие по зелёному цвету
Оттенки зелёного разделены на тематические группы :-)
§ Blue :: Синий цвет в красках и цифрах :-)
Синий цвет – один из трёх основных цветов аддитивной системы RGB.
Плавание по синему цвету
Желаю Вам успехов в самостоятельном изучении Adobe Photoshop!
читатель зелёных страничек [13.09.2016, 22:12]
Супер!
Заочная школа 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: стеклянные, объятые пламенем буквы, камуфляж…). Автопортреты.
Распространение материалов сайта приветствуется.
Ссылка на материалы весьма желательна, но не строго обязательна ;-)
«Знание должно служить творческим целям человека. Мало накоплять знания;
нужно распространять их возможно шире и применять в жизни». Рубакин Н.А.
|