Рисование кофеварки

24 мая 2014 · Глеб Х. · «Мир Фотошопа»

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

Создайте овал размером 185х30 пикселей и примените к нему стили, показанные ниже.

Шаг 4

Создайте чёрный овал размером 140х5 пикселей и примените к нему стили, показанные ниже.

Шаг 5

Сейчас нам нужно уменьшить расстояние между линиями сетки до 1 пикселя. Перейдите в меню Edit → Preferences → Guides, Grid & Slices. В поле Gridline Every введите число 1.

Выберите инструмент Rounded Rectangle Tool (U) и на верхней панели установите Radius на 5 пикселей. Создайте фигуру размером 24х15 пикселей цветом #ed4505. Отправьте эту фигуру на задний план (Ctrl + Shift + [), а затем примените стиль Bevel & Emboss.

Шаг 6

Снова увеличьте расстояние между линиями сетки до 5 пикселей. Установите для инструмента Rounded Rectangle Tool (U) радиус 20 пикселей и создайте фигуру размером 155х170 пикселей цветом #ddf1ff (скриншот 1). Активируйте режим деформации (Edit → Transform → Warp), на верхней панели выберите тип деформации Arc Lower и введите 7% в поле Bend.

Выберите инструмент Rectangle Tool (U), включите режим вычитания из области фигуры и создайте прямоугольник размером 25х170 пикселей в верхней части закруглённого прямоугольника (скриншот 3).

14.jpg

Шаг 7

Создайте копию слоя с синей фигурой (Ctrl + J) и измените её цвет на белый. Выберите инструмент Rectangle Tool (U), включите режим пересечения с областью фигуры и создайте тонкую вертикальную полоску размером 5х140 пикселей у левого края синей фигуры (скриншот 2). Уменьшите Fill (заливку) этого слоя до 0% и примените стиль Gradient Overlay.

Шаг 8

Создайте копию синей фигуры ещё раз. Измените цвет копии на белый и создайте прямоугольную полоску размером 140х35 пикселей (скриншот 2). Режим пересечения с областью фигуры должен быть всё ещё активен с прошлого шага. Уменьшите заливку белой полоски до 0% и примените стиль Gradient Overlay.

Шаг 9

Создайте копию синей фигуры и измените цвет на белый. Создайте вертикальную полоску размером 140х15 пикселей, уменьшите заливку до 0% и примените стиль градиента.

Шаг 10

Мы ещё несколько раз повторим предыдущие действия. Следующая полоска будет размером 140х45 пикселей.

Шаг 11

Полоска размером 140х10 пикселей.

Шаг 12

Полоска размером 140х15 пикселей.

Шаг 13

На этот раз копию синей фигуры нужно сделать чёрной и оставить полоску размером 140х5 пикселей у правого края. Уменьшите непрозрачность слоя до 5%.

Шаг 14

Создайте белый овал размером 150х20 пикселей (скриншот 1). На верхней панели включите режим вычитания из области фигуры и создайте овал размером 200х15 пикселей (скриншот 2). Уменьшите заливку полученной фигуры до 0% и примените стиль градиента.

Шаг 15

Уменьшите расстояние между линиями сетки до 1 пикселя. Выберите инструмент Rounded Rectangle Tool (U), в настройках установите Radius — 5 пикселей и создайте фигуру размером 168х18 пикселей. Активируйте режим деформации (Edit → Transform → Warp), выберите тип деформации Arc Lower и установите Bend на 5%.

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

Шаг 16

Опустите слой с чёрной фигурой предыдущего слоя под слой с синей фигурой (стеклом). Уменьшите заливку слоя стекла до 0% и примените стили, показанные ниже.

Шаг 17

Создайте копию слоя стекла, кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Styles, чтобы удалить стили. Опустите этот слой под чёрную фигуру 15-го шага. Заливка слоя должна быть равна 0%. Примените стиль градиента.

Шаг 18

Создайте копию верхнего слоя со стеклом, удалите с неё стили, уменьшите заливку до 0% и примените стиль Inner Shadow:

Шаг 19

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

Шаг 20

Повторите предыдущий шаг ещё раз.

Шаг 21

Выберите инструмент Rouded Rectangle Tool (U), установите Radius — 30 пикселей и создайте фигуру размером 115х20 пикселей цветом #82d344 (скриншот 1). Уменьшите радиус до 15 пикселей, включите режим вычитания из области фигуры и сделайте вырез при помощи фигуры размером 85х100 пикселей (скриншот 2).

Выберите инструмент Rectangle Tool (U) в том же режиме вычитания и отсеките левую часть зелёной фигуры при помощи прямоугольника размером 40х120 пикселей (скриншот 3). Снова выберите инструмент Rounded Rectangle Tool (U) с радиусом 5 пикселей и включите режим добавления к фигуре. Создайте две фигуры размером 20х10 пикселей на конца ручки.

Шаг 22

Создайте копию зелёной ручки и измените цвет на #5abbff. В настройках инструмента Rounded Rectangle Tool (U) установите радиус на 25 пикселей, включите режим пересечения с областью фигуры и создайте фигуру размером 95х120 пикселей (скриншот 3).

Шаг 23

Создайте копию синей фигуры и измените цвет на #eac600. В настройках инструмента уменьшите радиус до 15 пикселей и создайте фигуру размером 40х65 пикселей.

Шаг 24

К зелёной фигуре примените следующие стили:

Шаг 25

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

Шаг 26

К жёлтой фигуре примените только стиль градиента.

Шаг 27

В настройках инструмента Rounded Rectangle Tool (U) уменьшите радиус до 5 пикселей и создайте фигуру размером 140х20 пикселей (скриншот 1). Выберите инструмент Rectangle Tool (U) в режиме вычитания и создайте прямоугольник размером 140х5 пикселей (скриншот 2). К полученной фигуре примените стили, показанные ниже.

Шаг 28

Уменьшите расстояние между линиями сетки до 1 пикселя. Создайте закруглённый прямоугольник размером 197х3 пикселя с радиусом 5 пикселей. Примените к нему градиентный стиль.

Шаг 29

Вернитесь к 5-пиксельной сетке. Создайте закруглённый прямоугольник с радиусом 25 пикселей размером 160х270 пикселей цветом #fed700 (скриншот 1). Активируйте режим деформации (Edit → Transform → Warp) и выберите тип деформации Arc Upper, установите Bend на 5% (скриншот 2).

При помощи прямоугольника размером 180х50 пикселей отсеките нижнюю часть жёлтой фигуры (скриншот 3). Затем добавьте тонкий закруглённый прямоугольник размером 180х10 пикселей в нижней части жёлтой фигуры (скриншот 4).

Шаг 30

К полученной жёлтой фигуре примените следующие стили:

Шаг 31

Создайте копию серой фигуры предыдущего шага. Удалите с неё стили и уменьшите заливку до 0%. Примените стиль Inner Shadow.

Шаг 32

Создайте белый закруглённый прямоугольник с радиусом 20 пикселей размером 180х250 пикселей (скриншот 1). Отсеките больше половины фигуры с правой стороны при помощи ещё одного закруглённого прямоугольника с радиусом 10 пикселей размером 170х250 пикселей (скриншот 2). Затем отсеките нижнюю часть при помощи прямоугольника размером 205х20 пикселей (скриншот 3). Уменьшите заливку полученной фигуры до 0% и примените градиентный стиль.

Шаг 33

Создайте закруглённый прямоугольник с радиусом 20 пикселей размером 75х200 пикселей (скриншот 1). Отсеките больше половины с левой стороны при помощи закруглённого прямоугольника с радиусом 10 пикселей размером 60х250 пикселей (скриншот 2). Отсеките нижнюю часть при помощи прямоугольника размером 20х75 пикселей. Уменьшите заливку до 0% и примените градиентный стиль.

Шаг 34

Создайте овал размером 120х20 пикселей (скриншот 1). Отсеките больше половины снизу при помощи овала размером 160х30 пикселей. Уменьшите заливку до 0% и примените стиль градиента.

Шаг 35

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

Шаг 36

Создайте чёрную полоску размером 180х1 пиксель (скриншот 1). Установите режим наложения Overlay и уменьшите непрозрачность до 60%. Примените стили, показанные ниже. Создайте копию полоски и поднимите её на 41 пиксель (скриншот 3). Функция привязки к сетке должна помочь Вам.

Шаг 37

Создайте чёрный прямоугольник размером 170х20 пикселей (скриншот 1). Выберите инструмент Direct Selection Tool (A) и передвиньте нижние угловые точки на 15 пикселей друг к другу. Активируйте режим деформации и на верхней панели выберите тип Bulge, нажмите на кнопку ориентации и установите Bend на 50%. Затем примените стили, показанные ниже.

Шаг 38

Создайте закруглённый прямоугольник с радиусом 5 пикселей размером 140х20 пикселей серого цвета. Отсеките верхнюю часть прямоугольником размером 140х5 пикселей. Примените стили, показанные ниже.

Шаг 39

Создайте закруглённый прямоугольник с радиусом 5 пикселей размером 75х20 пикселей (скриншот 1). Выберите инструмент Rectangle Tool (U) и включите режим пересечения с областью фигуры. Создайте прямоугольник размером 70х15 пикселей (скриншот 2). К полученной фигуре примените стили, показанные ниже.

Шаг 40

Создайте закруглённый прямоугольник с радиусом 25 пикселей размером 55х295 пикселей цветом #82d344 (скриншот 1). Сделайте вырез внутри этой фигуры при помощи закруглённого прямоугольника размером 35х275 пикселей. Затем отсеките правую половину прямоугольником размером 25х295 пикселей.

Шаг 41

Отправьте созданную фигуру на задний план (Ctrl + Shift + [) и измените цвет на #b0b0ae. Примените стили, показанные ниже, и скопируйте их через контекстное меню слоя (пункт Copy Layer Style).

Шаг 42

Создайте прямоугольник размером 10х160 пикселей цветом #b0b0ae (скриншот 1). Отправьте его на задний план (Ctrl + Shift + [) и вставьте скопированные стили через то же контекстное меню.

Шаг 43

Создайте чёрный овал размером 175х30 пикселей и отправьте его на задний план. Примените стили, показанные ниже.

Шаг 44

Создайте овал размером 185х35 пикселей, отправьте его на задний план и уменьшите непрозрачность до 5%.

Шаг 45

Создайте ещё один овал размером 185х35 пикселей и отправьте его на задний план. Кликните на этом слое правой кнопкой мыши и выберите пункт Convert to Smart Object. Примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 5 пикселей.

Шаг 46

Создайте новый слой под всеми слоями кофеварки. Залейте его цветом #40eae3, используя инструмент Paint Bucket Tool (G). Примените к этому слою следующие стили:

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

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

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

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

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

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