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

Этот раздел предназначен для публикации уроков Paint.NET. В этом же разделе можно высказать замечания и пожелания к урокам, опубликованным на сайте paint-net.ru
Аватара пользователя
Shaggy
Сообщения: 101
Зарегистрирован: 16 ноя 2010, 14:31
Репутация: 0

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

Сообщение Shaggy » 20 янв 2011, 05:19

Рисуем iPhone

Всем здравствуйте, в сегодняшнем уроке мы с вами научимся делать вот такой вот iPhone.

Изображение

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

Изображение

2. Создаем новый слой. На нем создаем закругленный прямоугольник и закрашиваем его черным цветом. Для этого используем инструмент "Прямоугольник с закругленными углами".

Изображение

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). Должно выйти так:

Изображение

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

Изображение

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

Изображение

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

Изображение

7. Нам нужно Залить область с динамиком узором.

Изображение

Изображение

Основной цвет примерно такой - 121212, вторичный - 404040. После заливки применяем для этой области "Размытие в движении", параметр Distance - 1.

Изображение

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

Изображение

9. Выделяем область с кнопкой с помощью "Волшебной палочки". Заливаем эту область линейным "Градиентом", как на рисунке. Основной цвет - черный; вторичный - #C0C0C0.

Изображение

Чтобы создать белый эффект, нам нужно нижнюю часть нашей кнопки зарисовать небрежно "Кисточкой" и применить "Гауссово размытие", параметр Радиус - 10.

Изображение

Изображение

10. Рисуем для нашей кнопки белый прямоугольник. Ширина линии - 1. Изображение

Изображение

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

Изображение

Зайдем в пункт "Слои -> Поворот и масштаб", все как на скрине.

Изображение

Изображение

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

Изображение

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

Изображение

Доп.материалы:

Изображение Изображение

Оригинал урока можно найти сдесь.

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 28
Пол: Женский
Откуда: г. Сочи

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

Сообщение Lynx » 20 янв 2011, 06:05

Ух ты, это уже серьезный урок! Молодец! Только вот что то он у тебя полосковат получился. Обводку бы потолще и ее можно еще больше скруглить шумом.(как скруглять.. урок "Ребятам о зверятах" там про это много написано. А сделать металлическую .. посмотри урок про "Драгоценный текст", точно так же, только обводку не красить, а просто металл, да и и обьем можно сделать два раза с чуть разными настройками, а потом совместить, глянь урок "Золотой цветок". Будет более правдоподобно и круглей. А так видно что квадратик просто нарисованный. Это мелочи но они придают законченность рисунку.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
Shaggy
Сообщения: 101
Зарегистрирован: 16 ноя 2010, 14:31
Репутация: 0

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

Сообщение Shaggy » 20 янв 2011, 06:09

Спасибо)

Аватара пользователя
Diana
Сообщения: 120
Зарегистрирован: 31 июл 2010, 20:13
Репутация: 0

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

Сообщение Diana » 20 янв 2011, 12:57

Ваау! Супер, но крулая кнопка - внутри неё не квадрат а круг. И углы должны быть покруглее.

Аватара пользователя
Homka
Сообщения: 85
Зарегистрирован: 02 дек 2010, 12:41
Репутация: 0
Откуда: Г.Черепаново,Новосибирская область.

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

Сообщение Homka » 20 янв 2011, 14:17

Изображение
Вот мой , но он квадратный слишком :cry:
Женщины - как театр: сегодня комедия,завтра драма, а послезавтра они на гастролях в другом городе...)

Аватара пользователя
Diana
Сообщения: 120
Зарегистрирован: 31 июл 2010, 20:13
Репутация: 0

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

Сообщение Diana » 20 янв 2011, 18:35

ПАрдон, вспомнила что кнопка квадратная

Аватара пользователя
kirik_new
Сообщения: 6
Зарегистрирован: 07 дек 2010, 15:52
Репутация: 0

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

Сообщение kirik_new » 20 янв 2011, 22:18

Учитель,как вам?
Изображение 

Аватара пользователя
DinKO
Сообщения: 242
Зарегистрирован: 02 июн 2010, 20:07
Репутация: 0
Откуда: г. Владимир

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

Сообщение DinKO » 20 янв 2011, 22:18

Немножко пропорции у этого рисунка нарушены, по-моему. Прямоугольник должен быть чуть более вытянут в длину.
Это я и про твой рисунок, KIRIK, и про тот, что в уроке.

Аватара пользователя
hallucinogen
Сообщения: 63
Зарегистрирован: 22 окт 2010, 17:59
Репутация: 0
Откуда: Маркс
Контактная информация:

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

Сообщение hallucinogen » 21 янв 2011, 04:38

Изображение
У меня вот такой получился :)
Изображение

Аватара пользователя
Lynx
Сообщения: 5678
Зарегистрирован: 04 май 2010, 21:44
Репутация: 28
Пол: Женский
Откуда: г. Сочи

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

Сообщение Lynx » 21 янв 2011, 04:45

hallucinogen

Да, этот получился даже серьезней чем у учителя :D
"Чтобы уметь рисовать - надо рисовать" John Howe

Ответить

Вернуться в «Уроки Paint.net»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость