Рисование гаджетов — отличный способ развить навыки работы с формами, светом и тенями. iPhone 7, выпущенный в 2016 году, стал одной из самых узнаваемых моделей Apple благодаря своему минималистичному дизайну: гладкому алюминиевому корпусу, скруглённым углам и характерной камере. Научиться рисовать этот смартфон под силу даже новичкам — главное разложить процесс на простые этапы.
В этой статье вы найдёте подробные инструкции для разных техник: от карандашного наброска до цифрового рисунка в Procreate или Photoshop. Мы разберём пропорции корпуса, расположение кнопок, нюансы отображения металлической поверхности и даже покажем, как передать фирменный логотип Apple. А если вы планируете создать серию рисунков с разными моделями iPhone, здесь есть сравнительная таблица ключевых отличий iPhone 7 от других поколений.
Неважно, рисуете ли вы для портфолио, оформления блога или просто для удовольствия — наши советы помогут избежать типичных ошибок. Например, многие начинающие художники неправильно передают соотношение высоты и ширины экрана или забывают про barely заметную фаску по краям корпуса. Мы покажем, как этого избежать!
Подготовка: материалы и базовые пропорции
Прежде чем браться за рисунок, подготовьте всё необходимое. Для традиционного рисования карандашом вам понадобятся:
- ✏️ Карандаши разной твёрдости:
H(для лёгких линий),HB(основной контур),2B-4B(тени). - 📄 Бумага средней зернистости (120–150 г/м²) или маркерная, если планируете использовать фломастеры.
- 🧮 Линейка и ластик-клячка для коррекции линий.
- 🎨 Тушь или лайнер (опционально) для обводки финального контура.
Для цифрового рисунка подойдут:
- 🖥️ Графический планшет (даже бюджетный Wacom One или Huion).
- 🖌️ Стилус с чувствительностью к наклону (например, Apple Pencil для iPad).
- 🎨 Программы: Procreate, Adobe Photoshop, Krita или бесплатный Medibang Paint.
Теперь о пропорциях. iPhone 7 имеет соотношение сторон экрана 16:9, но сам корпус чуть шире. Вот ключевые размеры (в мм), которые помогут сохранить реалистичность:
| Параметр | iPhone 7 | iPhone 7 Plus |
|---|---|---|
| Высота корпуса | 138,3 мм | 158,2 мм |
| Ширина корпуса | 67,1 мм | 77,9 мм |
| Толщина | 7,1 мм | 7,3 мм |
| Диагональ экрана | 4,7" | 5,5" |
| Размер камеры (выступ) | ∅6,9 мм, высота 1,2 мм | Двойная камера: ∅7,3 мм × 12,5 мм |
⚠️ Внимание: Если рисуете с фотографии, убедитесь, что угол съёмки не искажает перспективу. Фото "в лоб" (фронтальное) проще для начинающих, чем ракурсы сбоку или под углом.
Шаг 1: построение основы — контур корпуса
Начните с лёгкого наброска прямоугольника — это основа корпуса. Используйте линейку или инструмент Shape Tool в графических редакторах, если рисуете цифровой вариант. Соотношение высоты к ширине для iPhone 7 — примерно 2,06:1 (138,3 мм / 67,1 мм).
Далее:
- Скруглите углы. Радиус скругления у iPhone 7 — около
3,5 мм. Нарисуйте небольшие дуги в каждом углу, соединяя их плавной линией. - Отметьте экран. Отступите от верхнего и нижнего края по
3–4 мм(рамки дисплея) и нарисуйте внутренний прямоугольник. Его соотношение сторон —16:9. - Добавьте фаску. По периметру корпуса проведите параллельную линию на расстоянии
0,5–0,7 мм— это тонкий скос кромки.
На этом этапе линии должны быть едва заметными. Не давите на карандаш! В цифровых программах используйте слой с пониженной непрозрачностью (30–50%).
☑️ Чек-лист
Совет для цифровых художников: В Procreate включите Drawing Guide (Actions → Canvas → Drawing Guide) и настройте сетку с шагом 10 мм — это поможет соблюдать пропорции.
Шаг 2: детализация — кнопки, разъёмы, камера
Теперь добавим характерные элементы iPhone 7:
Лицевая сторона:
- 🔄 Динамик и фронтальная камера. В верхней части экрана нарисуйте небольшой прямоугольник динамика (
5 × 1 мм) и круг камеры (∅2 мм) справа от него. Отступите от края экрана2 мм. - 🔘 Кнопка Home. Внизу по центру — круг диаметром
6 мм. Внутри него — маленький квадрат (сенсор Touch ID). - 📶 Антенные линии. Две тонкие полоски по верхнему и нижнему краю корпуса (толщина
0,3 мм).
Тыльная сторона:
- 📷 Основная камера. Для iPhone 7 — одиночный круг (
∅6,9 мм) с вспышкой (∅2 мм) справа. Выступ над корпусом —1,2 мм. - 🍎 Логотип Apple. Расположен по центру, размер — примерно
10 × 8 мм. Наклон листа — около30°. - 🔊 Динамики и микрофон. Два ряда отверстий по бокам от разъёма Lightning (внизу).
Боковые грани:
- 🔳 Кнопки регулировки громкости (две oval-формы
8 × 2 мм) и кнопка блокировки (10 × 2 мм) на правой грани. - 🔌 Разъём Lightning. Центрированный овал внизу (
8 × 3 мм).
Как проверить правильность расположения элементов?
Сфотографируйте свой набросок и наложите на реальное фото iPhone 7 в графическом редакторе с прозрачностью 50%. Так проще увидеть расхождения.
⚠️ Внимание: У iPhone 7 нет физической кнопки Home — она сенсорная, но визуально выглядит как выпуклая. Не рисуйте её слишком объёмной!
Шаг 3: работа со светом и тенями
Чтобы iPhone 7 выглядел реалистично, нужно правильно передать металлический корпус и стеклянный экран. Вот ключевые моменты:
1. Источник света. Определите, откуда падает свет (обычно сверху-лева). На металле будут:
- ☀️ Блик — самое светлое место (можно оставить белым или слегка серым).
- 🌑 Полутень — плавный переход от света к тени.
- 🖤 Рефлекс — отражённый свет на тёмной стороне (например, от стола).
2. Особенности материалов:
- 🔳 Алюминиевый корпус: используйте градиент от тёмного к светлому с резкими переходами на фасках.
- 🖥️ Стекло экрана: добавьте легкое отражение окружения (например, размытое окно).
- 📷 Камера и логотип: они глянцевые — на них ярче блики.
Для карандашного рисунка используйте штриховку:
- На светлых участках — редкие линии карандашом H.
- В тенях — плотная штриховка 2B с растушёвкой пальцем или бумажной культёй.
- Для бликов оставляйте участки бумаги нетронутыми или используйте ластик.
Критическая деталь: у iPhone 7 антенные линии не просто чёрные полоски — они слегка утоплены в корпус. Передайте это лёгкой тенью по краям линий.
Шаг 4: проработка мелких деталей
Теперь добавим реализма:
Экран:
- 📱 Нарисуйте отражение (например, светлое пятно в верхней части — как будто от лампы).
- 🔍 Добавьте тонкую белую полоску по краю стекла — это подсветка дисплея.
Камера и вспышка:
- 📸 Внутри круга камеры нарисуйте линзу (маленький круг) и сенсор (прямоугольник).
- ⚡ Вспышка — это не просто круг, а двойное стекло: внешний ободок и внутренняя линза.
Логотип Apple:
- 🍏 Используйте серый цвет (не чёрный!) — оригинальный логотип на корпусе полупрозрачный.
- 🎨 В цифровом рисунке добавьте лёгкий градиент от тёмного к светлому для объёма.
Разъём Lightning:
- 🔌 Внутри oval-формы нарисуйте 8 контактов (4 с каждой стороны) — они выглядят как тонкие полоски.
Шаг 5: финальная обводка и цвет
Если рисуете карандашом:
- Обведите контуры тушью или лайнером (толщина линии
0,3–0,5 мм). - Усилите тени мягким карандашом
4B. - Добавьте текстуру металла лёгкими штрихами по направлению формы.
Для цифрового рисунка:
- Создайте новый слой для обводки (цвет:
#2C2C2C). - Используйте кисти с текстурой металла (в Procreate есть бесплатные наборы
Metallic Brushes). - Добавьте цвет:
- 🖤 Чёрный: корпус —
#2E2E2E, экран —#000000. - ⚪ Серебристый: градиент от
#E5E5E5до#C0C0C0. - 🟡 Золотой:
#D4AF37(основа) + блики#F1E6C3.
- 🖤 Чёрный: корпус —
Не забудьте про фон! даже простой градиент или размытое пятно сделают рисунок завершённым. Для реалистичного эффекта добавьте падение тени под смартфон (размытый овал серого цвета).
Типичные ошибки и как их избежать
Даже опытные художники иногда допускают огрехи в рисунках гаджетов. Вот что чаще всего портит iPhone 7:
| Ошибка | Как исправить |
|---|---|
| Слишком толстый корпус | Толщина iPhone 7 — всего 7,1 мм. Сравните с высотой (138,3 мм) и уменьшите пропорционально. |
| Кнопка Home "утоплена" | Она должна быть на одном уровне с экраном, но визуально — как лёгкая выпуклость. |
| Антенные линии слишком яркие | Они полупрозрачные! Используйте серый цвет (#6B6B6B) и лёгкую растушёвку. |
| Камера без выступа | У iPhone 7 камера выступает над корпусом на 1,2 мм — добавьте тень под ней. |
| Экран без отражений | Даже выключённый дисплей отражает свет. Добавьте лёгкий градиент или размытое пятно. |
Если рисунок "не читается", сделайте шаг назад и проверьте:
- Соблюдены ли пропорции (сравните с фото).
- Достаточно ли контраста между светом и тенями.
- Нет ли лишних линий (например, от построения).
- ✏️ Используйте только контурные линии без теней.
- 🖼️ Добавьте один акцент (например, красную кнопку
Home). - 🎮 Рисуйте в Aseprite или Piskel с разрешением
64×64 px. - 🔲 Используйте ограниченную палитру (4–5 цветов).
- 🎨 Намочите бумагу перед нанесением краски для размытых переходов.
- 💧 Оставьте белые блики (не закрашивайте полностью).
- 🚀 Добавьте голографический экран или неоновые линии.
- 🌌 Используйте кислотные цвета (пурпурный, бирюза).
Варианты стилизации: от скетча до пиксель-арта
Классический реалистичный рисунок — не единственный вариант. Вот идеи для креативных интерпретаций iPhone 7:
1. Минималистичный скетч:
2. Пиксель-арт:
3. Акварельный стиль:
4. Футуристический концепт:
Для вдохновения изучите работы художников на ArtStation или DeviantArt по тегам #iPhoneArt, #TechSketch.
FAQ: ответы на частые вопросы
Можно ли рисовать iPhone 7 без линейки?
Да, но для соблюдения пропорций используйте метод "окей": вытяните руку с карандашом на расстояние, сравните высоту и ширину корпуса с карандашом как меркой. Например, если высота iPhone 7 равна 3 карандашам, то ширина — 1,5.
Как нарисовать отражение на экране?
Вот пошаговая техника:
- Нанесите базовый серый цвет экрана (
#3A3A3A). - Добавьте белый градиент сверху (непрозрачность
20%). - Нарисуйте размытые формы (например, окно) кистью с мягкими краями.
- Добавьте блик белым цветом в верхнем левом углу.
Чем отличается рисунок iPhone 7 и iPhone 7 Plus?
Основные различия:
- 📏 Размер: iPhone 7 Plus на
20 ммвыше и на10 ммшире. - 📷 Камера: у Plus — двойная (два круга + вспышка).
- 🔍 Антенные линии: на Plus они чуть шире из-за большего корпуса.
Как рисовать iPhone 7 в перспективе (под углом)?summary>
Используйте точки схода:
- Нарисуйте горизонтальную линию — это линия горизонта.
- Отметьте на ней точку — это точка схода.
- От неё проведите линии к углам прямоугольника (корпуса).
- Скруглите углы, следуя перспективе.
В цифровых программах включите перспективную сетку (View → Perspective Grid в Illustrator).
View → Perspective Grid в Illustrator).Какие кисти использовать для металла в Procreate?
Рекомендуемые кисти:
- Dry Ink (в стандартном наборе) — для штриховки.
- Metallic Texture (из пака
Metal & Tech Brushes) — для корпуса. - Soft Airbrush — для плавных переходов на экране.
Настройте Grain на 15–20% для имитации металлической поверхности.