Базы данныхИнтернетКомпьютерыОперационные системыПрограммированиеСетиСвязьРазное
Поиск по сайту:
Подпишись на рассылку:

Назад в раздел

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

div.main {margin-left: 20pt; margin-right: 20pt} Рисуем настенный выключатель.

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

Этот урок сделан на основе 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). Ну а теперь в месте, обведенном на рисунке ниже кругом, инструментом "Мягкая Кисть" добавьте что-то вроде тени.



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


  • Главная
  • Новости
  • Новинки
  • Скрипты
  • Форум
  • Ссылки
  • О сайте




  • Emanual.ru – это сайт, посвящённый всем значимым событиям в IT-индустрии: новейшие разработки, уникальные методы и горячие новости! Тонны информации, полезной как для обычных пользователей, так и для самых продвинутых программистов! Интересные обсуждения на актуальные темы и огромная аудитория, которая может быть интересна широкому кругу рекламодателей. У нас вы узнаете всё о компьютерах, базах данных, операционных системах, сетях, инфраструктурах, связях и программированию на популярных языках!
     Copyright © 2001-2024
    Реклама на сайте