Как сделать чашку в иллюстраторе
Обновлено: 30.07.2024
Уроки Adobe Illustrator. Урок №49: Как нарисовать стеклянный стакан (Январь 2022).
Table of Contents:
Шаг 1: Рисование бокала
Учебник для Adobe Illustrator 10, CS и CS2
Автор Сара Фролих, участникНаучитесь использовать инструменты векторного рисования в Adobe Illustrator 10 и до рисования бокала.
Автор Сара Фролих, участник
Идти к Файл> Создать для запуска нового документа. Настройте цвета по умолчанию и не заполняйте их. Cmd / ctrl + R, чтобы активировать линейки, затем щелкните правой кнопкой мыши (ctrl-click на Mac) одну из линейки и выберите пиксели, чтобы установить единицы измерения документа в пиксели.
Шаг 2: Создание верхней части стекла
Автор Сара Фролих, участник
Выберите передний маленький эллипс и большой эллипс. В палитре Pathfinder (Window> Pathfinder) выберите / alt + щелчок на кнопке Вычитание из области формы. Когда вы держите opt / alt и клик, формы расширяются без нажатия кнопки expand. Через весь этот шаг вы не увидите никаких изменений внешнего вида фигур.
Шаг 3: Удаление верхней части стекла
Автор Сара Фролих, участник
Шаг 4: Изготовление вина
Автор Сара Фролих, участник
Создайте новый эллипс 82 шириной 22 и положите его, как показано на рисунке слева на внутреннем эллипсе, который вы отложили ранее. Выделите обе части и щелкните по кнопке Выровнять горизонтальный выравнивающий центр на палитре Align. Выберите новый меньший эллипс, затем Edit> Copy (cmd / ctrl + C), затем Edit> Paste in Front (cmd / ctrl + F).
Шаг 5: Добавьте вино в стекло
Автор Сара Фролих, участник
Поместите вино в стекло, как показано на рисунке, и используйте выровненную палитру для выравнивания горизонтальных центров. Отложите это на время.
Шаг 6: Построение стебля
Автор Сара Фролих, участник
Сделайте эллипс высотой 24 пикселя на 12 пикселей. Затем выберите инструмент закругленного прямоугольника из панели инструментов и один раз нажимайте монтажную панель, чтобы открыть параметры. Установите ширину до 15 пикселей, высоту до 100 пикселей и угловой радиус до 12. Поместите две части, как показано слева внизу. Используйте выравнивание палитры для выравнивания горизонтальных центров.
Выберите только верхний эллипс. Удерживайте кнопку opt / alt и начинайте перетаскивать вниз, затем нажмите и удерживайте клавишу shift, пока вы перетаскиваете прямую линию вниз, чтобы добавить еще один эллипс на дно стебля. Удерживание клавиши opt / alt при перетаскивании делает копию; удерживающий сдвиг сдерживает перетаскивание на прямую линию.
Шаг 7: добавьте точки к закругленному прямоугольнику
Автор Сара Фролих, участник
Шаг 8: Преобразование точек в кривые
Автор Сара Фролих, участник
Используйте инструмент преобразования точки (shift + C), чтобы преобразовать обе новые точки в кривые и использовать инструмент Direct Select (A), чтобы слегка сдвинуть каждую сторону внутрь.
Шаг 9: Объедините 3 части в 1
Автор Сара Фролих, участник
Шаг 10: Добавление стопы из стекла
Автор Сара Фролих, участник
Сделайте эллипс 82 широким на 26 высотой для стопы стекла. Выберите обе части и выровняйте центры по горизонтали в палитре Align. Выберите только эллипс и отправьте его на заднюю часть стебля (Object> Arrange> Send to Back). Object> Group (cmd / ctrl + G), чтобы сохранить кусочки вместе.
Шаг 11: Установите стебель на стекло
Автор Сара Фролих, участник
Шаг 12: Установка стебля и стекла
Автор Сара Фролих, участник
Шаг 13: Добавление прозрачности
Автор Сара Фролих, участник
Заполните все части белого стекла, если они еще не были. Винные кусочки мы заполним градиентом через несколько минут.
Шаг 14: добавьте внутреннее свечение
Автор Сара Фролих, участник
Шаг 15: добавьте свечение к большему количеству кусочков стекла
Автор Сара Фролих, участник
Используйте инструмент прямого выбора, чтобы выбрать стеклянную чашу, и удалите ход так же, как на стеклянном верхнем куске. Перейдите в Effect> Inner Glow (последний использованный эффект будет в верхней части меню Effect) и установите те же настройки, что и выше. EXCEPT измените размытие до примерно 22 пикселей. (Не забудьте изменить режим на Multiply, и вам также придется снова менять цвет на серый!)
Шаг 16: добавьте внутреннее свечение к стеблю
Автор Сара Фролих, участник
Используйте инструмент прямого выбора, чтобы выбрать шток, удалить ход и перейти в Effect> Inner Glow. Еще раз установите одинаковые настройки и цвет, но используйте 2 или 3 пикселя для размытия. (Примечание. К настоящему времени вы заметили, что Illustrator не сохраняет настройки эффекта, и вы должны вручную вводить их каждый раз. Раздражающий маленький приступ! Вы можете использовать Effect> Apply Inner Glow, чтобы применить те же настройки для повторных объектов, но с тех пор мы должны изменить количество пикселей, мы вынуждены начинать каждый раз.) Теперь выберите ногу, с помощью инструмента прямого выбора, удалите штрих и перейдите в Effect> Inner Glow. Снова установите одинаковые настройки и цвет, но используйте 8 пикселей для размытия.
Шаг 17: Добавление прозрачности в палитру прозрачности
Автор Сара Фролих, участник
Выбирайте и группируйте все части бокала (а не кусочки вина) и в палитре прозрачности, измените режим на Multiply. Ниже вы можете увидеть бокал в нормальном режиме и в многократном режиме. И, как вы можете видеть, это выглядит примерно так. Или это?
Шаг 18: Добавление прозрачности в палитру прозрачности
Автор Сара Фролих, участник
Когда я помещаю цветной прямоугольник за очки, и вы можете видеть прозрачность. Обратите внимание, что вино не прозрачно. Мы исправим это дальше.
Шаг 19: Создание градиента вина
Автор Сара Фролих, участник
Шаг 20: Окраска вина
Автор Сара Фролих, участник
Выберите верхнюю часть вина с помощью инструмента прямого выбора и удалите ход. Заполните его новым темно-красным градиентом. Повторите с куском винной чаши.
Шаг 21: Настройка градиента
Автор Сара Фролих, участник
Выберите вершину вина с помощью инструмента прямого выбора. Нам нужно перенастроить градиент. Активируйте инструмент интерактивного градиента (G) из панели инструментов. Поместите курсор, где квадрат находится на иллюстрации, и нажмите и перетащите до конца стрелки на вершине вина.
Выберите кусок винной чаши с помощью инструмента прямого выбора и снова активируйте инструмент интерактивного градиента. Нажмите здесь, где квадрат находится на иллюстрации и перетащите его до конца стрелки.
Шаг 22: Завершение вина
Автор Сара Фролих, участник
Шаг 23: Добавление основных моментов
Автор Сара Фролих, участник
Шаг 24: Украшение
Автор Сара Фролих, участник
Рисование многоугольников и звезд в InDesign
Вы можете нарисовать полигоны из треугольников до 100-сторонних фигур в виде фреймов или фигур в Adobe InDesign.
Рисование с фигурами в Adobe InDesign
Вернитесь в шестидесятые, не покинув Adobe InDesign. Узнайте, как использовать инструменты Shape, чтобы нарисовать фанки с изображением лавы.
Какой самый большой страх перед интервью? рисование бланка - муза
Мы спросили, и вы ответили: ваш самый большой страх перед собеседованием заключается в том, чтобы вывести пробел и не можете ответить на вопрос, который вы репетировали.
от Главред Евгений 26.06.2020, 08:08 1.9k Views
Всем привет. В этом уроке мы будем рисовать чашку с применением множества различных эффектов, одним из которых является 3D Revolve. С помощью такого 3D эффекта Adobe Illustrator удобно создавать различные формы, которые в реальном мире получают посредством вращения. Например, на токарном станке или еще где. Поэтому, чтобы нарисовать нашу чашку, мы перевоплотимся в своеобразного векторного гончара.
Я рекомендую размеры нового документа выбрать 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. Далее рисуем нашу надпись с помощью инструмента Paintbrush Tool. Чтобы раздуть полученную кисть с одной стороны, можно воспользоваться инструментом Width Tool. Захватите инструментом Width Tool за край контура, лежащего в основе кисти, и потяните в сторону. Но подобный инструмент появился только в CS5 иллюстраторе. Поэтому если вы пользуетесь более ранними версиями Adobe Illustrator, придётся выкручиваться по-другому. Можно, например, отэкспандить кисть и применить к полученной фигуре эффект Free Distort.
В итоге преобразуем всё в простые формы Object > Expand Appearance.
Для дальнейшей работы необходимо сделать надпись немного толще. Воспользуемся эффектом Effect > Path > Offset Path.
Опять и снова Object > Expand Appearance. Дальше вы можете подредактировать некоторые буквы, если результат вас не совсем устраивает. Я, например, немного растянул букву Г.
И, наконец применяем ко всей надписи эффект Effect > Stylize > Feather, чтобы размыть края букв.
Вот теперь позитивная утренняя чашка бодрящего напитка готова к употреблению.
На этом у меня все. До скорого!
Подписывайтесь на канал Иллюстратор , чтоб не пропускать новые интересные уроки.
Сейчас мы покажем простой, но эффективной технике как быстро можно создавать круговые узоры в иллюстраторе.
Шаг 1.
Удерживая Alt оттягиваем наш круг в сторону тем самым создаем его копию.
Выделяем оба круга и создаем переход Ctrl+Alt+B.
Что бы увеличить количество переходов заходим в Параметры перехода.
Шаг 2.
Рисуем круг без заливки и обводки.
Шаг 3.
Шаг 4.
Создаем еще один круг. Как мы видим центры наших кругов не совпадают.
Что бы размещать наши круги равномерно один от одного создаем пересечение прямых. Для этого включим видимость линейки.
Выбирая круг и перетаскивая центр на пересечение прямых, мы отцентрируем круги относительно один одного.
Шаг 5.
В качестве фигур можно использовать не только круг, но и эллипс.
Шаг 6.
Что бы наш рисунок не был однообразным каждый круг можно окрасить любым цветом.
Кто-нибудь знает, как создать эти продвинутые пунктирные / узорные круги в Illustrator? Я знаю, как сделать пунктирный круг, но они довольно хорошо выровнены и имеют смесь от легкого до тяжелого. Я бы почти сказал, что это сделано с помощью сценария. Смотрите прикрепленное изображение.
редактировать: пунктирный круг создан так, как описал Цай в своем ответе - спасибо! Таким образом, вопрос можно сузить до того, как создать круг с объектами (например, звездами, крестами, треугольниками), которые смешиваются от легких до тяжелых.
Привет, Эдди Б, добро пожаловать в GD.SE! Я удалил теги сценариев и автоматизации из этого поста, поскольку в ответе Цая было указано более простое и эффективное решение. Если вы все еще хотите найти решение, которое включает сценарии или автоматизацию, не стесняйтесь добавлять их обратно.
Вы можете написать что-нибудь для их генерации, но это достаточно просто за пару кругов, в зависимости от уровня контроля и точности, которая вам нужна.
Это просто набор концентрических окружностей с пунктирным штрихом, установленным с тире 0,1pt:
Вы можете использовать профиль ширины, чтобы контролировать размер точек и просто добавить градиентный штрих для цвета:
Если вам нужно больше контроля размера, вы можете использовать Width Tool. Сложнее точно настроить инструмент ширины, поэтому было бы проще сначала установить ширину одного круга, а затем продублировать:
Пользовательские формы
Если вам нужны пользовательские фигуры, а не точки (как в двух ваших примерах), вы можете использовать собственную кисть. Это не идеально, хотя.
Будет работать либо кисть рассеяния, либо кисть с рисунком; кисть рассеяния лучше контролирует вращение, а кисть-шаблон лучше для интервалов - хотя и не позволит легко масштабировать или добавлять градиент.
Следующее использует шаблонную кисть; Вы можете видеть, что профиль ширины сжимает звезды, а не масштабирует их, и вращение звезд следует по пути:
Ниже приведен результат использования рассеивающей кисти; поворот относительно страницы, но мы не можем повлиять на масштаб, и интервал, очевидно, является проблемой:
Выбор когда-либо уменьшающихся срезов и масштабирование дадут эффект градиента уменьшающегося масштаба (я показал 2 выбора здесь, но фактически сделал это ~ 6 раз):
Сгруппируйте результат и добавьте градиентную заливку:
Спасибо Cai, для точечной версии инструмент ширины добился цели. Я пытался воссоздать круг с символами (например, звездами), но не смог его пригвоздить: Pattern Brush: - работает с инструментом width - символы растягиваются и вращаются - лучший интервал Scatter Brush: - не работает с инструмент ширины - символы сохраняют свою форму - интервалы с
@ Эдди, как я упоминал в своем ответе, это не то, чего ты легко можешь достичь с помощью кистей. Интервал и выравнивание вы можете обойти с помощью некоторых ручных настроек, но я не уверен, что есть способ контролировать масштаб.
Читайте также: