Рисование телефона 90-х годов

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

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

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

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) с такими параметрами:

Шаг 2

Вставьте в наш документ изображение телефона, которое мы будем использовать в качестве образца будущего телефона.

Шаг 3

Выберите инструмент Pen Tool (P) и нарисуйте базовые элементы телефона на разных слоях.

Шаг 4

На правую сторону телефона добавьте две фигуры цветом #c6beb2 и #a9a096, используя инструмент Pen Tool (P). Таким способом мы показываем свет и тени при помощи векторных объектов. Используйте обтравочную маску, чтобы не выйти за границу телефона. При помощи пиксельной маски можете скрыть любые участки слоёв.

Шаг 5

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

Шаг 6

Добавьте ещё несколько фигур и при помощи масок отсеките их, чтобы получить световые отражения и тени.

Шаг 7

Инструментом Pen Tool (P) добавьте две тёмно-коричневые линии. При помощи маски сотрите концы левой линии.

Шаг 8

Выключите слои кнопок и при помощи светло-серых фигур создайте световые отражения.

К слою «Top» примените стиль Bevel & Emboss:

Шаг 9

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

Шаг 10

Сравните прорезь для микрофона до и после применения стилей:

Шаг 11

Теперь стили для прямоугольника над микрофоном.

Шаг 12

Инструментом Rounded Rectangle Tool (U) с радиусом 2 пикселя создайте углубления для кнопок. Используйте режим Skew (Edit → Transform → Skew) для коррекции перспективы. Уменьшите заливку до 0% и примените стили, показанные ниже.

Шаг 13

Создайте пару векторных фигур для отражений на антенне. Преобразуйте их в смарт-объект и примените фильтр Gaussian Blur (Filter → Blur → Gaussian Blur).

Шаг 14

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

Шаг 15

Создайте белый прямоугольник и частично сотрите его, чтобы получить световое отражение. Также добавьте текст приветствия и примените стиль Outer Glow.

Шаг 16

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

Шаг 17

Нарисуйте небольшую фигуру в левом нижнем углу и смягчите её при помощи маски.

Шаг 18

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

Шаг 19

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

Шаг 20

Снова включите слои кнопок, измените цвет одной из них на красный, а затем примените стили, показанные ниже.

Шаг 21

Текстовым инструментом напишите цифры и символы и измените их перспективу.

Шаг 22

Подпишите остальные кнопки.

Шаг 23

Создайте новый слой и залейте его 50% серым цветом (Shift + F5). Примените фильтр шума (Filter → Noise → Add Noise) со значением 2-3%. Установите режим наложения Overlay и уменьшите непрозрачность до 60%. Расположите этот слой над слоем «Top».

Шаг 24

Под слоями телефона создайте слой-заливку градиентом.

Шаг 25

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

Шаг 26

Обрисуйте края телефона светло-серым цветом. Это поможет соединить телефон и фон.

Шаг 27

Создайте новый слой и смените режим наложения на Overlay или Color Dodge. Добавьте на дисплей светло-синий цвета и тёмно-жёлтый на антенну.

Шаг 28

Сведите все слои на один отдельный (Ctrl + Shift + Alt + E). Примените фильтр Unsharp Mask (Filter → Sharpen → Unsharp Mask).

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

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

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

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

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

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

Не пропустите: Очистители воздуха, hp laserjet pro p1102w ru . Кухонные комбайны в интернет-магазине newmans.ru.