IxStep.ru Все о дизайне и его хистростях!

Поиск по сайту
Навигация
Наш опрос
Нужен ли нам форум?
Да, конечно!
Нет. не надо.
Без понятия.
Хм... А что это?

Веселушки
Меня постоянно преследуют умные мысли, но я всегда быстрее.

Популярные новости
Background Natural Blurs
Background Natural Blurs

HQ Images - Background Natural Blurs30 J ...
Bread and pastries | Хлеб и выпечка
Bread and pastries | Хлеб и выпечка

Bread and pastries36 JPG | 2400x1800 | 6 ...
Investments AN013
Investments AN013

Investments AN01350 JPG | 4958x3810 | 35 ...
Видеоурок от журнала Digital Photographe ...
Видеоурок от журнала Digital Photographer: № 67

 Видеоурок мартовского журнала Digital ...
Laetitia Casta Spray Retouch High Res
Laetitia Casta Spray Retouch High Res

Laetitia Casta Spray Retouch High Res
Прикольная фотоподборка (106 фото)
Прикольная фотоподборка (106 фото)

Описание: Прикольная фотоподборка (106 ф ...
Different Background
Different Background

Деньги, время, бизнес220 Jpeg Images l ...
Небесный клипарт
Небесный клипарт

Фотографии большого разрешения неба, обл ...
Кисти для Adobe Photoshop: Flower Elemen ...
Кисти для Adobe Photoshop: Flower Elements

Кисти для Adobe Photoshop: Flower Elemen ...
Exteriors of Villas (Megapack)
Exteriors of Villas (Megapack)

Exteriors of Villas (Megapack)82 JPG | u ...

PhotoshopiMouse - рисуем Apple мышку

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

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

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

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

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


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


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


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


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


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


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

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

[center]
И снова сгруппируйте его со слоем ниже (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), угол , а затем размойте снова используя Gaussian Blur. Эти простые шаги сделают тень более реалистичной.

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

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


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


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


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



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



P.S: У меня тут завлялся шрифт от iPod, возможно, пригодится :) Забираем:
Внимание! У вас нет прав для просмотра скрытого текста.
[51,43 Kb] (cкачиваний: 591)

Внимание! У вас нет прав для просмотра скрытого текста.
[/center]



-Женщины не следуют дурным советам - они их опережают. (Абель Эрман)

Опубликовал omorsik, 8 апреля 2010 | Комментировать (0) | Печать
 (голосов: 0)

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.