On-Line Библиотека www.XServer.ru - учебники, книги, статьи, документация, нормативная литература.
       Главная         В избранное         Контакты        Карта сайта   
    Навигация XServer.ru






 

Рисуем настенный выключатель

Александр Солонович

   (от Александра Солоновича)

Этот урок сделан на основе PhotoShop 6.0 но особой разницы нет в каком Фотошопе это делать - пятом или шестом. Все предельно понятно и доходчиво. В результате нехитрых манипуляций мы из ничего получим настенный выключатель света. Он будет выглядеть примерно так:



Итак, приступим:

1). Создайте новый слой. Выберите инструмент "Прямоугольное выделение" (Marquee Tool). Нарисуйте им вот такое выделение:



2). Выберите инструмент "Градиент" (Линейный градиент) и заполните ваше выделение от светло-серого (вверху) до черного (внизу).



3). Выберите ВЫДЕЛЕНИЕ -> МОДИФИЦИРОВАТЬ -> СЖАТИЕ ( SELECT -gt MODIFY -> CONTRACT ) , введите 3 и нажмите "ОК".



4). Создайте новый слой. Снова, используя "Градиент", залейте выделение уже уменьшенное выделение, но теперь уже от серово (вверху) до светло-серого (внизу).



5). Сделайте внутреннее выделение как показано на рисунке. Можете использовать инструмент "Лупа" (Zoom) для большего удобства.



6). Создайте новый слой. Залейте выделение черным цветом.



7). ВЫДЕЛЕНИЕ -> УБРАТЬ ВЫДЕЛЕНИЕ (SELECT -> DESELECT) . И создайте новое выделение внутри коробки выключателя. Это и будет основой вашего выключателя, поэтому постарайтесь, чтобы у вас получилось что-то в этом духе:



8). Создайте новый слой. Залейте выделение светло-серым (в моем случае это цвет DAD6D6 в 16-ричном формате)



9). Теперь создайте выделение как показано ниже - это будет уже самим выключателем.



10). Создайте новый слой. Залейте выделение серым (Hex# 666666).



11). Создайте выделение в районе левого края выключателя как на рисунке ниже. Теперь ИЗОБРАЖЕНИЕ -> НАСТРОЙКА -> ЯРКОСТЬ и КОНТРАСТ (IMAGE -> ADJUST -> BRIGHTNESS & CONTRAST). Введите 30 или больше для яркости и нажмите ОК.



12). Теперь сделайте то же самое для правого края.



13). ВЫДЕЛЕНИЕ -> УБРАТЬ ВЫДЕЛЕНИЕ (SELECT -> DESELECT). Потом: РЕДАКТИРОВАТЬ -> ТРАНСФОРМАЦИЯ -> ПЕРСПЕКТИВА (EDIT -> TRANSFORM -> PERSPECTIVE). Схватите мышкой верхний угол выделенной области и растяни или сожми как вам угодно. После чего нажмите ENTER чтобы применить трансформацию.



14). Создайте новый слой. Выберите инструмент "ЗАКРУГЛЕННОЕ ВЫДЕЛЕНИЕ" (либо если вы в 5-м Фотошопе то сперва выделите , затем ВЫДЕЛЕНИЕ -> МОДИФИЦИРОВАТЬ -> СГЛАЖИВАНИЕ ). Нарисуйте верхушку самого выключателя как на рисунке ниже (Цвет Hex# DADADA).



15). Ну а теперь в месте, обведенном на рисунке ниже кругом, инструментом "Мягкая Кисть" добавьте что-то вроде тени.



Все, Настенный выключатель готов!!! Поздравляю вас с этим событием :)


Литература по Adobe Photoshop