Как нарисовать iPhone 1: от эскиза до деталей — руководство с советами дизайнеров

Первый iPhone, представленный Стивом Джобсом в 2007 году, стал революцией не только в мире технологий, но и в промышленном дизайне. Его минималистичный корпус с алюминиевой рамкой, сенсорный экран 3.5 дюйма и единственная физическая кнопка «Home» до сих пор остаются иконой стиля. Если вы хотите запечатлеть этот легендарный гаджет на бумаге или в графическом редакторе, наш гайд поможет разобраться в пропорциях, ключевых деталях и типичных ошибках начинающих художников.

Рисование техники — это не только творческий процесс, но и упражнение на внимание к деталям. iPhone 1 (или iPhone 2G, как его иногда называют) имеет уникальные черты, которые важно передать: скруглённые углы экрана, характерную металлическую окантовку и логотип Apple на задней панели. В этой статье мы разберём пошаговую технику — от построения базовой формы до прорисовки теней и бликов, а также подскажем, как избежать самых распространённых ошибок.

Подготовка: какие материалы и инструменты понадобятся

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

• 📝 Лист бумаги формата А4 или А5 (плотность 120–160 г/м² для карандаша)
• ✏️ Набор графитовых карандашей (H для лёгких линий, HB/B для основных контуров, 2B–4B для теней)
• 📐 Линейка (для ровных линий корпуса)
• 🧽 Ластик (лучше двухсторонний: мягкий для крупных областей и точечный для деталей)
• 🎨 Тушь или маркеры (по желанию, для обводки контуров)

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

• 🖥️ Графический планшет (например, Wacom Intuos или Huion)
• 🎨 Программы: Adobe Photoshop, Procreate, Krita или бесплатный GIMP
• 🖱️ Мышь с высоким DPI (если планшета нет, но это менее удобно)

Если вы только учитесь, начните с карандаша — так проще контролировать нажим и исправлять ошибки. Цифровые инструменты потребуют знания работы со слоями и кистями, но дадут больше возможностей для экспериментов с цветами и текстурами.

⚠️ Внимание: Не используйте слишком мягкие карандаши (6B и выше) для начальных эскизов — они оставляют жирные линии, которые сложно стереть без повреждения бумаги.

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

Ключ к реалистичному рисунку — правильные пропорции. iPhone 1 имеет следующие габариты:

• 📏 Высота: 115 мм
• 📏 Ширина: 61 мм
• 📏 Толщина: 11.6 мм
• 📱 Диагональ экрана: 3.5 дюйма (89 мм)

Чтобы упростить задачу, нарисуйте прямоугольник с соотношением сторон 115:61 (примерно 1.9:1). Для этого:

1. Проведите вертикальную линию — это будет высота телефона.
2. Разделите её на 3 части: верхняя и нижняя по ~20% (для «лба» и «подбородка»), центральная ~60% — экран.
3. Отметьте ширину на уровне середины экрана — она должна быть в 1.9 раза меньше высоты.

Не забывайте про скруглённые углы! Радиус закругления у iPhone 1 составляет примерно 10–12 мм. Используйте циркуль или круглые предметы (например, монету) для точности.

Нарисован основной прямоугольник с соотношением 115:61|

Отмечены верхняя и нижняя панели (по 20% высоты)|

Углы скруглены с радиусом ~10 мм|

Ширина экрана занимает ~80% от ширины корпуса

-->

Шаг 2: прорисовка экрана и кнопки Home

Экран iPhone 1 — это сердце устройства. Он занимает центральную часть и имеет соотношение сторон 3:2 (в отличие от современных смартфонов с 16:9 или 19.5:9). Чтобы правильно его изобразить:

1. Внутри основного прямоугольника нарисуйте ещё один, отступив от краёв по 2–3 мм (это рамка экрана).
2. Скруглите углы экрана — радиус чуть меньше, чем у корпуса (~8 мм).
3. Добавьте тонкую линию по периметру экрана (стекло) и лёгкий блик в верхнем левом углу.

Кнопка Home — круглая, диаметром примерно 10 мм, расположена строго по центру нижней панели. В оригинале она была металлической с квадратной иконкой, но на рисунке достаточно передать круг с лёгкой тенью для объёма. Не забывайте, что кнопка slightly утоплена в корпус!

Типичная ошибка новичков — делать экран слишком большим или маленьким. Помните: от верхнего края корпуса до начала экрана должно оставаться место для динамика и сенсоров (~5 мм). То же касается нижней части — кнопка Home не примыкает вплотную к экрану.

Шаг 3: детали корпуса — динамик, камера и логотип

Теперь добавим характерные элементы, которые делают iPhone 1 узнаваемым:

• 🔊 Динамик: тонкая горизонтальная щель шириной ~30 мм, расположена по центру верхней панели. Под ней — датчики приближения и освещённости (маленькие кружочки).
• 📸 Фронтальная камера: круг диаметром ~3 мм, смещён немного влево от центра динамика.
• 🍎 Логотип Apple: на задней панели по центру, высотой ~15 мм. Это не просто яблоко — у него укушенный правый бок и листок под углом ~45°.
• 🔋 Разъём зарядки: 30-pin коннектор шириной ~12 мм, расположен по центру нижнего торца.

Задняя панель iPhone 1 была пластиковой (в отличие от металла в поздних моделях), с хромированной вставкой Apple внизу. Не забудьте про:

• 📶 Антенные линии: две тонкие чёрные полоски по бокам задней панели (они прерываются на металлической рамке).
• 🔍 Задняя камера: круг диаметром ~5 мм с линзой посередине, смещена влево от центра.

⚠️ Внимание: Не путайте iPhone 1 с iPhone 3G — у последнего задняя панель полностью пластиковая без хромированной вставки, а кнопка Home не металлическая.

Экран и его пропорции|

Кнопку Home и её утопленность|

Логотип Apple на задней панели|

Антенные линии и детали корпуса

-->

Шаг 4: тени и блики — придаём объём

Плоский рисунок превратят в реалистичный правильно расставленные тени и блики. Источник света обычно располагают сверху-лева, поэтому:

• ☀️ Блики:
  • На экране — яркая полоса в верхнем левом углу (отражение света).
  • На металлической рамке — тонкая линия по верхнему и левому краю.
  • На кнопке Home — маленький блик в верхней части.
• 🌑 Тени:
  • Под экраном (между стеклом и корпусом) — лёгкая тень по всему периметру.
  • Справа и снизу от кнопки Home (она утоплена!).
  • По нижнему и правому краю корпуса (падение тени).

Для карандашного рисунка используйте технику штриховки:

1. Накладывайте штрихи по форме объекта (например, на цилиндрической кнопке Home — круговые линии).
2. Усиливайте нажим в местах самой глубокой тени (например, под экраном).
3. Растушёвывайте границы теней пальцем или бумажной торцовочкой для плавных переходов.

Критическая деталь: металлическая рамка iPhone 1 не матовая — она глянцевая, поэтому блики на ней должны быть чёткими и контрастными. Если переборщите с растушёвкой, телефон потеряет «металлический» вид.

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

Чтобы экран выглядел как стекло, добавьте кроме основного блика ещё 2–3 маленьких отражения разной интенсивности (например, от лампы или окна). Их форма должна повторять источник света: если это окно, отражения будут прямоугольными; если лампа — круглыми. Не забывайте, что отражения на стекле всегда менее чёткие, чем на металле.

Шаг 5: цифровые инструменты — советы для рисования в Photoshop или Procreate

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

• 🎨 Слои: разделите элементы на отдельные слои (корпус, экран, кнопки, тени). Это упростит редактирование.
• 🖌️ Кисти:
  • Для металла: жёсткая кисть с текстурой Metallic Brush.
  • Для пластика: мягкая кисть с низкой непрозрачностью (Opacity ~30%).
  • Для теней: кисть с размытыми краями (Airbrush).
• 🔄 Корректирующие слои:
  • Hue/Saturation — для настройки цвета металла (добавьте холодных оттенков).
  • Gradient Map — для усиления контраста между светом и тенью.

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

1. Создайте новый слой, залейте его серым (#808080).
2. Примените фильтр Filter → Noise → Add Noise (5–10%).
3. Добавьте маску слоя и аккуратно протрите лишнее, оставив текстуру только на рамке.

В Procreate удобно использовать QuickShape для идеально ровных линий корпуса. А для экрана подойдёт эффект Gaussian Blur на слое с бликами (радиус 2–3 px) — это имитирует размытость стекла.

Типичные ошибки и как их избежать

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

Ещё одна распространённая проблема — неправильные пропорции экрана. Многие по привычке рисуют его слишком вытянутым (как у современных смартфонов), хотя у iPhone 1 соотношение сторон 3:2, то есть почти квадратное. Чтобы проверить, наложите на рисунок сетку с ячейками 3×2 — экран должен вписываться в 6 квадратов по ширине и 4 по высоте.

Вдохновение и практика: как улучшить навыки

Чтобы научиться рисовать технику профессионально, следуйте этим советам:

• 📚 Изучайте референсы: скачайте высококачественные фото iPhone 1 с разных ракурсов (вид спереди, сбоку, сзади). Обратите внимание на детали, которые обычно упускают — например, на маленькие отверстия микрофона рядом с зарядным разъёмом.
• 🎯 Тренируйтесь на упрощённых формах: начните с рисования корпуса без деталей, затем добавьте экран, кнопку, и только потом — мелкие элементы.
• ⏳ Засекайте время: ограничьте себя 20–30 минутами на эскиз. Это научит быстро передавать основные черты.
• 🖼️ Анализируйте работы других: посмотрите, как рисуют гаджеты художники на ArtStation или DeviantArt. Обратите внимание на приёмы штриховки и расстановки света.

Полезное упражнение — рисование iPhone 1 в разных ракурсах:

• 📱 Вид спереди (классический)
• 🔄 Вид сбоку (видна толщина и кнопки громкости)
• 🖥️ Вид в 3/4 (самый сложный, но даёт объём)

Не бойтесь экспериментировать с стилями — например, попробуйте нарисовать iPhone 1 в стиле линейного арта (только контуры без теней) или пиксель-арта (как в старых играх). Это поможет лучше понять форму устройства.

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

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

Да, но для этого нужно хорошо чувствовать пропорции. Попробуйте такой приём: нарисуйте прямоугольник от руки, затем разделите его на 4 равные части по высоте и ширине лёгкими линиями. Это поможет разместить экран и кнопки симметрично. Для скруглённых углов используйте метод «от руки» — проведите дугу, опираясь на две точки (вершины угла).

Какой цвет использовать для металлической рамки?

Рамка iPhone 1 была выполнена из анодированного алюминия серебристого цвета. В карандашном рисунке это передаётся серым цветом (#A0A0A0) с белыми бликами. В цифровом формате добавьте лёгкий голубоватый оттенок (RGB: 180, 185, 190) и текстуру с едва заметным шумом.

Чем отличается рисунок iPhone 1 от iPhone 3G?

Основные различия:

• iPhone 1: задняя панель с хромированной вставкой Apple, металлическая кнопка Home, антенные линии прерываются на рамке.
• iPhone 3G: полностью пластиковая задняя панель (без хрома), кнопка Home пластиковая, антенные линии сплошные.

Также у 3G немного другие пропорции экрана из-за изменённого дизайна.

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

Отражения зависят от источника света. Если свет падает сверху-лева:

1. Нарисуйте основной блик в верхнем левом углу (форма повторяет источник — например, прямоугольник для окна).
2. Добавьте 2–3 маленьких блика разной интенсивности (можно несимметрично).
3. Слегка растушуйте края бликов мягким карандашом или кистью с низкой непрозрачностью.

Для реалистичности добавьте отражение вашей руки или карандаша на экране (если рисуете с натуры).

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

Выбор зависит от вашего уровня и задач:

• Для новичков: Krita (бесплатная, простой интерфейс) или MediBang Paint.
• Для опытных: Adobe Photoshop (максимум инструментов) или Procreate (интуитивная работа с жестами на iPad).
• Для векторной графики: Adobe Illustrator (если нужен масштабируемый рисунок).

Для рисования техники удобны программы с поддержкой Perspective Grid (сетка перспективы), например, Clip Studio Paint.