в

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

Final product image

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

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

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

Нажмите Ctrl+N, чтобы создать новый документЕдиницами измерений задайте пиксели и введите размеры 800×600 по ширине и высоте соответственно. На вкладке 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). Это значительно ускорит и упростит выполнение работы.

01

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

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

Шаг 1

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

02

Шаг 2

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

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

03

Шаг 3

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

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

04

Шаг 4

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

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

05

Шаг 5

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

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

06

Шаг 6

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

07

Шаг 7

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

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

08

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

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

Шаг 1

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

09

Шаг 2

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

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

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

10

Шаг 3

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

  • Первый: 104×104 пикселя#b5b5b5
  • Второй: 100×100 пикселей#c7c7c7
  • Третий: 96×96 пикселей#b5b5b5
  • Четвертый: 88×88 пикселей#4f4f4f
  • Пятый: 84×84 пикселя#383838
  • Шестой: 60×60 пикселей#242424
  • Седьмой: 56×56 пикселей#383838
  • Восьмой: 44×44 пикселя#242424
11

Шаг 4

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

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

12

Шаг 5

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

13

Шаг 6

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

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

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

14

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

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

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

Шаг 1

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

15

Шаг 2

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

16

Шаг 3

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

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

17

Шаг 4

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

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

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

18

Шаг 5

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

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

19

Шаг 6

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

20

Шаг 7

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

21

Шаг 8

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

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

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

22

Шаг 9

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

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

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

23

Шаг 10

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

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

24

Шаг 11

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

25

Шаг 12

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

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

26

Шаг 13

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

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

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

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

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

27

Шаг 14

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

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

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

28

Шаг 15

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

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

29

Шаг 16

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

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

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

30

Шаг 17

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

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

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

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

31

Шаг 18

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

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

32

Шаг 19

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

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

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

33

Шаг 20

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

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

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

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

34

Шаг 21

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

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

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

35

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

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

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

Final Result

Автор: Hector Heredia

Аватар
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
kak narisovat naushniki vo flet stile v adobe illustrator

Как нарисовать наушники во флет стиле в Adobe Illustrator

sozdaem modnyi odnobukvennyi logotip v adobe illustrator

Создаем модный однобуквенный логотип в Adobe Illustrator