Как создать длинную тень в Adobe Illustrator CC 2014
Если есть одна фундаментальная правда о работе с графическим программным обеспечением, то это: «Есть 6000 способов сделать все в цифровой студии». Пару месяцев назад я показал вам, как создать длинную тень в иллюстраторе. В этом месяце я покажу вам другой путь.
Длинные тени являются отличительной чертой тенденции к Flat Design в Интернете, которая является реакцией на тенденцию Skeuomorphic, которую возглавлял Apple. Эта тенденция была распространена благодаря использованию глубины, тени и т. Д., Чтобы имитировать объекты. Мы видели это в строчке вокруг календаря и использовании «дерева» в значке книжного шкафа в Mac OS.
Плоский дизайн, который впервые появился, когда Microsoft выпустила свой проигрыватель Zune в 2006 году и через четыре года перешла на телефон Windows, идет в обратном направлении и характеризуется минималистским использованием простых элементов, типографикой и плоскими цветами.
Хотя есть те, кто, кажется, рассматривает Flat Design как прохожущую тенденцию, его нельзя сбрасывать со счетов. Особенно, когда Microsoft строит этот стандарт дизайна в своем интерфейсе Metro, и Apple переводит его как на свои Mac OS, так и на устройства iOS.
В этом «How To» мы собираемся создать длинную тень для кнопки Twitter. Давайте начнем.
Как начать создавать длинную тень
Первым шагом в этом процессе является создание объектов, используемых для тени. Очевидно, что это логотип Twitter. Все, что вам нужно сделать, это выбрать объект и скопировать его. С помощью объекта в буфере обмена, выберите «Редактирование»> «Вставить в задний план»и копия объекта вставляется в слой под исходным объектом.
Отключите видимость верхнего слоя, выберите вставленный объект и заполните его черным.
Скопируйте и вставьте обратно черный объект. Вставляемый объект будет выбран и, удерживая клавишу Shift, переместите его вниз и вправо. Удерживая клавишу Shift во время перемещения объекта, он ограничивает движение до 45 градусов, что является точно углом, используемым в Flat Design.
03 из 05Как использовать меню наложения для создания длинной тени
Типичная тень проходит от темноты к свету. Чтобы учесть это, выберите черный объект за пределами художественных работ и установите для значения Opacity значение 0%, Вы также можете выбрать Окно> Прозрачность чтобы открыть панель прозрачности и установить это значение равным 0.
С нажатой клавишей Shift выберите черный объект в кнопке, чтобы выбрать как видимые, так и невидимые объекты на отдельных слоях. Выбрать Объект> Blend> Make, Это не совсем то, что мы ищем. В моем случае в новом слое Blend есть одна птица Twitter. Давайте это исправим.
В выбранном слое смешивания выберите Объект> Blend> Параметры Blend, Когда появится диалоговое окно «Параметры смешивания» Указанное расстояние от пункта «Смещение» и установите расстояние до 1 пиксель. Теперь у вас довольно гладкая тень.
04 из 05Как использовать панель прозрачности с длинной тенью
С тенью все еще не совсем правильно. Он все еще немного силен и пересиливает сплошной цвет за ним. Чтобы справиться с этим, выберите слой Blend и откройте панель Transparency. Установите режим смешивания Multiply и Opacity на 40% или любое другое значение, которое вы выберете. Режим Blend определяет, как тень будет взаимодействовать с цветом за ним, а изменение непрозрачности смягчает эффект.
Включите видимость верхнего слоя, и вы увидите свою длинную тень.
05 из 05Как создать обтравочную маску для длинной тени
Очевидно, что тень, которая свисает с базы, не совсем то, что мы ожидаем. Давайте используем форму на базовом уровне, чтобы закрепить тень.
Выберите базовый слой, скопируйте его в буфер обмена и, опять же, выберите «Редактирование»> «Вставить в конец», Это создает копию, которая находится в точном месте оригинала. На панели «Слои» переместите этот скопированный слой над слоем Blend.
С Клавиша переключения удерживается нажатой нажмите на слой Blend. Выбрав как скопированную базу, так и слои Blend, выберите «Объект»> «Обтравочная маска»> «Создать». Тень обрезана, и здесь вы можете сохранить документ.
