Создание иконки "О Компании"

Урок Иллюстратора

кликайте на картинки, чтобы увидеть их в полный размер

В этом уроке вы научитесь создавать иконку "о компании" (about company - англ.) в Иллюстраторе. После небольшой обработки в Фотошопе, результат будет выглядеть вот так:

Давайте начнём с создания нового документа (размер А4 или какой нибудь другой, это не имеет значния), и используя “Pen tool”(Перо) - создайте эту простую фигуру.

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

Снова с помощью Пера ("Pen tool”(P)) - нарисуйте следующую фигуру, это будет крыша нашего здания.

И снова примените тот же градиент, не забывая про угол!

Снова возьмите Перо, и создайте фигуру которая будет передней стеной нашего сдания.

И к ней мы снова применим градиент. Угол важен, помните? :)

Теперь, дублируйте нашу переднюю стену (Ctrl+C and Ctrl+V), и уменьшите её до размеров как на рисунке.

Примените к уже уменьшенной копии следующий градиент (угол важен и тут)

Окно (забыла вам сказать, что это будет окно :)) ещё не готово, без следующих шагов:

Теперь, выделите уже готовое окно, и копируйте его по всему периметру передней стены (зажимаем Alt и тянем)

Следующая фигура которую мы нарисуем с помощью Пера будет нашей дверью:

Примение следующий градиент и не забудьте про угол!:

Не забудьте так же разделить двери и добавить дверные ручки:.

Теперь, возьмите логотип вашей компании, и поместите его на переднюю стену. Давайте представим что этот круг и есть наш логотип:

Мы должны сделать так, чтобы он лежал в той же плоскости, что и стена. Поэтому, идём в Filter > Distort > Free Distort и трансформируем логотип с помощью перемещения курсором углов рамки. Как на картинке:

Вот так гораздо лучше:

Следующим шагом будет создание небольшой комнаты на крыше, где находятся моторы лифта. Для этого мы должны дублировать все три стены, и уменьшить их как на картинке:

Теперь, выбирая друг за другом стены - применяйте к ним градиенты как показано на картинках ниже (с соответствующим углом конечно же):

Последний шаг. Дублируйте крышу, уменьшите её и примените следующий градиент:

Это будет порогом, поместите его прямо под дверь. Вуаля:

На финальной картинке я добавила в фотошопе фон и тени:

Copyright © http://megatutorials.blogspot.com