Рисование смартфона Blackberry

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

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

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1000х1400 пикселей с чёрным фоном. Выберите инструмент Rounded Rectangle Tool (U) и создайте фигуру размером 600х1000 пикселей. Выберите инструмент Direct Selection Tool (A) и передвиньте якорные точки, чтобы создать нужную форму. Инструментом Delete Anchor Point Tool удалите некоторые якорные точки, чтобы получить большую округлость в углах.

Шаг 2

К слою с базовой формой примените следующие стили:

Шаг 3

Градиентная заливка обеспечила имитацию освещения, а стиль тиснения и внутреннего свечения помогли создать хромированную окантовку.

Шаг 4

Инструментом Rectangle Tool (U) создайте прямоугольник (экран). Примените к нему стили, показанные ниже.

Шаг 5

Сейчас мы создадим световое отражение на экране. Создайте копию экрана и уменьшите её на 3-4 пикселя в режиме Free Transform (Ctrl + T). Измените цвет фигуры на белый, уменьшите непрозрачность до 5% и установите режим наложения Multiply.

Все белые пиксели станут прозрачными. В настройках стиля Gradient Overlay измените цвета градиента на белый и прозрачный, повысьте непрозрачность до максимума и установите угол в 45 градусов

Инструментами Direct Selection Tool (A) и Convert Point Tool измените форму прямоугольника, как показано ниже.

Шаг 6

Теперь создадим центральную кнопку. Она состоит из трёх кругов. Первый круг нужно применить градиентную заливку и градиентную обводку. К остальным двум кругам примените стили тени.

Шаг 7

Инструментом Rectangle Tool (U) создайте прямоугольник под экраном и под центральной кнопкой. Инструментом Convert Point Tool сделайте нижнюю сторону изогнутой. Цвет полученной фигуры — #131313.

Инструментом Rectangular Marquee Tool (M) создайте два вертикальных выделения толщиной 5 пикселей на одинаковом расстоянии от центральной кнопки. Выберите слой с фигурой под экраном. Зажмите клавишу Alt и кликните на иконке маски в нижней части панели слоёв. В результате должны получиться основные кнопки.

Шаг 8

Выберите слой с базовой формой смартфона. Кликните правой кнопкой мыши на стиле Gradient Overlay и выберите пункт Copy Layer Style. Затем вернитесь на слой кнопок и через то же контекстное меню вставьте скопированный стиль (Paste Layer Style). Откройте стили текущего слоя и примените Drop Shadow: Distance 0, Opacity 90%, Size 25px. Затем настройте стиль Inner Glow:

Шаг 9

Чтобы отделить кнопки от экрана, добавьте линию толщиной 10 пикселей. Примените к ней стиль Inner Glow.

Шаг 10

Создайте копию слоя с кнопками, удалите с неё маску и стили. Измените цвет на белый и опустите на несколько пикселей. Инструментом Delete Anchor Point Tool удалите две верхние якорные точки, но сохраните изогнутую фигуру. Инструментом Convert Point Tool измените форму фигуры, как показано ниже.

Шаг 11

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

Создайте три копии полоски и расположите их друг под другом. Поместите все слои изогнутых полосок в группу (Ctrl + G). Установите режим наложения группы на Multiply, чтобы смягчить края.

Шаг 12

Инструментом Pen Tool (P) нарисуйте нижнюю часть телефона. Скопируйте стиль тени с основных кнопок и вставьте его на нижнюю фигуру. Добавьте радиальный градиент от светло-серого к тёмно-серому. Не закрывая стиль градиента, передвиньте его на холсте.

Создайте копию нижней фигуры, измените цвет на белый и установите режим наложения Multiply. Измените градиент и расположите его в другом углу. Попробуйте разную непрозрачность заливки в каждом углу.

Шаг 13

Создайте копию слоя с основными кнопками. Измените её размер и расположите между изогнутыми линиями. Удалите маску и отведите направляющие, чтобы разметить клавиатуру. Разделите кнопки при помощи выделений и маски.

Шаг 14

Инструментом Pen Tool (P) нарисуйте последний ряд кнопок. Используйте те же стили, что и для других кнопок.

Шаг 15

Текстовым инструментом напишите буквы и символы. Некоторые символы можно найти в интернете в виде векторных фигур.

Шаг 16

Создайте копию первого слоя с кнопками. Удалите стили и примените Gradient Overlay. Белый цвет должен быть едва заметен у нижнего края кнопок. Уменьшите непрозрачность слоя до 70%.

Шаг 17

Добавьте маску к слою предыдущего шага. Создайте овальное выделение инструментом Elliptical Marquee Tool (M) в левом верхнем углу кнопки и закрасьте его чёрным цветом. Сделайте то же самое для других кнопок. Начиная с середины ряда кнопок нужно закрашивать правый угол.

Шаг 18

Создайте две копии слоя с освещением, которое мы создали. Расположите их на других рядах кнопок. Подобное освещение создайте и для нижнего ряда. Для кнопки Space создайте два овальных выделения и соедините их одним прямоугольным.

Шаг 19

На месте динамика нарисуйте прямоугольник с закруглёнными краями светло-серого цвета. Примените стиль Inner Shadow.

Шаг 20

Давайте добавим текстуру кожи на фон, чтобы создать более презентабельный вид. Вставьте эту текстуру в наш документ и обесцветьте её при помощи коррекции (Ctrl + U). Добавьте маску к слою кожи и протяните радиальный градиент. Под слоем кожи создайте новый слой и залейте его чёрным цветом. Объедините оба слоя (Ctrl + E).

Шаг 21

Расположите текстуру над фоновым слоем и установите режим наложения Screen. Создайте копию слоя (Ctrl + J) и в режиме Free Transform (Ctrl + T) поверните текстуру на 180 градусов. К базовой форме телефона примените стиль Drop Shadow.

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

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

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

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

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

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