Меню сайта
Категории каталога
Дизайн [15]
Форма входа
Поиск
Друзья сайта
    <Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани Сауны и бани
Наш опрос
Оцените мой сайт
Всего ответов: 70


Онлайн всего: 2
Гостей: 2
Пользователей: 0

Суббота, 23.11.2024, 10:18:06ГлавнаяРегистрацияВход
Уроки по Adobe Photoshop
Приветствую Вас Гость | RSS
Главная » Статьи » Дизайн » Дизайн

Тех.дизайн: Желтая каска
Тех.дизайн - Желтая каска *

Шаг 1.
Перед созданием иконки, автор сфотографировал объект, который он собирается создать.
Тех.дизайн - Желтая каска *

Шаг 2.
Итак, во-первых, уберем фон у шлема. Делаем это используя pen.gif , или с чем вы привыкли вырезать фон, лассо и т.п.. Затем вставляем эту фотографию в новый документ и изменяем размер изображения, чтобы был стандартный размер иконки (...64х64, 128х128, 256х256...) - автор взял 128x128. Вы можете использовать неизмененный размер, как пример, он поможет вам быть более точным в создании этой иконки.
Или, конечно, можете смотреть на документ размером 128x128 пикселей, но, - я люблю когда есть место для рисования.
Тех.дизайн - Желтая каска *

Шаг 3.
Берем pen.gif , и понемногу начинаем обрисовывать шлем. Начинаем с козырька. Чтобы быть более точными, уменьшите непрозрачность, просто нажмите одну из цифр на Num Lock клавиатуре, 5 - для 50% и т.д. Когда рисуете, не забудьте поставить Shape Layer (первая кнопка на панели опций), чтобы изменить слой если понадобится.
Тех.дизайн - Желтая каска *

Шаг 4.
Создайте дубликат нажав Ctrl+J и назовите его "peak". Переместите точки с помощью direct_selection.gif .
Тех.дизайн - Желтая каска *

Шаг 5.
Переместите эту часть шлема как показано ниже.
Тех.дизайн - Желтая каска *

Шаг 6.
Не забудьте про полосу в середине (скриншот). Вы можете сделать ее более видной, в уроке мы будем давать шлему объемность.
Тех.дизайн - Желтая каска *

Шаг 7.
Сделайте отдельный слой для полоски, то бишь новый слой.
Начните с правой части - которая более темная.
Тех.дизайн - Желтая каска *

Шаг 8.
Ctrl+J. Далее берем direct_selection.gif , перемещаем точки справа налево, так будет идеально смотреться с правой частью.
Тех.дизайн - Желтая каска *

Шаг 9.
Теперь можем переходить к следующей части. Скройте/переместите фотографию и теперь мы видим, что у нас получилось. Стандартная форма для иконки готова.
Тех.дизайн - Желтая каска *

Шаг 10.
Скройте все слои кроме первого и залейте этот слой желтым цветом (#FFDF14).
Новый слой (Ctrl + Shift + Alt + N), и группируем слой 2 над ним (Ctrl + Alt + G). На этом слое с помощью мягкой кисти и цвета #D59D00 делаем правую часть более темной. Загрузите выделение для слоя 4, инвертируйте его (Ctrl + Shift + I). Создайте новый слой 3 и используйте опять мягкую кисть с цветом #3B1C02, чтобы создать внутреннюю тень на правой стороне:
Тех.дизайн - Желтая каска *

Шаг 11.
Делаем видным слой 4 и ставим его opacity на 50%.
Таким образом, вы по-прежнему можете видеть тень от предыдущего слоя.
Тех.дизайн - Желтая каска *

Шаг 12.
Перекрашиваем форму основной части в #FDDB13. Опять создаем новый слой группируем как раньше (Ctrl + Alt + G) и в часте заднего плана использую мягкую кисть с темным цветом сделайте небольшую внутреннюю тень,...
Тех.дизайн - Желтая каска *

Шаг 13.
...для лучшего результата вы можете использовать средние тона.
Делаем видимым слой с полоской, перекрашиваем в #AA6F00 и добавляем маску. В маске я использовал большую мягкую кисть, после этого слой должен быть виден только по сторонам, в середине маска.
Тех.дизайн - Желтая каска *

Шаг 14.
Делаем видимым последний слой, перекрашиваем в #FBD500. В этой часте вы так же можете затемнить часть шлема в соответствии со мной.
Тех.дизайн - Желтая каска *

Шаг 15.
Для того чтобы шлем был более объемен, делаем обводку 1px белого цвета вокруг каждой формы со светом.
Что бы сделать это, загрузите выделение слоя (Ctrl + клик на слой), создайте новый слой, Edit>Sroke, параметры как на рисунке.
Тех.дизайн - Желтая каска *

Шаг 16.
Добавляем маску на этот слой, и заливаем ее черным цветом. Получилось что у нас ничего не видать, далее берете большую мягкую кисть белого цвета и рисуйте с ней на маске, обводка будет видна только там, где будет белый цвет.
Тех.дизайн - Желтая каска *

Шаг 17.
Используйте такой же метод в прошлом шаге для других слоев. Теперь наша иконка действительно начинает быть похожа на иконку.
Тех.дизайн - Желтая каска *

Шаг 18.
Далее затемните части которые видете на скриншоте, потому что контраст между частями шлемя слишком низок.
Тех.дизайн - Желтая каска *

Шаг 19.
Чтобы иконка была ещё лучше, можно добавить других оттенков, тк когда иконка одноцветная, она какая-то скучная.
Итак, сделайте выделение всех слоев (Ctrl + Shift + click on the layers). Создайте новый слой, сожмите выделение на 1 пиксель (Select > Modify > Contract). Используйте мягкую кисть чтобы сделать свет который нам нужен (на скриншете место где надо его делать), цвет любой в принципе, светло-синий, фиолетовый и т.д..
Тех.дизайн - Желтая каска *

Шаг 20.
В конце мы добавим блики. Как я делал в уроке iMouse - creating Apple mouse. Берем pen.gif и делаем такие формы:
Тех.дизайн - Желтая каска *

Шаг 21.
Ctrl+J, и размойте дубликат с помощью фильтра Gaussian Blur (радиус небольшой).
Тех.дизайн - Желтая каска *

Шаг 22.
Далее с мягкой кистью белого цвета рисуем дополнение на этот блик. Чтобы сделать иконку ещё блестящей. Не беспокойтесь по поводу формы блика, ее всегда можно отредактировать сделав маску.
Тех.дизайн - Желтая каска *

Шаг 23.
Готово!
Тех.дизайн - Желтая каска *

Шлем более ярко смотрится на темном фоне. Иконка закончена, так что не бойтесь экспериментировать и пытаться создавать иконки из разных фотографий. Успехов в Вашей работе!
Тех.дизайн - Желтая каска *
Категория: Дизайн | Добавил: t1mON (28.04.2008)
Просмотров: 1161 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:

Copyright MyCorp © 2024