10.21.2015

Рисуем каплю воды очень просто и реалистично

Замечание, к сожалению, ниже приложенное описание содержит эффект, который не разрешен на стоках, а именно Drop shadow. Он(эффект) и после разборки содержит растровые элементы. Тень для капли просто нарисовать градиентом по контуру(внизу есть ссылка на видео как нарисовать каплю для стоков) и подвинуть его немного в сторону (так как он будет заходить на каплю object - path offset - path).
Draw drop vector
Рисуем каплю воды очень просто и реалистично, помещаем в свою коллекцию и используем при надобности.

  • Создаем новый документ, рисуем элипс(L) наподобие капли воды с черной обводкой и белой заливкой.
  • Применяем эффект Effect - Stylize - Drop shadow
  • Делаем дубликат и располагаем рядом (Alt), работаем в с дубликатом
  • Убираем с копии нижнюю тень (в свойствах Drop shadow перетягиваем в корзину, должна быть включена панель Windows - Appearance panel
  • Замечание, можно в начале создать две копии овала и на первой работать с нижней тенью, на второй с верхней, тогда не надо ничего убирать
  • Работаем над верхней тенью капли и создаем ее с помощью радиального градиента
  • Выбираем градиент от белого до черного, радиальный, нажимаем в панели слева на значке градиента, тем самым вызвав инструмент упраления градиентом
  • Повернем градиент на 90 градусов, поставив курсор мышки на конец линейки градиента и при удержании клавиши Shift и протягивании мышки в нужном направлении будет поворот на 45 градусов (тоже самое можно сделать в панели, но клавиша очень удобная,можно запомнить)
  • Увеличим градиент, перемещаем ползунки так чтобы достичь подобного эффекта как на нижней тени, смотрите также рисунок
  • Совмещаем две копии капли, для этого выделяем и центрируем
  • Создаем фон для нашей капли, для этого: рисуем квадрат(M)больше капли, заливаем цветом, переносим слой фона вниз и блокируем
  • Снова растянем слои капли в стороны и к каждому слою применим Windows-Transparence-Multi и уберем обводку
  • Снова объединим путем центрирования, группируем
  • Меняем прозрачность на 80% в той же панели Transparence
  • Рисуем еще один элипс с линейнымн градиентом, ставим в панели поаорот на 90 градусов, с двух сторон на градиенте выбираем белый цвет, потом слева ставим Opacity 0% и получаем прозрачность снизу, регулируем движками градиента, чтобы получилось примерно такая картина как на рисунке
  • Нажав Scift+Alt перетягиваем маленький элипс вниз, нажав E, потом Shift поворачиваем элипс на 180 градусов (45x4)
  • С Shift поднимаем вверх чтобы грани двух элипсов соприкасались и нажав Alt растягиваем его симметрично
  • К нижнему эллипсу применим Transparence - Overlay, по русски наложение
  • Группируем (Ctrl+G), можем скопировать (Ctrl+C) и посмотреть как она выглядит на нашем объекте и возможно что-то подправить. ГОТОВО. Результат смотрим вверху поста

Примеряем нашу каплю к различным фонам и если надо корректируем. Помещаем картинку в свою коллекцию для дальнейшего использования :)
►Draw drop vector http://ayamsoto.blogspot.com/
На заметку. Полезное видео как нарисовать реалистичную каплю воды https://www.youtube.com/watch?v=7QJq0FYPpnU в иллюстраторе. В этом видео контур капли срздается с помощью Mesh, а тень снизу с помощью градиента по контуру(начина с CS6), также просто и реалистично менятся форма капли с помощью инструмента effect distort & transform transform.

1 комментарий: