Опубликовано в Введение | 0 комментариев

Реалистичная тень

В этом уроке я расскажу как сделать тень для ленточки, вставленной в разрезы в фоне. Такая тень придает реалистичность и объем иллюстрации.

Реалистичная тень. Урок Adobe Illustrator. Результат выполнения урока.

Используемые в уроке инструменты и команды (в скобках даны клавиатурные сокращения для быстрого вызова):

  • Selection Tool (V) — черная стрелочка: для выделения и перемещения объекта целиком, а также для его масштабирования;
  • Ellipse Tool (L) — окружность;
  • Blend Tool (W) – плавный переход между объектами.

Палитры:

  • Color
  • Color Picker
  • Transparency
  • Align

Первым шагом в палитре инструментов выберите иконку настройки цвета обводки (X)

Реалистичная тень. Урок Adobe Illustrator. Выбор цвета обводки.

и отключите ее(/).

Реалистичная тень. Урок Adobe Illustrator. Отключение обводки.

Затем переключитесь на заливку и дважды щелкните по квадрату с цветом

Реалистичная тень. Урок Adobe Illustrator. Выбор цвета заливки.

Откроется палитра Color Picker.

Реалистичная тень. Урок Adobe Illustrator. Палитра Color Picker.

Установите черный цвет — #000000 и нажмите кнопку Ok.

Реалистичная тень. Урок Adobe Illustrator. Палитра Color Picker.

Возьмите инструмент Ellipse Tool (L) и нарисуйте окружность.

Реалистичная тень. Урок Adobe Illustrator. Инструмент Ellipse Tool.
Реалистичная тень. Урок Adobe Illustrator. Окружность.

Возьмите инструмент Direct Selection Tool (A)

Реалистичная тень. Урок Adobe Illustrator. Инструмент Direct Selection Tool.

и выделите две верхние дуги окружности,зажав левую кнопку мыши

Реалистичная тень. Урок Adobe Illustrator. Выделение части окружности инструментом Direct Selection Tool.

Нажмите клавишу Delete, тем самым удалив верхние дуги окружности

Реалистичная тень. Урок Adobe Illustrator. Удаление части окружности инструментом.

Щелкните правой кнопкой мыши по оставшейся части окружности и замкните контур командой Join

Реалистичная тень. Урок Adobe Illustrator. Команда Join.

Или нарисуйте половину черного круга любым другим способом. )

Выделите полученную фигуру инструментом Selection Tool ‹V›

Реалистичная тень. Урок Adobe Illustrator. Выделение инструментом Selection Tool.

Скопируйте выделение ‹Ctrl+C›

Реалистичная тень. Урок Adobe Illustrator. Копирование.

Вставьте скопированное на то же самое место ‹Ctrl+F›

Реалистичная тень. Урок Adobe Illustrator. Вставка скопированного на то же самое место.

Уменьшите верхнюю копию инструментом Selection Tool ‹V›

Реалистичная тень. Урок Adobe Illustrator. Уменьшение инструментом Selection Tool.
Реалистичная тень. Урок Adobe Illustrator. Уменьшение инструментом Selection Tool.

И выровняйте обе фигуры при помощи палитры Window->Align по центру

Реалистичная тень. Урок Adobe Illustrator. Палитра Align.
Реалистичная тень. Урок Adobe Illustrator. Палитра Align.

и по верхнему краю

Реалистичная тень. Урок Adobe Illustrator. Палитра Align.

Выделите бОльшую (нижнюю) фигуру и вызовите палитру Transparency

Реалистичная тень. Урок Adobe Illustrator. Палитра Transparency.

Установите прозрачность 0%

Реалистичная тень. Урок Adobe Illustrator. Палитра Transparency.
Реалистичная тень. Урок Adobe Illustrator. Палитра Transparency.

Теперь дважды кликните по инструменту Blend Tool ‹W›. Откроется окошко с настройками.

Реалистичная тень. Урок Adobe Illustrator. Инструмент Blend Tool.

Установите Spacing в значение Specified Steps

Реалистичная тень. Урок Adobe Illustrator. Инструмент Blend Tool, настройка Spacing.

и поставьте количество шагов, например, 20:

Реалистичная тень. Урок Adobe Illustrator. Инструмент Blend Tool, настройка Spacing.

Щелкните первый раз по фигуре с заливкой и второй раз по прозрачной фигуре

Реалистичная тень. Урок Adobe Illustrator. Инструмент Blend Tool.

Собственно, все. Тень готова.

Реалистичная тень. Урок Adobe Illustrator.

Для реалистичности накладывайте этот объект на предметы сверху и устанавливайте ему режим наложения Multiply при нужном значении прозрачности:

Реалистичная тень. Урок Adobe Illustrator. Наложение тени на объекты.
Реалистичная тень. Урок Adobe Illustrator. Результат выполнения урока.