Рисование иконки принтера

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

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

Шаг 1

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

Шаг 2

Выберите инструмент Rounded Rectangle Tool (U) с радиусом 5 пикселей. Создайте светло-серую фигуру размером 420х80 пикселей. Выберите инструмент Direct Selection Tool (A) и сведите угловые точки друг к другу на 20 пикселей. У Вас должна получиться фигура, показанная на втором скриншоте.

Инструментом Rectangle Tool (U) создайте прямоугольник размером 10х205 пикселей, как показано на третьем скриншоте. Благодаря привязке к сетке Вам будет это не трудно сделать.

Шаг 3

Инструментом Rounded Rectangle Tool (U) создайте тёмно-серую фигуру размером 420х130 пикселей. Инструментом Direct Selection Tool (A) сведите нижние угловые точки друг к другу на 5 пикселей.

Шаг 4

Создайте копию тёмно-серой фигуры (Ctrl + J). Выберите инструмент Rectangle Tool (U) и на верхней панели включите режим Subtract from shape area. Создайте прямоугольник размером 430х95 пикселей поверх тёмно-серой копии, как показано на втором скриншоте. Нижняя часть копии будет удалена. Измените цвет с тёмно-серого на свело-серый.

Шаг 5

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

Шаг 6

Создайте копию смарт-объекта предыдущего шага, кликните на ней правой кнопкой мыши и выберите пункт Clear Layer Style, чтобы удалить стили. Уменьшите Fill (заливку) копии до 0% и примените стиль Inner Shadow.

Шаг 7

Выберите инструмент Ellipse Tool (U) и создайте овал размером 345х10 пикселей. Уменьшите заливку слоя до 0% и примените стиль Gradient Overlay.

Шаг 8

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

Шаг 9

Уменьшите заливку отсечённого овала до 0% и примените стиль Gradient Overlay.

Шаг 10

Создайте копию фигуры, созданной на третьем шаге. Выберите инструмент Rectangle Tool (U) и включите режим Intersect shape areas. Создайте прямоугольник размером 430х5 пикселей, как показано на втором скриншоте. Измените цвет оставшейся части фигуры на #e6e5eb. Примените стиль Inner Shadow.

Шаг 11

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

Шаг 12

Сейчас нам нужно уменьшить расстояние между линиями сетки до 1 пикселя. Перейдите в меню Edit → Preferences → Guides, Grid & Slices и в поле Gridline Every введите цифру 1. Выберите инструмент Rectangle Tool (U) и создайте прямоугольник размером 1х5 пикселей цветом #262626 (скриншот 1). Затем создайте ещё один прямоугольник размером 15х7 пикселей, как на втором скриншоте. Примените стили, показанные ниже.

Шаг 13

Создайте несколько копий полосок предыдущего шага и расположите их, как показано ниже.

Шаг 14

Снова увеличьте расстояние между линиями сетки до 5 пикселей. Выберите фигуру, созданную на третьем шаге. Затем выберите инструмент Rectangle Tool (U) и включите режим Intersect shape areas. Создайте прямоугольник размером 430х90 пикселей, как показано на втором скриншоте. Примените к полученной фигуре стили, показанные ниже.

Шаг 15

Выберите инструмент Rounded Rectangle Tool (U) с радиусом 5 пикселей. Создайте фигуру размером 280х105 пикселей чёрного цвета. Инструментом Direct Selection Tool (A) сведите нижние угловые точки друг к другу на 5 пикселей. Затем примените стили, показанные ниже.

Шаг 16

Выберите инструмент Rectangle Tool (U) и создайте прямоугольник размером 220х55 пикселей. Примените к нему несколько стилей.

Шаг 17

Создай ещё один прямоугольник размером 220х55 пикселей и примените несколько стилей.

Шаг 18

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

Шаг 19

Уменьшите расстояние между линиями сетки до 1 пикселя. Инструментом Rectangle Tool (U) создайте полоску размером 220х2 пикселя цветом #141414. Примените к ней стиль Drop Shadow.

Шаг 20

Создайте полоску цветом #222222 размером 274х1 пиксель. Примените к ней стиль Drop Shadow и опустите под фигуры последних четырёх шагов.

Шаг 21

Увеличьте расстояние между линиями сетки до 5 пикселей. Инструментом Rectangle Tool (U) создайте прямоугольник размером 260х50 пикселей. Инструментом Direct Selection Tool (A) разведите нижние угловые точки на 15 пикселей. Затем примените несколько стилей.

Шаг 22

Создайте прямоугольную полоску размером 290х10 пикселей, как показано ниже. Затем примените несколько стилей.

Шаг 23

Создайте прямоугольник размером 185х100 пикселей. Разведите нижние угловые точки на 20 пикселей. Наложите на этот прямоугольник какое-нибудь изображение.

Шаг 24

Создайте закруглённый прямоугольник размером 205х105 пикселей и примените к нему несколько стилей.

Шаг 25

Создайте ещё один закруглённый прямоугольник размером 225х55 пикселей. Опустите его под предыдущий прямоугольник и примените стили, показанные ниже.

Шаг 26

В основании прямоугольника 24-го шага создайте полоску размером 225х10 пикселей. Примените к ней стили, показанные ниже.

Шаг 27

Создайте маленький закруглённый прямоугольник размером 30х10 пикселей с радиусом 2 пикселя. Примените к нему несколько стилей.

Шаг 28

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

Шаг 29

Уменьшите расстояние между линиями сетки до 1 пикселя. Создайте два маленькие полоски размером 1х10 пикселей по бокам. Примените к ним стиль Drop Shadow.

Шаг 30

Создайте прямоугольник размером 170х150 пикселей. Примените к нему стиль градиента.

Шаг 31

Выберите все слои, созданные на последних семи шагах, и поместите их в группу (Ctrl + G). Отправьте группу на задний план (Ctrl + Shift+ [).

Шаг 32

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

Шаг 33

Переверните чёрный смарт-объект (Edit → Transform → Flip Vertical), опустите вниз и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) со значением 15 пикселей.

Шаг 34

Выделите смарт-объект, созданный на пятом шаге. К размытой чёрной фигуре добавьте маску. Уменьшите непрозрачность до 10%.

Шаг 35

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

Шаг 36

Два смарт-объекта последних двух шагов поместите в группу (Ctrl + G). Добавьте к полученной группе маску и протяните линейный градиент снизу вверх.

Шаг 37

Выберите инструмент Rounded Rectangle Tool (U) с радиусом 5 пикселей и создайте чёрную фигуру размером 420х40 пикселей. Сведите верхние угловые точки друг к другу на 5 пикселей. Преобразуйте слой в смарт-объект, уменьшите непрозрачность до 20% и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur) с радиусом 10 пикселей. Создайте копию смарт-объекта, удалите фильтр размытия и уменьшите непрозрачность до 4%.

Шаг 38

Создайте закруглённый прямоугольник размером 310х75 пикселей. Сведите верхние точки друг к другу на 25 пикселей. Преобразуйте слой в смарт-объект, уменьшите непрозрачность до 20% и примените фильтр размытия со значением 10 пикселей. Создайте копию смарт-объекта, удалите фильтр и уменьшите непрозрачность до 4%.

Шаг 39

Все слои двух последних шагов поместите в группу (Ctrl + G) и отправьте её на задний план (Ctrl + Shift + [).

Шаг 40

Инструментом Rectangle Tool (U) создайте прямоугольник на весь холст. Отправьте его на задний план (Ctrl + Shift + [) и примените стиль градиента.

Шаг 41

Создайте прямоугольника предыдущего шага. Удалите с неё стили и уменьшите заливку до 0%. Примените стиль Pattern Overlay. Узоры можете скачать здесь.

Шаг 42

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

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

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

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

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

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

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