[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Графика / Adobe Photoshop /

эффект LCD-дисплей

Время пришло, настал час написания очередного урока, первое, что пришло мне в голову - изготовление реалистичного (а может нет?;)) ЖК-дисплея.

эффект 'LCD-дисплей'ШАГ 1

Создайте новый документ размером 500х500, пусть у него будет белый фон.
Теперь, создайте новый слой Layer->New Layer [Слой->Новый слой]
Далее, выберите Elliptical marquee [Инструмент Эллипса] эффект 'LCD-дисплей'
Нажмите и удерживайте клавиши Shift+Alt и нарисуйте правильный круг.

Сейчас, необходимо заполнить цветом наше выделение. Делается это просто: выберите понравившийся цвет на палитре, а затем нажмите Alt+Backspace (при условии, что вы выбрали Foreground [цвет переднего плана], если же вы выбрали Background [цвет заднего плана или фон], то нажмите CTRL+Backspace )


ШАГ 2

эффект 'LCD-дисплей'НЕ Нажимайте CTRL+D!
Создайте новый слой Layer->New Layer [Слой->Новый слой]
В данный момент, необходимо перезагрузить цвета. Надавите на клавишу X, затем D.
Теперь идем на... Edit->Stroke [Редактирование->Обвести] надо выставить:

Width 4
Color Черный

И снять галочку Preserve Transparency

эффект 'LCD-дисплей'

Нажмите Ok

Оставаясь на этом же слое, зайдите в Filter>Blur>Gaussian Blur [Фильтр->Размытие->Размытие по Гауссу] и выставите значение 4 или более. Нажмите Ok.

эффект 'LCD-дисплей'Удерживая клавишу CTRL, щёлкните на первом слое для загрузки выделения первого слоя. Теперь, сделайте активным второй слой. Зайдите в Select>Inverse [Выбор->Инверсия] и нажмите клавишу Delete (второй слой должен обязательно быть активным).
Установите непрозрачность слоя в районе 28% [Layer Opacity]


ШАГ 3

эффект 'LCD-дисплей'Снова щелкните на первом слое, удерживая клавишу CTRL . Нажмите клавишу X, затем D. Создайте новый слой Layer->New Layer [Слой->Новый слой] и разместите его выше второго (делается это простым перетаскиванием).

Идите в Edit->Stroke [Редактирование->Обвести] и выставите значение 1, цвет оставьте тот же. Выставите уровень заполнения слоя 32% [Layer Opacity]

Создайте новый слой и перетащите его на самый верх. Загрузите выделение первого слоя (см. предыдущий шаг).

Щелкните на Paintbrush Tool [Инструмент Кисти] эффект 'LCD-дисплей' и проследите, чтобы опция "Свойства кисти" была активна эффект 'LCD-дисплей'
Поменяйте Mode [Режим] на Color Dodge [Цветовая уловка] и выставите значения слоя Fill [Заливка] (располагается на верхней панели), приблизительно 21-23%.

Используйте Мягкие кисти размером 200 px и 100 px и подсветите нижнюю часть.


эффект 'LCD-дисплей'ШАГ 4

Создайте новый слой Layer->New Layer [Слой->Новый слой]. Теперь, используя Pen tool [Инструмент пера] эффект 'LCD-дисплей'

нарисуйте выделение в верхней части окружности, можете слегка изогнуть его,

для придания более плавного перехода. Оставьте выделенным этот инструмент и

щелкните правой кнопкой мыши на выделении и выберите "Make Selection..." [Сделать выделение]

 

 


ШАГ 5

эффект 'LCD-дисплей'Создайте новый слой (не потеряйте выделение), нажмите и удерживайте SHIFT + CTRL + ALT и щёлкните на первом слое.

Сейчас необходимо использовать Gradient Tool [Инструмент Градиента] эффект 'LCD-дисплей'
в свойствах инструмента необходимо выбрать "Foreground to Transparent" [Передний план к Прозрачному].

После, нажмите D, затем X и проведите им сверху вниз.

Теперь, нажмите CTRL+D и идите в Filter>Blur>Gaussian Blur [Фильтр->Размытие->Размытие по Гауссу] выставите значение 2,0.

эффект 'LCD-дисплей'

Всё должно прекрасно получиться. Дальше идут вариации. Я, например, добавил ещё градиента и применил эффект телеизображения...

В дальнейшем, будет показано практическое использование LCD дисплея (в графическом смысле)
Сразу хочу сказать, что остальные вариации вы можете сделать сами, на основе других уроков. Главное в этом примере, было обучение основы создания ЖК-дисплея.

эффект 'LCD-дисплей'

 

 

 

 

 

 




Комментарии

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Графика / Adobe Photoshop /

Перекрасим небоскреб в золотистый цвет
23-04-2009   

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

Кол. просмотров: общее - 3105 сегодня - 0

Из брюнетки сделаем блондинку
23-04-2009   

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

Кол. просмотров: общее - 3135 сегодня - 0

Нарисуем почтовую марку
23-04-2009   

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

Кол. просмотров: общее - 2971 сегодня - 0

Создание заставки на рабочий стол со знаменитостью
23-04-2009   

Если в мире моды, кино или музыки у вас есть кумиры, то очень часто вы их изображения ставите у себя в качестве фона (wallpaper) на рабочий стол... подробнее

Кол. просмотров: общее - 3378 сегодня - 0

Ретуширование фотографий
23-04-2009   

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

Кол. просмотров: общее - 2883 сегодня - 0



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects