Форум paint.net на русском языке
Как нарисовать iPhone
- Shaggy
- Сообщения: 101
- Зарегистрирован: 16 ноя 2010, 14:31
- Репутация: 0
Как нарисовать iPhone
Рисуем 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, удаляем лишенее.
Все готово.
Вы можете вставить на дисплей какую-нибуть картинку. Я сделал так:
Доп.материалы:
Оригинал урока можно найти сдесь.
Всем здравствуйте, в сегодняшнем уроке мы с вами научимся делать вот такой вот 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
- Репутация: 34
- Пол: Женский
- Откуда: г. Сочи
Re: Как нарисовать iPhone
Ух ты, это уже серьезный урок! Молодец! Только вот что то он у тебя полосковат получился. Обводку бы потолще и ее можно еще больше скруглить шумом.(как скруглять.. урок "Ребятам о зверятах" там про это много написано. А сделать металлическую .. посмотри урок про "Драгоценный текст", точно так же, только обводку не красить, а просто металл, да и и обьем можно сделать два раза с чуть разными настройками, а потом совместить, глянь урок "Золотой цветок". Будет более правдоподобно и круглей. А так видно что квадратик просто нарисованный. Это мелочи но они придают законченность рисунку.
"Чтобы уметь рисовать - надо рисовать" John Howe
- Shaggy
- Сообщения: 101
- Зарегистрирован: 16 ноя 2010, 14:31
- Репутация: 0
Re: Как нарисовать iPhone
Спасибо)
- Diana
- Сообщения: 120
- Зарегистрирован: 31 июл 2010, 20:13
- Репутация: 0
Re: Как нарисовать iPhone
Ваау! Супер, но крулая кнопка - внутри неё не квадрат а круг. И углы должны быть покруглее.
- Homka
- Сообщения: 85
- Зарегистрирован: 02 дек 2010, 12:41
- Репутация: 0
- Откуда: Г.Черепаново,Новосибирская область.
Re: Как нарисовать iPhone
Женщины - как театр: сегодня комедия,завтра драма, а послезавтра они на гастролях в другом городе...)
- Diana
- Сообщения: 120
- Зарегистрирован: 31 июл 2010, 20:13
- Репутация: 0
Re: Как нарисовать iPhone
ПАрдон, вспомнила что кнопка квадратная
- kirik_new
- Сообщения: 6
- Зарегистрирован: 07 дек 2010, 15:52
- Репутация: 0
- DinKO
- Сообщения: 242
- Зарегистрирован: 02 июн 2010, 20:07
- Репутация: 0
- Откуда: г. Владимир
Re: Как нарисовать iPhone
Немножко пропорции у этого рисунка нарушены, по-моему. Прямоугольник должен быть чуть более вытянут в длину.
Это я и про твой рисунок, KIRIK, и про тот, что в уроке.
Это я и про твой рисунок, KIRIK, и про тот, что в уроке.
- hallucinogen
- Сообщения: 63
- Зарегистрирован: 22 окт 2010, 17:59
- Репутация: 0
- Откуда: Маркс
- Контактная информация:
- Lynx
- Сообщения: 5678
- Зарегистрирован: 04 май 2010, 21:44
- Репутация: 34
- Пол: Женский
- Откуда: г. Сочи
Re: Как нарисовать iPhone
hallucinogen
Да, этот получился даже серьезней чем у учителя
Да, этот получился даже серьезней чем у учителя
"Чтобы уметь рисовать - надо рисовать" John Howe
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 11 гостей