Стильный динамик. 1. Создаем новый документ 200x300 px жмем "ОК" и вызываем инструмент линейки Сtrl+r.
2. Далее создаем новый слой , располагаем по центру две направляющие лини линейки: горизонтальную и вертикальную . Теперь, там, где линии пересеклись, инструментом выбора, при помощи нажатия клавиш shift+alt, рисуем круг размером 25 px в ширину и высоту . Затем активируем Gradient tool и заливаем полученный выбор линейным градиентом (linear gradient)от цвета #5B6660 к #BCCCCC . Растягиваем градиент сверху вниз. На картинке ниже показан результат, который должен получиться на данном этапе.
3. Теперь мы применим стили слоя к нашему кругу.
Сперва "Inner Shadow" с такими значениями:
Blending: Overlay
Color: White
Opacity: 75%
Angle: 90
Distance: 6
Choke: 0
Size: 9
Noise: 0
4. Затем "Outer Glow" cо значениями:
Blending: Normal
Opacity: 60%
Noise: 0
Color: Black (solid)
Technique: Softer
Spread: 0
Size: 5
Range: 50
Jitter: 0
5. Наконец "Inner Glow":
Blending: Normal
Opacity: 31
Noise: 0
Technique: Softer
Source: edge
Choke: 0
Jitter: 0
Range: 50
6. Теперь создаем новый слой и располагаем его под первым слоем с кругом. Инструментом выбора рисуем еще один круг 60px в высоту и ширину. Заливаем выбор линейным градиентом (linear gradient), сверху вниз с переходом цветов от #A2ABAA к #5D6663 . Теперь устанавливаем на слое "Inner Shadow" с такими значениями :
Blending: Lighten
Color: White
Opacity: 35%
Angle: -90
Distance: 2
Choke: 0
Size: 1
Noise: 0
7. На рисунке ниже видно, что должно у нас получиться :
8. Далее создаем новый слой и располагаем его под всеми слоями, рисуем круглый выбор 85px в высоту и ширину , заливаем его цветом #414B4A. Добавляем стили к слою :
Inner Shadow
Blending: normal
Color: White
Opacity: 23%
Angle: 90
Distance: 5
Size: 5
Noise: 0
9.Добавляем Gradient Overlay
Blending: : Normal
Opacity: 29%
Style: Radial
Align with layer: checked
Angle: 90
Scale: 100
10. Теперь Stroke:
Size:2
Position: Outside
Blend: Normal
Opacity: 100%
Color: #343F41
11. Опять создаем новый слой ниже всех первых . Удерживая shift+alt, рисуем в центре правильный круг размером 112px в высоту и ширину. Полученный выбор заливаем линейным градиентом (linear gradient) с переходом цветов от #898989 к #ECF0EF . Теперь применяем фильтр Filter > Blur > Gaussian blur 0.5%. Все! Динамик готов! Результат должен выглядеть так, как на картинке ниже.
12. В следующем шаге мы создадим тело для динамика при помощи добавления некоторых деталей. Для этого , используя инструмент выбора “Eliptical Marquee Tool” и держа нажатой клавишу Аlt, растягиваем довольно большой овал из центра. Затем, держа клавишу Shift, (так, чтобы добавить следующий выбор), растягиваем еще два овала выше и ниже того, что мы уже растянули (как показано на рисунке ниже). Заполняем полученную форму цветом #CDCDCD
13. Теперь нам нужно добавить немного стилей к этому слою .
Используем эти настройки :
Outer Glow
Blend Mode: Normal
Opacity: 75%
Noise: 0
Color: #B8B8B8
Technique: Softer
Size: 5
Spread: 0
Contour: /
Anti-Aliased: Unchecked
Range: 50
Jitter: 0
Bevel and Emboss
Style: Inner Bevel
Technique: Smooth
Depth: 100
Direction: Up
Size: 3
Soften: 0
Angle: 120
Altitude: 64
Gloss Contour: /
Highlight Mode: Screen
Highlight Opacity: 75%
Shadow Mode: Multiply
Shadow Opacity: 0%
Satin
Blend Mode: Multiply
Opacity: 7%
Angle: 19
Distance: 11
Size: 21
Antialiased: Unchecked
Invert: Checked
Contour:
Stroke
Size: 1
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color
Color: #B6B6B6
14. Теперь на нужно добавить немного деталей. Сперва нарисуем несколько маленьких винтиков методом растягивания небольших выделений, инструментом выбора. Заполним Радиальным градиентом (radial gradient) из центра, с верху вниз, как видно на рисунке ниже. Затем добавим стили слоя с параметрами:
Inner Shadow
Blend Mode: Lighten
Opacity: 47%
Angle: 120
Distance: 5
Choke: 0
Size: 5
Contour: /
Anti-aliased: Unchecked
Noise: 0
Outer Glow
Opacity: 47%
Noise: 0
Color: Black
Technique: Softer
Spread: 0
Size: 3
Contour: /
Antialiased: Unchecked
Range: 50
Jitter: 0
15. Дублируем слой 4 раза (layer > duplicate layer). И располагаем винты так как нам угодно. Получаем результат, похожий на изображение ниже :
16. Теперь мы создадим еще два слоя, что бы нарисовать конус у основания динамика. Из этих двух, только что созданных слоев, выбираем расположенный более низко слой. Делаем, при помощи “Eliptical Marquee Tool”, круглый выбор и заливаем его радиальным градиентом (radial gradient) от #8E8E8F цвета к #DBDEDD, растягивая его сверху вниз, как видно на рисунке ниже:
17. На втором слое создаем второй круг, меньше первого, заливаем радиальным градиентом от #363837 цвета к #CACDCD, растягивая от верхнего левого угла немного за внешний край выбора. Это даст нам хороший «входящий» эффект. В результате должно получиться что-то похожее на рисунок ниже.
18. После этого создаем еще один новый слой, рисуем на этом слое еще один круглый выбор. Заполняем его на сей раз линейным градиентом (linear gradient), от вершины к основанию, с переходом цвета от #909090 к #C8C9C9 – как на рисунке ниже:
19. На новом слое делаем круговой выбор меньшего размера, чем первый, но с тем же самым центром, заполняем его цветом #303636 и получаем эффект, как показано ниже.
20. Этот шаг более сложный, чем все предыдущие. Создаем круговой выбор размером с тем, что делали выше (п.9) и заполняем его серым. Теперь нарисуем меньший по размеру круг внутри и нажмем Del. В результате мы должны получить контур круга. Теперь инструментом “Rectangular Marquee Tool”, рисуем прямоугольный выбор шириной в 2px, проходящий через середину вершины центра до основания круга и заливаем его серым цветом. Наконец активируем кисть и рисуем маленькую овальную точку в середине. В результате мы должны получить это :
21. Теперь мы можем применить к этому слою стили, используя эти параметры :
Color Overlay
Blend Mode: Normal
Color: #8FA3A2
Opacity: 72%
Pattern Overlay
Blend Mode: Normal
Opacity: 63%
Pattern: Any of the default ones
Scale: 85%
22. Создадим еще один слой и нарисуем крошечный светло-серый полукруг в центре, как показано ниже, вокруг маленькой круглой точки из шага 20.
Все! Готово!
У нас должен получиться результат, похожий на изображение ниже:
Источник: Вот он
