Хромированный секундомер

1 марта 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Шаг 1

Создайте в Фотошопе новый документ (Ctrl + N) с параметрами, показанными на скриншоте. Включите сетку через меню View → Show → Grid и включите привязку к ней (View → Snap To → Grid). Перейдите в меню Edit → Preferences → Guides, Grid & Slices. В секции Grid установите параметр Gridline Every на 10 пикселей. Это расстояние между линиями сетки. Установите Subdivision на 1 пиксель. Цвет сетки — #a7a7a7. Нажмите ОК, чтобы применить изменения.

Откройте панель Info (Window → Info), чтобы видеть размер и расположение фигур.

Шаг 2

Активируйте линейки (Ctrl + R) и отведите две направляющие, пересекающиеся в центре.

Шаг 3

Выберите инструмент Ellipse Tool (U) и создайте круг диаметром 240 пикселей цветом #a1d8ff. Расположите его в центре холста. Затем создайте копию этого круга (Ctrl + J) и понизьте её заливку до 0%.

Примените к копии стиль Gradient Overlay:

Шаг 4

В настройках инструмента Ellipse Tool (U) установите режим вычитания из фигуры. Находясь на верхнем слоя круга, создайте круг в центре диаметром 200 пикселей. Измените цвет кольца на #d7d7d7. После этого примените стили, показанные на скриншоте ниже.

Шаг 5

Создайте копию хромированного кольца (Ctrl + J), кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Style. Понизьте заливку до 0% и примените стиль Bevel & Emboss.

Шаг 6

Перейдите в меню Edit → Preferences → Guides и уменьшите расстояние между линиями сетки до 5 пикселей. Выберите инструмент Ellipse Tool (U), в настройках установите режим новой фигуры и создайте круг диаметром 200 пикселей внутри кольца. Затем установите режим вычитания и создайте круг диаметров 190 пикселей, как показано на втором скриншоте ниже.

Шаг 7

Измените цвет внутреннего кольца на #c8c8c8 и примените стиль Inner Shadow.

Шаг 8

Создайте новый круг диаметром 190 пикселей внутри кольца. Примените к нему стили, показанные на скриншоте.

Шаг 9

Вырежьте центральную часть круга, оставив 10 пиксельное кольцо. Понизьте заливку до 0% и примените стиль Stroke.

Шаг 10

Уменьшите расстояние между линиями сетки до 1 пикселя. Инструментом Rectangle Tool (U) создайте прямоугольник размером 2х10 пикселей цветом #141414, как показано на скриншоте. Затем создайте копию этого прямоугольника и опустите её вниз. Оба прямоугольника преобразуйте в смарт-объект (Filter → Convert for Smart Filters).

Шаг 11

Создайте копию смарт-объекта и инструментом Free Transform (Ctrl + T) поверните её на 90 градусов. Оба слоя объедините в смарт-объект.

Шаг 12

Создайте копию смарт-объекта (Ctrl + J) и инструментом Free Transform (Ctrl + T) поверните её на 30 градусов. Создайте ещё одну копию повёрнутого слоя (Ctrl + J) и поверните её на 60 градусов.

Шаг 13

Как Вы уже, наверное, догадались, мы создаём отметки циферблата. Создайте прямоугольник размером 2х5 пикселей и расположите его, как показано на скриншоте ниже. Создайте копию прямоугольника (Ctrl + J) и опустите её на противоположную отметку. Оба прямоугольника преобразуйте в один смарт-объект.

Шаг 14

Поверните смарт-объект на 6 градусов по часовой стрелке. Создайте три копии этого смарт-объекта и поверните их на 12, 18 и 24 градуса относительно первой вертикальной отметки.

Шаг 15

Объедините маленькие синие отметки в один смарт-объект. Создайте копию полученного смарт-объекта (Ctrl + J) и поверните её на -30 градусов. Объедините два слоя синих делений в один смарт-объект. Создайте копию (Ctrl + J) и поверните её на 60 градусов. Создайте ещё одну копию и поверните на -60 градусов. Все синие деления объедините в один смарт-объект. Примените к нему стиль Color Overlay.

Шаг 16

Инструментом Horizontal Type Tool (T) подпишите отметки цветом #141414. Настройки шрифта показаны на скриншоте ниже. Как закончите, объедините все текстовые слои в смарт-объект. Затем примените к нему стиль Drop Shadow.

Шаг 17

Инструментом Rectangle Tool (U) создайте красную полоску размером 4х97 пикселей. Инструментом Direct Selection Tool (A) сведите нижние углы друг к другу на 1 пиксель.

Шаг 18

Активируйте инструмент Free Transform (Ctrl + T). Зажмите клавишу Shift и переместите центральную ось рамки трансформирования на точку пересечения направляющих. После этого поверните красную стрелку, как показано на втором скриншоте ниже.

Шаг 19

Измените цвет красной стрелки на #141414 и примените стиль Inner Shadow.

Шаг 20

Инструментом Ellipse Tool (U) создайте круг цветом #141414 диаметром 14 пикселей. Примените к нему стиль Inner Shadow.

Шаг 21

Внутри предыдущего тёмного круга создайте круг цветом #d5cdc3 диаметром 4 пикселя. Примените к нему стили, показанные ниже.

Шаг 22

Выберите 3 три фигуры, созданные за последние 5 шагов и создайте их копии. Копии преобразуйте в смарт-объект. Понизьте его заливку до 0: и примените стиль Drop Shadow.

Шаг 23

Создайте копию смарт-объекта предыдущего шага и измените настройки стиля Drop Shadow.

Шаг 24

Инструментом Ellipse Tool (U) создайте круг диаметром 55 пикселей, как показано ниже. Понизьте его заливку до 0% и примените стиль Stroke.

Шаг 25

Создайте два прямоугольника размером 2х4 пикселя цветом #141414, как показано на скриншоте. Оба слоя объедините в смарт-объект. Мы снова создаём отметки.

Шаг 26

Создайте две копии смарт-объекта с двумя делениями и поверните одну на 60 градусов, а другую — на -60 градусов. Текстовым инструментом подпишите отметки.

Шаг 27

Создайте прямоугольник размером 4х43 пикселя и инструментом Direct Selection Tool (A) сдвиньте левый верхний угол вправо на 2 пикселя. Затем выберите инструмент Delete Anchor Point Tool и удалите правую угловую точку. Поверните стрелку, как показано на последнем скриншоте ниже.

Шаг 28

Измените цвет стрелки на #141414 и примените к ней стиль Inner Shadow.

Шаг 29

Инструментом Ellipse Tool (U) создайте круг диаметром 10 пикселей цветом #141414. Примените к нему стиль Inner Shadow.

Шаг 30

Создайте круг диаметром 2 пикселя цветом #f0eae3 в центре предыдущего.

Примените к нему стили, показанные ниже.

Шаг 31

Выберите все слои стрелки и создайте их копии. Преобразуйте копии в смарт-объект, понизьте его заливку до 0% и примените стиль Drop Shadow.

Шаг 32

Создайте копию смарт-объекта предыдущего шага и измените настройки её стиля.

Шаг 33

Создайте копию фигуры, созданной на восьмом шагу. Удалите с неё стили и расположите поверх всех слоёв (Ctrl + Shift + ]). Понизьте заливку до 0% и примените стили, показанные на скриншоте.

Шаг 34

Создайте копию круга предыдущего шага (Ctrl + J). Удалите с неё все стили и примените стиль Stroke.

Шаг 35

Выберите инструмент Rounded Rectangle Tool (U) и в настройках установите Radius на 3 пикселя. Создайте прямоугольник размером 24х30 пикселей. Активируйте режим деформации (Edit → Transform → Warp) и выберите тип Arc, в поле Bend введите число 25. Нажмите Enter, чтобы применить изменения. Затем снова активируйте режим Warp и снова примените тип Arc со значением -10.

Шаг 36

К фигуре предыдущего шага примените стили, показанные ниже.

Сохраните градиент через кнопку New.

Шаг 37

Создайте закруглённый прямоугольник размером 30х20 пикселей. Примените к нему деформацию Arc со значением Bend 20%.

Шаг 38

Примените к этому прямоугольнику следующие стили:

Воспользуйтесь градиентом, сохранённым на 36-ом шаге.

Шаг 39

Инструментом Ellipse Tool (U) создайте овал размером 30х6 пикселей. Примените к нему стили, показанные ниже.

Шаг 40

Создайте круг диаметром 80 пикселей цветом #d7d7d7. В настройках установите режим вычитания и создайте круг диаметром 68 пикселей внутри первого.

Шаг 41

Выберите инструмент Rectangle Tool (U) и вырежьте нижнюю часть кольца при помощи прямоугольника размером 22х10 пикселей. Затем выберите инструмент Ellipse Tool (U), установите режим добавления к фигуре и создайте два круга диаметром6 пикселей, как показано на втором скриншоте ниже.

Шаг 42

К кольцу примените следующие стили:

Шаг 43

Сейчас мы займёмся тем местом, где кольцо соединяется корпусом секундомера. Выберите инструмент Ellipse Tool (U) создайте два чёрных круга диаметром 6 пикселей. К левому кругу примените стиль Drop Shadow с такими параметрами:

К правому кругу примените стиль Drop Shadow, изменив угол.

Шаг 44

Создайте закруглённый прямоугольник размером 16х18 пикселей. Примените к нему тип деформации Arc Lower со значением Bend 30%. Затем примените деформацию Arc Upper со значением Bend -10%.

Примените следующие стили:

Шаг 45

Создайте закруглённый квадрат размером 20х20 пикселей. Примените к нему деформацию Bulge со значением Bend 15%. Примените те же стили, что и к предыдущей фигуре.

Шаг 46

Сейчас мы создадим простой узор. Создайте новый документ (Ctrl + N) размером 2х2 пикселя. Инструментом Rectangle Tool (U) создайте чёрный прямоугольник размером 1х2 пикселя. Перейдите в меню Edit → Define Pattern, чтобы сохранить узор. После этого закройте документ без сохранения.

Шаг 47

К фигуре 45-го шага примените стили, показанные на скриншоте.

Шаг 48

Объедините слои кнопки в единый смарт-объект. Поверните его на 30 градусов и расположите на секундомере, как показано ниже.

Шаг 49

Выберите инструмент Polygon Tool настройте его, как показано на скриншоте. Создайте белую звезду.

Шаг 50

Создайте копию белой звезды и расположите их обеих на секундомере. Примените к звездам фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 1,5 пикселей.

Шаг 51

Создайте копию всех слоёв секундомера. Объедините их в один смарт-объект и расположите его под всеми слоями (Ctrl + Shift + [). Понизьте заливку до 0% и примените стиль Drop Shadow.

Шаг 52

Создайте копию смарт-объекта предыдущего шага и измените настройки стиля Drop Shadow.

Шаг 53

Создайте копию смарт-объекта предыдущего шага и снова измените настройки стиля.

Шаг 54

Создайте копию смарт-объекта предыдущего шага и примените стили, показанные ниже.

Шаг 55

Выберите все слои стального корпуса и создайте их копии (Ctrl + J). Объедините копии в один смарт-объект. Удерживая клавишу Ctrl, кликните на миниатюре этого смарт-объекта. Создайте новый слой и залейте выделенную часть чёрным цветом. Уберите выделение (Ctrl + D) и удалите смарт-объект, созданный в начале шага.

Шаг 56

Понизьте заливку чёрного слоя до 0% и примените к нему стиль Color Overlay: #ffd76b.

Вы можете использовать и другой цвет. Например #fcecbb.

Шаг 57

Создайте новый слой под слоями секундомера. Залейте его цветом #505050 и примените стиль Inner Glow.

Шаг 58

Преобразуйте фоновый слой предыдущего шага в смарт-объект. Примените фильтр шума (Filter → Noise → Add Noise).

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Переведено с сайта psd.fanextra.com, автор перевода указан в начале урока.