Создание микроволновой печи

9 января 2013 · Глеб Х. · «Мир Фотошопа»

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

Ресурсы урока:

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, показанными ниже. Включите сетку через меню View → Show → Grid и включите привязку к ней (View → Snap To → Grid). Нужно установить расстояние между линиями сетки на 5 пикселей. Для этого перейдите в меню Edit → Preferences → Guides, Grid & Slices. Вам нужен параметр Gridline Every, введите в его поле цифру 5, а в поле Subdivision — 1. Измените цвет сетки на #a6a6a6. Нажмите ОК и сетка изменится. Откройте панель Info (Window → Info), чтобы видеть размер фигур и их расположение.

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U) и в настройках установите параметр Radius на 10 пикселей. Создайте прямоугольник размером 600х380 пикселей.

Шаг 3

В настройках инструмента выберите режим Subtract from Shape Area и уменьшите радиус д о5 пикселей. Внутри прямоугольника создайте ещё один меньшего размера (520х300 пикселей). Центральная часть будет вырезана. После этого выберите режим Add to Shape Area и создайте два прямоугольника: 410х290 пикселей и 95х290 пикселей. Все созданные фигуры должны быть на одном слое.

Шаг 4

Создайте копию слоя с прямоугольниками (Ctrl + J). В настройках инструмента Rounded Rectangle Tool (U) снова увеличьте радиус до 10 пикселей и включите режим Exclude Overlapping Shapes. Создайте прямоугольник размером 600х380 пикселей цветом #4b4b4b.

Шаг 5

В настройках инструмента выберите режим новой фигуры и создайте прямоугольник размером 320х200 пикселей. Он должен быть на отдельном слое.

Шаг 6

Над рамкой создайте закруглённый прямоугольник размером 600х50 пикселей. Перейдите в меню Edit → Transform Path → Warp. На верхней панели выберите тип деформации Inflate и установите Bend на 10%. Нажмите Enter, чтобы применить изменения.

Выберите инструмент Direct Selection Tool (A), выберите якорные точки левой стороны и сдвиньте их к середине на 15 пикселей. Затем сделайте то же с левой стороной. Результат будет, как на третьем скриншоте ниже. Поместите эту фигуру под остальными слоями (Ctrl + Shift + [).

Шаг 7

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

Шаг 8

К фронтальной стороне микроволновой печи, созданной на третьем шаге, примените стиль Gradient Overlay:

Шаг 9

Создайте копию слоя, над которым только что работали. Кликните на ней правой кнопкой мыши и выберите пункт Convert to Smart Object. Примените фильтр шума (Filter → Noise → Add Noise) с параметрами, показанными на скриншоте. Затем примените фильтр Motion Blur (Filter → Blur → Motion Blur). В результате мы получим металлическую текстуру.

Шаг 10

Нужно удалить часть текстуры, выходящую за пределы микроволновой печи. Для этого выделите фронтальную часть, созданную на третьем шаге (удерживая Ctrl, кликните на миниатюре слоя). К слою текстуры (смарт-объекту) добавьте маску (кликните на иконке маски в нижней части палитры слоёв). Всё, что находилось за пределами выделения, будет скрыто.

Шаг 11

Выберите слой текстуры и слой фронтальной части. Преобразуйте их в один смарт-объект. Затем примените следующие стили:

Шаг 12

Снова выделите фронтальную часть печи. Сожмите выделение на 10 пикселей (Select → Modify → Contract). Затем примените сглаживание (Select → Modify → Smooth) со значением 10 пикселей. Создайте новый слой (Ctrl + Shift + Alt + N) и залейте выделение белым цветом при помощи инструмента Paint Bucket Tool (G). Уберите выделение (Ctrl + D).

Шаг 13

Выберите слой, который только что создали. Понизьте его заливки до 0% и примените стиль Gradient Overlay:

Шаг 14

Понизьте непрозрачность слоя предыдущего шага до 25% и установите режим наложения на Overlay. Затем примените фильтры Motion Blur (Filter → Blur → Motion Blur) и Gaussian Blur (Filter → Blur → Gaussian Blur).

Шаг 15

На окошко печи мы наложим полосатый узор, предоставленный в начале урока. Чтобы его добавить в общую библиотеку, перейдите в меню Edit → Preset Manager. В списке выберите пункт Patterns, нажмите на кнопку Load и выберите файл узор.

К чёрному прямоугольнику примените следующие стили:

Шаг 16

Создайте копию слоя чёрного окошка. Кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Style, чтобы удалить стили. Понизьте заливку слоя до 0% и примените стиль Gradient Overlay. На стекле появятся блики.

Шаг 17

Создайте прямоугольник размером 600х380 пикселей цветом #d8d8d8. Расположите его, как показано на первом скриншоте. Данный слой поместите прямо над слоем, который мы редактировали на 7-ом шаге. Примените к нему стиль Stroke.

Шаг 18

Выберите фигуру, созданную на 4-ом шаге. Примените к ней стиль Inner Glow.

Шаг 19

Выберите инструмент Rounded Rectangle Tool (U) и в настройках уменьшите радиус до 5 пикселей. Создайте прямоугольник размером 65х5 пикселей цветом #1e1e1e.

Шаг 20

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

Инструментом Horizontal Type Tool (T) напишите что-нибудь, используя шрифт «Digital 7».

Шаг 21

Создайте копию чёрного дисплея, расположите её над всеми слоями (Ctrl + Shift + ]) и удалите стили. Понизьте заливку до 0% и примените стиль Inner Shadow.

Шаг 22

Перейдите в меню Edit → Preferences → Guides, Grid & Slices. Уменьшите расстояние между линиями сетки до 1 пикселя. Затем инструментом Ellipse Tool (U) создайте круг диаметром 45 пикселей.

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

Шаг 23

Создайте круг диаметром 49 пикселей белого цвета и расположите его под первым кругом.

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

Шаг 24

Выберите инструмент Rectangle Tool (U) и создайте два маленьких прямоугольника размером 1х3 пикселя цветом #969696. Расположите их над и под кругом. Лучше, чтобы оба прямоугольника были на одном слое. Создайте их копию (Ctrl + J) и поверните на 90 градусов по часовой стрелки (Edit → Transform → Rotate 90 CW).

Шаг 25

Создайте копию четырёх маленьких прямоугольников и поверните их на 45 градусов. Выберите все слои с отметками и преобразуйте в смарт-объект.

Примените стиль Drop Shadow.

Шаг 26

Объедините слои, созданные за 4 последних шага, в группу (Ctrl + G). Расположите переключатель под дисплеем.

Шаг 27

Создайте пару закруглённых прямоугольников размером 20х12 пикселей и 7 кругов диаметром 15 пикселей. Расположите их, как показано на скриншоте.

Шаг 28

К созданным кнопкам примените следующие стили:

62.jog

Шаг 29

Создайте прямоугольник размером 95х2 пикселя цветом #4b4b4b. Расположите его под кнопками.

Примените стиль Drop Shadow.

Шаг 30

Выберите инструмент Rounded Rectangle Tool (U) и увеличьте радиус до 10 пикселей. Создайте прямоугольник размером 600х380 пикселей, как показано ниже на первом скриншоте. Понизьте заливку слоя до 0% и примените пару стилей.

Шаг 31

Снова увеличьте расстояние между линиями сетки до 5 пикселей. Под микроволновой печью создайте закруглённый прямоугольник размером 620х20 пикселей. Расположите этот слой под остальными слоями (Ctrl + Shift + [) и преобразуйте в смарт-объект. Понизьте непрозрачность до 25% и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 25 пикселей.

Создайте копию слоя, понизьте непрозрачность до 8% и примените тот же фильтр размытия с меньшим радиусом.

Шаг 32

Создайте ещё один чёрный прямоугольник размером 600х10 пикселей под печью. Расположите его под остальными слоями (Ctrl + Shift + [), преобразуйте в смарт-объект, понизьте непрозрачность до 30% и примените фильтр Gaussian Blur со значением 5 пикселей.

Шаг 33

Уменьшите расстояние между линиями сетки до 1 пикселя. В настройках инструмента Radius Rectangle Tool (U) установите радиус на 5 пикселей и создайте прямоугольник размером 30х2 пикселя цветом #4a4a4a. Расположите его под печью на левой стороне. Как Вы уже догадались, это ножка.

Перейдите в режим деформации (Edit → Transform → Warp). На верхней панели выберите тип деформации Arc Lower и введите значение 10% для параметра Bend. Нажмите Enter, чтобы применить изменения.

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

Шаг 34

Создайте копию ножки печи, опустите её под остальные слои (Ctrl + Shift + [) и расположите, как показано ниже.

Шаг 35

В завершении мы создадим простой фон. Кликните дважды на фоновом слое, удерживая Alt, чтобы разблокировать его. Затем примените следующие стили:

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

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

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

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

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

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