Урок за създаване на реалистични джойстик в Adobe Illustrator, наклон от окото (блогове

В този урок ще опиша процеса на създаване на реалистични векторно изображение по примера на една игра, джойстик.


Веднага предупреждавам, че урокът е предназначен за това, което вече притежават основни умения в Adobe Illustrator.


Всеки, който някога се е опитвал да работят в среда вектор, знае колко трудно е да се прехвърлят винил този или онзи въпрос. Основният проблем е липсата на цветове и плавни преходи между тях. Много от тях вече се досещате, ще трябва да използвате цветови градиенти. Но обикновен линеен или радиален градиент не винаги е подходящ. Какво става, ако обектът на сложна форма и не може да се раздели на части? Тук идва на помощ на градиент на окото.


А сега няколко думи за това как окото на градиента.


Тя може да се използва на всеки вид. Например да разгледаме форма произволна инструмент писалка (Р).


Ние избираме инструмента за окото (U) и кликнете върху един от ръбовете на обекта.


Това създава окото линия и мрежести точки при пресечните точки с лицата на нашия вид. Повтаряме още веднъж.


Сега създайте друга линия. В точката на пресичане има отправна точка. Отбелязването го използват прекия инструмента за избор (A), виждаме, контролни линии.


Ако функцията на окото използва на произволна позиция на обекта, веднага се получи точката на пресичане на две контролни линии. Всяка такава точка и базова линия може да се контролира чрез други точки в илюстратор. Точките могат да бъдат възложени уникален цвят. В същото време ще създаде плавни преходи от един цвят към друг.


Тук, всъщност, и всички основи. Рамката може да усложни и редактиране, за да се постигнат желаните резултати.


Сега ние се пристъпи към създаването на джойстика.

1. Намиране на еталон за качество на


Един от най-важните моменти - да се намери подходящ имидж на достатъчно добро качество. Успях да намеря тук е снимка.

2. Подготовка на работното място илюстратора


Създаване на нов документ и се уверете, че цветният режим е настроен на RGB. Ако това не стане, след това кликнете върху File -> Документ Color Mode -> RGB Color. Просто проверете да представи Външен вид прозорец, Цвят, градиент, Pathfinder (меню Window). Да се ​​включва и дисплей линии View -> Линии -> Показване на Линии (Ctrl + R).

3. Създаване на основна форма


"Divide" снимка на половина с помощта на джойстик Гайда (Затегнете линия отляво и плъзнете върху платното).


Когато Pen Tool (P) да ви помогне да начертае фигура, която следва от лявата страна на тялото.


Към получената фигура върху облика панел да се прилага параметър Fill Transform (Add New Ефект -> Distort Transform -> Transform ...) със следните параметри:


По-нататък се подчертава в резултат на формата, кликнете Object -> Expand Appearance и Unite в бутона Патфайндър панел.


Същият принцип е да създадете два кадъра в горната и долната част на делото. Окончателно Форма:

4. Blend жилища


Сложете копие от джойстика на изображението до установената форма. С пипетка Tool (I) напълни с основния цвят на корпуса и го приел от около средата на снимката.


Сега трябва да се определи къде на снимката са отражения на светлината, а когато затъмняване. Нека започнем с поставянето използвайки Mesh Tool (U) една точка в центъра. Сложих го в които, по мое мнение, ще свети. Поддържане на точката, изберете пипетка Tool (I) и да вземе цвят с приблизително едно и също място в картината.


Ние продължаваме да усложни рамката решетка. В този случай, всяка нова точка получена на пресечните точки, присвои подходящ цвят от изображението. В тези места, където е необходимо по-отчетливи цветни преходи, мрежата трябва да се правят по-плътни. Само не забравяйте, че позицията на всяка точка и линията може да бъде променена с помощта на преките инструмент за избор (A).


Резултатът би трябвало да е приблизително на корпуса:

5. Добавяне на данни


горната и долната тяло рамка е създадена. Те извършват точно на същата операция като в самия корпус.


Следваща равенство скоби. За тази Pen Tool (P) отново се възползва от формата на снимки и прилага към него линеен градиент запълва Gradient Tool (G).


Създаване на копие и с помощта на контекстното меню -> Transform -> Reflect огледало то си хоризонтално.

6. Създаване на пръчката


В този момент, всичко, както се използва Mesh Tool (U), пипетка Tool (I) и Direct Selection Tool (A). С помощта на инструментите, посочени по-горе се създаде, като се позовава refrensnoe образ, основната форма и свърталище на окото до основата на левия стик. Чрез контролиране на точки и линии, използващи преките инструмент за избор, се опита да получи закръглена форма.


Получената нетна правдоподобен, това да вземе цвят от снимки и от тялото към външния край. В резултат на това, ние получаваме нещо като това:


По същия начин, за добавяне на горната повърхност на основата.


Начертайте отделна единица тук е долната траверса.


Тъй като самият кръст е симетрична, можем да направим само една четвърт от него и да се прилага два пъти върху външния вид на панела Add New Ефект -> Distort Transform -> Transform ... първо за копия хоризонтално, вертикално и след това. С помощта на Pathfinder получите един обект и да се създаде дубликат. Отново отидете в панел на облика и дублира употреба Add New Ефект -> Path -> компенсира път с отрицателна стойност. За изтегляне на обект обект -> Expand и Mesh Tool средства за финализиране на подготовката на формуляра.


Седи върху създаването на един бутон няма да основава като подобни обекти, многократно са изготвени. В завършен вид тя изглежда така:


Добави размера на бутон кръг и го оцвети в тъмно синьо.


Нарисувайте приблизително бутона.


Всеки подобен тип писане «Х», тя се дестилира, криви (Ctrl + Shift + O) и правят линеен градиент на запълване.


За да създадете друг бутон е достатъчно, за да направите копие на вече готови, на мястото на буквата и изберете всички обекти, на която искате да промените цвета. След това кликнете върху Редактиране -> Edit Colors -> Преоцветяване произведения на изкуството. В прозореца, преминете към Редактиране на текст и натиснете бутона Link Harmony Colors. Сега, когато цветовете са затворени един до друг, те могат да бъдат променени, като използвате плъзгачите HSB. След като приключите, натиснете ОК. Ако е необходимо, ние сме финализиране на цветовете и формите на ръка.

9. Последната част


За да създадете основната форма на центъра и да използвате Mesh Tool (U).


По същия начин, ние завършваме зелените светлини и в центъра на полусферата.


По същия начин бутон привлече. Триъгълната иконата - само форма, а акцентът и сянката върху него - линия с предварително определена дебелина.


Крайният докосване - текст. За тази цел е необходимо да се предварително превръща криви (CTRL + Shift + O), и след това се коригира стил в раздела Външен вид.


За да създадете извита текст, първо трябва да направи път с помощта на Pen Tool (P) и след това, като изберете типа инструмента (T), кликнете върху получената път.


И накрая, няколко щрихи и сте готови.