Форма входа

Друзья сайта

Наш опрос

Оцените мой сайт
Всего ответов: 182




Пятница, 03.05.2024, 19:28
Приветствую Вас Гость | RSS
WELCOME TO FLORALSTYLE
Главная | Регистрация | Вход
iMouse - рисуем Apple мышку - Форум


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Полезное » Уроки Adobe Photoshop » iMouse - рисуем Apple мышку
iMouse - рисуем Apple мышку
Newgruy1009Дата: Среда, 09.01.2008, 12:49 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 123
Репутация: 3
Статус: Offline
iMouse - рисуем Apple мышку

Простоя и элегантная. Мышка от Apple. Здесь есть кто-то, кому не нравится подобный дизайн? Давайте нарисуем эту мышку в Adobe Photoshop.

В случае, если она не лежит на Вашем столе, воспользуемся следующими фотографиями:

Основной материал из которого сделана мышь - прозрачный пластик с хорошими рефлекторными свойствами. Упростим работу и поместим мышь в идеально белую среду, где не будет четких отражений и рефлексов сторонних предметов.

1. Начнем с создания нового документа и выбора инструмента Rounded Rectangle Tool (U). Установите фиксированный радиус в 100px. Радиус окружности должен быть несколько больше, чем ширина мышки. Используйте светло-серый цвет #E5E5E5. Верхняя и нижняя часть мышки - закругленные.

2. Добавим контур к форме. Заходим в настройки стилей слоя, вкладка Outer Glow, выбираем светло-серый цвет #DBDBDB и размер 3px. Актуальный размер будет 2, т.к. значение Spread установлено в 47%.

3. Чтобы затемнить контур снизу добавим эффект Drop Shadow. Выставьте следующие значения: Angle в 90°, Distance 1px и Size 1px. Spread 100% сделает эффект без размытия.

Если все устраивает - ставим прозрачность Opacity в 10%.

4. Прозрачную часть по краям мышки создадим с помощью Inner Glow: Size 10px, цвет - белый. На самом деле оно не прозрачно, это просто белая обводка, но нам этого вполне достаточно.

5. Для имитации поверхности пластика с рефлектами и тенями мы можем использовать все теже настройки стиля слоя, но только для создания первого рефлекта. Заходим в Gradient Overlay, Style: Linear, градиент от белого к прозрачности. Угол выставьте так, чтобы белые участки градиента "выходили" из нижней левой части, чтобы смягчить и поправить размер градиента используйте Scale.

6. Следующий рефлект делаем руками. Создайте новый слой и нанесите 2 линеных градиента как показано на скриншоте ниже. От серого (#A7A7A7) к прозрачному.

7. Сгруппируйте этот слой с нижележащим (Ctrl+Alt+G) (Clipping Mask) и тень на месте.

8. Не достаточно рефлектов? Добавьте еще один слой, создадим градиент от белого к прозрачному, а чтобы видеть как проходит градиент, залейте фон серым.

И снова сгруппируйте его со слоем ниже (Alt+Ctrl+G), см. скрин.

9. Мышь готова. Теперь все, что нам нужно - это символ Apple. Самый простой вариант - найти шрифт с нужным символом, например InterSymb. Цвет Apple #A9A9A9.

10. Сделаем лого более заметным, добавив ему контура и тени внутри. Заходим в настройки стиля слоя. Drop Shadow:

...и продолжаем с Outer Glow...

...может быть добавим еще внутреннего свечения справа? Inner Glow...

...заключительным будет Inner Shadow. Выставьте направление с нижнего правого угла (как тень на мышке). В верхней левой части присутсвует небольшой реялект - это добавит ощущения объема.

11. Сравниваем с фотографией, видим что по краям мышки кое-что отсутсвует. Реализуем так: мягкой белой кистью делаем клики в обозначеных местах на скриншоте ниже. Далее сделайте выделение в форме мышки (Ctrl+клик по иконке слоя с мышей) и удалите содержимое выделения. Далее снова делаем выделение, увеличиваем область выделения на 2px (Select>Expand) (так рефлекс останется только на контуре), инфтертируйте выделение и очистите содержимое.

12. Добавим тень под мышку. На новом слое создайте выделение в форме эллипса и залейте его черным цветом.

13. Примените размытие Motion blur (Filter > Blur > Motion Blur), угол 0°, а затем размойте снова используя Gaussian Blur. Эти простые шаги сделают тень более реалистичной.

14. Можно подумать, что работа завершена, но это не так smile И для начала скажу, что мышь рефлектирует абсолютно все вокруг. Поэтому сейчас мы добавим последний оефлект в форме окна - это наиболее часто используемый рефлект (еще пригодится wink ) т.к. окно является часто единственным большим и ярким источником света в темном помещении.

Используем иснтрумент Pen Tool, чтобы изобразить искаженные контуры окна, например так:

Добавим типичные детали окна опять же с помощью Pen Tool как показано ниже на следующем скриншоте и вырезаем их из формы окна.

15. Добавьте маску к слою с окном и залейте ее градиентом от черного к белому. Вот так:

И вот теперь работа готова! smile

Еще один вариант на сером фоне, но как мы помним, края мышки мы делали не прозрачными, а белыми, и поэтому мышь выглядит немного не так. Как сделать прозрачные края? Оставляю почву для размышлений wink



 
Форум » Полезное » Уроки Adobe Photoshop » iMouse - рисуем Apple мышку
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2024