Категории: Иллюстратор

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

Поделиться

Посмотреть комментарии

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

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


  • Наталья:

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

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

Последние посты

Дайджест ABOUT FACE #5: дизайн-принципы хороших продуктов, Sketch + AE, правильная иконка шаринга

Хорошей среды! Пришло время нового выпуска дайджеста. (далее…)

% дней назад

Дайджест ABOUT FACE #4: агенство или продукт, After Effects в код, 100 книг для дизайнера

Хорошего понедельника! Давно не было свежего выпуска дайждеста, а материала накопилось порядочно 😍 (далее…)

% дней назад

5 современных альтернатив WordPress

Это рекламная статья. Многие считают, что WordPress — одна из наиболее популярных open-source систем для…

% дней назад

Дайджест ABOUT FACE #3: новая книга Бюро, CSS в Скетче, дизайн для нескольких языков

Хорошего понедельника! Надеюсь все отлично отдохнули, потому как я собрал для вас новую порцию интересных…

% дней назад

Дайджест ABOUT FACE #2: книги по типографике, одновременная работа с макетом, дизайнер-cатана

Хорошего понедельника! Приветствуем второй выпуск дайджеста. Для тех, кто не в теме, дайджест просеивает тонны…

% дней назад

Дайджест ABOUT FACE #1: редизайн Хрома, сколько зарабатывают дизайнеры, каким должен быть VR интерфейс

Хорошего понедельника! Как я писал в паблике, я решил немного изменить формат выхода новостей. Поэтому всё…

% дней назад