iralebedeva.ru :: зелёный коллаж с цветами
КОНТАКТЫ
E-mail: ira.alma@gmail.com

iralebedeva.ru :: зелёный коллаж с цветами


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

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

Сериал вызвал в дизайнерской среде необычайный всплеск творческой активности… и сие неудивительно, потому как на самом старте "The 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 мы с Вами создадим основу для создания эффекта светодиодной подсветки.

Палитра «Каналы» :: Adobe Photoshop

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

канал white :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 1
канал white
 
канал backlight :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 2
канал backlight
 
канал basis :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 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).

Загрузить выделенную область :: Adobe Photoshop

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

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

Заливка (цвет: Лайм) :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 4
Лайм
#00ff00; rgb(0,255,0)
 
Заливка (цвет: Лазерный лимон) :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 5
Лазерный лимон
#fefe22; rgb(254,254,34)
 
Заливка (цвет: Белый) :: Эффект светодиодной подсветки в Adobe Photoshop
рис. 6
Белый
#ffffff; rgb(255,255,255)

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

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

эффект светодиодной подсветки в трёх вариациях
основные цвета аддитивной системы RGB: зелёный, красный, синий

Зелёная светодиодная подсветка в стиле X-Files :: Adobe Photoshop
рис. 7
зелёный
 
Красная светодиодная подсветка :: Adobe Photoshop
рис. 8
красный
 
Синяя светодиодная подсветка :: Adobe Photoshop
рис. 9
синий

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

Желаю Вам успехов в самостоятельном изучении 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: «Город Курск»
создание кисти произвольной формы:
Драматический театр им. А.С. Пушкина (кисточки для Adobe Photoshop: «Город Курск»)
Посвящается 980-летию города Курска.

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




statistics
Рейтинг@Mail.ru       Яндекс.Метрика

Распространение материалов сайта приветствуется.
Ссылка на материалы весьма желательна, но не строго обязательна ;-)
«Знание должно служить творческим целям человека. Мало накоплять знания;
нужно распространять их возможно шире и применять в жизни». Рубакин Н.А.