Уроки Photoshop CS2 :: Уроки фотошопа :: Уроки adobe photoshop :: Регулярные пополнения базы уроков

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

В случае, если у вас нет её на столе, посмотрите, как она выглядит.

Приблизительное время выполнения: 20 минут

Шаг 1

Фактически, мышь в основном состоит из прозрачного пластика, отражающего окружающую среду.

Поэтому мы упростим себе задачу, поместив мышь на белом фоне. Так что она будет вся белой.

Создайте новый документ и выберите Rounded Rectangle Tool для того, чтобы создать форму мыши. Поставьте радиус 100 пикселей. Радиус должен быть больше, чем ширина мыши - верх и низ её должны быть полностью закругленными. Цвет поставьте светло-серый - #E5E5E5.

Шаг 2

Добавьте контур нашей фигуре, а также эффект Outer Glow, поставьте светло-серый #DBDBDB и размер 3 пикселя. Размер фактически будет 2 пикселя, потому что Spread установлен на 47%.

Чтобы затемнить контур там, где он идет вниз, добавьте эффект Drop Shadow. Поставьте его угол на 90°, расстояние на 1 пиксель и размер на 1 пиксель. А если поставить Spread на 100%, то вы получите эффект четкости.

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

Шаг 3

Чтобы сделать стороны мыши прозрачными, нужно использовать Inner Glow effect, Size поставьте 10 пикселей, цвет белый. Это не прозрачность, а просто белые границы. Но нам подойдет и так.

Шаг 4

Для того, чтобы мышь имела вид пластиковой, начните добавлять отражения и тени. Мы можем использовать layer effect для первого отражения, там выбрать Gradient Overlay, Style: Linear, градиент от белого до прозрачного подойдет. Поставьте угол так, чтобы сияние шло из левого верхнего угла в правый. Если нужно, измените размер, в шкале property Scale.

Остальные отражения вы должны будете сделать вручную. Закройте диалоговое окно, создайте новый слой и нарисуйте два линейных градиента, как показано на рисунке. От серого  (#A7A7A7) до прозрачного.

Сгруппируйте этот слой с предыдущим используя Ctrl + G (в самых новых версиях Photoshop Ctrl + Alt + G) и вот наши тени готовы. Заметьте, что слой выглядит так, как будток нему же применяли ранее эффект слоев. Это значит, что он не касается мест, где применен Inner glow.

Вот почему лучше действовать так, а не добавлять к слою маску.

Шаг 5

Мало отражений? Добавьте ещё слой и примените к нему градиент от белого до прозрачного (на следующем изображении фон серый только для того, чтобы видеть градиенты).

И снова сгруппируйте его с предыдущим слоем. Как показано внизу.

Шаг 6

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

Сделайте лого более заметным, создав контур и темную тень внутри. Для начала добавьте Drop Shadow

Далее примените Outer Glow, как показано на следующей картинке…

…ну, наверное, правильным было бы добавить ещё Inner Glow…

…и закончить на Inner Shadow effect. Примените его из правой нижней части (как и тень на мыши). В левой части яблока получилась небольшая тень, что добавляет яблоку того эффекта, что оно находится на поверхности мыши.

Шаг 7

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

Скопируйте слой (Ctrl + J), инвертируйте его (Ctrl + I) и немного сдвиньте вниз. Вы можете снизить непрозрачность, если хотите.

Добавьте под мышью тень. В новом слое нарисуйте эллипс и залейте его черным.

Примените к слою размытие с помощью Motion Blur с углом 0° и затем примените ещё одно размытие, Gaussian Blur. Эти несложные шаги придают эффект реалистичности вашей мыши.

Шаг 8

Можно было бы подумать, что работа окончена, но это не так. В начале мы говорили о том, что мышь отражает все вокруг. Поэтому давайте создадим хотя бы одно отражение. Давайте создадим отражение в форме окна (получится несколько иронично), которое является одним из наиболее распространенных отражений, но все же, окна обычно являются самым ярким источником света в темной комнате.

Используйте Pen tool, чтобы нарисовать слегка искаженную версию окна, как показано внизу.

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

Добавьте к слою маску и нарисуйте градиент (от черного к белому) в ней так, как показано внизу.

Теперь работу можно считать оконченной. Получилось у нас неплохо. Всем удачи!

Примечание: На картинке внизу показана мышь на темном фоне и она тоже выглядит неплохо. Но теряется эффект прозрачных краев, так что, если вам это не нравится, поэкспериментируйте, чтобы создать прозрачные края на темном фоне.

Источник: iMouse - creating Apple mouse

Популярность: 10%