Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)
Не так давно началась школа, поэтому давайте вдохновимся и создадим три карандашных персонажа в Adobe Illustrator.
Для начала мы создадим тело карандаша при помощи базовых фигур и нескольких техник искажения. Далее последует весёлая часть, где мы создадим разные выражения лиц. Вы можете даже смешать и совместить все элементы по своему желанию для создания собственного карандашного персонажа.
Затем мы добавим руки, кисти и несколько аксессуаров, чтобы сделать персонажей ещё милее. Начнём веселье!
1. Начинаем новый проект
Запустите Illustrator и перейдите в Файл > Новый, чтобы открыть пустой документ. Введите имя файла, настройте его размеры и выберите Пиксели в Единицах измерения и RGB в Цветовом режиме. Убедитесь, что возле пункта «Выровнять новые объекты по пиксельной сетке» не стоит галочка.
Затем перейдите в Редактировать > Установки > Основные и установите Клавиатурное приращение на 1 пиксель. Там же перейдите в Единицы измерения, чтобы убедиться, что они настроены как на картинке. Я обычно работаю с этими настройками; они помогут вам в процессе рисования.
2. Создаём тело карандаша
Шаг 1
Возьмите Инструмент «Скруглённый прямоугольник» и примените следующие настройки для рисования первой фигуры. Выделив фигуру, перейдите в Объект > Контур > Добавить опорные точки, чтобы добавить дополнительную точку в середине каждой стороны. Возьмите Инструмент «Добавить опорную точку» (+) и добавьте две дополнительные точки в нижней части.
Шаг 2
Используйте Инструмент «Прямое выделение» (А), чтобы выбрать только точку 1, и затем перейдите в Объект > Трансформировать > Перемещение. Введите 25 пикселей в поле Вертикали и нажмите ОК. Затем выделите точки 2 и 3 и снова примените эффект Перемещения, но в этот раз введите -6 пикселей в поле Вертикали.
Шаг 3
Всё ещё используя Инструмент «Прямое выделение» (А) перетащите выделение через три точки в нижней части и затем нажмите на кнопку «Преобразовать выделенные опорные точки в гладкую поверхность" на панели Управления. Создадутся скруглённые указатели.
Шаг 4
Используйте Инструмент «Отрезок линии» (\) или Инструмент «Перо» (Р), чтобы нарисовать прямой контур поверх прямоугольника – не через середину, а слегка справа. Теперь выделите прямоугольник с контуром и нажмите «Разделить» на панели Обработки контуров. У вас получатся две отдельные фигуры.
Шаг 5
Заполните фигуру справа светлым градиентом, а фигуру слева – тёмным.
Шаг 6
Используйте Инструмент «Перо» (Р), чтобы нарисовать треугольник в нижней части (1) и затем контур как на следующей картинке (2). Выделите треугольник и контур и нажмите «Разделить» на панели Обработки контуров.
В результате у вас получатся две отдельные фигуры – «дерево» и «графит» (3). Добавьте две дополнительные точки Инструментом «Добавить опорную точку» (+) на обеих сторонах «дерева» и сдвиньте их на 1-2 пикселя наружу для создания слегка закруглённого вида (4).
Шаг 7
Заполните «дерево» линейным градиентом, как показано, и выберите тёмно-серый цвет для заливки «графита».
Шаг 8
Давайте добавим несколько бликов. При помощи Инструмента «Перо» (Р) нарисуйте такую же фигуру поверх «дерева» и заполните её линейным градиентом от серого до белого (1). Настройте эту фигуру на Режим наложения «Одинаковый» и Непрозрачность на 20% (2). Затем увеличьте «графит» и нарисуйте две фигуры, как показано ниже, при помощи Инструмента «Перо» (Р). Заполните их линейным градиентом от чёрного до белого (3).
Шаг 9
На этом этапе тело жёлтого карандаша готово. Сгруппируйте (Control-G) все фигуры и назовите группу «Тело». Для создания других карандашей скопируйте группу «Тело» и замените два жёлтых градиента. Помните, что справа должен быть градиент светлее, а слева – темнее.
3. Создаём ластик
Шаг 1
Возьмите Инструмент «Скруглённый прямоугольник» и нарисуйте новый прямоугольник с указанными параметрами. Перейдите в Объект > Контур > Добавить опорные точки, чтобы добавить дополнительную точку в середине каждой стороны.
Сдвиньте эти точки в направлении стрелок на 2-3 пикселя при помощи клавиш со стрелками на клавиатуре. Если у ваших точек нет указателей, нажмите на функцию «Преобразовать выделенные опорные точки в гладкую поверхность» на панели Управления. Заполните эту фигуру градиентом, как показано ниже (цвета в градации серого, т.к. это проще).
Шаг 2
Нарисуйте такую же фигуру и отправьте её на задний план за фигуру, которую мы создали в предыдущем шаге. Для её заполнения используйте первый градиент, показанный ниже. Скопируйте и Вставьте на задний (Control-B) эту фигуру и затем слегка сдвиньте её вверх. Используйте второй градиент для заливки.
Шаг 3
Теперь возьмите Инструмент «Эллипс» (L) и нарисуйте два эллипса, как на предыдущей картинке. Для большого эллипса выберите белый цветом заливки и установите его Непрозрачность на 75%. Для маленького используйте указанный линейный градиент.
Шаг 4
Затем возьмите Инструмент «Прямоугольник» (М) и нарисуйте тонкий прямоугольник на несколько пикселей шире металлической фигуры.
Шаг 5
Выделив тонкий прямоугольник, перейдите в Эффект > Стилизация > Тень и примените этот эффект три раза, использовав настройки, показанные на следующей картинке.
Шаг 6
Создайте две копии тонкого прямоугольника и разместите их под первым. Сгруппируйте (Control-G) три прямоугольника и перейдите в Эффект > Деформация > Арка и примените Горизонтальный сгиб 3%.
Шаг 7
Давайте добавим несколько бликов на ластике. Сначала нарисуйте два эллипса, как на предыдущей картинке. Для переднего выберите белый цветом заливки и установите его на Режим наложения «Перекрытие» и Непрозрачность на 50%. Для эллипса на правой стороне выберите тёмно-розовую заливку. Перейдите в Эффект > Стилизация > Растушёвка и примените Радиус 15 пикселей для обеих фигур.
Шаг 8
Возьмите Инструмент «Перо» (Р) и нарисуйте контур, повторяющий верхнюю сторону металлической фигуры. Добавьте ему чёрную Обводку 4 и перейдите в Эффект > Размытие > Размытие по Гауссу и примените Радиус 9 пикселей.
Затем нарисуйте контур в нижней части металлической фигуры, добавьте чёрную Обводку 5 и примените Размытие по Гауссу 5.8 пикселей. Отправьте оба контура за металлическую фигуру.
Шаг 9
На данный момент ластик готов. Сгруппируйте (Control-G) всю фигуру и назовите её «Ластик». Разместите её на верхушке жёлтого «Тела». Создайте две копии для других карандашей.
4. Создаём глаза
Шаг 1
Возьмите Инструмент «Перо» (Р) и нарисуйте форму глаза, затем перейдите в Объект > Трансформировать > Зеркальное отражение, отметьте галочкой Вертикально и нажмите Копировать. В результате у вас получится фигура правого глаза. Перейдите в Объект > Контур > Создать параллельный контур и примените Параллель 10 пикселей к обеим фигурам.
Шаг 2
Заполните большую фигуру слева указанным линейным градиентом. Для большой фигуры справа используйте такой же градиент, но выберите функцию «Обратный градиент» на панели Градиента.
Выделите оба глаза и заполните их белым цветом, затем перейдите в Эффект > Стилизация > Внутреннее свечение и примените настройки, показанные ниже.
Шаг 3
Для создания радужки используйте Инструмент «Эллипс» (L) и нарисуйте круг 40 х 40 пикселей над левым глазом. Выберите голубой цветом заливки и Обводку 3, затем создайте копию этого круга и поместите её поверх правого глаза. Нарисуйте два маленьких круга, заполненных чёрным – это будут зрачки.
Шаг 4
Давайте добавим глазам сияния. Нарисуйте маленький круг, заполните его радиальным градиентом от белого до чёрного и установите Режим наложения на «Осветление» (чёрный станет прозрачным). Создайте копию этого круга и поместите её поверх правого глаза. Затем нарисуйте ещё два круга поверх и заполните их белым цветом.
Шаг 5
Первая пара глаз готова. Создайте две группы с названиями «Левый глаз» и «Правый глаз». Красный и синий глаза созданы при помощи тех же настроек и цветов, за исключением глаза с кругом 83 х 83 пикселей, что проще. Всё, что вам нужно сделать – это заменить градиент на фигуру побольше соответственно карандашам, и в этом случае у нас есть красный и синий карандаши. Не забудьте нажать на «Обратный градиент» для правого глаза.
На этом этапе вы также можете сделать радужку и зрачки больше или меньше и расположить их там, где хотите.
5. Создаём рот
Шаг 1
Возьмите Инструмент «Перо» (Р) и нарисуйте форму рта как на картинке. Выберите тёмно-коричневый цвет заливки и Внешнюю обводку 5.
Шаг 2
Затем нарисуйте фигуру языка и заполните её красным. Перейдите в Эффект > Стилизация > Внутреннее свечение и примените параметры, указанные на следующей картинке.
Шаг 3
Всё ещё используя Инструмент «Перо» (Р) нарисуйте чёрную фигуру в середине языка, перейдите в Эффект > Стилизация > Растушёвка и примените Радиус 15 пикселей.
Шаг 4
Чтобы создать зубы, нарисуйте фигуру как показано ниже. Выделите фигуру рта, Скопируйте, Вставьте её на передний план (Control-F) и удалите все наружные признаки. Выделите эту копию вместе с зелёной фигурой и нажмите на «Пересечение» на панели Обработки контуров. Заполните получившуюся фигуру белым цветом.
Шаг 5
Выделите все фигуры и создайте группу под названием «Рот». Два других рта созданы при помощи тех же настроек и цветов, отличается только форма рта. Чтобы поместить рот на красном и синем карандашах, измените цвет Заливки фигуры рта на красный и синий, как указано.
6. Создаём брови
Шаг 1
Нарисуйте правую фигуру брови Инструментом «Перо» (Р) и выберите коричневый цвет заливки. Перейдите в Объект > Трансформировать > Зеркальное отражение, отметьте «Вертикально» и нажмите Копировать, чтобы получилась левая бровь.
Выделив правую бровь, перейдите в Эффект > Стилизация > Внутреннее сияние и примените указанные настройки. Снова примените эффект для левой брови, но повысьте Размытие до 25 пикселей.
Шаг 2
Выделив левую бровь, перейдите в Эффект > Стилизация > Тень и примените настройки, показанные на следующей картинке. Повторите те же действия для правой брови.
Шаг 3
Используйте Инструмент «Карандаш» (N), чтобы нарисовать два контура в передней части бровей. Для части справа выберите Обводку 2 и примените Размытие по Гауссу 1.6 пикселей. Для части слева выберите Обводку 3 и Размытие по Гауссу 1.6 пикселей.
Создайте группу с названием «Правая бровь» и группу с названием «Левая бровь».
7. Составляем выражения лиц
Шаг 1
Все элементы лица готовы, и каждый элемент сейчас должен быть сгруппирован. Можете проявить фантазию и смешать все объекты для создания разных выражений лиц карандашей.
Шаг 2
Вот лица, которые получились у меня:
Шаг 3
Расположите нужное лицо на жёлтом «Теле», и в следующем шаге мы добавим немного бликов.
Шаг 4
Для правого глаза выберите самую большую фигуру из группы и перейдите на панель Оформления. Добавьте Новую заливку под уже существующей и выберите белый цвет, затем перейдите в Эффект > Искажение и трансформирование > Трансформирование и примените указанные параметры. Установите Режим наложения этой заливки на «Перекрытие». Повторите те же действия для левого глаза.
Затем выберите фигуру рта и на панели Оформления добавьте Новую заливку под существующими внешними атрибутами. Используйте белый, примените эффект Трансформирования и установите Режим наложения на «Перекрытие».
Шаг 5
Переместите нужное лицо на красное «Тело» и добавьте блики глазам и рту, как объяснялось ранее. То же самое проделайте с синим карандашом.
8. Создаём руки
Шаг 1
Возьмите Инструмент «Перо» (Р) или «Карандаш» (N) и нарисуйте руки жёлтого карандаша. Можете выбрать любую форму.
На панели Оформления добавьте четыре обводки при помощи функции «Толщина обводки» и обозначенных цветов в таком же порядке. Теперь выделите только коричневую Обводку в нижней части, перейдите в Эффект > Искажение и трансформирование > Трансформирование и примените настройки как на следующей картинке.
Шаг 2
Процесс остаётся таким же, если вы создаёте руки для красного и синего карандашей – просто измените цвета обводки и формы рук по своему усмотрению.
9. Создаём руки
Шаг 1
Используйте Инструмент «Перо» (Р), чтобы нарисовать фигуру, как на следующей картинке, и затем перейдите в Эффект > Стилизация > Внутреннее свечение. Примените указанные настройки и нажмите ОК.
Шаг 2
Возьмите Инструмент «Карандаш» (N) и нарисуйте четыре контура, следуя краям фигуры руки (1). Для зелёного, лилового и синего контуров выберите Обводку 2 и перейдите в Эффект > Размытие > Размытие по Гауссу и примените Радиус 5 пикселей. После этого для красного контура выберите Обводку 3 и примените Размытие по Гауссу 7 пикселей (2).
Затем выделите фигуру руки, Скопируйте, Вставьте её на нужное место (Shift-Control-V) и удалите все внешние признаки (3). Теперь выделите четыре контура вместе с копией руки и перейдите в Объект > Обтравочная маска > Создать (Control-7) (4).
Шаг 3
Сгруппируйте (Control-G) все фигуры, составляющие руку, и создайте больше копий для других карандашей. Можете вращать из в зависимости от положения рук.
Шаг 4
Давайте добавим тени. Создайте Инструмент «Прямоугольник» (М) и нарисуйте два маленьких прямоугольника такой же ширины, как и руки. Заполните их линейным градиентом от белого до чёрного и примените Инструмент «Градиент» (G) для настройки направления (чёрный должен быть рядом с телом).
Настройте прямоугольник справа на Режим наложения «Умножение» и Непрозрачность 30-40%, а прямоугольник слева – на Режим наложения «Умножение» с Непрозрачностью 50%, т.к. у нас есть более тёмная и светлая стороны.
10. Создаём аксессуары
Шаг 1
Теперь создадим несколько аксессуаров, хотя эта часть и не обязательна. Инструментом «Перо» (Р) нарисуйте фигуру линзы и отразите её для получения копии. Используйте указанный линейный градиент для заполнения обеих линз и снизьте Непрозрачность до 45%. Затем нарисуйте оправу, переносицу и дужки. Все эти фигуры заполнены тёмно-серым цветом.
Шаг 2
Выделите линзы, оправу и переносицу, Скопируйте и Вставьте на заднем плане (Control-B). Удерживая копии выделенными, нажмите «Объединить» на панели Обработки контуров, чтобы получилась единая фигура. Используйте Инструмент «Выделение» (V) для искажения новой фигуры, перетащив ограничивающую рамку вниз. Заполните эту фигуру тёмно-коричневым, примените Размытие по Гауссу 4 пикселя и снизьте Непрозрачность до 25%.
Шаг 3
Для создания наушников начните с двух форм-подушечек, как на следующей картинке. Далее нарисуйте наконечники и затем дужку.
Затем нарисуйте несколько базовых музыкальных нот, создайте их копии и распределите по своему усмотрению.
Шаг 4
Сгруппируйте (Control-G) все фигуры, составляющие очки, и разместите их поверх глаз. Скорректируйте положение дужек, если они сидят не идеально.
Поместите наушники на верх синего карандаша, но отправьте их на задний план. Затем расположите музыкальные ноты по своему усмотрению.
Шаг 5
Если хотите согнуть синий карандаш (или любой другой), сначала спрячьте ластик, наушники, лицо и ноты, перейдя на панель Оформления, чтобы они не мешали.
Возьмите Инструмент «Прямое выделение» (А), перетащите выделение по точкам в верхней части «Тела» и сдвиньте их влево по своему усмотрению (1). Настройте указатели этих точек и точек вдоль тела, если нужно (2). Теперь сделайте «Ластик» видимым и поверните его, чтобы он совпадал с новым направлением карандаша (3). Сделайте остальные элементы видимыми и отредактируйте всё, что требует корректировки для завершённого вида (4).
11.Добавляем тень под карандашом
Шаг 1
Используйте Инструмент «Эллипс» (L), чтобы нарисовать эллипс в нижней части карандаша. Используйте радиальный градиент, как указано, чтобы заполнить его (у белой черты 0% Непрозрачности) и установите Режим наложения на Умножение. Отправьте этот эллипс назад за все остальные объекты, перейдя в Объект > Монтаж > На задний план (Shift-Control-[).
Шаг 2
Добавьте тень под другими двумя карандашами, и на этом этапе они готовы.
Поздравляю! Вы справились
Вот они! Три милых карандашных персонажа. Надеюсь, это руководство было интересным, и если это так, то вы можете предложить нового персонажа в комментариях.
