Плоский логотип с чашкой чая в Adobe Illustrator
На сегодняшнем уроке нам предстоит нарисовать в Adobe Illustrator модный плоский логотип в виде чашки чая. Мы будем использовать и видоизменять обычные геометрические фигуры, работать с палитрой Align (выравнивание) и Pathfinder (обработка контуров), а также научимся нескольким простым, но полезным трюкам.
Что должно получиться
Шаг 1
Начнем рисовать чашку с круга. При помощи инструмента Ellipse Tool (L) / Эллипс создайте круг с размерами 275×275 пикселей.
Возьмите инструмент Eraser Tool (Shift-E) / Ластик, удерживая кнопку Alt сотрите верхнюю половинку круга. Проделайте то же самое с нижней частью, но удалите контур не полностью, а как на картинке внизу, чтобы получилось основание чашки.
Вытяните фигуру, чтобы чашка стала чуть выше.
Шаг 2
Возьмите инструмент Rounded Rectangle Tool / Прямоугольник со скругленными углами и нарисуйте фигуру с размерами 175×20 пикселей. Это будет блюдце. Используйте ластик, чтобы удалить верхнюю часть блюдца, и прикрепите получившуюся фигуру к чашке снизу.
Задайте блюдцу чуть более темный цвет, чем чашке.
Шаг 3
Теперь мы добавим ушко. Нарисуйте с помощью инструмента Rectangle Tool (M) / Прямогольник фигуру размерами 130×80 пикс. Выделите чашку и этот прямоугольник и потом снова чашку, чтобы сделать ее ключевой фигурой. Зайдите в палитру Align / Выравнивание и кликните на Vertical Align Top / Вертикальное Выравнивание Вверх, чтобы выравнять обе фигуры по верху чашки.
Теперь можно применить инструмент Direct Selection Tool (A) / Прямое Выделение и функцию Live Corners / Живые Углы, чтобы скруглить ручку чашки, вытянув маркеры.
Шаг 4
Выделите ушко чашки и примените Object > Path > Offset Path / Объект > Контур > Создать параллельный контур, установив Offset / Смещение на -20 пикселей, чтобы создать маленькую фигурку.
Выделите обе фигуры и примените функцию Minus Front / Минус Верхний из палитры Pathfinder / Обработка Контуров. Так мы удалим внутреннюю фигуру.
Наконец, поместите ушко чашки за саму чашку при помощи комбинации клавиш Shift-Control-[.
Шаг 5
Давайте теперь добавим нашей плоской чашке полупрозрачную тень. Выделите все элементы чашки и при помощи Control-C > Control-F сделайте дубликат. Держите копии выделенными и примените Unite / Объединение из палитры Pathfinder / Обработка Контуров. Теперь они стали одной фигурой.
Удерживая кнопку Alt, воспользуйтесь инструментом Eraser Tool (Shift-E) / Ластик, чтобы удалить левую половину объединенной фигуры. Переключите Blending Mode / Режим Наложения оставшейся части чашки на Multiply / Умножение. Скорректируйте цвет, затемнив правую часть чашки.
Шаг 6
Теперь давайте сделаем стилизованный пар, поднимающийся от чашки вверх. Используем инструмент Line Segment Tool (\) / Отрезок Линии и, удерживая кнопку Shift, нарисуем три вертикальные линии. Зададим обводку толщиной 6 pt, а в полях Cap и Corner устанавим положение по центру, как н акартинке внизу.
Теперь делаем Effect > Distort & Transform > Zig Zag / Эффект > Искажение и преобразование > Зигзаг. Задайте параметры, как на скриншоте.
Шаг 7
Сейчас нам нужен простой зеленый чайный листик. Воспользуемся инструментом Ellipse Tool (L) / Эллипс и нарисуем круг с размерами 90×90. Выделите его верхнюю точку с помощью Direct Selection Tool (A) / Прямое Выделение и примените Convert selected anchor point to corner / Преобразовать Опорную Точку в Угол.
Потяните немного вверх эту точку, сделав фигуру длиннее, и воспользуйтесь инструментом Line Segment Tool (\) / Отрезок Линии, чтобы нарисовать вертикальный отрезок по центру листика.
Шаг 8
Таким же способом добавьте немного прожилок. Выделите их, двойным щелчком нажмите на инструмент Reflect Tool (O) / Зеркальное Отражение и выберите там Vertical Axis / Вертикальная Ось.
Кликните Copy / Копировать, чтобы отразить объект горизонтально и сделать прожилки на противоположной стороне.
Шаг 9
Нарисуйте еще один листик, но темнее и проще, чем предыдущий, и поместите оба элемента позади чашки так, чтобы они соответствовали композиции.
Шаг 10
Давайте завершим наш дизайн логотипа, добавив текст.
При помощи инструмента Artboard Tool (Shift-O) / Область Кадрирования сделайте холст квадратным, задав размеры 600×600.
Поместите чашку в центр монтажной области и добавьте какую-то фразу, используя инструмент Type Tool (T) / Текст.
Финальный результат
Автор — Yulia Sokolova
Перевод — Дежурка
Смотрите также:
- Геометрический постер в Adobe Illustrator за 7 шагов
- Рисуем простой геометрический узор в Adobe Illustrator
- Рисуем улыбающийся смартфон в Adobe Illustrator
как нарисовать 3D чашку ~ Записки микростокового иллюстратора
[Eng]
В сегодняшнем уроке мы будем рисовать чашку с применением множества различных эффектов, одним из которых является 3D Revolve. С помощью такого 3D эффекта Adobe Illustrator удобно создавать различные формы, которые в реальном мире получают посредством вращения. Например, на токарном станке или ещё где. Поэтому, чтобы нарисовать нашу чашку, мы перевоплотимся в своеобразного векторного гончара 🙂
На первый взгляд урок может показаться сложным.
Но на самом деле всё довольно просто, поэтому мы рекомендуем его в первую очередь начинающим иллюстраторам или тем, кто не очень часто практиковал 3D эффекты до этого.
Если вас интересуют другие уроки Adobe Illustrator с этого блога, то смотрите их по этой ссылке «Уроки Adobe Illustrator». Если у вас возникли затруднения в использовании того или иного инструмента, можете обратиться за подсказкой к разделам курса «Изучи Adobe Illustrator за 30 дней!». Вы также можете взять онлайн консультацию по Adobe Illustrator через Skype.
Автор: Роман aka dacascas
Уровень: для начинающих
Версия Adobe Illustrator: любая (рекомендуется CS5 и выше)
Я рекомендую размеры нового документа выбрать 500×500 px. Также вам будет удобнее применять эффекты к фигурам, если их размеры будут примерно равняться моим размерам из урока.
Для начала нарисуйте профиль кружки с помощью инструмента Pen Tool. Будьте аккуратны. Если это необходимо включите сетку View > Show Grid и прилипание к сетке View > Snap to Grid (размеры фигуры W=90 px, H=220 px).
Закрасьте профиль в любой цвет. Я выбрал красный.
Не снимая выделения с нарисованного профиля, выберите в меню Effect > 3D > Revolve. Установите настройки как в диалоговом окне ниже. Если у вас отображаются не все опции 3D эффекта, нажмите кнопочку More Options.
В результате применения эффекта профиль при вращении нарисует форму нашей будущей чашки.
Если приглядеться, то можно заметить, что свет и тень внутри чашки выглядят неестественно. Как будто что-то подсвечивает её изнутри. Чтобы исправить это, нарисуем тень вручную. Для этого достаточно положить сверху отверстия кружки эллипс с линейной градиентной заливкой от белого к чёрному.
Затем примените к этому градиентному эллипсу режим наложения Multiply, прозрачность можно немного уменьшить. Я установил Opacity 70%.
Теперь, когда основа кружки выглядит нормально, перейдём к созданию ручки.
Нарисуйте небольшой круг для этого (размеры фигуры W=25 px, H=25 px).
Опять же применяем к этому кругу 3D эффект Revolve. Но настройки тут будут уже немного хитрее. Чтобы получить разорванную фигуру, измените значение Angle. Также отрегулируйте показатель Offset, чтобы увеличить радиус вращения круга. Очень здорово помогает выставленная галочка Preview. Тогда вы видите, что происходит на рабочей области с фигурой при изменении параметров эффекта. Наконец, если голова совсем идёт кругом от этого 3D вращения, то вы можете списать настройки со скриншота 🙂
У вас должна получиться вот такая ручка.
Присоединяем её к кружке.
Теперь нарисуем наклеечку. Изображение смайлика делается очень просто. Используйте такие простые фигуры как круги и эллипсы. Рот можно получить из двух кругов с помощью панели PathFinder, вычитая одну форму из другой (общий размер объекта W=100 px, H=100 px).
Поверните лицо смайлика немного вбок. Так он будет выглядеть приветливее. Люди, кстати, тоже непроизвольно наклоняют голову, когда собеседник им симпатизирует. Скопируйте форму самого большого внешнего круга белого цвета с помощью горячих клавиш Ctrl+C. Затем вставьте копию этого круга точно поверх предыдущего с помощью другой комбинации Ctrl+F. Отправьте этот круг на передний план Object > Arrange > Bring to Front. И закрасьте его линейным градиентом как на картинке ниже. Режим наложения установите Multiply, прозрачность 20%.
Чтобы нарисовать тень под наклейкой, воспользуйтесь радиальным градиентом. Примените заливку с параметрами, как на скриншоте, к обычному кругу, и установите режим наложения Multiply.
Теперь осталось только поставить тень под наклейку.
Для большей реалистичности исказим наклейку с помощью эффекта Effect > Warp > Arch.
Установите значение Bend на -10%, чтобы наклейка выгнулась.
Теперь поместим наклейку вместе с тенью на кружку. Выглядит симпатично 🙂
Для создания тени от самой кружки, нарисуйте эллипс с радиальной градиентной заливкой. Отрегулируйте настройки градиента, как на картинке ниже и установите режим наложения Multiply.
Пора рисовать напиток! Если честно, я так и не решил, что там за жидкость. Допустим – чай, а может быть и что повеселее 😉 Так или иначе, эта штука нарисована пером и имеет темно-красный цвет. Градиентный эллипс, который мы делали в самом начале урока, я поместил поверх жидкости, чтобы выглядело реалистичнее.
Далее пишем текст. Не забудьте преобразовать его в кривые (правый клик > Create Outlines).
Преобразуем текст в кисть Art Brush. Подробнее по работе с кистями читайте в этом уроке: Adobe Illustrator за 30 дней. День 8: Использование кистей. Далее рисуем нашу надпись с помощью инструмента Paintbrush Tool.
Чтобы раздуть полученную кисть с одной стороны, можно воспользоваться инструментом Width Tool. Захватите инструментом Width Tool за край контура, лежащего в основе кисти, и потяните в сторону. Но подобный инструмент появился только в CS5 иллюстраторе. Поэтому если вы пользуетесь более ранними версиями Adobe Illustrator, придётся выкручиваться по-другому. Можно, например, отэкспандить кисть и применить к полученной фигуре эффект Free Distort.
В итоге преобразуем всё в простые формы Object > Expand Appearance.
Для дальнейшей работы необходимо сделать надпись немного толще. Воспользуемся эффектом Effect > Path > Offset Path.
Опять и снова Object > Expand Appearance. Дальше вы можете подредактировать некоторые буквы, если результат вас не совсем устраивает. Я, например, немного растянул букву Г.
И, наконец применяем ко всей надписи эффект Effect > Stylize > Feather, чтобы размыть края букв.
Вот теперь позитивная утренняя чашка бодрящего напитка готова к употреблению.
Так сказать, пей и здоровей 🙂
Роман aka dacascas специально для блога Записки микростокового иллюстратора
Читать дальше…
Подпишитесь на нашу рассылку, чтобы не пропустить ничего нового:
Предлагаю ознакомиться с аналогичными статьями:
Как сделать кофейную чашку в Adobe Illustrator
В этой статье я хотел научить вас, как на самом деле что-то сделать, в данном случае кофейную чашку. Этот учебник требует некоторых знаний об основных функциях Adobe Illustrator, однако я предоставил ссылки на соответствующие статьи, в которых подробно объясняются некоторые инструменты Illustrator, чтобы вы могли пройти, если вы действительно новичок в Illustrator.
Начнем!
1. Нарисуйте овал с помощью инструмента «Эллипс»
Первым шагом в создании кофейной чашки является рисование контура чашки.
Затем вы можете залить его цветом, но пока все, что вы рисуете, должно иметь черную обводку и не иметь заливки. Начните с рисования овала с помощью инструмента «Эллипс».
2. Нарисуйте треугольник посередине овала, используя боковые опорные точки в качестве направляющих начинается с 4 якорей: по одному с каждой стороны круга и по одному вверху и внизу круга.
С помощью овала, который мы только что нарисовали, мы сосредоточимся на двух боковых якорях.
С помощью инструмента «Перо» нарисуйте треугольник от двух опор вниз. Точка треугольника должна быть направлена вниз. Убедитесь, что интеллектуальные направляющие включены, чтобы вы могли центрировать точку в середине круга. Вы можете включить интеллектуальные направляющие, перейдя к просмотру и нажав на интеллектуальные направляющие. При включенных интеллектуальных направляющих, когда инструмент «Перо» совпадет с центром круга, появится розовая линия.
Ваш конечный результат должен выглядеть так:
3. Скругление нижних краев треугольника
Удерживая нажатой клавишу Alt при вытягивании линий с помощью инструмента «Перо», линии будут искривляться.
Возьмите две нижние линии треугольника и по одной вытащите их. Чтобы это работало, необходимо выбрать инструмент «Перо» и удерживать нажатой клавишу «Alt».
Переставьте чашку, переместив овал так, чтобы он оказался над основанием чашки. Вы можете сделать это, щелкнув правой кнопкой мыши овал, прокрутив вниз, чтобы упорядочить, и щелкнув «Перенести на передний план».
4. Создайте внутреннюю часть чашки
Выберите верхний овал и скопируйте его (Ctrl-C). Вставьте (Ctrl-F) новый овал точно поверх исходного круга. Возьмите верхний овал и перетащите круг примерно на полсантиметра со всех сторон.
Чтобы сохранить целостность овала, при уменьшении размера круга зажмите Alt и Shift.
Alt позволяет уменьшить овал от середины овала, а не от одной из сторон, а Shift зафиксирует форму овала, поэтому, когда вы его уменьшаете, пропорции исходного овала остаются прежними.
Выберите внутренний овал и, удерживая клавишу Alt, чтобы продублировать круг, перетащите его вниз примерно на полсантиметра.
Выберите два внутренних овала, перейдите на панель поиска пути и нажмите «Разделить».
Вам больше не нужен раздел, выделенный красным, поэтому удалите его.
5. Заполните чашку красками
На этом этапе вы можете начать заполнять чашку красками, чтобы понять, как она будет выглядеть.
Для начала я закрасил все элементы чашки белым цветом, чтобы вы могли видеть, как чашка должна выглядеть после удаления всех ненужных линий.
Я создал этот вид раскраски по номерам, чтобы вам было легче различать, какие цвета должны быть одинаковыми. Чтобы использовать те же цвета, что и я, следуйте этому руководству:
1: #ffffff
2: #f2f2f2
3: #895724
Для второго цвет, обозначенный #2, вы должны выбрать цвет немного темнее #1.
После того, как вы выбрали все свои цвета, удалите все черные штрихи. В зависимости от цвета вашей чашки вы также можете создать красочный фон. Моя монтажная область того же цвета, что и чашка, поэтому я использовал инструмент «Прямоугольник», чтобы создать квадрат размером с мою монтажную область (1000 на 1000) и поместил квадрат на обратную сторону моего рисунка.
6. Нарисуйте ручку кофейной чашки
При использовании инструмента «Кисть-клякса», если цвет кисти точно такого же цвета, как и любой из элементов в вашей чашке, он объединится с этим цветом и создаст одну большую форму. Если вы хотите, чтобы ручка была другого цвета по сравнению с основанием вашей чашки, вы не хотите, чтобы ваша ручка сливалась с чашкой, поэтому для начала выберите цвет, который отличается от всех других цветов в вашей чашке.
Измените цвет ручки на желаемый цвет и отправьте ручку за чашку. Не направляйте ручку полностью назад, потому что тогда ручка окажется за фоновым цветом.
7. Добавьте немного теней
С помощью инструмента «Перо» нарисуйте изогнутую линию на коричневом кофе. Обратите внимание, откуда должен исходить источник света. Я хотел, чтобы источник света исходил из правого верхнего угла, поэтому затенение должно было отражать это. Ваша чашка должна выглядеть так:
Выберите только что нарисованную черную линию и коричневый кофе. На панели поиска пути примените инструмент разделения. Это разделяет кофе на 2 части. Разгруппируйте разделы (shift-ctrl-G) и измените цвет меньшего раздела на более темный оттенок коричневого.
Я использовал коричневый #68411a.
Чтобы добавить тень от чашки, нарисуйте фигуру вокруг ручки чашки так, чтобы углы соприкасались с верхом и дном чашки, например:
Чтобы упростить задачу, убедитесь, что фигура выходит за край монтажной области.
Затем вы можете разделить новую форму и цвет фона с помощью панели поиска контуров, чтобы форма идеально совпадала с фоновым квадратом. Как только вы это сделаете, вы не сможете настроить форму тени, поэтому не разделяйте объекты, пока не получите все так, как вам нравится. Переместите тень и цвет фона за кофейную кружку.
Тень должна быть немного темнее цвета фона. Так как мой цвет фона #ef8989, мне нужно что-то немного темнее, поэтому я выбрал #e07c7c для цвета теней.
Вот и все! Теперь у вас есть красивая кофейная чашка, которую вы можете использовать на своем веб-сайте, продукте и т. д.
Если вам понравился этот пост, почему бы не поделиться им! Это позволяет мне знать, какие посты вам нравятся, чтобы я мог делать больше подобных постов.
Магазин Мои Дизайны
СохранитьСохранитьСохранитьСохранить
СохранитьСохранить
СохранитьСохранить
СохранитьСохранить
СохранитьСохранить
9 0002 СохранитьСохранить
СохранитьСохранить
СохранитьСохранить
СохранитьСохранить
Illustrator Tutorial: Cup of Tea
In В этом уроке я покажу вам, как быстро и приятно приготовить чашку чая из чайного пакетика с помощью Adobe Illustrator.
В основном я буду рисовать фигуры и использовать инструмент «Градиент» для достижения желаемого эффекта. Если вы знакомы с Illustrator, вы сможете относительно легко следовать ему.
Шаг 1
1. Выберите инструмент «Эллипс» (L) на панели инструментов и создайте два круга. Один белый, а другой темно-коричневый.
2. Выделите два круга и перейдите в Object> Blend> Make (Alt+Ctrl+B).
3. Выберите инструмент Эллипс (L) и создайте еще один круг, затем залейте круг сплошным цветом и вставьте на передний план (Ctrl+F).
4. Выберите Pen Tool (P) и нарисуйте фигуру, затем залейте ее белым цветом.
5. Выберите инструмент Эллипс (L) и создайте еще один круг, затем залейте его Радиальным градиентом.
6. Создайте еще один круг и залейте его линейным градиентом.
7. Скопируйте круг и вставьте его впереди. Уменьшите размер и залейте его Радиальным градиентом.
Шаг 2
8.
Теперь в шаге 2 мы сначала создадим фигуру с помощью Pen Tool (P) и заполним ее черным цветом.
9. Скопируйте форму и немного масштабируйте ее. Вставьте его на передний план и залейте линейным градиентом.
10. Теперь создайте фигуру с помощью Pen Tool (P) и залейте ее линейным градиентом.
11.
12. Теперь создайте фигуру с помощью Pen Tool (P) и залейте Линейным градиентом.
13. Создайте фигуру, залейте ее черным цветом и поместите на передний план.
14. Теперь создайте фигуру с помощью Pen Tool (P) и залейте ее сплошным черным цветом.
15. Создайте новую фигуру и залейте ее цветом Linear Gradient, затем поместите ее на передний план.
16. Теперь с помощью Pen Tool (P) создайте фигуру и залейте ее сплошным цветом.
17. Добавьте еще одну фигуру и залейте ее черным цветом, затем уменьшите непрозрачность до 17%.
Шаг 3
18.
Теперь в шаге 3 мы используем инструмент Эллипс. Создайте два эллипса, один залейте градиентом, а другой сплошным цветом.
19. Скопируйте многоточия и вставьте их впереди (Ctrl+F). Внесите некоторые коррективы и залейте их Радиальным градиентом.
20. Скопируйте и вставьте вперед, затем немного уменьшите. Измените градиент.
21. Создайте фигуру и залейте ее белым цветом.
22. Дублируйте (Ctrl+C, Ctrl+F) фигуру и немного масштабируйте ее, затем залейте желтым цветом.
23. Скопируйте и вставьте впереди. Немного масштабируем и меняем цвет на коричневый.
24. Теперь создайте новую фигуру с помощью Pen Tool и залейте ее Радиальным градиентом.
25. Возьмите Pen Tool (P) из панели инструментов и создайте фигуру, как показано на рисунке ниже. Убедитесь, что конечные точки совпадают. Вы можете отрегулировать положение конечных точек с помощью Инструмента «Прямое выделение» (А): Заполните форму, используя Линейный градиент.
26.
27. Теперь используйте Pen Tool (P) и нарисуйте ручку для чашки.
28. Создайте фигуру для выделения ручки и залейте ее градиентом.
29.
30. Создайте фигуру для выделения ручки и залейте ее белым цветом.
31. Скопируйте фигуру и вставьте ее впереди. Немного масштабируйте его и залейте линейным градиентом.
32. Создайте фигуру в нижней части чашки и залейте ее градиентом.
33. Создайте новую фигуру и залейте ее градиентом. Измените режим наложения на «Умножение» и уменьшите непрозрачность до 25%.
34. Создайте еще одну фигуру и залейте ее градиентом. Измените режим наложения на «Умножение» и уменьшите непрозрачность до 25%.
35.
36. Создайте еще одну фигуру и залейте ее черным цветом. Измените режим наложения на «Умножение» и уменьшите непрозрачность до 15%.
37.
38.
39. Создайте новую фигуру с помощью Pen Tool и залейте ее градиентом. Уменьшите непрозрачность до 45%.
40. Залейте новую фигуру сплошным черным цветом и уменьшите непрозрачность до 13%.
Шаг 4
41. Создайте новую форму чайного пакетика с помощью Pen Tool и залейте ее сплошным цветом.
42. Скопируйте фигуру и вставьте ее впереди (Ctrl+F). Немного увеличьте его, затем залейте фигуру градиентным цветом.
43. С помощью Pen Tool нарисуйте несколько линий, используя желтый цвет обводки.
44.
45.
46. С помощью Pen Tool нарисуйте несколько линий, используя желтый цвет обводки, и уменьшите его непрозрачность до 65%.
47. Инструментом “Эллипс” (L) создайте небольшой эллипс и залейте его сплошным зеленым цветом.
48. С помощью Pen Tool нарисуйте фигуру и залейте ее сплошным цветом, а затем вставьте на передний план.