html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Как создать 100% векторную тень в Adobe Illustrator

Сегодня мы рассмотрим несколько способов создания векторной тени в Adobe Illustrator с эффектом размытия, при помощи Blend Tool, Gradient Tool, Gradient Mesh и панели Appearance.

Создание тени от простой геометрической формы

Это самая простая ситуация. Создать такую тень можно двумя способами. Первый способ – использовать Blend Tool  между двумя простыми формами, например, прямоугольниками,  эллипсами и так далее. Цвет первого объекта - черный или темно-серый, цвет второго объекта  - белый, непрозрачность  0%. Для бленд объекта следует использовать режим смешивания Multiply.

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


Создание тени от сложной или комплексной фигуры

Это довольно распространенный случай. Для создания тени от таких объектов существует несколько способов. Первый из них можно назвать универсальным, его смысл в создании и ручном редактировании "правильного” бленд объекта без артефактов. Подробное описание этого способа вы сможете найти в уроке: Как избежать проблем при создании Blend объектов в Adobe Illustrator. Вкратце этот метод заключается в том, что обе формы, входящие в бленд объект, должны иметь одинаковое количество точек.

Еще одним вариантом может стать Gradient Mesh. Давайте рассмотрим эту технику подробней. Сначала к объекту или группе объектов применяем эффект Drop Shadow  (Effect > Stylize > Drop Shadow) с необходимыми параметрами.

Переходим Object > Expand Appearance и получаем растровый объект.  Этот объект имеет такие же, как и эффект режимы смешивания и прозрачность.

Поэтому переходим Object > Rasterize.... Теперь создадим прямоугольник, затем  переходим Object > Create Gradient Mesh и устанавливаем небольшое количество ячеек. Далее придаем градиентной сетке форму, грубо напоминающую очертания растровой тени.

Теперь мы можем увеличить количество ячеек, используя бесплатный плагин  Mesh Tormentor.

Выделяем оба объекта, и с помощью Mesh Tormentor копируем цвета растрового изображения на выше лежащие точки сетки.

Удаляем растровое изображение и применяем к градиентной сетке режим смешивания Multiply. Не переживайте по поводу небольших артефактов, которые имеет тень. При экспорте в растровый формат или при импорте в Photoshop эти артефакты исчезнут.

Для пользователей Adobe Illustrator CS6 существует еще один метод создания векторных теней. Он заключается в использовании градиентов на обводке. Давайте посмотрим, как это делается. Вначале создадим контур  будущей тени.

Устанавливаем толщину обводки  30 px, удаляем лишние точки и с помощью Direct Selection Tool (A) придаем контуру более гладкую форму.

Теперь применяем к обводке линейный градиент от белого с непрозрачность 0% к темно-серому цвету.

Переходим Object > Expand Appearance. Теперь путь преобразовался в градиентную сетку.

Можно ли повторить вышеописанный способ в ранних версиях Adobe Illustrator? Однозначно можно! Для этого создадим прямоугольник с шириной 30 px, и зальем его линейным градиентом, как показано  на рисунке ниже.

Переходим Object > Expand, и выставим следующие параметры.

В получившейся группе удалим все, кроме Gradient Mesh. Так как градиентная сетка состоит только из одной ячейки, то с помощью Mesh Tormentor увеличим их количество.

Преобразовываем Gradient Mesh в Brush Mesh Grid.

Создадим из полученной группы объектов  Art Brush с параметрами, показанными на рисунке ниже.

Далее, как и в Illustrator CS6, нам понадобится контур для будущей тени.

Применим к нему созданную кисть.

Переходим Object > Expand Appearance, затем конвертируем полученные объекты в Gradient Mesh.

Совместим начальные и конечные точки градиентной сетки при помощи Direct Selection Tool (A). Работать точно и быстро вам поможет режим Smart Guides (Cmd / Ctrl + U).


Создание тени от очень сложной фигуры с большим количеством мелких деталей или от текста

Такая ситуация встречается не реже предыдущей, и хотя в ней можно применять любой метод из ранее описанных, это потребует колоссальных трудозатрат. Решением может стать использование возможностей панелей Appearance и Graphic Styles.

Создадим под основным объектом его дубликат (Cmd / Ctrl + C, Cmd / Ctrl + B), с однородной заливкой Gray 60% и немного сместим его вниз и вправо.

Откроем панель Appearance (Window > Appearance), и установим  5% прозрачности для заливки.

Добавим заливку со значением прозрачности 5%, применим эффект Offset Path (Effect > Path > Offset Path…) со значением -0,5 px.

Аналогичным образом нам нужно добавить еще девятнадцать заливок. Значение прозрачности везде должно равняться 5%, а значение Offset Path каждый раз должно изменяться на 0,5 px. Таким образом, для последней заливки Offset Path должно быть равно -10 px.

Так как тени обычно не имеют острых углов, применим эффект Round Corners (Effect > Stylize > Round Corners…) с небольшим значением, в данном случае 5 px.

Перетащим тень в панель Graphic Styles. Теперь, используя стиль, мы можем с легкостью создавать тень из любого объекта.

После применения к объекту со стилем тени команды Object > Expand Appearance, мы получим группу простых объектов с непрозрачностью каждого 5%

На рисунке ниже показана тень, у которой в качестве заливки был использован линейный градиент.  Это дает нам возможность изменять плотность тени при удалении от объекта.

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с vectorboom.com

6

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • sasa1975sasa
          • photoshop
          • windows
          • adobe illustrator
          • домен ru.vectorboom.com
          • домен vectorboom.com

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции