Как создать иконку в стиле iOS7, используя Rotate Tool в Adobe Illustrator?

3 ноября 2014 г. Просмотров: 691 Инструкции
В Adobe Illustrator существует несколько способов для вращения объектов и сегодня я расскажу об одном из них на примере создания иконки цветка в стиле iOS7.

Вам понадобится

  • Программа Adobe Illustrator
  • Уровень владения: Начинающий
  • Время на выполнение: 15 минут

Инструкция


  • Создайте новый документ размером 1024 х 1024 пикселей. Это максимальный размер иконок для Apple, так что мы будем использовать его. Затем нажмите View > Smart Guides. (Comman+U или Ctrl+U).

  • Выберите инструмент Rounded Rectangle Tool и кликните по рабочей области. В появившемся окне введите значения как на картинке: ширина 280px, высота 420px, радиус скругления 140px.

  • Перейдите на панель Transform (Window > Transform) и выставьте значение оси Х 512px, оси Y 276px.

  • Не снимая выделения с лепестка, перейдите на панель Appearance (Window > Appearance). Удалите обводку, сделайте заливку градиентом, как показано на картинке и примените к ней Blending Mode - Multiply.

  • Выберите Ellipse Tool (L), создайте круг 56 х 56 пикселей и выровняйте его по центру рабочей области. Мы будем использовать его в качестве центральной направляющей при вращении лепестка.

  • Выберите Selection Tool (V) и выделите лепесток. Затем переключитесь на Rotate Tool (клавиша R) и поместите курсор над кругом в центре рабочей области. Вы увидите небольшой крестик, находящийся в центре круга.Зажмите клавишу Alt и кликните по крестику. В открывшемся окне введите значение Angle -45? и нажмите Copy, чтобы дублировать и вращать наш лепесток.

  • Повторите действие шесть раз с помощью команды Object > Transform > Transform Again (Command+D или Ctrl+D), чтобы получилось восемь лепестков.

  • Теперь можете выделить круг в центре и удалить его.Выделите каждый лепесток и сделайте заливку градиентом. Для этого мы будем использовать 8 цветов. Цвет начала градиента совпадает с цветом окончания градиента на предыдущем лепестке.
  • Оцените статью!