Направете стилизирана графика в Illustrator

01 от 19

Направете стилизирана графика от снимка в Illustrator

Текст и изображения © Sandra Trainor

В този урок ще използвам Illustrator, за да направя стилизирана графика с монохромна цветова схема, което просто означава, че ще използвам само един цвят с различни тонове. Когато приключите, ще направя втора версия на графиката, използвайки повече от един цвят. Ще проследя снимката, ще използвам Pen Tool, за да създам форми, които очертават различни тонове, след това попълват моите форми с цвят и пренареждат слоеве . Когато приключите, ще имам две версии на една и съща графика и ноу-хау, за да направя още повече.

Въпреки че използвам Illustrator CS6 , трябва да можете да го следвате и с доста сравнително скорошна версия. Просто кликнете с десния бутон върху връзката по-долу, за да запишете практически файл на компютъра си, след което отворете файла в Illustrator. За да запазите файла с ново име, изберете File> Save As, преименувайте файла, "ice_skates", направете файловия формат Adobe Illustrator и кликнете върху Save.

Изтегляне на файла за практически упражнения: st_ai-stylized_practice_file.png

02 от 19

Размер Artboard

Текст и изображения © Sandra Trainor

Искам да превърна двойката кънки в снимката в стилизирана графика. Избрах тази снимка, защото има хубава гама от тонове, което е важно за вида на графиката, който ще правя.

В панела Инструменти ще избера инструмента Artboard, след което щракнете върху една от ъгловите дръжки на Arboard и го плъзнете точно в краищата на снимката. Ще направя същото и с противоположната дръжка, след което натиснете клавиша Escape, за да излезете от режима Edit Artboard.

03 от 19

Преобразуване в сивата скала

Текст и изображения © Sandra Trainor

За да изберете снимката, ще избера инструмента за избор от панела Инструменти и ще кликне където и да е на снимката. След това ще избера Редактиране> Редактиране на цветовете> Преобразуване в сивата скала. Това ще превърне снимката в черно и бяло, което ще улесни разграничаването на различните тонове.

04 от 19

Намерете снимката

Текст и изображения © Sandra Trainor

В панела "Слоеве" щракнете двукратно върху слоя. Това ще отвори диалоговия прозорец "Опции на слоя". Ще кликнете върху Шаблони и Dim изображения, след това въведете 50% и щракнете върху OK. Снимката ще затъмнява, което ще ми позволи да видя по-добре линиите, които скоро ще рисувам върху снимката.

05 от 19

Преименуване на слоеве

Текст и изображения © Sandra Trainor

В панела "Слоеве" ще кликна върху слой 1, който ще ми даде текстово поле, за да въведете ново име. Ще напиша в името "Шаблон". След това ще кликна върху бутона Създаване на нов слой. По подразбиране новият слой се нарича "Layer 2". Ще кликна върху името и след това ще напишете текстовото поле "Тъмни тонове".

06 от 19

Премахнете цвета на пълненето и хода

Текст и изображения © Sandra Trainor

С избрания слой Тъмни тонове щях да кликна върху инструмента "Писалка", намиращ се в панела "Инструменти". Също така в панела Инструменти има полета за попълване и ход. Ще кликна върху полето за попълване и върху бутона "Няма" под него, след това върху полето "Ход" и "Няма".

07 от 19

Трейс около тъмните тонове

Текст и изображения © Sandra Trainor

По-тясна гледка ще ми помогне да проследя с по-голяма точност. За да приближите, можете да изберете Изглед> Увеличаване, щракнете върху малката стрелка в долния ляв ъгъл на основния прозорец, за да изберете ниво на увеличение или използвайте инструмента за мащабиране.

С инструмента "Писалка" ще начертая най-тъмните тонове за формиране на фигури. Ще започна с тъмните тонове, които оформят формата, която оформя подметката и петата на ледовете отпред. Засега ще пренебрегна светлинните тонове в тази форма. Също така няма да обръщам внимание на стената зад ледените кънки.

Ако сте нов за използване на инструмента "Писалка", той се намира в панела "Инструменти" и работи, като кликнете, за да създадете точки. Две или повече точки създават път. Ако искате извит път, кликнете и плъзнете. Извеждат се контролни дръжки, които могат да се използват за редактиране на вашите извити пътеки. Просто кликнете върху края на дръжката и я преместете, за да направите настройки. Осъществяването на последната точка върху първата ви точка свързва двете и създава форма. Използването на инструмента "Писалка" отнема известно време, но става по-лесно с практикуването.

08 от 19

Изберете Пътя

Текст и изображения © Sandra Trainor

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

09 от 19

Нанесете тъмно пълнене

Текст и изображения © Sandra Trainor

С избрания слой Тъмни тонове в панела "Слоеве" щракнете двукратно върху полето "Попълване" в панела "Инструменти", който ще отвори Color Picker. За да покажете много тъмен тон на синьо, ще набера в полетата с стойности RGB 0, 0 и 51. Когато щракна върху OK, формите ще се запълнят с този цвят.

В панела "Слоеве" ще кликна върху иконата на очите вляво на слоя "Тъмни тонове", за да стане невидима.

10 от 19

Трейс около средните тонове

Текст и изображения © Sandra Trainor

Аз ще създам друг слой и ще го нарека "Middle Tones". Този нов слой трябва да бъде избран и да се намира над останалите в панела "Слоеве". Ако не го направи, ще трябва да кликна и да го сложи на място.

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

След като завърша проследяването около средните тонове, ще кликна върху целевия кръг за слоя Middle Tones.

11 от 19

Прилагане на цветово запълване в Middle Tone

Текст и изображения © Sandra Trainor

С избрания слой "Средни тонове", както и с изчертаните пътища, щракнете двукратно върху полето "Попълване" в панела "Инструменти". В Color Picker ще напиша в полетата за стойности RGB 102, 102 и 204. Това ще ми даде среден тон на синьо. След това щракнете върху OK.

Ще щракна върху иконата на очите за слоя Middle Tones. Сега, както слоят Dark Tones, така и слоят Middle Tones трябва да са невидими.

12 от 19

Трейс около светлинните тонове

Текст и изображения © Sandra Trainor

Има светлинни тонове и много леки тонове в тази снимка. Много светли тонове се наричат ​​"светлини". Засега ще пренебрегна акцентите и ще се съсредоточа върху светлинните тонове.

В панела "Слоеве" ще създам нов слой и ще го наименувам "Светли тонове". След това щракнете и преместете този слой, за да го поставите между слоя Dark Tones и слоя Template.

С инструмента "Писалка", който все още е избран, ще кликна върху квадратчето за попълване и върху бутона "Няма". След това ще проследя светлинните тонове по същия начин, по който проследих тъмните и средните тонове. Светлите тонове изглеждат като ботуши и дантели, които могат да бъдат изчертавани по такъв начин, че да създават една голяма форма.

13 от 19

Нанесете пълнене със светъл цвят

Текст и изображения © Sandra Trainor

В панела "Слоеве" ще се уверя, че е избран слоят "Светли тонове", както и изчертаните пътища. След това щракнете двукратно върху полето "Попълване" в панела "Инструменти" и в полето "Избор на цвят" ще напиша полетата за стойности за RGB 204, 204 и 255. Това ще ми даде средно синьо. След това щракнете върху OK.

Ще щракна върху иконата на очите за слоя светлинни тонове, което ще го направи невидим.

14 от 19

Проследяване около акцентите

Текст и изображения © Sandra Trainor

Акценти са най-ярките бели части на обект или обект, където са силно осветени.

В панела "Слоеве" ще създам нов слой и ще го наименувам "подчертава". Този слой трябва да седи над останалите. Ако не мога да кликна и да го плъзнете на място.

С избрания нов слой "Акценти" щях да кликна върху инструмента "Писалка" и отново да задам полето за попълване на "Няма". Ще проследя чисто белите или подчертаните области.

15 от 19

Нанесете бяло запълване

Текст и изображения © Sandra Trainor

С избраните изчертани пътища ще кликна двукратно върху полето за попълване в панела Инструменти, в който ще се отвори Color Picker. Ще напиша полетата за стойности на RGB, 255, 255 и 255. Когато щракна върху OK, формите ще се запълнят с чисто бяло.

16 от 19

Преглед на комбинираните слоеве

Текст и изображения © Sandra Trainor

Сега идва забавната част, която е да се разкрият всички слоеве и да се видят изработени форми, които работят заедно, за да образуват образ. В панела "Слоеве" щракнете върху всяко празно поле, където някога е имало икона на очите, за да се покаже иконата и да се направят видимите слоеве. За да сте сигурни, че всички слоеве са деселектирани, щракнете върху инструмента за избор в панела Инструменти, след което щракнете върху платното.

17 от 19

Направете квадрат

Текст и изображения © Sandra Trainor

Тъй като приключих с проследяването, сега мога да изтрия шаблона. В панела "Слоеве" ще кликна върху слоя "Шаблон", след това върху малкия бутон Изтриване на селекцията, който прилича на малка кутия за боклук.

За да направите квадрат, ще избера инструмента Rectangle ("Правоъгълник") от панела "Tools" (Инструменти), щракнете двукратно върху полето Fill (Попълване) и в Color Picker ще напиша 51, 51 и 153 за RGB стойностите. След това ще задържа клавиша за смяна, докато щраквам и плъзгам, за да създам квадрат, който заобикаля ледните кънки.

18 от 19

Преоразмеряване на графиката

Текст и изображения © Sandra Trainor
Ще кликна върху инструмента Artboard и ще преоразмеря арборда, като премествам дръжките навътре, докато не е със същия размер като квадрата. Ще натисна Escape, за да излезете от режима Artboard, изберете File, Save и свърших! Сега имам стилизирана графика с монохромна цветова схема. За да направите версия с повече цветове, продължете към следващата стъпка.

19 от 19

Направете друга версия

Текст и изображения © Sandra Trainor

Лесно е да направите различни версии на една и съща графика. За да направите версия с повече цветове, ще изберете File> Save As и ще преименувате файла. Ще я наименувам "ice_skates_color" и щракнете върху Запазване. Това ще запази първоначалната ми запазена версия и ще ми позволи да правя промени в тази новозапазена версия.

Искам слоят "Акценти" да остане същият, така че ще оставя този слой сам и ще кликна върху кръга "Целеви" за слоя "Светли тонове". След това щракнете двукратно върху полето Попълване и в цветовият избирач ще преместите цветния плъзгач надолу в лентата с цветни спектри, докато достигне жълта област, след което щракнете върху OK. Ще направя промени в слоя Middle Tones и Dark Tones по същия начин; избирайки различен цвят за всеки. Когато го направите, ще изберете Файл> Запазване. Сега имам втора версия и мога да направя трета, четвърта и т.н., просто като повтарям горните стъпки.