IpRoom.ru Искусство дизайнера

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

Немного юмора
Стройуправлению N13 требуются монтеры 3, 4 и 5-го электроразрядов.

Самое читаемое
Позитивные забавные картинки
Позитивные забавные картинки

Количество: 100 шт | Формат: JPG | Разре ...
Клипарты - Background
Клипарты - Background

Растровый клипарт25 шт. | 300dpi | 5175X ...
PSD - Восточный стиль 17 PSD - East sty ...
PSD - Восточный стиль 17  PSD - East style 17

PSD - Восточный стиль 17 PSD - East st ...
Ornaments and patterns 15 \ Орнаменты ...
Ornaments and patterns 15 \\  Орнаменты и узоры 15

фоны и текстуры, растровая графика67 fil ...
Portrait of a Young African American
Portrait of a Young African American

Portrait of a Young African AmericanJPG ...
ImageXtender 1.0
ImageXtender 1.0

[center]  [/center]ImageXtender 1 ...
Energy Divider Brushes by PinkPanthress ...
Energy Divider Brushes by PinkPanthress Stock - кисти фотошоп

Energy Divider Brushes by PinkPanthress ...
PSD исходник – Новогодний пурпурный
PSD исходник – Новогодний пурпурный

 PSD исходник – Новогодний пурпурн ...
Datacraft Sozaijiten | Vol. 166 - Women ...
Datacraft Sozaijiten | Vol. 166 - Women - Healthy Living

200 JPG | 2094x2950 | 106 Mb
Casino
Casino

Казино8 JPG | 3000X2000 | 300dpi | 19.63 ...

Обработка фотоiMouse - рисуем 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, 6 февраля 2010 | Комментировать (0) | Печать
 (голосов: 0)

Информация

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