Рисование гаджетов — отличный способ развить навыки передачи геометрических форм, работы со светом и тенями, а также понимания промышленного дизайна. iPhone 11 Pro, выпущенный в 2019 году, стал знаковым для Apple благодаря своему минималистичному дизайну с матовым стеклом, тройной камере и характерным скошенным граням. Его уникальные черты — например, асимметричное расположение модуля камер или едва заметная выемка TrueDepth — делают этот смартфон интересным объектом для художественного воплощения.
В этом руководстве мы разберём процесс рисования iPhone 11 Pro с нуля: от построения базовых пропорций до проработки мелких деталей, таких как логотип Apple, динамик и кнопки управления. Вы узнаете, как правильно передать угол наклона граней корпуса (12°), который придаёт устройству объём, и как работать с отражениями на глянцевом экране. Материал подойдёт как для традиционных техник (карандаш, маркеры), так и для цифровых инструментов вроде Procreate или Adobe Photoshop.
Подготовка: материалы и базовые принципы
Прежде чем приступить к рисованию, важно выбрать подходящие инструменты и понять ключевые особенности дизайна iPhone 11 Pro. Устройство имеет строгие геометрические формы, поэтому точность в передаче пропорций здесь критична. Вот что вам понадобится:
- 📝 Бумага: гладкая, средней плотности (120–160 г/м²) для карандашных набросков или маркерная бумага, если планируете использовать фломастеры.
- ✏️ Карандаши: набор графитовых (от
2Hдля лёгких линий до6Bдля глубоких теней) или механический карандаш с тонким стержнем0.5 мм. - 🎨 Лайнеры/маркеры: чёрные лайнеры разной толщины (
0.05–0.8 мм) для обводки контуров, серые маркеры для теней. - 🖥️ Цифровые инструменты: планшет с пером (например, Wacom или iPad + Apple Pencil) и программа (Procreate, Adobe Fresco, Krita).
- 📏 Линейка и ластик: для чётких линий и корректировки ошибок.
Если вы рисуете в цифровом формате, создайте новый файл с разрешением не менее 2000×3000 px и разметкой сетки (можно включить опцию Perspective Grid в Photoshop или использовать руководства в Procreate). Для традиционного рисунка рекомендуется предварительно наметить центр листа и основные оси симметрии.
⚠️ Внимание: Не пытайтесь рисовать iPhone 11 Pro "на глаз" без предварительной разметки. Даже небольшое искажение пропорций (например, слишком широкий модуль камеры) сделает рисунок неузнаваемым. Используйте метод "коробки" — сначала строим общий объём устройства как параллелепипед, а затем прорабатываем детали.
Перед началом изучите официальные изображения устройства с разных ракурсов. Обратите внимание на:
- 🔳 Соотношение высоты к ширине (~
2:1). - 📐 Толщину корпуса (8.1 мм) и закруглённые края.
- 📷 Расположение камер: три объектива образуют треугольник, а вспышка смещена вправо.
- 🔊 Асимметрию динамиков (нижний динамик смещён влево относительно центра).
Шаг 1: Построение базовой формы корпуса
Начните с разметки габаритов устройства. iPhone 11 Pro имеет следующие размеры: 144 × 71.4 × 8.1 мм. Для упрощения можно использовать условные единицы. Например, примем ширину за 7 единиц, тогда высота будет ~14 единиц (соотношение ~2:1).
Алгоритм построения:
- Наметьте прямоугольник с соотношением сторон
2:1лёгкими линиями (используйте карандаш2Hили серый цвет в цифровом рисунке). - Разделите прямоугольник на три равные части по горизонтали — это поможет правильно разместить динамики, кнопки и камеры.
- Нанесите вспомогательные линии для скошенных граней: отступите от каждого угла примерно
1/10 шириныи проведите линии под углом12°внутрь фигуры. Это создаст эффект объёма. - Закруглите углы корпуса. Радиус скругления у iPhone 11 Pro составляет ~
3 мм.
На этом этапе не стремитесь к идеальным линиям — главное зафиксировать общую форму. Если рисуете в цифре, создайте отдельный слой для вспомогательных линий и уменьшите его непрозрачность до 30%, чтобы не отвлекаться.
- Соотношение сторон 2:1 соблюдено
- Линии скошенных граней проведены под углом 12°
- Углы закруглены с радиусом ~3 мм
- Вспомогательные линии для кнопок и камер намечены-->
| Элемент | Пропорции (относительно ширины корпуса) | Примечания |
|---|---|---|
Выемка TrueDepth |
Ширина: ~25%, высота: ~5% | Расположена по центру верхней грани, имеет скруглённые углы |
| Модуль камер | Ширина: ~30%, высота: ~12% | Три объектива + вспышка образуют квадрат со скошенным верхним правym углом |
| Кнопка питания | Длина: ~8%, отступ от правого края: ~3% | Расположена на правой грани, ближе к верхнему углу |
| Нижний динамик | Ширина: ~20%, отступ от левого края: ~10% | Смещён влево относительно центра, состоит из 7 отверстий |
Шаг 2: Прорисовка передней панели и выемки TrueDepth
Передние панели iPhone всегда были сложнее в рисовании из-за глянцевого экрана и отражений. Начнём с выемки TrueDepth (или "чёлки"), которая включает в себя динамик, фронтальную камеру и сенсоры.
Пошаговая инструкция:
- Отметьте центр верхней грани корпуса. Выемка занимает ~
25%от ширины экрана и расположена строго по центру. - Нарисуйте прямоугольник со скруглёнными углами (радиус скругления ~
2 мм). Его высота — около5%от высоты корпуса. - Внутри выемки наметите:
- 🔊 Динамик (тонкая горизонтальная полоска в верхней части).
- 📷 Фронтальная камера (круг диаметром ~
1.5 ммсправа). - 👁️ Сенсоры (мелкие точки и прямоугольники слева от камеры).
Экран iPhone 11 Pro имеет олеофобное покрытие, поэтому отражения на нём мягкие и слегка размытые. Чтобы передать это:
- Используйте градиентный переход от тёмного в верхней части экрана к светлому внизу.
- Добавьте блик в виде вытянутого овала в правом верхнем углу (источник света обычно сверху слева).
- Нанесите едва заметные горизонтальные полосы — отражения окружающих предметов.
Если рисуете цифровой вариант, создайте отдельный слой для экрана с режимом наложения Overlay или Soft Light — это имитирует полупрозрачность стекла.
Шаг 3: Детализация задней панели и модуля камер
Задняя панель iPhone 11 Pro — это сочетание матовых и глянцевых поверхностей. Корпус выполнен из матового стекла, а логотип Apple и модуль камер имеют глянцевую отделку. Начнём с модуля камер, который состоит из:
- 📷 Трех объективов (широкоугольный, сверхширокоугольный, телефото).
- 💡 Вспышки
True Tone. - 🔍 Микрофона.
Как нарисовать модуль камер:
- Наметьте квадрат со стороной ~
30%от ширины корпуса. Верхний правый угол квадрата скошен под углом45°. - Внутри квадрата разместите:
- Три круга диаметром ~
5–7 мм(объективы). Расположите их в форме треугольника. - Прямоугольник вспышки (~
3×8 мм) справа от объективов. - Крошечное отверстие микрофона (~
1 мм) между вспышкой и верхним объективом.
- Три круга диаметром ~
0.3 мм), а детали внутри — более тонкой (~0.1 мм).1.5 мм).Логотип Apple расположен по центру задней панели. Его особенности:
- 🍎 Форма надкусанного яблока с двумя листьями.
- 📏 Размер: ~
10% от ширины корпуса. - 🎨 Цвет: хромированный (отражает свет).
Для передачи матовости корпуса используйте мягкие переходы теней без резких границ. Тень от модуля камер должна быть размытой, с плавным градиентом от тёмного у основания к светлому по краям.
Как избежать ошибок при рисовании камер
Многие художники ошибочно изображают объективы камер как плоские круги, но на самом деле они имеют выпуклую форму (особенно телефото-объектив). Чтобы передать это:
1. Нарисуйте круг основного контура.
2. Внутри него добавьте ещё один круг меньшего диаметра (~80% от первого), смещённый вверх и влево (источник света сверху слева).
3. Между двумя кругами проведите короткие радиальные линии — это создаст эффект кривизны стекла.
4. Добавьте блик в верхней части каждого объектива (белый полуoval).
Шаг 4: Проработка боковых граней и кнопок
Боковые грани iPhone 11 Pro — это полированная нержавеющая сталь с зеркальным блеском. Их правильная прорисовка придаёт устройству реалистичность. На гранях расположены:
- 🔘 Кнопка питания (правая грань, верх).
- 🔊 Кнопки регулировки громкости (левая грань, верх).
- 🔕 Беззвучный переключатель (левая грань, выше кнопок громкости).
- 📶 Антенные линии (тонкие полоски на всех гранях).
Техника рисования граней:
- Проведите две параллельные линии по бокам корпуса — это верхняя и нижняя границы боковой поверхности.
- Нанесите градиент от тёмного внизу к светлому вверху (источник света сверху).
- Добавьте отражения:
- Вертикальную светлую полосу по центру грани (отражение окружающих предметов).
- Короткие горизонтальные блики у кнопок (они слегка выступают).
- Кнопка питания — oval с плоской верхней частью, ширина ~
8 мм. - Кнопки громкости — два ovalа высотой ~
3 мм, расположенные вертикально. - Беззвучный переключатель — маленький oval (~
2×4 мм) с точкой-индикатором.
Антенные линии — это тонкие разрезы в металлическом корпусе. Их ширина ~0.3 мм, а расположение:
- На правой грани: две линии — одна вверху (у кнопки питания), другая внизу.
- На левой грани: одна линия посередине между кнопками громкости и динамиком.
- На нижней грани: две линии по бокам от разъёма
Lightning.
⚠️ Внимание: Не переусердствуйте с блеском на гранях. Реальный iPhone 11 Pro имеет матовую заднюю панель и глянцевые грани, но отражения на металле должны быть узкими и чёткими, а не размытыми. Избегайте рисовать широкие белые полосы — это сделает устройство похожим на пластиковое.
Шаг 5: Динамики, разъёмы и финальные штрихи
Нижняя грань iPhone 11 Pro содержит большинство разъёмов и динамиков. Здесь важно соблюдать симметрию и пропорции:
Элементы нижней грани (слева направо):
- Левая сторона:
- 🔊 Динамик (7 отверстий в ряд, ширина ~
20 мм). - 🎤 Микрофон (крошечное отверстие справа от динамика).
- 🔊 Динамик (7 отверстий в ряд, ширина ~
- Центр:
- ⚡ Разъём
Lightning(ширина ~8 мм, высота ~3 мм).
- ⚡ Разъём
- 🎤 Второй микрофон (отверстие диаметром ~
1 мм). - 🔊 Правая часть динамика (ещё 7 отверстий, симметрично левой).
Для реалистичности:
- Отверстия динамиков должны быть идеально ровными и расположены на одинаковом расстоянии друг от друга.
- Разъём
Lightningимеет скруглённые углы и слегка утоплен в корпус. - Добавьте лёгкую тень под разъёмом и динамиками для эффекта глубины.
На этом этапе также стоит проработать:
- 🔋 Мелкие детали: отверстие микрофона на верхней грани (рядом с выемкой
TrueDepth), сим-лоток на правой грани. - 🖌️ Текстуру: на матовой задней панели добавьте едва заметные штрихи карандашом
Hдля имитации фактуры стекла. - 🌈 Цвет: если рисуете в цвете, задняя панель iPhone 11 Pro бывает четырёх оттенков:
Midnight Green,Space Gray,SilverиGold. Для реалистичности используйте не чистые цвета, а с добавлением серого (например, зелёный с 30% чёрного).
Шаг 6: Тени, блики и финальная обводка
Последний этап — это работа со светом и тенями, которая придаёт рисунку объём. Используйте метод трёх тонов:
- Свет: самые освещённые участки (верхние грани, блики на экране и камерах).
- Полутон: основной цвет объекта (корпус, экран).
- Тень: тёмные области (нижняя грань, тень под модулем камер).
Советы по наложению теней:
- 🌑 Для традиционного рисунка используйте карандаш
2B–4Bдля мягких переходов и6Bдля глубоких теней. - 🎨 В цифровом рисунке создайте отдельный слой с режимом
Multiply(умножение) для теней. - 🔆 Источник света обычно располагается сверху слева, поэтому тени падают вправо и вниз.
- 🖼️ Тень от устройства на поверхности должна быть размытой по краям и повторять форму корпуса.
Обводка контуров:
- Используйте лайнер толщиной
0.1–0.3 ммдля основных линий. - Сотрите все вспомогательные линии ластиком (в цифре — отключите слой с разметкой).
- Усилите контуры в местах, где объекты перекрывают друг друга (например, край экрана над корпусом).
Для дополнительного реализма добавьте:
- 💎 Микроцарапины на металлических гранях (тонкие белые линии).
- 🌫️ Пыль или отпечатки пальцев на экране (лёгкие серые пятна).
- 🔥 Отражения окружающих предметов на глянцевых поверхностях (например, окна или лампы).
FAQ: Ответы на частые вопросы
Как правильно передать цвет Midnight Green?
Цвет Midnight Green — это глубокий тёмно-зелёный с серым оттенком. Для смешивания возьмите:
- Основной тон: зелёный (
R:40 G:60 B:40) + 30% чёрного. - Тени: добавьте фиолетовый (
R:30 G:20 B:40) для глубины. - Блики: светло-серый (
R:200 G:200 B:200) с лёгким зеленоватым оттенком.
В традиционном рисунке используйте слои акварели: первый слой — зелёный, второй (после высыхания) — разбавленная сепия для сероватости.
Можно ли рисовать iPhone 11 Pro без вспомогательных линий?
Технически можно, но это значительно усложнит задачу, особенно для новичков. Вспомогательные линии помогают:
- Соблюдать пропорции (соотношение 2:1).
- Правильно разместить асимметричные элементы (например, динамики).
- Передать перспективу (угол наклона граней).
Если вы всё же хотите обойтись без разметки, потренируйтесь сначала на упрощённых эскизах, а затем переходите к детализации.
Как нарисовать iPhone 11 Pro в изометрии?
Изометрическая проекция требует соблюдения углов 30° для всех осей. Алгоритм:
- Нарисуйте ромб (основание корпуса) с углами
120° и 60°. - От каждой вершины ромба проведите вертикальные линии вверх (высота корпуса).
- Соедините верхние точки — получится параллелепипед.
- Нанесите скошенные грани под углом
12°(в изометрии это будет ~15°из-за искажения перспективы). - Разместите элементы (экран, камеры) с учётом изометрического сокращения.
Помните: в изометрии все параллельные линии остаются параллельными, а круги становятся эллипсами.
Какие ошибки портят рисунок чаще всего?
Топ-5 ошибок при рисовании iPhone 11 Pro:
- Неправильные пропорции модуля камер. Часто его рисуют слишком большим или с неправильным расположением объективов.
- Игнорирование скошенных граней. Без угла
12°устройство выглядит плоским. - Слишком яркие блики на матовой задней панели. Матовое стекло отражает свет мягко, без резких контрастов.
- Неровные отверстия динамиков. Они должны быть идеально выровнены и одинакового размера.
- Несоосность выемки
TrueDepth. Она всегда строго по центру верхней грани.
Чтобы избежать ошибок, сравнивайте свой рисунок с официальными спецификациями на каждом этапе.
Как добавить фон для реалистичности?
Фон помогает интегрировать устройство в пространство. Варианты:
- Стол или поверхность: добавьте тень под телефоном и отражение на глянцевой поверхности (например, столешнице).
- Рука, держащая телефон: нарисуйте пальцы, обхватывающие грани (обратите внимание на падение теней от пальцев на экран).
- Абстрактный фон: градиент или размытые пятна цвета, которые отражаются на гранях корпуса.
Для реалистичного отражения на экране:
- Скопируйте часть фона.
- Размойте её и уменьшите насыщенность.
- Наложите на экран с режимом
Overlayи непрозрачностью30–50%.