ПОСЛЕДНИЕ ТЕМЫ

  • Нет сообщений для показа

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

Как это работает

Шаг 1

Нажмите Ctrl+N, чтобы создать новый документ. Укажите в качестве Units / Единиц измерения Pixels и размер документа укажите в 800x600px. Затем кликните по стрелке Advanced / Дополнительно, чтобы открыть дополнительные опции. Выберите цветовой режим RGB, разрешение Screen / Экранное (72ppi), а также включите опцию “Align New Objects to Pixel Grid / Выравнивать новые объекты по пиксельной сетке”. Нажмите OK.

Включите сетку (View > Show Grid / Вид > Показать сетку) и привязку к сетке (View < Snap to grid / Вид > Привязывать к сетке). Нам понадобится сетка через каждые 10px. Чтобы настроить ее так, нажмите Ctrl+K и зайдите в Preferences / Установки, затем в Guides and Grids / Направляющие и сетка. Укажите 10 в параметре Gridline every / Линия через каждые и 4 в параметре Subdivision / Внутреннее деление на... Это поможет вам в работе, но вы также можете быстро деактивировать сетку, нажав Ctrl+”.

Еще вам будет удобнее работать, если вы активируете палитру Info / Информация (Windows > Info / Окно > Информация). Так вы будете видеть превью вашего документа и расположение фигур. Не забудьте сменить Units / Единицы на Pixels / Пиксели(Edit > Preferences > Units / Редактировать > Установки > Единицы). Это поможет вам работать быстрее.

 

2. Рисуем камеру и детали

Начнем с создания основной формы камеры, затем добавим объектив, линзы, кнопку спуска и другие детали.

 

Шаг 1

Создайте прямоугольник размером 292x176px при помощи инструмента  Rectangle / Прямоугольник (M). Укажите фигуре цвет заливки (#64DDBB). Скруглите углы до радиуса в 38px в палитре Transform / Трансформация.

Дублируйте фигуру (Ctrl+C & Ctrl+F) и укажите копии width / ширину в 280px в палитре Transform / Трансформация. Укажите копии цвета заливки (#7CEECE).

 

 

Шаг 2

В центре нашей базы нарисуйте ленту как показано ниже. Создайте прямоугольник размером 284x94px, укажите ему цвет заливки (#E7E7E8), затем скруглите правые углы до 16px.

Дублируйте серую фигуру (Ctrl+C& Ctrl+F) и укажите верхней копии ширину в 272px, а также цвет заливки (#F7F7F8).

 

 

Шаг 3

Теперь нарисуем выемку в корпусе как показано ниже. Начните с создания прямоугольника размером 50x16px цвета (#E7E7E8). Скруглите углы (8px). Дублируйте фигуру (Ctrl+Ctrl+F) и переместите верхнюю копию на одну точку влево и на одну вниз при помощи стрелок на клавиатуре. Смените цвет на (#F7F7F8).

Добавьте еще один прямоугольник размером 38x4px и цвета (#51B398). Скруглите углы и разместите как показано ниже.

 

 

Шаг 4

Теперь давайте нарисуем объектив. Для этого вам понадобятся семь кругов следующего размера, цвета и в указанной ниже последовательности:

  • Первый круг: 140x140px; #5B5B5F
  • Второй круг: 124x124px; #3D3D5F
  • Третий круг: 114x114px; #5B5B5F
  • Четвертый круг: 104x104px; #353538
  • Пятый круг: 66x66px; #5B5B5F
  • Шестой круг: 60x60px; #272729
  • Седьмой круг: 12x12px; #F3EAD8

 

 

Шаг 5

Сгруппируйте все круги (Ctrl+G) и создайте еще один круг размером 140x140px цвета (#5B5B5F). Снизьте opacity / непрозрачность круга до 25% в палитре Appearance / Оформление. Поместите его под группу объектива (Right click > Arrange > Send Backward / Правый клин > Упорядочить > Переложить назад) и переместите круг вниз на 8px.

 

 

Шаг 6

Нарисуйте маленький красный круг размером 4x4px и цвета (#EB63361). Поместите его как показано ниже.

 

 

Шаг 7

Теперь при помощи двух кругов нарисуем блики. Начните с круга размером 38x38px (#F3EDE0) на opacity / непрозрачности в 25%.

Второй круг (12x12px #FFFFFF) будет на opacity / непрозрачности в 45%. Разместите круги как показано ниже.

Помните что вы можете редактировать Opacity / Непрозрачность в палитре Appearance / Оформление или прямо в панели настроек сверху.

 

 

Шаг 8

Теперь нарисуем окошко вспышки. Для этого создайте прямоугольник размером 28x24px (#60646D) и скруглите углы (4px). Добавьте еще один прямоугольник размером 24x12px (#BDC5D6) и разместите его в центре предыдущего.

Сгруппируйте прямоугольники (Ctrl+G) и поместите поверх камеры как показано ниже.

 

 

Шаг 9

Теперь добавим маленькие ушки по бокам. Для этого нарисуйте круг размером 18x18px (#51B398). Дублируйте его (Ctrl+C & Ctrl+F) и укажите копии размер 8x8px.

Выделите оба круга и кликните по иконке Minus Front / Минус верхний в палитре Pathfinder / Обработка контура. Дублируйте получившуюся фигуру (Ctrl+C & Ctrl+F) и поместите обе фигурки под камеру по обеим сторонам, как показано ниже (Right click > Arrange > Send to back / Правый клик > Упорядочить > На задний план).

 

 

Шаг 10

А теперь давайте добавим кнопку. Создайте прямоугольник размером 46x8px (#5D7871) скруглите верхние углы на 4px в палитре Transform / Трансформация.

Нарисуйте еще один прямоугольник размером 46x2px (#8DC4B6) и выровняйте его по нижнему краю предыдущей фигуры. Сгруппируйте обе фигуры (Ctrl+G) и поместите их на камеру сверху.

 

 

Шаг 11

Добавьте колесико при помощи прямоугольника размером в 42x12px (#5D7871). Скруглите его верхние углы (4px) затем добавьте в верхнюю часть девять прямоугольников цвета (#8DC4B6) и размером в 2x6px, отдаленных друг от друга на 2px.

Сгруппируйте все вместе и поместите на камеру.

 

 

Шаг 12

Чтобы закончить с камерой, добавим маленькую кнопку. Для этого нарисуйте круг размером 14x14px (#7CEECE).

Дублируйте круг, укажите копии цвет (#64DDBB) и поместите ее под оригинальным кругом. Затем переместите копию ниже на 4px.

Сгруппируйте оба элемента и разместите как показано ниже.

 

 

Рисуем фон

Теперь давайте займемся фоном.

 

Шаг 1

Нарисуем крестик цвета (#64DDBB) инструментом  Line Segment / Отрезок линии (\) длиной в 10px и толщиной в 4px. Укажите линии круглые концы в палитре Stroke / Обводка, дублируйте линию (Ctrl+C &Ctrl+F) и поверните ее на 90º инструментом  Rotate / Поворот ®. Сгруппируйте крестик.

 

 

Шаг 2

Дублируйте крестик и поверните его на 45º. Затем нарисуйте круг размером 12x12px (#FEC606) без заливки и с обводкой в 4px.

Дублируйте элементы (Ctrl+C & Ctrl+F) несколько раз и раскидайте элементы по фону.

 

 

Шаг 3

Добавим тень. Нарисуйте овал размером 156x18px (#1C292E). Сгруппируйте все и выровняйте по центру документа в палитре Align / Выравнивание.

 

 

Шаг 4

Наконец нарисуйте прямоугольник по размеру рабочей области (800x600px), укажите ему заливку цвета (#25373D) и пошлите на задний план.

 

 

Результат

 


Обсуждаем урок и выкладываем свои работы

Перевод — Дежурка                             Автор урока - Hector Heredia
Рейтинг 0 из 5 на основе 0 голосов
Здесь ещё нет оставленных комментариев.

Оставьте свой комментарий

  1. Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.
Оцените сообщение:
Вложения (0 / 3)
Share Your Location
Введите текст с картинки. Не разобрать?

Поиск

Пользователь