ГлавнаяУрокиКак нарисовать iPhone

Как нарисовать iPhone

Всем здравствуйте, в сегодняшнем уроке мы с вами научимся делать копию iPhone'а. Почему копию ? потому что, мы будем создавать не точную копию как на реальных фотографиях, а то, что вы видите ниже ↓ этот рисунок полностью создан в программе Paint.Net.

iPhone нарисованый в Paint.Net

Перед началом вам нужно скачать Outline Object плагин. После установки плагина можем приступать к рисованию :)

Я рекомендую вам посматривать на фотографию iPhone'а при выполнении урока. Можете использовать это изображение:

IPHONE

1. Для начала нам нужно подготовить Фон для нашего iPhone'а. Вы можете сделать Фон каким угодно, но я рекомендую задействовать инструмент "Градиент". К примеру вот так:

Градиент - Фон

2. Создаем новый слой. Этот слой будет посвящен для основы нашего смартфона. Нам нужно создать прямоугольник из закругленными углами и закрасить его черным цветом. Для этого используем инструмент "Закругленный прямоугольник(Rounded Rectangle)".

Основа для смартфона

3. Делаем обводку для нашей основы. Переходим в "Effects → Object → Outline Object".
Эту процедуру нам нужно выполнить 3-и раза ! Параметры для Первого раза: Radius: 1; Strength: 5; Color: R:173, G:173, B:173(ADADAD). Для Второго раза: Radius: 2; Strength: 5; Color: R:81, G:81, B:81(515151). Для Третьего раза: Radius: 1; Strength: 5; Color: R:173, G:173, B:173(ADADAD)

Наша основа после обводки

3. Создаем новый слой. Сейчас мы будем создавать дисплей. Для этого используем инструмент "Прямоугольник(Rectangle)". Основной цвет нужно выставить чуть светлее основы нашего iPhone'а. Дисплей не должен дотрагиватся до боковых бортов смартфона !

Дисплей для iPhone

4. Переходим в "Effects → Object → Outline Object", параметры: Radius: 1; Strength: 1; Color: R:96, G:96, B:96(606060)

Диспле после обводки

5. Создаем новый слой. Теперь нам нужно нарисовать динамик. Для этого используем инструмент "Закругленный прямоугольник(Rounded Rectangle)", но нам еще нужно включить опцию -
Только обводка(показано на рис.) ! В верхней центральной части смартфона рисуем прямогольник вот такого цвета - 252525. После чего переходим в "Effects → Object → Outline Object", параметры: Radius: 1; Strength: 1; Color: R:96, G:96, B:96(606060):

Опция Динамик




















6. Нам нужно Залить область с динамиком узором. Цвет примерно такой - 121212. После заливки применяем для этой области "Размытие в движении(Motion Blur)", параметр Distance - 1. Также нужно немножко уменьшить объем нашего динамика. Для этого нужно перейти на слой с динамиком и выбать инструмент "Move Selected Pixels".

Настройка

7. Создаем новый слой. Будем рисовать кнопку. Выбираем инструмент "Элипс(Elipse)", зажимаем кл. Shift и под дисплеем рисиуем идеально круглую Черную кнопку.

Кнопка

8. Выделяем область с кнопкой с помощью "Волшебной палочки". Заливаем эту область с верху до низу линейным "Градиентом", основной цвет - черный; вторичный - C0C0C0. Чтобы создать белый эффект, нам нужно нижнюю часть нашей кнопки зарисовать небрежно "Кисточькой(Paintbrush)" и применить "Размытие по Гаусу(Gaussian Blur)", параметр Radius - 10.

Белый эффект

После размытия:

После РпГ

Рисум для нашей кнопки белый прямоугольник.

Также для нашей кнопки можно применить "Effects → Object → Outline Object".

9. Мы почти закончили. Нам осталось сделать эффект осветления для всего iPhone'а. Для этого создаем новый слой. Выделяем половину области смартфона по-вертикали и закрашиваем ее белым цветом.

Теперь перетаскиваем эту белую область вот так:

10. Переходим в характеристики слоя и изменяем прозрачность на 25, удаляем лишенее.

Финальное изображение

Все готово. Вы можете вставить на дисплей какую-нибуть картинку. Я вставил логотип
компании "Apple".

iPhone and Apple

P.S. Не забываем комментировать урок. Если что не понятно пишите, поможем :)

Добавить комментарий

Введите имя*:

Введите e-mail (на сайте не публикуется)*:

Введить текст комментария*:

Я не робот*:


Комментарии


Денис 0 28.01.2011

Надо было квадратик на кнопке нарисовать с закругленными углами!!!

SCOFIELD 0 28.01.2011

Квадратик на кнопке получился маленьким и его нарисовать с закругленными углами с помощью стандартных инструментов геморойно ! :)

Nezer 0 18.02.2011

отличный урок)только пригодится врятли) если только для иконок)

Dima -1 20.02.2011

А как повернуть белую область (9 пункт) наискосок?

SCOFIELD 0 20.02.2011

Перемещение выделенной области. Инструмент позволяет перемещать выделенную область. | http://www.pen2000.ru/ view-instruments.php?id=1

Artem 0 05.03.2011

Как нарисовать кнопку попроще?

Artem 2 05.03.2011

Dima,зажмите белую область правой кнопкой мыши и поверните.

Кирилл 0 13.02.2012 20:45

Здравствуйте ! Большое спасибо ! Так хорошо получилось !!! http://s018.radikal.ru/i522/1202/6e/1ec5c461541d.jpg

Кирилл -1 15.05.2012 20:06

Это не похоже на iPhone))) Вы с чем-то спутали))

TicTak -1 13.03.2013 23:13

Тяжело и неудобно!!!!!!!1:::((((