online desingn

6.23.2016

Урок AI. Как сделать внутреннюю тень у объектов

Урок AI. Векторная теньКак сделать внутреннюю векторную тень у объекта, показано на примере шрифта, но применительно ко всем объектам, подсмотрела у Н.Миронова на этой странице вы найдете ссылку на его страничку и уроки Youtube

►Пишем букву в данном случае K высота 200px:
Начиная отсюда картинки кликабельны :)
►Работаем в основном с панелью Appearance. Убираем заливку и обводку слева на панели.

►и в панели Appearance добавляем заливку и обводку (у меня 6px).

►Теперь мы сможем применить к обводке и заливке градиент. Нам нужен градиент только для обводки.
Применяем к обводке от белого к основному цвету от цента к краю, т.е. основной цвет снаружи. И только к обводке применяем режим multipli(панель Transparency)

►К обводке применяем эффект offset path. В иллюстраторе обводка к примеру 6 px распределяется пропорционально 3 наружу и 3 внутрь. Если мы ставим -3 px то вся обводка находится внутри и так как мы поставили режим multipli, поэтому мы видим различае в цвете. Можно сделать и так, но нам надо чтобы обводка выступала за края буквы немного и я ставлю в моем случае -1 px, обращаю внимание что на картинке стоит -2px, но опытным путем определила что -1px лучше в моем случае. Можно варьировать в зависимости от желаемого результата. Можно поставить там же Joins:Round

►Теперь смещаем обводку в сторону и вниз. Идем снова в эффекты Effects Distort and Transform в Transform и смещаем обводку так как показано на рисунке снизу или применительно к вашему варианту. Сместила на право на 2px и вниз на 1 px, на рисунке стоит по другому.

►Теперь выше сделанное можем перетащить в графический стиль и использовать применительно к различным объектам. Перетащить можно и позже сначала нужно убедиться что у нас все получилось так как мы хотели.
Я запишу ноу хау что делать дальше для многократного испоьльзования если что позабудется :):
  • Ctrl+C; Ctrl+F (скопировали и вставили сверху, причем выделенным остается верхний слой сверху)
  • Оставляем выделенный верхний слой, т.e. ничего не меняем после копирования. Снимаем все эффекты нажатием перечернутого колесика в панели Appearance
  • Заливку меняем на белую Опять же у того же верхнего слоя, т.е. уже выделенного
  • Выделяем все два слоя и делаем маску в панели Transparency с птичкой на Clip
Результат векторной тени в AI, которую можно применять к различным объектам и тексту

Пример векторной тени применительно к тексту pink:
►AI Как сделать внутреннюю тень у объектов Урок иллюстратор. Векторная тень в иллюстраторе,использование нрафических стилей в иллюстраторе

Комментариев нет:

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