Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


3D Лого
Adobe Illustrator » Уроки 02 августа 2009 DeNRiXПечать


3D Лого
 

Часть первая. Работа в Illustrator

Создайте новый документ любого разрешения т.к. мы рабoтает с векторами, но не забудьте установить RGB.
 
3D Лого

Теперь выберите инструмент Elipse tool или нажмите клавишу (L) и удерживая Shift нарисуйте ровную окружность

3D Лого

В верхней части экрана отключите заливку, а в обводке установите (stroke) 25pt (от переводчика: на скрине установлено 20pt, но судя по ширине окружности всё же 25pt)

3D Лого

Теперь мы зальем нашу окружность вместо обводки. Перейдем в Object -> Expand и в диалоговом окне отметим Fill и Stroke, затем ОК

3D Лого

В итоге мы имеем закрашенную окружность в виде фигуры, а не обведенную линию

3D Лого

Выберите инструмент line segment tool и создайте вертикальную линию, установите пустую заливку, а обводку 25pt, как и окружность. Перейдите в Object -> Expand

3D Лого

Установите полученную фигуру как на скрине и убедитесь, что обе фигуры идеально выравнены, для этого перейдите в режим Outline (ctrl+Y) и увеличьте область соприкосновения обьектов настолько, чтобы увидеть насколько точно они выравнены относительно друг друга

3D Лого
3D Лого

После вертикального выравнивания вновь нажмите ctrl+Y вернувшись в обычный режим. Теперь мы используем линейку. Нажмите Ctrl+R, вызвав линейку, и потяните с верхней горизонтальной линейки направляющую линию пока не коснетесь края окружности и выделив прямоугольник подтяние его к этой линии выровнив обе фигуры на общий уровень

3D Лого

Один из самых применяемых инструментов в Illustrator это Pathfinder, мы не будем обрезать здесь как в Рhotoshop, мы извлекаем обьекты используя сами обьекты. Итак перейдем Window -> Pathfinder и обьединим наши фигуры вместе, что oчень просто делается, выдeлите обе фигуры и нажмите на иконку "to shape area" на панели Pathfinder как на скрине

3D Лого

Но мы еще не закончили. Казалось бы больше здесь нечeго добавить, но вам нужно только перейти в Object -> Expand Appearance и в итоге у нас одна цельная фигура

3D Лого

Вырезаем фигуры
Создайте простой квадрат и разверните его как на скрине удерживая Shift, чтобы разворот был ровно 90º.
 
3D Лого

Затем установите этот квадрат как на скрине и выделив обе фигуры нажмите Vertical alignment (вертикальное выравнивание) в верхней части меню

3D Лого

Теперь, когда фигуры выравнены, выделите только квадрат, нажмите правой кнопкой мыши и выберите Arrange -> Send to Back

3D Лого

Вновь вернитесь к панели Pathfinder и с двумя выделенными фигурами нажмите "minus back" как на скрине

3D Лого

Форма для нашего лого готова. Не сложно, правда?

3D Лого

Придание трехмерности 3D.
После создания лого и окраски его в любой светлый цвет мы сможем видить его в трехмерном виде без проблем. Перейдите в Effect -> 3D -> Extrude Bevel и установите настройки как на скрине
 
3D Лого

Нажмие ОК и мы получили трехмeрный лого, но нам вновь нужно применить к нему комманду Object -> Expand Appearance

3D Лого

Освещение.
Создайте новый градиент Window -> Gradient, вы не обязаны применять мои цвета, просто убедитесь, что переход у вашего градиента от светлого к среднему в середине и темному оттенку цвета вашего лого. Сделайте версию Radial и Linear

3D Лого

С инструментом Direction Selection Tool (A) выделите внутренние части лого, как мы делали, увеличьте просмотр, чтобы видеть все фигуры, если вы хотите переходить от одной к другой

3D Лого

Теперь выберите radial gradient, который вы построили, и просто потяните от нижней средней точки к верху. Попробуйте сделать это несколько раз, пока не получите похожий результат

3D Лого

Теперь создадим градиент на передней части лого, вновь начиная от средней точки, куда падает свет и тянув за пределы фигуры. Не забывайте, что мы все еще работаем с radial gradient.
Для других частей лого примените ту же технику выделения инструментом directional selection tool и заливки градиентом, но теперь линейным Linear Gradient

3D Лого

Часть вторая. Постобработка в Photoshop

Перенесите ваше готовое лого из Illustrator в Photoshop, создав документ 800x600. Растеризуйте слой Rasterize, создайте новый слой поверх лого и назовите его Тень. Выберите инструмент elipse selection tool и создайте выделение как скрине

3D Лого

Перейдите к gradient tool (G) и постройте от черного к прозрачному, с радиальной заливкой

3D Лого

Начиная от средней точки тяните прямую линию за пределы лого. Примерно как на скрине

3D Лого

Перейдите к Filters -> Gaussian Blur и установив 6.0 пикселей, размойте слой. Настройки зависят от размера тени, в итоге должно выйти нечто похожее

3D Лого

Установите прозачность (opacity) 30%, создайте новый слой, назовите его "малая окружность", проделайте с этим слоем все то же самое, что и c предыдущим (большим) только прозрачность установите 70% и размойте примерно 4.8 пикселей в Filters -> Gaussian Blur

3D Лого

Удерживая ALT+SHIFT потяните этот слой скопировав его и установив на том же уровне

3D Лого
 
3D Лого

Теперь небольшая деталь. Выделите верхную часть лого (тот маленький квадрат), создайте новый слой, назовите Блеск и постройте линейный linear градиент от белого к прозрачному. Установите 80% прозрачности.

3D Лого
3D Лого
3D Лого

Блестящие линии
Для блестящих линий создайте новый слой, назовите его "маленькие линии", выберите перо pen tool (P) и постройте линию как показано

3D Лого

Выберите киcть brush tool ( и установите:
master diameter 1
hardness to 100%

3D Лого

Вернитесь к перу pen tool (p) и вызвав окно нажатием правой кнопкой мыши выберите Stroke Path. На панеле выберите кисть Brush и ОК

3D Лого
3D Лого
 

Установите слой "линий" в режиме смешивания Overlay с прозрачностью 58% 

3D Лого

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

3D Лого


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.