• Страница 1 из 1
  • 1
Форум Studio AD » Графика » Уроки Adobe Photoshop » Иконка жесткого диска (дизайн)
Иконка жесткого диска
Aleko
Дата: Вторник, 18.08.2009, 17:13 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Рас уж начал выкладывать свои старые уроки... happy

Доброго времени суток всем) Теперь я покажу как можно быстро сделать красивую иконку сидирома, ну или жесткого диска - на ваш выбор. Прошу прощение за боьшое количество рисунков - я хотел сделать урок максимально понятным и доступным.
1) Скриншоты представлены в реальном размере (295х310)
Начинаем с фона. Градиент от #dcf9ff до #92d3f9:

Иконка красивого CD-ROM

2) На новом слое с помощью Pen Tool pen.gif отрисовываем основной каркас устройства:

Иконка красивого CD-ROM

3) Создаем новый слой. Отрисовываем верхнюю плоскость:
Иконка красивого CD-ROM

4) Создаем новый слой. Отрисовываем переднюю панельку:

Иконка красивого CD-ROM

5) Новый слой. Блик на передней панельке:

Иконка красивого CD-ROM

6) Новый слой. Рисуем кнопки на передней панели. Сначала делаем маленький прямоугоьник черного цвета, размещаем его относительно передней панели с помошью Edit/Transform/Perspective, затем
создаем новый слой, берем кисточку, ставим твердость на 50% а размер на 10 px и делаем 3 разными цветами точки как на скриншоте ниже:

Иконка красивого CD-ROM

7) Создаем новый слой. Добавляем винтики на крышку, для этого кисточкой делаем вот такие черные кружки на верхней плоскости:

Иконка красивого CD-ROM

8) Новый слой. Делаем образ диска на верхней плоскости. Используем Ellipce Tool ellipse.gif . Затем копируем получившийся круг на новый слой, уменьшаем, размещаем в центре и делаем цвет чуточку темнее. Затем копируем ещё раз, уменьшаем ещё чуть чуть. Вот что должно получится:

Иконка красивого CD-ROM

9) Новый слой. Делаем крышку приемника дисков. Так же как и в шаге с передней панелькой создаем прямоугольник и размещаем его относительно остальных частей вот так:

Иконка красивого CD-ROM

10) Делаем тень под устройством, для этого копируем слой с верхней поскостью, Ctrl+клик на сдублированном слое, затем Edit/Fill цвет черный. Используем Filter/Blur/Gaussian Blur 6,2%. Затем опускаем слой с тенью под все остальные на панели слоев и перемещаем его к основанию устройства:

Иконка красивого CD-ROM

11) Изменяем Blending Options для слоя с основным каркасом:

Иконка красивого CD-ROM

Вот градиент:

Иконка красивого CD-ROM

Вот что получается:

Иконка красивого CD-ROM

12) Изменяем Blending Options для слоя с верхней плоскостью:

Иконка красивого CD-ROM

Вот градиент:

Иконка красивого CD-ROM

Затем Filter/Blur/Blur More 1 раз

Вот что получается:

Иконка красивого CD-ROM

13) Изменяем Blending Options для слоя с винтами верхней плоскости, прозрачность слоя ставим на 27%, затем идем в настройки слоя:

Иконка красивого CD-ROM

Вот так выглядит результат:

Иконка красивого CD-ROM

14) Изменяем Blending Options для слоя с бликом на передней панели:

Иконка красивого CD-ROM

Вот градиент:

Иконка красивого CD-ROM

Что получается:

Иконка красивого CD-ROM

15) Изменяем Blending Options для слоя передней панели:

Иконка красивого CD-ROM

Вот градиент:

Иконка красивого CD-ROM

Вот результат:

Иконка красивого CD-ROM

16) Изменяем Blending Options для диска, головки диска и ободка вокруг головки:
Настройки для диска:

Иконка красивого CD-ROM

Настройки для головки (прозрачность слоя 63%):

Иконка красивого CD-ROM

Настройки для ободка вокруг головки:

Иконка красивого CD-ROM

Результат:

Иконка красивого CD-ROM

17) Изменяем стиль огоньков на передней панели:

Иконка красивого CD-ROM

Результат:

Иконка красивого CD-ROM

18) Уууух, почти закончили! Изменяем стиль крышки дископриемника:
Иконка красивого CD-ROM

В итоге:

Иконка красивого CD-ROM

19)Делаем отражение, как делать отражение можно посмотреть в уроке по созданию папки, ссылка на него есть в самом начале урока. Вот финальный результат этого урока:

Иконка красивого CD-ROM

Автор: Aleko
Источник: StudioAD.ru


Бесплатные обои.
  
Increible
Дата: Суббота, 19.03.2011, 05:03 | Сообщение # 2
молчун
Группа: Пользователи
Пользователь №: 3787
Сообщений: 9
Этот урок надоедливый, но хороший. Тут надо со слоями работать )))

Не Верстальщик но любитель )))
  
Форум Studio AD » Графика » Уроки Adobe Photoshop » Иконка жесткого диска (дизайн)
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.