Сегодня мы будем рисовать стилизованную фотокамеру в 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) и пошлите на задний план.
Результат
Обсуждаем урок и выкладываем свои работы
Оставьте свой комментарий
- Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.