Как нарисовать iPhone X: подробная инструкция с советами от дизайнера

Рисование современных гаджетов — отличный способ развить навыки работы с геометрическими формами, светом и тенью. iPhone X, выпущенный в 2017 году, стал революционным для Apple благодаря безрамочному дизайну и вырезу TrueDepth ("монобровь"). Его минималистичный внешний вид делает устройство идеальным объектом для художественного воплощения — будь то карандашный набросок или цифровая иллюстрация.

В этом руководстве мы разберём процесс рисования iPhone X с нуля: от построения базовых пропорций до проработки деталей вроде динамика, камеры и фирменного логотипа. Вы узнаете, какие инструменты лучше использовать (от простого графитного карандаша до программ вроде Procreate или Adobe Illustrator), как правильно передать игнорируемую многими деталь: асимметрию выреза для датчиков относительно краёв экрана, и как добавить реалистичные блики на стеклянной поверхности. Готовы начать?

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

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

• 📝 Бумага средней плотности (120–150 г/м²) — гладкая для деталей или слегка текстурированная для штриховки.
• ✏️ Набор графитных карандашей: H (твёрдые, для лёгких линий), HB (универсальные), 2B–6B (мягкие, для теней).
• 🧽 Ластик-клячка и ластик-стержень для коррекции мелких деталей.
• 📏 Линейка (опционально) — поможет выдержать прямые линии корпуса.

Для цифрового рисования подойдут:

• 🖥️ Графический планшет (например, Wacom Intuos или Huion) или iPad с Apple Pencil.
• 🎨 Программы: Procreate (для скетчей), Adobe Illustrator (векторная графика), Photoshop (растровые детали).
• 🔍 Увеличительное стекло (в цифровых программах) — для проработки мелких элементов вроде отверстий микрофона.

Независимо от техники, запомните ключевые пропорции iPhone X:

• 📱 Соотношение сторон экрана: 19.5:9 (вытянутый формат).
• 🔺 Вырез TrueDepth расположен ближе к правому краю (если смотреть на экран лицом).
• 📷 Модуль камеры на задней панели — вертикальный, с двойной линзой и вспышкой.

Шаг 1: построение базовой формы и пропорций

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

Разделите прямоугольник на зоны:

1. Верхняя часть (20% высоты) — зона выреза и динамика.
2. Центральная часть (60%) — экран.
3. Нижняя часть (20%) — кнопка Home отсутствует (в отличие от предыдущих моделей), поэтому здесь только тонкая рамка.

Теперь добавьте ключевые ориентиры:

• 🔹 Вырез TrueDepth: нарисуйте каплевидную форму шириной ~25% от ширины экрана, смещённую вправо на 10%.
• 🔹 Динамик и микрофон: тонкая горизонтальная полоса слева от выреза.
• 🔹 Задняя камера: два круга диаметром ~8 мм (основная и телефото-линза) + вспышка справа.

Нарисовать прямоугольник 2:1 с закруглёнными углами

Разделить на 3 зоны (20%/60%/20%)

Добавить вырез TrueDepth (асимметрично!)

Обозначить динамик и камеру-->

⚠️ Внимание: Не путайте iPhone X с iPhone XS или 11 — у последних вырез шире, а модуль камеры квадратный. В iPhone X камера вертикальная!

Шаг 2: проработка экрана и выреза

Экран iPhone X — это самая заметная часть устройства. Чтобы он выглядел реалистично:

1. Обведите внутреннюю часть прямоугольника, отступив 1–2 мм от краёв (рамка дисплея).
2. Закруглите углы экрана сильнее, чем углы корпуса — это создаст эффект "плавающего" дисплея.
3. Добавьте вырез: его форма напоминает каплю с плоским основанием. Верхняя часть выреза должна быть шире нижней.

Для цифрового рисунка используйте инструмент Pen Tool (в Illustrator) или кисть с жёсткими краями (в Procreate). Тени вокруг выреза должны быть темнее — это подчеркнёт его глубину.

Совет по бликам: на глянцевом экране отражается свет. Добавьте:

• 💡 Большой белый овал в верхней части экрана (отражение окна или лампы).
• 💡 Маленькие точечные блики на вырезе и рамке.

Шаг 3: детали корпуса и задней панели

Корпус iPhone X имеет несколько ключевых особенностей:

• 📶 Антенные линии: тонкие полоски по бокам (верх и низ), прерывающие алюминиевую рамку.
• 🔊 Решётка динамика: в нижней части, симметрично расположена.
• 🔋 Логотип Apple: центрирован на задней панели, без хвостика (в отличие от старых моделей).

Для реалистичной текстуры:

• 🖌️ Стеклянная задняя панель: добавьте лёгкий градиент от тёмного к светлому внизу.
• 🖌️ Металлическая рамка: используйте короткие штрихи для имитации блеска.

Камера — самая сложная деталь. Её модуль состоит из:

1. Двух линз (диаметр ~8 мм, расстояние между центрами ~12 мм).
2. Вспышки и микрофона справа (маленькие круги и точка).
3. Стеклянного покрытия с лёгким выпуклым эффектом.

Как нарисовать камеру без ошибок?

Сначала наметьте общий прямоугольник модуля (высота ~20% от высоты корпуса).

Разделите его на 3 части: левая линза, правая линза, вспышка+микрофон.

Линзы должны быть идеально круглыми — используйте циркуль или инструмент Ellipse Tool в цифровых программах.

Добавьте тень под модулем (он выступает над корпусом на ~1 мм).

Шаг 4: работа со светом и тенью

Реалистичность рисунка на 80% зависит от правильной передачи освещения. Для iPhone X характерны:

• 🌞 Основной источник света: обычно сверху слева (как при фотографировании продукта).
• 🌑 Тени: самые тёмные области — под вырезом, вокруг камеры и на нижнем торце.
• ✨ Блики: на экране, металлической рамке и стеклянной задней панели.

Техники для разных материалов:

• 🖥️ Экран: градиент от тёмного (внизу) к светлому (вверху) + белые блики.
• 🪨 Металлическая рамка: короткие штрихи вдоль краёв, имитирующие отражённый свет.
• 🔲 Стеклянная панель: размытые тени под пальцами (если держите телефон в руке на рисунке).

Цифровой совет: в Procreate используйте слои:

1. Слой "База" — плоские цвета.
2. Слой "Тени" (режим Multiply) — тёмные оттенки.
3. Слой "Блики" (режим Add) — белые линии.

Шаг 5: финальные штрихи и проверка

На этом этапе проработайте мелкие детали, которые часто упускают:

• 🔌 Разъём Lightning внизу: симметричная oval-форма с контактами внутри.
• 🔊 Отверстия микрофонов: по бокам от разъёма и рядом с задней камерой.
• 📶 Логотип оператора: если рисуете включённый экран, добавьте текст (например, "Волна" или "AT&T") в правом верхнем углу.

Проверьте рисунок на ошибки:

1. Сравните пропорции с реальным фото iPhone X (например, на сайте Apple).
2. Поверните рисунок на 90° — так легче увидеть кривые линии.
3. Отзеркальте изображение (в графических редакторах) — асимметрия станет очевидной.

Для традиционного рисунка завершающий штрих — растушёвка. Используйте бумажный конус или палец (для крупных областей) и ватную палочку (для мелких деталей). В цифровом варианте добавьте текстуру бумаги (слой с режимом Overlay).

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

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

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

Ещё одна типичная проблема — неправильные углы закругления. У iPhone X радиус скругления углов корпуса ~3.5 мм, а у экрана — ~4 мм. Если сделать их одинаковыми, телефон будет выглядеть "дешёвым".

Помните: Apple известна вниманием к деталям. Даже если вы рисуете схему для себя, старайтесь максимально точно передать:

• 📏 Точное расположение кнопок (регулировки громкости слева, кнопка блокировки справа).
• 🎨 Цветовые нюансы: Space Gray — не просто серый, а с зеленоватым оттенком; Silver — с голубоватым блеском.

FAQ: ответы на частые вопросы

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

Да! Начните с упрощённого варианта:

1. Нарисуйте прямоугольник с закруглёнными углами.
2. Добавьте вырез в виде прямоугольника (без деталей).
3. Обозначьте камеру двумя кругами.

Используйте обучающие видео на YouTube с пометкой "для начинающих" — там показывают процесс в реальном времени.

Какой карандаш лучше для штриховки корпуса?

Для металлической рамки:

• HB или 2H — лёгкие линии для блеска.
• 4B — для глубоких теней в углублениях.

Для стеклянной панели:

• 6B — мягкие градиенты.
• Растушёвка пальцем или бумажным конусом.

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

Добавьте руку, держащую телефон:

1. Наметьте пальцы сбоку (большой снизу, указательный и средний сверху).
2. Тени от пальцев на экране должны быть размытыми.
3. Используйте фото руки с iPhone в качестве референса.

Совет: в цифровом рисунке создайте отдельный слой для руки, чтобы легко корректировать её положение.

Где найти качественные референсы?

Используйте официальные источники:

• Сайт Apple (раздел iPhone X в архиве).
• 3D-модели на Sketchfab (поиск по "iPhone X").
• Фото на Unsplash или Pexels (ищите по тегам "iPhone X top view").

Избегайте рисунков других художников как референсов — копирование чужого стиля тормозит развитие вашего.

Как добавить фон к рисунку?

Варианты фона для iPhone X:

• 🖼️ Минимализм: однотонный серый или белый.
• 🌌 Космос: градиент от тёмно-синего к чёрному + звёзды.
• 🛒 Продуктовый стиль: отражение телефона на глянцевой поверхности (как в рекламе).

Для реалистичного отражения дублируйте слой с телефоном, переверните его по вертикали и уменьшите прозрачность до 30%.