Advertisement
  1. Design & Illustration
  2. Flat Design
Design

Создаем винтажный фотоаппарат в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Russian (Pусский) translation by Dark Wood (you can also view the original English article)

Final product image
What You'll Be Creating

Если вы любитель старых фотоаппаратов, то этот урок принесет вам хорошие воспоминания. Мы нарисуем ее, используя основные фигуры и "плоские" цвета. Воспроизводимая фотокамера вдохновлена Leica M6.

Вы можете найти свой источник вдохновения среди сотен изображений фотоаппаратов, доступных на GraphicRiver.

Давайте же начнем!

1. Создаем новый документ и настраиваем сетку

Нажмите Ctrl+N, чтобы создать новый документ. Единицами измерений задайте пиксели и введите размеры 800x600 по ширине и высоте соответственно. На вкладке Advanced укажите цветовое пространство RGB, разрешение Screen (72 ppi) и обязательно снимите галочку с пункта Align New Objects to Pixel Grid, после чего нажмите OK.

Включите отображение сетки (View> Show Grid; Ctrl+”) и привязку к ней (View> Snap to Grid; Shift+Ctrl+”). Нам будет нужна сетка каждые 10 пикселей. Нажатием Ctrl+K откройте настройки программы (Preferences). На вкладке Guides & Grid введите в поле Gridline every значение 10, в поле Subdivisions - 4. Сетка облегчит нам выполнение работы. Ее отображение всегда можно быстро включить и отключить уже упомянутым выше сочетанием Ctrl+".

Также включите отображение панели Info (Window> Info), где будут указываться размеры и координаты фигур. Не забудьте, что единицами измерения должны быть выбраны пиксели (Edit> Preferences> Units> General). Это значительно ускорит и упростит выполнение работы.

2. Рисуем "тушку" фотокамеры

Начнем работу с незаменимой части камеры - "тушки". Проверьте, чтобы привязка к сетке была включена. Это облегчит выполнение урока.

Шаг 1

Кликните по центру артборда инструментом Rectangle Tool (M). В появившемся диалоговом окне задайте ширину 300 пикселей и высоту 170 пикселей. Залейте фигуру цветом #e3e3e3 и удалите назначаемую по умолчанию обводку.

Шаг 2

Вновь кликните инструментом Rectangle Tool (M) по рабочей области и создайте фигуру размерами 130x20 пикселей. Расположите ее в левом верхнем углу основного прямоугольника.

Выделите оба объекта и выполните команду Minus Front с панели Pathfinder.

Шаг 3

Инструментом Rectangle Tool (M) добавьте прямоугольник размерами 30x18 пикселей, который разместите в верхнем правом углу основной фигуры. Выделите нижнюю левую опорную точку нового прямоугольника инструментом Direct Selection Tool (A) и удалите.

Выделите обе фигуры и нажмите кнопку Minus Front на панели Pathfinder.

Шаг 4

Инструментом Rectangle Tool (M) создайте прямоугольник размерами 300x104 пикселя. Расположите его на расстоянии 16 пикселей от нижней границы основной фигуры. Залейте цветом #ebbd63, обводки быть не должно.

Для левого угла задайте на панели Transform тип Chamfer со значением 8 пикселей.

Шаг 5

Инструментом Rectangle Tool (M) нарисуйте очередной прямоугольник, на этот раз с размерами 278x44 пикселя. Его разместите на расстоянии 126 пикселей от нижней границы основной фигуры.

Выделите оба объекта и удалите у новой фигуры левый верхний угол при помощи инструмента Shape Builder Tool (Shift+M).

Шаг 6

Продублируйте отредактированный прямоугольник (Ctrl+C, Ctrl+F). Отправьте копию на задний план (Object> Arrange> Send Backward; Ctrl+[) и сместите вниз, единожды нажав стрелку вниз на клавиатуре. Измените цвет этой фигуры на #c4c4c4.

Шаг 7

Инструментом Rectangle Tool (M) создайте прямоугольник размерами 2x46 пикселей. Разместите его как показано ниже и залейте цветом #c4c4c4.

Инструментом Rectangle Tool (M) добавьте прямоугольник размерами 300x2 пикселя, который расположите как показано ниже, на второй половине. Цвет заливки фигур также указан ниже.

3. Рисуем объектив фотокамеры

"Тушку" фотоаппарата мы закончили и теперь нарисуем объектив для нее. И поможет нам в этом инструмент Ellipse Tool.

Шаг 1

Активируйте инструмент Ellipse Tool (L) и щелкните им в рабочей области. В появившемся диалогом окне задайте размеры 120x120 пикселей. Расположите его на "тушке" как показано ниже. В качестве заливки используйте цвет #c4c4c4.

Шаг 2

Кликните правой кнопкой мыши по выделенному кругу. В появившемся контекстном меню выберите пункт Isolate Selected Path. Мы вошли в режим изоляции, благодаря чему сможем работать с кругом, не затрагивая другие фигуры.

Скопируйте (Ctrl+C) круг и вставьте на передний план (Ctrl+F). Залейте дубликат цветом #e3e3e3. Примените к нему эффект Effect> Path> Offset Path со смещением -2 пикселя (подтвердите его нажатием OK).

Разберите оформление командой Object> Expand Appearance.

Шаг 3

Сделайте восемь дубликатов (Ctrl+C, Ctrl+F) одного из имеющихся кругов. Измените при помощи панели Transform размер новых фигур и залейте их согласно списку ниже:

  • Первый: 104x104 пикселя#b5b5b5
  • Второй: 100x100 пикселей#c7c7c7
  • Третий: 96x96 пикселей#b5b5b5
  • Четвертый: 88x88 пикселей#4f4f4f
  • Пятый: 84x84 пикселя#383838
  • Шестой: 60x60 пикселей#242424
  • Седьмой: 56x56 пикселей#383838
  • Восьмой: 44x44 пикселя#242424

Шаг 4

По центру инструментом Ellipse Tool (L) создайте новый круг размерами 8x8 пикселей и цветом заливки #fffdc7. Добавьте еще один круг 32x32 пикселя белого цвета (#ffffff). На панели Appearance уменьшите его непрозрачность до 10%.

Нарисуйте еще один круг. Размеры 20x20 пикселей, цвет - #fffdc7, непрозрачность 50%. Последние две фигуры разместите как показано ниже.

Шаг 5

Выделите последние три добавленные круга и сгруппируйте их (Ctrl+G). Активируйте инструмент Rotate Tool (R). Установите точку вращения по центру самого маленького круга и поверните группу на 45°, зажав при этом Shift.

Шаг 6

Инструментом Ellipse Tool (L) добавьте круг черного цвета (#000000) размерами 120x120 пикселей. Отправьте его на задний план (Object> Arrange> Send to Back; Ctrl+[). На панели Appearance уменьшите его непрозрачность до 20%.

Кликните дважды по инструменту Selection Tool (V) и в появившемся окне задайте смещение на 4 пикселя по вертикали.

Выйдите из режим изоляции, нажав клавишу Esc.

4. Детализируем фотоаппарат

Теперь у нас есть камера с объективом. Но ей не хватает деталей: колёсиков переключения различных режимов, кнопки спуска, вспышки, видоискателя и других элементов.

Начнем мы с первого колёсика переключения режимов.

Шаг 1

Инструментом Rectangle Tool (M) создайте прямоугольник размерами 46x2 пикселя. Залейте его цветом #bababa. Расположите его на 8 пикселей правее выступа, как показано ниже.

Шаг 2

Всё также инструментом Rectangle Tool (M) добавьте пару прямоугольников размерами 12x2 пикселя и цветом #999999. Затем нарисуйте еще одну пару размерами 4x2 пикселя и цветом #b0b0b0. Их разместите как указано ниже.

Шаг 3

Инструментом Rectangle Tool (M) создайте прямоугольник размерами 50x12 пикселей и цветом #d6d6d6. Его расположите непосредственно над добавленными недавно прямоугольниками.

Инструментом Rectangle Tool (M) добавьте еще 12 прямоугольников размерами 2x10 пикселей на расстоянии 2 пикселей друг от друга. Залейте их цветом #c4c4c4, сгруппируйте (Ctrl+G) и разместите как показано ниже.

Шаг 4

Инструментом Rectangle Tool (M) нарисуйте прямоугольник размерами 42x4 пикселя (цвет - #dedede). Рядом добавьте пять фигур высотой 4 пикселя и со следующей шириной:

  • Первый (#9c9c9c): 6 пикселей
  • Второй (#d1d1d1): 4 пикселя
  • Третий (#d1d1d1): 4 пикселя
  • Четвертый (#bdbdbd): 10 пикселей
  • Пятый (#9c9c9c): 8 px

Их расположение показано ниже.

Шаг 5

Изобразим два кольца прямоугольниками (по-прежнему инструментом Rectangle Tool (M)) с размерами 30x4 пикселя и цветом #d1d1d1. Затем добавьте еще два прямоугольника: один 6x4 пикселя (#bdbdbd) и другой 4x4 пикселя (#dedede).

Сгруппируйте их (Ctrl+G). Группу продублируйте (Ctrl+C, Ctrl+F) и поднимите на 4 пикселя вверх.

Шаг 6

Еще одним прямоугольником (созданного по-прежнему инструментом Rectangle Tool (M)) размерами 14x2 пикселя и цветом #d1d1d1 изобразим кнопку спуска. Добавьте четыре квадратика 2x2 пикселя с цветами заливки #9c9c9c и #c9c9c9 соответственно. Разместите их как показано ниже.

Шаг 7

Добавим еще одну небольшую кнопку. Инструментом Rectangle Tool (M) создайте три прямоугольника: первый размерами 20x2 пикселя (#dedede), второй (#9c9c9c) и третий (#d1d1d1) - 4x2 пикселя. Сгруппируйте (Ctrl+G) их и разместите на 2 пикселя левее кнопки спуска.

Шаг 8

Теперь нарисуем видоискатель. Создайте прямоугольник размерами 44x34 пикселя (#bdbdbd). На панели Transform задайте всем его углам радиус скругления 3 пикселя.

Добавьте еще три прямоугольника: 44x26 пикселей (#383838), 28x16 пикселей (#454545) с радиусом скругления 3 пикселя и 16x10 пикселей (#2b2b2b) с радиусом скругления 2 пикселя. Напомню, что радиус задается на панели Transform.

Выделите все эти прямоугольники и сгруппируйте их (Ctrl+G).

Шаг 9

Переходим к вспышке. Инструментом Rectangle Tool (M) создайте прямоугольник размерами 34x24 пикселя (#575757).

Добавьте прямоугольник 2x20 пикселей (#6e6e6e). Инструментом Direct Selection Tool (A) выделите две правые опорные точки и сместите друг к другу, нажав соответствующие клавиши со стрелками на клавиатуре по одному разу. Сделайте восемь дубликатов этой фигуры (Ctrl+C, Ctrl+F), расположив их с промежутком 2 пикселя.

Выделите все девять фигур и сгруппируйте (Ctrl+G).

Шаг 10

Инструментом Ellipse Tool (L) нарисуйте круг размерами 16x16 пикселей (#c64832). Это будет основа логотипа производителя нашей камеры. Внутри этого круга нарисуйте прямоугольники размерами 2x4 пикселя (#ffffff) и 8x2 пикселя (#ffffff). Соедините их в горизонтально повернутую букву "L". Сгруппируйте (Ctrl+G) эти прямоугольники.

Сделайте копию группы (Ctrl+C, Ctrl+F), которую поверните на 180° при помощи инструмента Rotate Tool (R) и разместите 2 пикселями ниже первой группы.

Шаг 11

Инструментом Rectangle Tool (M) создайте прямоугольник размерами 20x14 пикселей (#3b3b3b), по центру которого добавьте круг размерами 10x10 пикселей (#6b6b6b) Сгруппируйте (Ctrl+G) эти фигуры.

Шаг 12

Инструментом Rectangle Tool (M) нарисуйте два прямоугольника цветом #c4c4c4 и размерами 36x4 пикселя для одного и 12x4 пикселя для другого. Расположите больший 2 пикселями выше меньшего.

Разместите их как показано ниже.

Шаг 13

Добавим еще одно регулировочное колёсико - на скошенном торце. Построим его инструментом Rectangle Tool (M), нарисовав четыре прямоугольника со следующими параметрами:

  • Первый: 34x12 пикселя (#e3e3e3)
  • Второй: 8x12 пикселей (#cfcfcf)
  • Третий: 12x12 пикселей (#c4c4c4)
  • Четвертый: 28x2 пикселя (#8a8a8a)

Расположите фигуры как показано ниже, после чего сгруппируйте (Ctrl+G) их. Затем отключите привязку к сетке (Shift+Ctrl+"). Благодаря этому мы сможем свободно перемещать объекты.

На панели Transform поверните эту же группу на 329° и расположите как показано ниже при помощи инструмента Selection Tool (V). Отправьте группу на самый задний план (Object> Arrange> Send to Back; Shift+Ctrl+[).

Когда это будет сделано, вновь включите привязку к сетке (Shift+Ctrl+").

Шаг 14

Инструментом Rectangle Tool (M) добавьте четыре прямоугольника со следующими значениями размеров и цветов заливки:

  • Первый: 6x24 пикселя (#3d3d3d)
  • Второй: 6x20 пикселей (#3d3d3d)
  • Третий: 4x10 пикселей (#d6d6d6)
  • Четвертый: 2x10 пикселей (#bfbfbf)

Разместите первую фигуру вверху на левой стороне, вторую там же с правой и последние две в нижней части камеры, как показано ниже.

Шаг 15

Инструментом Ellipse Tool (L) нарисуйте два круга с размерами 12x12 пикселей и цветом заливки #d8d9dd. Инструментом Rectangle Tool (M) добавьте прямоугольник размерами 6x12 пикселей (#d8d9dd), который расположите между этими кругами.

Выделите все элементы, добавленные в этом шаге, и нажмите кнопку Unite на панели Pathfinder. В левой части получившейся фигуры добавьте круг 8x8 пикселей, вновь выделите все элементы и выполните команду Minus Front с панели Pathfinder.

Шаг 16

В этом же месте создайте круг 12x12 пикселей (#cca456). Отправьте его на задний план (Object> Arrange> Send Backward; Ctrl+[).

Инструментом Shape Builder Tool (Shift+M) удалите левый кусочек круга, проглядывающий в отверстие. Сгруппируйте (Ctrl+G) все элементы, скопируйте (Ctrl+C, Ctrl+F) и командой Object> Transform> Reflect отразите по вертикали.

Разместите эти группы как показано ниже.

Шаг 17

Добавим рычаг перемотки. Начинается он с круга размерами 16x16 пикселей и цветом заливки #cca456, нарисованного при помощи инструмента Ellipse Tool (L). Кликните по этой фигуре два раза инструментом Selection Tool (V), чтобы войти в режим изоляции. Скопируйте круг (Ctrl+C, Ctrl+F). Залейте дубликат цветом #cccccc и сместите один раз вверх.

Инструментом Rectangle Tool (M) нарисуйте прямоугольник размерами 12x18 пикселей (#dbdbdb). Инструментом Ellipse Tool (L) рядом с ним нарисуйте четыре круга:

  • Первый: 12x12 пикселей; #e3e3e3
  • Второй: 8x8 пикселей; #cccccc
  • Третий: 8x8 пикселей; #e3e3e3
  • Четвертый: 4x4 пикселя; #cccccc

Сгруппируйте (Ctrl+G) все элементы. Нажатием Esc выйдите из режима изоляции и разместите рычаг как показано ниже.

Шаг 18

Инструментом Ellipse Tool (L) создайте круг размерами 36x36 пикселей (#cca456). Продублируйте его (Ctrl+C, Ctrl+F). Копию залейте цветом #ebbd63 и сместите один раз вверх.

Тут же добавьте два круга с размерами 28x28 пикселей (#cca456) и 24x24 пикселя (#ebbd63). Верхний из них также сместите один раз вверх. Сгруппируйте (Ctrl+G) круги и расположите их с левой стороны камеры недалеко от объектива.

Шаг 19

Добавим кнопку, позволяющую снять объектив. Нам вновь понадобится инструмент Ellipse Tool (L), которым создайте круг размерами 16x16 пикселей (#cca456). Сделайте дубликат (Ctrl+C, Ctrl+F), который залейте цветом #ebbd63 и сместите один раз вверх.

Добавьте круг 12x12 пикселей (#b5b5b5), сделайте его копию (Ctrl+C, Ctrl+F), которой назначьте цвет #8a8a8a. Инструментом Direct Selection Tool (A) удалите его верхнюю опорную точку.

Нарисуйте еще один круг 8x8 пикселей (#e3e3e3), продублируйте его (#cccccc) и тоже удалите верхнюю точку. Инструментом Rotate Tool (R) поверните эту фигуру на 45°, разместив точку вращения по центру круга. Сгруппируйте (Ctrl+G) все элементы кнопки и расположите ее на фотокамере.

Шаг 20

И последний элемент. Инструментом Rectangle Tool (M) нарисуйте прямоугольник размерами 12x26 пикселей (#dbdbdb). Инструментом Ellipse Tool (L) добавьте круг 12x12 пикселей (#cca456). Его копию (#cccccc) сместите один раз вверх. Создайте еще один круг 8x8 пикселей (#e3e3e3).

Инструментом Direct Selection Tool (A) сместите верхние опорные точки прямоугольника по одному разу навстречу друг другу, после чего закруглите их.

Наконец, добавьте круг 4x4 пикселя (#cccccc) и сделайте его копию (#b5b5b5) (Ctrl+C, Ctrl+F). Отправьте этот круг на задний план (Object> Arrange> Send Backward; Ctrl+[) и опустите один раз вниз. Сгруппируйте (Ctrl+G) все фигуры и инструментом Rotate Tool (R), удерживая Shift, поверните на 45°.

Разместите элемент на камере, как показано ниже.

Шаг 21

Инструментом Rectangle Tool (M) нарисуйте прямоугольник с размерами 12x152 пикселя (#000000). На панели Appearance уменьшите его непрозрачность до 10%. Разместите его на левой стороне фотоаппарата.

Создайте прямоугольник размерами 12x164 пикселя (#000000), который расположите на правой стороне. Выделите фигуру "тушки" вместе с этим прямоугольником и инструментом Shape Builder Tool (Shift+M) удалите лишнее. На панели Appearance уменьшите непрозрачность получившейся фигуры до 10%.

Завершая иллюстрацию, добавьте прямоугольник размерами 800x600 пикселей (#422e39), который станет фоном. Отправьте его на самый задний план (Object> Arrange> Send to Back; Shift+Ctrl+[).

Поздравляю! Мы закончили!

Вот и готов наш винтажный фотоаппарат. Этот урок хорош для начинающих. И хоть здесь описана лишь малая толика возможностей программы, но это может послужить неплохой отправной точкой для вашего дальнейшего развития.

Надеюсь, вы узнали что-то новое и полезное, которое будет применяться вами в будущем. Остальное - дело практики. А практика - лучший учитель.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.