Рисуем иконку "Монитора" в стиле XP

18.12.2009, 03:42
Шаг 1.
Для начала вставим в наш новый документ иконку мое компьютера, для вдохновения. Затем ставим фиолетовый цвет ( #9693B0 ) и создаем прямоугольник, который будет служить основой для нашего монитора. Создаем его с помощью Rounded Rectangle Tool с соответствующим радиусом.
Рисуем иконку «Монитор» в XP-стиле

Шаг 2.
Ставим синий цвет ( #1E7EDB ). Затем создаем сам экран. На этот раз радиус ставим меньше. И не забудьте оставить место на мониторе для кнопок управления.
Рисуем иконку «Монитор» в XP-стиле

Шаг 3.
Создаем кнопки на одном новом слое в правой стороне. Держите клавишу Shift при создании. Затем в другой стороне сделайте большую кнопку. Затем ставим маску обрыва ( Ctrl+Alt+G ). Слой с выключателем называем "Shape 11".
Рисуем иконку «Монитор» в XP-стиле

Шаг 4.
Кнопок достаточно. Теперь давайте это все исказим ( Edit > Transform > Distort ).
Рисуем иконку «Монитор» в XP-стиле

Шаг 5.
Ниже показан 100% результат получившегося изображения.
Рисуем иконку «Монитор» в XP-стиле

Шаг 6.
Добавим объема нашему монитору. Дублируем первый слой ( Ctrl + J ). Теперь искажаем получившуюся форму, но немного слабее чем мы искажали сам монитор. Меняем цвет этого слоя на темно-фиолетовый ( #A19ECA ). Затем меняем цвет первого слоя на светло-фиолетовый ( #D6D3F6 ).
Рисуем иконку «Монитор» в XP-стиле

Шаг 7.
Загружаем выделение двух слоев ( Ctrl+Shift+Click по иконке слоя). Затем в меню редактирования выбираем Stroke . Ставим размер 1 пиксель и цвет темно-фиолетовый ( #6A6887 ). Затем жмем ОК .
Рисуем иконку «Монитор» в XP-стиле

Шаг 8.
Создаем два новых слоя поверх слоя с объемом монитора, и ставим маску обрыва этим слоям. Затем берем мягкую маленькую кисть. И светлой кистью делаем блики (1) и темной тени (2).
Рисуем иконку «Монитор» в XP-стиле

Шаг 9.
Проделайте похожее с выключателем. Поменяйте цвет его цвета на ( #9693B0 ). Добавьте обводки. Помните, чем больше мелких деталей в вашей работе, тем она интереснее.
Рисуем иконку «Монитор» в XP-стиле

Шаг 10.
Теперь поработаем с самим экраном. Создаем новый слои и тянем светло синий градиент ( #70B5F4 ). Затем добавляем форм, для создания ощущения наличия панели задач.
Рисуем иконку «Монитор» в XP-стиле

Шаг 11.
Скопируйте этот слой и заполните белым. Затем перенесите его вверх на один пиксель. Ниже представлен 100% результат.
Рисуем иконку «Монитор» в XP-стиле

Шаг 12.
Затем сделаем еще одну белую форму в нижней части экрана.
Рисуем иконку «Монитор» в XP-стиле

Шаг 13.
Добавим отражение, с помощью пентула. Вам решать, где и как оно будет располагаться.
Рисуем иконку «Монитор» в XP-стиле

Шаг 14.
Важно сделать маску для отражения (1). Загружаем выделение со слоев с объема монитора (2) и задней стороны монитора (3).
Рисуем иконку «Монитор» в XP-стиле

Шаг 15.
Сделаем экран более привлекательным. Для этого мы создаем овальное выделение, затем в меню редактирования выбираем белую обводку в один пиксель (как в шаге 7).
Рисуем иконку «Монитор» в XP-стиле

Шаг 16.
Создаем новый слой. Берем мягкую белую кисть с небольшой непрозрачностью и затемняем некоторые части линий для придания им реалистичности.
Рисуем иконку «Монитор» в XP-стиле

Шаг 17.
Затем трансформируем выделение, вращаем его и создаем еще несколько кривых. Затем добавляем маску слоя и заливаем все черным, что бы ничего не было видно. Затем с помощью белой мягкой кистью делаем кривые видимыми в тех местах, где вам хочется. И на последок мягкой белой маленькой кистью делаем пятна, в местах где кривые пересекаются.
Рисуем иконку «Монитор» в XP-стиле

Шаг 18.
Заключительная часть: это создание стойки для монитора. Создаем эллипс цветом ( #DCDBEE ). Затем с помощью Distort искажаем его.
Рисуем иконку «Монитор» в XP-стиле

Шаг 19.
Дублируем его, уменьшаем, меняем цвет на более темный ( #B6B4D4 ) и переносим немного вверх.
Рисуем иконку «Монитор» в XP-стиле

Шаг 20.
Затем с помощью пентула создаем главную форум стойки как показано ниже.
Рисуем иконку «Монитор» в XP-стиле

Шаг 21.
Затем загружаем выделение этих трех слоев и применяем к ним обводку ( #5D5B7B ).
Рисуем иконку «Монитор» в XP-стиле

Шаг 22.
Все, что нам осталось сделать - это добавить теней и бликов. Для их создания воспользуйтесь пентулом. Будьте осторожны с тенями в основных местах: не делайте их слишком яркими.
Рисуем иконку «Монитор» в XP-стиле

Шаг 23.
В заключительно шаге нам надо стереть обводку в том месте, где монитор касается стенда (стойки). Для этого воспользуйтесь маской слоя. Но не стирайте обводку монитора полностью, оставьте ее немного видимо (просто снизьте непрозрачность кисти).
Рисуем иконку «Монитор» в XP-стиле

Результат :
Рисуем иконку «Монитор» в XP-стиле
Просмотров: 281 Загрузок: 0 Добавил: Marlboro Категория: Дизайн/Рисование Комментарив: 0

Всего кмментариев 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]