Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Полупрозрачные реалистичные капли в Adobe Illustrator

18 сентября 2018 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем рисовать крутые реалистичные капли в Adobe Illustrator. Круто то, что мы будем использовать инструмент Mesh/Сетчатый градиент, а это значит, что вся работа будет в векторном формате. В итоге у нас получатся бесконечно масштабируемые полупрозрачные капли, которые можно использовать в других работах.

 

 


Drops of Water Background

1. Рисуем первую каплю

Шаг 1

Начнем с первой капли. Нарисуйте овал цвета #D5D5D5, возьмите инструмент Mesh/Сетчатый градиент (U) и добавьте несколько точек, как показано ниже.

Укажите выделенным на втором рисунке точкам цвет #FFFFFF. Затем используйте цвет  #B8B8B8 и #CCCCCC.

gradient mesh tutorial

Шаг 2

Рисуем еще один объект, и при помощи инструмента Mesh/Сетчатый градиент. Используйте следующие цвета:

  1. #959595
  2. #FFFFFF
  3. #B9B9B9

mesh water drop

Шаг 3

Скомпонуйте оба объекта и укажите им режим наложения Multiply/Умножение.

transparency mode

Шаг 4

Рисуем блик из овала и сетчатого градиента. Вам понадобятся цвета:

  1. #959595
  2. #FFFFFF
  3. #B9B9B9

Укажите объекту режим наложения Screen/Осветление и 70% Opacity/Непрозрачности.

mesh highlight

Шаг 5

Поместите блик на каплю.

Создайте еще один блик при помощи двух овалов с радиальным градиентом от белого к  #020200.

Укажите объектам режим наложения Screen/Осветление и 60% Opacity/Непрозрачности. Поместите блики на каплю.

mesh overlay

Шаг 6

Нарисуйте объект по контуру капли с тенью. Укажите фигуре цвет #8BABB7.

Укажите объекту режим наложения Overlay/Перекрытие и 60% Opacity/Непрозрачности.

mesh overlay

Шаг 7

В меню выберите Effect > Warp > FishEye/Эффект>Исказить>Рыбий глаз и настройте параметры как показано ниже. Разберите оформление.

warp effects

Шаг  8

К другой копии примените Effect > Warp > Squeeze/Эффект>Исказить>Сжать и укажите параметры как показано ниже. Разберите оформление.

squeeze vector

Шаг 9

Сгруппируйте все объект и дублируйте их.

Выделите копию и выберите в меню Effect > Warp > Squeeze/Эффект>Деформация>Сжатие. Укажите параметры как показано ниже.

После этого выберите в меню Object > Expand Appearance/Объект>Разобрать оформление.

warp effect

2. Рисуем вторую каплю

Шаг 1

Рисуем еще одну каплю, следуя шагам ниже. Вам понадобятся цвета:

  1. #FFFFFF
  2. #4E4E4E
  3. #787878
  4. #A7A7A7

Укажите объекту режим наложения Multiply/Умножение и 60% Opacity/Непрозрачности.

mesh water drop

Шаг 2

Рисуем блик:

  1. #787878
  2. #FCFCFC

Указываем блику режим наложения Screen/Осветление и 80% Opacity/Непрозрачности.

mesh vector

Шаг 3

Рисуем последний объект в режиме Multiply/Умножение на 90% Opacity/Непрозрачности.

  1. #959595
  2. #FFFFFF
  3. #DADADA

mesh vector tutorial

Шаг 4

Собираем каплю, обрисовываем ее вместе с тенью, указываем объекту цвет #8BABB7 Режим наложения Оverlay на 60% Opacity/Непрозрачности.

overlay adobe illustrator

Шаг 5

Примените к капле Effect > Warp > Shell Upper/Эффект>Исказить>Панцирь вверх. Укажите параметры как показано ниже. Разберите оформление.

warp effect

Шаг 6

Сделайте еще одну копию этой капли и примените к ней эффект Warp > Bulge/Исказить>Выпуклость со следующими параметрами. И снова разбираем оформление.

After applying the effect, go to Object > Expand Appearance.

warp adobe illustrator

Шаг 7

Для наглядности поместите капли на фон из квадратиков цветов  #DFDFDF и #F8F8F8.

Transparent Vector Water Droplets

Автор урока Vladimir Galantsev

Перевод — Дежурка

Смотрите также:




Коментарии запрещены.