Как сделать отражение в Illustrator’е

Untitled-1 Отражение или эффект “мокрого пола” стал очень популярен благодаря Apple.

Любой уважающий себя дизайнер, знающий что такое вебдваноль должен уметь его рисовать (но не обязан применять).

В данном примере я применю этот эффект к иконке и покажу каким образом он реализуется средствами Illustrator CS 3.


Если в Photoshop'e это делается относительно просто за счет градиента от необходимого цвета к прозрачному, то в Illustratore CS3 (не говорим о CS4) такого градиента не существует.

Рисуем иконку

В данном примере я нарисовал иконку звездочки (Избранное).

Untitled-1_cr

Рисуем отражение

Копируем нашу звезду.

Выделяем новую звезду и щелкаем на нее правой кнопкой. Выбираем Transform > Reflect… В параметре Axis ставим Horizontal.

Прижимаем отраженную звезду к концам уже существующей и немного сжимаем.

Untitled-2_cr

Создаем маску

Предварительно нам необходимо сделать градиент.

Выбираем Rectangle Tool (M) и рисуем прямоугольник.

Заливаем его градиентом от черного к белому как показано на рисунке.

Untitled-3_cr Untitled-3_cr2

 

Выделяем прямоугольник и искаженную звезду с помощью Selection Tool. Жмем вверху Opacity.

Untitled-4_cr

Щелкаем на значок в правом углу и выбираем Make Opacity Mask.

Untitled-5_cr

Вуаля! Мы по сути получаем искомый градиент от нужного цвета к прозрачному.



Подписка по РСС
Мой твитер

5 комментариев

  1. Наталья

    Спасибо за урок! У меня возникла проблема, при сохранении в eps, полученное отражение сохраняется, как растр... Что я делаю не так?

  2. Максим Шайхалов

    Попробуйте сохранить в *.ai или *.pdf. Какая версия *.eps и как сохраняете?

  3. Наталья

    8 версия. Наверное из-за этого?

  4. Максим Шайхалов

    Наталья:

    8 версия. Наверное из-за этого?

    Вполне возможно. Поэкспериментируйте с форматами!

  5. Boris

    Спасибо!!!

Оставить коментарий

Суперрассылка!

Введите почту и будьте в курсе