Шаг 1.

Создаем новый документ в Illustrator с профилем Basic RGB , 72ppi is good. Создаем 25px x 25px квадрат, используя Rectangle tool (M). Затем используя Line Segment Tool ( \ ),кликаем в центр квадрата и зажав Alt+Shift, двигаем к углам, чтобы создать линию под углом 45°. Проделаем тоже самое с другой стороной. Выделяем все, и кликаем на Divide Pathfinder в панели Pathfinder.

Шаг 2.

Теперь, когда каждый треугольник в пределах квадрата является отдельной формой, мы придадим глубину форме из оттенков серого. Цвета: верх 20% черного, лево+право: 50% черного, низ: 70% черного. Выберем все и жмем ( X ) которая переключит фокус между заполнением и обводкой и после ( / ) чтобы вернуть цвета. Используя Rectangle tool (M) снова, зажмем Alt + Shift, двигаем и центра формы за ее пределы. После жмем Ctrl + Shift + ( [ ) чтобы поместить назад. Зададим это площади 30% черного. Копируем форму, и вставляем позади (Ctrl + B ), убедимся что нет не заливки не обводки, выбираем всю форму и перетаскиваем в палитру Swatches. Создастся паттерн который мы будем использовать. Если у вас возникают странные вопросы, убедитесь, что нет заливки и обводки.

Шаг 3.

Теперь когда у нас есть паттерн, можете удалить оригинал, или перетащить за границу рабочей площади. (если вы удалите оригинал , но позже он вам понадобиться, то просто перетащите паттерн из палитры Swatches , на рабочую область) Создаем большой прямоугольник, который заполнит всю область рабочую, и который мы зальем нашей текстурой. Если все прошло хорошо, то должна получиться картинка, такая же шиповидная как ремни у рокеров smile.gif) . Копируем и вставляем на передний план (Ctrl + F). Заливаем радиальным градиентом и режим смешивания на Multiply. Я использовал цвета R33/G188/B252 для внутреннего цвета и R0/G82/B138 для внешнего цвета. Используя Gradient tool (G), нужно чтобы фон был освещен ближе к верху. Удобно использовать этот метод вместо окраски фактической структуры синей формы, потому что теперь, если я хочу, изменить цвет от синего до оранжевого или даже градиент, я могу легко это сделать, просто изменив цвета этой формы. Это сэкономит вам ваши минуты рабочего времени!

Шаг 4.

Теперь самая забавная часть урока. Будем работать в большом масштабе (Хоткеи? Ctrl+Spacebar+Click увеличить и Ctrl+Alt+Spacebar+Click уменьшить, или просто Ctrl+ или Сtrl-) Создаем прямоугольник который покроет 12 делений или «шипов.» Проверьте изображение ниже. Убедитесь , что прямоугольник хорошо покрывает шипы по краям. Зададим прямоугольнику Linear Gradient от приятного оранжевого (R251/G164/B25) до черного (R0/G0/B0) И режим смешивания на Screen. Используем Gradient Tool и создаем от верха к низу градиент.

Шаг 5.

Создаем 75px круг с оранжево черным градиентом и помещаем в центр верха нашей полосы. Градиент установим на radial и режим смешивания на Screen. Теперь Blur > Gaussian Blur и 10px blur. Копируем форму и вставляем спереди (Ctrl+F). Используя Selection Tool (V) , удерживая Alt + Shift, перетащите один из углов выбранной области, чтобы уменьшить копию круга немного. Copy и Paste один спереди, и так уменьшить пару раз. У нас должно быть 3 круга сейчас. Этот даст нам яркий эффект свечения в центре,который к концу исчезает.

Шаг 6.

Копируйте формы со светом, изменяйте цвет, и получите стилизованный задний фон как у Google Phone.

Финальный результат:

Автор:Brian Tom

Источник: http://www.artkost.ru