Как нарисовать iPhone X (10) с нуля: пошаговое руководство с советами дизайнера

Рисование гаджетов — отличный способ отточить навыки работы с перспективой, отражениями и техническими деталями. iPhone X (или iPhone 10) с его минималистичным дизайном, безрамочным экраном и характерной "монобровью" стал иконой 2017 года и остаётся популярным объектом для скетчей. В этом руководстве мы разберём, как нарисовать его реалистично, даже если вы никогда раньше не брали в руки карандаш для технического рисунка.

Важно понимать: рисование техники требует внимания к пропорциям и симметрии. У iPhone X соотношение сторон экрана — 19.5:9, а корпус имеет плавные закруглённые края с радиусом ~3.5 мм. Мы будем использовать метод "от общего к частному": сначала наметим габариты, затем добавим детали, а в конце проработаем тени и блики. Готовьте карандаши (H для лёгких линий, 2B для теней), ластик, линейку и терпение!

Подготовка: материалы и базовые принципы

Прежде чем приступить к рисованию, убедитесь, что у вас есть всё необходимое. Для классического карандашного скетча понадобится:

• ✏️ Карандаши разной твёрдости: H (для конструктивных линий), HB (для контуров), 2B-4B (для теней).
• 📏 Линейка (желательно металлическая) и транспортир для точных углов.
• 🧽 Ластик-клячка (не стирает бумагу) и точилка.
• 🎨 Бумага плотностью 120–160 г/м² (гладкая, без текстуры).

Если рисуете в цифровом формате (например, в Procreate или Adobe Fresco), создайте новый слой для каждого этапа — это упростит корректировки. Для iPhone X критично соблюдать пропорции: его размеры в реальности — 143.6 × 70.9 × 7.7 мм. На бумаге можно масштабировать, но сохраняйте соотношение сторон.

Не забывайте про источник света — он определяет расположение теней и бликов. Для реалистичности выберите один основной источник (например, сверху слева) и дополнительный отражённый свет (снизу). У iPhone X стеклянная задняя панель отражает свет иначе, чем металлический корпус — это ключевая деталь для реализма.

Этап 1: разметка габаритов и перспектива

Начните с лёгких вспомогательных линий. Нарисуйте прямоугольник с соотношением сторон ~2:1 (высота к ширине) — это будет корпус iPhone X. Не давите на карандаш! Линии должны едва заметно проступать на бумаге.

• 📐 Наметьте центральную ось вертикальной линией — она поможет симметрично разместить динамик, камеру и разъёмы.
• 🔄 Добавьте углы закругления: отступите ~5 мм от каждого угла и проведите дуги радиусом 3–4 мм.
• 🔺 Разделите высоту на 3 части: верхняя треть — "монобровь" и динамик, средняя — экран, нижняя — кнопка Home (её нет у iPhone X, но многие ошибочно её рисуют!).

Для перспективы слегка сузьте нижнюю часть прямоугольника (на 1–2 мм с каждой стороны). Это создаст эффект объёма. Если рисуете в изометрии, углы должны быть 30°.

Закруглены все 4 угла|Центральная ось ровная|Соблюдено соотношение сторон 2:1|Верхняя часть уже нижней (перспектива)

-->

⚠️ Внимание: Не путайте iPhone X с iPhone 11 — у последнего двойная камера в квадратном модуле, а не вертикальная полоса. Также у iPhone X нет физической кнопки Home — её часто ошибочно добавляют на рисунках!

Этап 2: прорисовка экрана и "моноброви"

Экран iPhone X занимает ~84% передней панели. Отступите от краёв корпуса ~3 мм и нарисуйте ещё один прямоугольник с теми же закруглёнными углами. В верхней части экрана разместите "монобровь" — вырез под динамик и сенсоры.

Размеры "моноброви":

• 📏 Ширина: ~30% от ширины экрана.
• 📐 Высота: ~5 мм (или 1/12 от высоты экрана).
• 🔺 Форма: закруглённые углы с радиусом ~1 мм, сужение к центру.

Внутри "моноброви" наметьте:

- Круглый динамик (слева).

- Фронтальную камеру и сенсоры (справа, в виде маленьких кружков и прямоугольников).

- Индикатор приближения (тонкая полоска под камерой).

Почему "монобровь" так называется?

Слово "монобровь" (англ. notch) появилось из-за визуального сходства выреза с бровью над экраном. Дизайнеры Apple называли его "sensor housing" (корпус сенсоров), но название от пользователей прижилось больше. Интересно, что в iPhone 14 Pro "монобровь" заменили на "Dynamic Island", но принципы её рисования остались похожими.

Прорисуйте округлые углы экрана — они должны плавно переходить в корпус. Используйте циркуль или круглые предметы (например, монету) для точности. Радиус закругления экрана — ~2.5 мм.

Этап 3: детали корпуса — камера, кнопки, разъёмы

Теперь переходим к задней панели. У iPhone X вертикальный блок камеры с двойным объективом и вспышкой. Его расположение:

• 📸 Левый верхний угол (если смотреть на заднюю панель).
• 📏 Размеры: высота блока ~20 мм, ширина ~10 мм.
• 🔍 Детали:

  - Два круга (ƒ/1.8 и ƒ/2.4) диаметром ~5 мм.

  - Квадратная вспышка и микрофон справа.

Не забудьте про:

- Кнопку питания (правая сторона, ~15 мм в длину).

- Кнопки громкости (левая сторона, две oval-образные).

- Разъём Lightning (центр нижней грани, ширина ~8 мм).

Камера и вспышка|"Монобровь"|Закруглённые края корпуса|Кнопки и разъёмы

-->

⚠️ Внимание: У iPhone X нет физической кнопки Home — её заменил жест свайпом вверх. Многие по привычке рисуют круглый кнопку, но это ошибка! Вместо неё на экране отображается тонкая белая полоска (Home Indicator).

Этап 4: проработка теней и объёма

Теперь добавим реализма с помощью светотени. Предположим, что свет падает сверху слева:

• ☀️ Блики:

  - На экране (овальное пятно в верхнем левом углу).

  - На металлических гранях (тонкие полоски).

  - На стеклянной задней панели (рассеянное свечение вокруг камеры).

• 🌑 Тени:

  - Под "монобровью" (полумесяц тени).

  - Вокруг камеры (градиент от тёмного к светлому).

  - На нижней и правой гранях корпуса.

• 🔄 Отражённый свет:

  - Снизу экрана (слабое свечение от стола).

  - На внутренних углах закруглений.

Используйте 2B карандаш для глубоких теней и H для плавных переходов. Штрихуйте по форме объекта:

- На цилиндрических кнопках — вертикальные штрихи.

- На плоских поверхностях (экран) — горизонтальные или кругообразные.

Проработайте отражения на экране. Даже если он выключен, на нём видны:

- Окружающие предметы (размыто).

- Блик от источника света (яркое пятно).

- Лёгкая радужная плёнка (из-за oleophobic покрытия).

Этап 5: финальные штрихи и текстуры

На этом этапе уделите внимание мелочам, которые выделяют iPhone X среди других моделей:

• 🔧 Металлические грани: добавьте тонкие полоски бликов по краям (используйте ластик для их "высветления").
• 📱 Экран: нарисуйте едва заметную сетку пикселей (если рисуете включённый дисплей) или отражение окна.
• 🎨 Логотип Apple: разместите его строго по центру задней панели (высота ~10 мм). Он должен быть без градиента — просто вырезанный из металла.
• 🔊 Решётка динамика: прорисуйте мелкие отверстия (используйте 0.3 мм механический карандаш).

Для цифрового рисунка добавьте слой с текстурой:

- На металле: лёгкий шум (Noise ~5%).

- На стекле: едва заметные царапины (используйте кисть Scratch с прозрачностью 20%).

Проверьте рисунок на симметрию: переверните лист или отразите цифровой скетч по горизонтали — так легче заметить ошибки. Убедитесь, что:

- "Монобровь" ровно по центру.

- Камера и кнопки на одинаковом расстоянии от краёв.

- Тени соответствуют источнику света.

Распространённые ошибки и как их избежать

Даже опытные художники допускают ошибки при рисовании техники. Вот что чаще всего портит рисунок iPhone X:

• ❌ Слишком толстые края корпуса — у iPhone X они тонкие (~2 мм). Используйте линейку для контроля.
• ❌ Квадратные углы экрана — все 4 угла обязательно закруглены, даже если это едва заметно.
• ❌ Неправильная "монобровь" — она не симметрична! Правая часть (с камерой) шире левой (с динамиком).
• ❌ Отсутствие бликов на металле — без них корпус выглядит плоским.
• ❌ Камера как "две точки" — на самом деле это выпуклые линзы с фаской и металлическим ободком.

Чтобы избежать ошибок:

- Сравнивайте пропорции с официальными изображениями iPhone X.

- Рисуйте сначала конструктивные линии, а детали — в самом конце.

- Используйте слои (если рисуете цифровой): отдельно для линии, теней и текстуры.

Как проверить пропорции?

Возьмите реальный iPhone X (или его фото в натуральную величину) и наложите на ваш рисунок. Если пропорции совпадают — вы на верном пути! Для цифровых рисунков можно уменьшить непрозрачность слоя и наложить сверху референс.

⚠️ Внимание: Если рисуете iPhone X в включённом состоянии, не забывайте про:

- Статус-бар (время, уровень сигнала, батареи).

- Обои (они видны по краям экрана).

- Индикатор Home (тонкая белая полоска внизу).

Без этих деталей экран будет выглядеть "пустым".

FAQ: вопросы о рисовании iPhone X

Можно ли нарисовать iPhone X без линейки?

Да, но для этого нужно хорошо чувствовать пропорции. Попробуйте метод "слепого контура": рисуйте корпус, не отрывая карандаш от бумаги и не глядя на лист. Затем сравните с референсом и скорректируйте линии. Также можно использовать метод сетки — разделите референс и свой лист на 4–9 равных частей и переносите детали по квадратам.

Как нарисовать отражение на экране?

Отражение зависит от окружения. Если iPhone X лежит на столе, на экране будут:

• 💡 Блик от лампы (яркое белое пятно с размытыми краями).
• 🪟 Окно (прямоугольник с искажённой перспективой).
• 👤 Ваше отражение (если рисуете с натуры — добавьте силуэт головы).

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

Чем рисовать тени на стеклянной задней панели?

Для задней панели iPhone X подойдёт техника градиентной штриховки:

1. Нанесите базовый слой теней 2B карандашом.
2. Растушуйте его безворсовой кистью или бумажной культёй.
3. Добавьте более тёмные акценты 4B вокруг камеры и по краям.
4. Ластиком-клячкой "высветите" блики на выпуклостях.

Цветные маркеры (серый и синий) помогут передать холодный оттенок стекла.

Как нарисовать iPhone X в руке?

Для этого нужно учесть:

• 🖐️ Перспективу: телефон под углом ~30° к зрителю.
• 📏 Пропорции руки: палец должен закрывать ~1/3 экрана.
• 🌟 Тени: от пальцев на экране, от телефона на ладони.

Начните с упрощённого эскиза руки (овалы для суставов), затем наложите телефон. Обратите внимание на изгиб пальцев — они не плоские!

Какие программы подходят для цифрового рисунка iPhone X?

Лучшие инструменты:

• 🎨 Procreate (iPad) — кисти для металла и стекла, поддержка 3D-моделей.
• 🖥️ Adobe Fresco — реалистичные текстуры и смешивание цветов.
• 🖊️ Krita (бесплатно) — подходит для детальной проработки.
• 📱 SketchBook — удобный интерфейс для скетчей.

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