Рисование экрана iPhone 12 — задача, которая требует внимания к деталям и понимания особенностей дизайна Apple. Этот смартфон, выпущенный в 2020 году, стал эталоном минимализма с плоским экраном Super Retina XDR, тонкими рамками и характерной вырезкой Dynamic Island (хотя в iPhone 12 это ещё классический «чёлка»-ноч). В этом руководстве мы разберём, как передать все эти нюансы на бумаге или в графическом редакторе — от общего силуэта до мелких элементов интерфейса.
Независимо от того, рисуете ли вы от руки, используете Procreate на iPad или работаете в Adobe Illustrator, принципы остаются теми же. Главное — правильно выстроить пропорции, учесть перспективу и не упустить ключевые детали, которые делают iPhone 12 узнаваемым. Мы рассмотрим как традиционные техники (карандаш, маркеры), так и цифровые инструменты, а также дадим советы по передаче текстуры стекла и металла.
Подготовка: какие инструменты понадобятся
Прежде чем приступить к рисованию, соберите всё необходимое. Выбор инструментов зависит от техники, но есть базовый набор, который пригодится в любом случае:
- 📝 Бумага: для карандашного наброска подойдёт любая гладкая бумага средней плотности (120–160 г/м²). Для маркеров или акварели лучше взять специальную бумагу с текстурой.
- ✏️ Карандаши: мягкие графитовые (
2B–6B) для набросков и тени, твёрдые (H–2H) — для чётких линий. - 🎨 Лайнеры или гелевые ручки: чёрные ручки толщиной
0.05–0.5 ммдля обводки контуров (например, Micron или Uni Pin). - 🖌️ Маркеры или краски: для цветных работ подойдут спиртовые маркеры (Copic, Ohuhu) или акриловые краски.
- 💻 Цифровые инструменты: если рисуете на планшете, подготовьте кисти для гладких поверхностей и текстур в Procreate или Photoshop.
Для точности рекомендуем использовать линейку и циркуль — они помогут прорисовать идеально ровные углы экрана и закругления. Если рисуете с натуры, поставьте iPhone 12 под хорошее освещение, чтобы чётко видеть блики и тени. Для цифровых художников полезно загрузить в программу референс-фото экрана в высоком разрешении (можно найти на официальном сайте Apple).
Шаг 1: построение основы и пропорций экрана
Начните с разметки общего контура. Экран iPhone 12 имеет соотношение сторон 19.5:9 и диагональ 6.1 дюйма. Чтобы передать это на бумаге:
- Нарисуйте прямоугольник с пропорциями примерно
2:1(высота к ширине). Для удобства можно использовать сетку: разделите прямоугольник на 9 равных частей по горизонтали и 19 по вертикали. - Скруглите углы. Радиус закругления у iPhone 12 — около
3–4 мм. Используйте циркуль или круглый предмет подходящего размера. - Отметьте вырезку («чёлку») в верхней части экрана. Она занимает примерно
1/5 шириныэкрана и имеет высоту около5 мм.
Важно! Не забывайте про перспективу: если рисуете экран под углом, ближний к зрителю край должен быть шире, а дальний — уже. Для этого можно использовать метод исчезающих точек (одноточечная или двухточечная перспектива).
Наметить основной прямоугольник с пропорциями 2:1|
Скруглить углы с радиусом 3–4 мм|
Отметить вырезку в верхней части|
Проверить симметрию с помощью вспомогательных линий|
Добавить перспективу (если рисуете под углом)-->
Шаг 2: прорисовка деталей — рамки, динамик, датчики
После того как основа готова, переходите к деталям. У iPhone 12 рамки вокруг экрана минимальные — около 2–3 мм по бокам и 3–4 мм сверху/снизу. Обведите их тонкой линией, оставляя место для:
- 🔊 Динамика: расположены в верхней и нижней частях экрана (под вырезкой и над нижней рамкой). Это тонкие горизонтальные полоски шириной ~
1 мм. - 📱 Датчики: в вырезке справа находятся фронтальная камера и сенсор TrueDepth (для Face ID). Слева — динамик разговорника.
- 🌈 Подсветка экрана: если рисуете включённый дисплей, добавьте лёгкий градиент от центра к краям (эффект
OLED-подсветки).
Для реалистичности прорисуйте отражения на стекле. Они зависят от освещения, но обычно это:
- Яркий блик в верхней части (источник света сверху).
- Мягкое отражение окружающих предметов по бокам.
- Тёмная полоса у нижнего края (из-за рамки корпуса).
Как проверить пропорции вырезки?
Чтобы убедиться, что вырезка («чёлка») нарисована правильно, сравните её ширину с логотипом Apple на задней панели iPhone 12 — они должны быть примерно одинаковыми по горизонтали. Также обратите внимание, что вырезка не симметрична: правая часть (с датчиками) шире левой (с динамиком).
Шаг 3: передача текстуры стекла и металла
Экран iPhone 12 покрыт стеклом Ceramic Shield, которое имеет глянцевую поверхность с едва заметной зернистостью. Чтобы передать это:
| Материал | Техника рисования | Инструменты |
|---|---|---|
| Стекло экрана | Гладкие градиенты с резкими бликами. Легкая штриховка для текстуры. | Мягкая кисть (цифра), маркер-блендер (традиционно). |
| Алюминиевая рамка | Металлический блеск с чёткими отражениями. Используйте тёмный фон для контраста. | Лайнер 0.1 мм, серебристый маркер. |
| Вырезка («чёлка») | Матовая текстура (пластик датчиков). Мягкие тени внутри выреза. | Карандаш 2B, растушевка. |
| Отражения на экране | Полупрозрачные блики (можно использовать белый гелевый карандаш). | Белый маркер, кисть с низкой непрозрачностью. |
Для цифровых художников: в Procreate используйте кисти Studio Pen (для чётких линий) и Airbrush (для градиентов). Настройте слой с режимом наложения Overlay или Add для бликов. В Photoshop подойдёт инструмент Gradient Tool с низкой жёсткостью.
Шаг 4: рисование интерфейса (опционально)
Если вы хотите изобразить включённый экран, добавьте элементы интерфейса iOS. Для iPhone 12 характерны:
- 📱 Значки приложений: скруглённые квадраты с тенями (стиль iOS 14+). Популярные иконки: Phone, Messages, Safari.
- ⏰ Строка состояния: время, индикатор батареи, сигнал сети. В iPhone 12 она расположена по бокам от вырезки.
- 🔄 Жесты: если рисуете экран с открытым приложением, добавьте нижнюю полоску (для свайпа вверх).
Совет: не перегружайте экран деталями. Достаточно 2–3 ярких иконок и минималистичного фона (например, обои Apple с абстрактными волнами). Для реалистичности добавьте подсветку пикселей — лёгкое свечение по краям значков.
Критическая деталь: в iPhone 12 нет физической кнопки «Домой», поэтому нижняя часть экрана полностью занята контентом. Не рисуйте там никаких кнопок или полос, кроме тонкой белой линии (индикатор жеста).
Шаг 5: добавление теней и финальные штрихи
Тени придают объём и реалистичность. У iPhone 12 корпус тоньше рамки экрана, поэтому тень падает:
- 🌑 Под экраном: тёмная полоса шириной
1–2 ммвдоль нижнего края. - 🌓 По бокам: мягкая тень от рамки на стекло (используйте растушевку).
- 💡 От вырезки: лёгкая тень внутри «чёлки» для глубины.
Для традиционных техник: используйте карандаш 4B для глубоких теней и растушевку пальцем или бумажным стержнем. В цифровых программах добавьте отдельный слой с режимом Multiply и рисуйте тени серым цветом.
Распространённые ошибки и как их избежать
Даже опытные художники иногда упускают ключевые моменты. Вот что чаще всего портит рисунок экрана iPhone 12:
⚠️ Внимание: Неправильные пропорции вырезки — самая частая ошибка. Многие рисуют её слишком широкой или симметричной. Напомним: правая часть (с датчиками) шире левой на 1–1.5 мм.
- 🔳 Слишком толстые рамки: у iPhone 12 они почти незаметны. Если переборщить, телефон будет выглядеть устаревшим.
- 🌈 Избыточные блики: на экране должно быть 1–2 ярких блика, а не хаотичные пятна.
- 📏 Игнорирование перспективы: если рисуете телефон под углом, проверьте, что параллельные линии сходятся в одной точке.
Проверьте свой рисунок по чек-листу:
Вырезка асимметрична (правая часть шире)?|
Рамки тоньше 3 мм?|
Есть блик в верхней части экрана?|
Тень под экраном темнее боковых?|
Интерфейс (если есть) соответствует iOS 14+?-->
FAQ: ответы на частые вопросы
Можно ли нарисовать экран iPhone 12 без вырезки?
Технически да, но это будет некорректно с точки зрения дизайна. Вырезка («чёлка») — ключевой элемент iPhone 12, и без неё телефон потеряет узнаваемость. Если вам нужен экран без выреза, рассмотрите модели iPhone 14 Pro и новее (там используется Dynamic Island).
Какой цвет фона лучше выбрать для рисунка?
Для реалистичности используйте тёмный фон (серый или чёрный) — он подчеркнёт блики на стекле и металле. Если рисуете цифровой интерфейс, белый фон уместен только для схем или инструкций.
Чем отличается экран iPhone 12 от iPhone 13 в рисунке?
Внешне экраны почти идентичны, но у iPhone 13 вырезка на 20% уже, а рамки ещё тоньше. Также в iPhone 13 используется экран с технологией ProMotion (120 Гц), но визуально это не отразить на статичном рисунке.
Как нарисовать экран с трещиной?
Для реалистичной трещины:
- Проведите основную линию трещины белым или светло-серым цветом (острые углы).
- Добавьте тёмные линии по краям трещины для глубины.
- Растушуйте края мягкой кистью, чтобы стекло выглядело разбитым, а не просто нарисованным.
Избегайте симметричных трещин — в реальности они хаотичны.