Векторни портрети в урок за Photoshop. Осъществяване на по-сложни форми
1. Създайте правоъгълник по контура на листа. 2. Импортирайте изображението и го поставете зад правоъгълника (Shift + Page Down).
3. Вземете инструмента Bézier Curve и започнете да проследявате основните части: лице, шия, коса.
4. Започваме да рисуваме детайли, тъй като обичам да рисувам очи, започнах с тях. Контурирах миглите, напълних горните с черно, а долните с тон по-светли.
5. Пълнеж за протеини - градиент, от сиви, жълтеникави и светлосини нюанси. Зеницата е черна, роговицата е със същия цвят като очите, отгоре има малка сянка.
6. Начертайте контурите на петна по бузите, устните и сенките близо до устните.
7. Сега се обръщаме към носа, важно е да предадем правилно формата, да нарисуваме петна от сянка и светлина.
8. Начертайте устните.
9. Добавете ушите.
10. Начертайте врата.
11. Подбираме тона на лицето и устните, близък до естествения. Изпращаме го обратно. Можете да донесете често използвани клавиши в лентата с инструменти. За да направите това, отидете в раздела Инструменти / Производство, намерете необходимите бутони и просто ги плъзнете в работната зона. Плъзнете до първия. Щракнете върху Ok. Поставете панела там, където ви е удобно.
12. Направете основния цвят на врата малко по-тъмен от лицето.
13. Боядисваме клепачите.
14. Ако се съмнявате в избора на тон, застанете върху основната форма на лицето, направете я почти напълно прозрачна с Интерактивна прозрачност, разгледайте детайлите, които ви интересуват, и когато сте намерили подходящия цвят за детайла, направете лицето отново непрозрачно. За да направите това, изберете Няма от падащия списък Прозрачност. 15. Добавете цвят към бузите и сенките около устата. Не забравяйте, че тонът на всички сенки и светлини трябва да бъде отблъснат от основния.
16. Започнете да оформяте областта на носа и очите.
17. Направете обемни устни.
18. Начертайте преходите по врата.
19. Ако е необходимо, направете акценти върху светлата страна на лицето и шията.
20. Начертайте светли и тъмни кичури коса в зависимост от осветлението.
21. Добавете сенки и детайли върху дрехи, декорации. В този случай рисувах само обеци. 22. Когато чертежът е готов, премахнете изображението, групирайте всички обекти с изключение на правоъгълника. Напълнете правоъгълника с желания цвят.
23. По принцип това може да бъде завършено, но ако желаете, можете да добавите рамка с шаблон. За да направите това, изберете отново инструмента Bézier и нарисувайте прости клонки и листа.
24. Сега с помощта на Distortion (Изкривяване чрез усукване) усукваме всеки обект от средата или ръба. За да направите това, натиснете и дръпнете в правилната посока, докато ви хареса, след което пуснете.
25. От тези парчета сгъваме клон, попълваме желания цвят.
26. Добавете външния контур в една стъпка.
27. Поставете момичето в контейнера с правоъгълник. За целта погледнете в Effects - PowerClip - Поставете вътре и посочете правоъгълник със стрелка.
28. Поставете клонката в долния десен ъгъл на картината, копирайте я и я поставете в горния ляв ъгъл, завъртете я на 180 градуса.
29. Вмъкваме в същия контейнер като момичето. Трябва да изглежда така.
30. Начертайте рамка от по-голям и по-малък правоъгълник. Избираме и двете. Кликнете върху изрязване в лентата на свойствата. Попълнете с цвета на шарката.
Трябва да изглежда така.
Това е всичко! Надявам се да ви е харесал урокът.
В този урок испанският художник Даниел Кабалеро обяснява как е създал портрет във векторен стил въз основа на обикновена снимка.
Краен резултат:
Етап 1
За вашата работа е по-добре да правите снимки на вашето семейство или приятели. Това е най-лесният начин да получите желаната поза. Ще използвам снимката на сестра си (Photo.png).
Създайте нов документ A4 (Ctrl + N) в портретен режим. Поставете снимка в този документ и премахнете фона, например с инструмента Ластик (Eraser Tool) (E). Като фон на нашата снимка можете да използвате всеки шаблон.
Стъпка 2
Ще създадем векторен портрет, като насложим няколко блока на кожата, линии и други детайли. Създайте нов слой (Ctrl + Shift + N) и го наречете "Skin". За основната кожа изберете цвят # FAE0AF. Инструмент Химилка (Pen Tool) (P) Начертайте пътека по ръба на силуета на момичето.
Избягвайте области от дрехи или коса, които се простират извън тялото ви. Ще им бъдат зададени отделни слоеве. След това отидете на палитрата с пътеки, изберете работния път и кликнете върху иконата за запълване (тя е отбелязана на екранната снимка по-долу). След това скрийте този слой за запълване, за да можем да работим по линиите.
Стъпка 3
Създайте нов слой "Кожни линии" и изберете тъмнокафяв цвят като основен цвят. Изберете инструмент Четка (Brush Tool) (B) и задайте размера на 3px. Ще използваме очертанията на слоя „Кожа“, за да създадем всички линии по тялото и чертите на лицето. В палитрата от пътеки кликнете върху иконата Пътека с четка (Пътека с четка). Тази икона е вдясно от иконата за запълване.
Използване на инструмента Химилка (Pen Tool) (P) и функция с четка рисуват устните, носа, очите, челюстта, веждите и други черти на лицето. За да направите линиите на хода по-тънки, трябва да намалите размера на четката. Инструмент Ластик(Eraser Tool) (E) с твърди ръбове, изтрийте излишните области на линиите.
Стъпка 4
Инструмент Химилка (Pen Tool) (P) Начертайте косата и я напълнете с черно. Използвайте по-тънка четка, за да създадете отделни къдрици.
Стъпка 5
Създайте нов слой под слоя "Skin line". Начертайте устни и очи. След това намалете непрозрачността на четката и боядисвайте луничките.
Стъпка 6
Създайте нов слой върху останалите и го наречете "Wear". Инструмент Химилка(Инструмент за писалка) (P) Начертайте ризата на момичето с цвят # E31F40. Създайте линиите за ризата на отделен слой "Wear line". За линиите трябва предварително да настроите четка: задайте я в бяло и размер на няколко пиксела.
Погладете ризата с черна четка. Също така не забравяйте за гънките, в противен случай ризата няма да изглежда реалистична.
Стъпка 7
Отидете до слоя "Skin", след това натиснете Ctrl + Shift + N, за да отворите менюто New Layer. Поставете отметка в квадратчето за функции Използвайте предишния слой, за да създадете изрязваща маска(Използвайки предходен слой за създаване на маска за изрязване), дайте име на слоя „Сенка на кожата“ и задайте режима на смесване на Умножение (Умножете). Щракнете върху OK и в палитрата със слоеве ще се появи нов слой. Тя ще бъде ограничена до границите на тялото. Ще нарисуваме сенки по него.
Изберете цвета, който кожата ви има. Начертайте векторни сенки с инструмента Химилка (Инструмент за писалка) (P). Поставете източника на светлина на същото място като на оригиналната снимка. Работих със светлина, идваща отдясно.
Стъпка 8
Създайте нов слой “Wear Shadow” и създайте някои тъмни области на ризата. Ако ви се струват твърде тъмни, можете да намалите непрозрачността на слоя.
Стъпка 9
Извлечете всички файлове от този архив. Отворете файла "Logo.png" във Photoshop в отделен документ. Инструмент Движещ се (Move Tool) (V) Прехвърлете го в основния документ и го поставете под слоя "Wear Shadow". Маската за отрязване ще бъде автоматично създадена за логото.
Ако не харесвате моето лого, можете да добавите всяко друго, което ви харесва.
Стъпка 10
Над слоя "Wear line" създайте нов слой и инструмента Химилка (Инструмент за писалка) (P) Начертайте акцентите на ризата и тялото. Използвайте оригиналната снимка, за да определите източника на светлина, както направихме при създаването на сенките. Инсталирай Непрозрачност(Непрозрачност) на този слой с 40%.
Стъпка 11
Поставете татуировките в нашия документ и ги поставете върху тялото на момичето над слоя "Wear". Задайте режим на смесване на татуировки на Умножение (Умножете). Инструмент Ластик (Eraser Tool) (E) Изтрийте областите на татуировките, които се простират извън тялото.
Стъпка 12
Направете копие на слоя "Body" (Ctrl + J). Изберете оригиналния слой и отидете на корекции Оттенък / Наситеност (Изображение\u003e Настройки\u003e Оттенък / наситеност). Нисък Яркост (Лекота) до -100, за да превърне тялото на момичето в черен силует.
В слоя черен силует активирайте Free Transform Tool (Ctrl + T), щракнете с десния бутон и изберете режим Изкривяване (Изкривяване). Прекройте сянката, така че да падне върху задната стена. Натиснете Enter, за да приложите промените. След това нанесете филтъра Гаусово замъгляване (Filter\u003e Blur\u003e Gaussian Blur) със стойност 35 пиксела. Намалете непрозрачността на този слой до 20%.
Забележка: Ако корекцията Оттенък / наситеност (Hue / Saturation) няма да се отвори, тогава най-вероятно трябва да растеризирате слоя.
Стъпка 13
Създайте нов слой с 40% непрозрачност върху останалите. Изберете инструмент Градиент (Gradient Tool) (G) и запълнете платното с редовен черно-бял градиент отляво надясно (бялото трябва да е вдясно). В резултат на това получаваме естествено осветление.
Стъпка 14
Създайте друг слой над черния към бял градиент и го запълнете с червен до жълт градиент, за да създадете топла цветна атмосфера. Намалете непрозрачността на слоя до 35%.
Стъпка 15
Върху всички слоеве създайте слоя за регулиране на нюанса / наситеността (Hue / Saturation). Намалете параметъра Saturation до -18%.
Публикацията съдържа селекция от уроци за създаване на векторна графика. Според мен повечето материали ще изглеждат интересни за начинаещи, които тепърва започват да разбират векторното изкуство. Но мисля, че специалистите също ще могат да намерят полезни уроци за себе си.
Уроците са безплатни, но почти всички са на английски език. За удобство те са разделени на три категории: Първи стъпки, Създаване на лица, Дизайн на персонажи, Пейзаж и околна среда и Специални ефекти.
Така че да вървим:
Този урок обяснява как да създавате векторни илюстрации с помощта на Adobe Illustrator. Основните параметри и инструменти са обяснени, последвани от експертни съвети.
В този универсален урок ще научите основни термини, работни процеси и техники, за да започнете с векторната графика.
Инструментът "писалка" е един от основните инструменти в арсенала на програмата, той е особено важен за първоначалното овладяване на векторната графика. Това изчерпателно ръководство има за цел да ви запознае с функциите и методите за работа с незаменимия инструмент на Adobe. А също и с най-рационалните начини за използването му.
Този видео урок е наистина ценен ресурс за обяснение как да създавате векторна графика в Illustrator и как рисуването играе в процеса.
От използването на точките на Безие до поглаждането, пълненето и правенето на векторното изкуство да изглежда по-естествено, това са само няколко от съветите и триковете на Illustrator, които значително ще разширят арсенала на вашия начинаещ.
Научете как да създавате прости органични форми в Illustrator с този лесен за следване урок от Veerle Pieters, графичен и уеб дизайнер.
7. Добавяне на текстура за векторни илюстрации
Добавянето на текстура е чудесен начин да направите векторното си изкуство по-изразително и да подчертаете неговата перспектива. В това изключително достъпно видео експертът по Illustrator Александра Сесилио демонстрира как се прави.
Този урок от Андрей Мариус ще ви помогне да създадете векторни графики. Стъпка по стъпка: започвайки с обикновена решетка за насочване на линиите, като използвате само панела Appearance (един от най-мощните инструменти в Adobe Illustrator), добавяйки няколко прости парчета текст и фино излюпване.
Създаване на лица
9. Създаване на векторно окоТова е много полезен видео урок, който ви показва процеса на създаване на векторно око, както и потъмняване на кожата.
Това е задълбочен видео курс, който ще ви помогне да овладеете изкуството на векторните портрети, базирани на фотография.
Друг страхотен урок за векторна графика. Руслан Хасанов показва как да се манипулира работата на векторни линии и градиенти, за да се направи работата по-динамична.
С възраждането на геометричната тенденция, честно е да се каже, че WPAP може да има все повече и повече различни аспекти на дизайна. Този урок ще ви покаже как сами да създадете WPAP в Illustrator с помощта на WPAP Wizard.
Векторната коса може да бъде трудна. Този урок ви показва стъпка по стъпка как косата от снимка се преобразува във векторна коса.
В този урок ще можете да създадете илюстриран автопортрет в геометричен стил. Вашата собствена снимка ще бъде използвана като основа за илюстрацията. Тя ще ви помогне да нарисувате скицата и след това да завършите останалата част от работата.
Илюстраторът и дизайнер Юлия Соколова ви показва как да създадете набор от портрети, които са идеални за социалните медии или например да представите различни категории и професии на вашия уебсайт.
Джонатан Бол, основател на Poked Studio, обяснява как Illustrator превръща основните геометрични фигури в уникални, цветни герои.
В този урок създавате много прост шаблон по забавен и лесен начин, който може да се използва на различни повърхности (включително тениски, стени, платна). Приказката на Л. Карол „Приключенията на Алиса в страната на чудесата“ вдъхнови автора да създаде векторно изображение и да напише урок.
В този урок Мери Уинклер ще ви покаже как да нарисувате чиби символ от нулата, като използвате инструмента за изграждане на форми (Shift-M), Pen Tool (P), прозрачни градиенти и много други инструменти на Illustrator.
Ръководството ще ви преведе през процеса на създаване на прост аниме герой от началото до края.
Научете как се правят сладки зайчета в този урок за векторна графика. Урокът използва прости форми и градиенти, които могат лесно да бъдат приложени към илюстрации на други знаци.
Този урок представя толкова много основни форми, за да постигнете наистина изящен стил на илюстрация. И след това "съживява" йети с палитра от готини цветове.
Тук можете да видите как се създават герои за видеоигри. Ще имате възможност да разгледате работата от първата скица до самия край.
Ако сте запален футболен фен, тогава този урок ще бъде особено полезен. В урока Сергей Кандаков създава ярка илюстрация с ефект в ретро стил.
Пейзаж и околна среда
25. Създаване на векторна картина-инфографика
Този урок от вектора художник Андрей Мариус ви показва как можете да създадете прост дизайн на карта в Illustrator.
Този урок демонстрира как да създадете грандиозен екологичен пейзаж в llustrator. Базовите познания за програмните инструменти ще бъдат достатъчни за изпълнение на задачата.
Много прост и последователен урок от Диана Тома, който показва как да нарисувате красиви цветя с помощта на градиентни мрежи.
В това ръководство ще научите как да създавате "електрически" текст във вектор.
Том Мак ви показва как да създадете портрет на капковия ефект в Illustrator с помощта на инструмента за писалка и някои съвременни техники.
В този урок ще създадем прост и красив ориенталски модел в Adobe Illustrator, който ще бъде съставен от различни азиатски обекти.
С течение на годините винтидж илюстрации и ретро стилове отново се появиха в дизайна. В този урок, разработчикът Бен Стийърс споделя своите техники, за да ви помогне да преобразувате векторното изкуство в ретро стил.
С Illustrator можете да създавате безупречна векторна графика. Но понякога се изискват илюстрации, напомнящи на художествени скици, направени набързо. Този урок показва как да нарисувате векторна рисунка в този стил.
Следвайки този урок, можете да създадете ефект на блясък в Adobe Illustrator. Илюстрацията се основава на три ефекта: нотна хартия, витражи и скъсани ръбове. С бързо проследяване те се превръщат в лъскава векторна текстура.
Полутона е метод за възпроизвеждане на монохромно изображение. Тя се основава на спецификата на възприемането на дадена картина от човешкото око, за което областта на изображението, изпълнена с големи точки, се свързва с по-тъмни тонове. Обратно, зона, пълна с по-малки точки, се възприема като по-лека. Художникът Крис Маквей ви показва как да създадете векторен полутон.
В този урок ще научите как да създадете графично лого на Batman, използвайки прости форми в Adobe Illustrator. Използват се прости инструменти като Ellipse Tool (L) и Shape Builder Tool (Shift + M).
36. Преобразуване на растерно изображение във вектор
Този Inkscape урок показва как да конвертирате растерна карта във вектор с помощта на функцията Trace Bitmap.
Slider е популярен елемент от уеб дизайна. Този урок показва опция за създаване на плъзгач във вектор.
Ciara Phelan ще ви покаже как можете да създадете невероятни колажи, като комбинирате вектори и снимки.
Този урок от едно дизайнерско студио ви показва колко лесно е да рисувате и проследявате снимка. Примерът използва обикновен градиент запълване, за да създаде реалистична илюстрация.
Този урок ви показва как да създадете ефект на кръстосан шев в Adobe Illustrator. За това ще използваме панела за външен вид и суичове.
Днес ще създадем собствен „вектор“ портрет във Photoshop, който лесно можете да използвате като личен аватар във Facebook, Skype или дори на собствения си уебсайт.
Докато ще използваме изображение от безплатен източник, за да направим портрет, вие можете да направите същото със собствената си снимка, просто се уверете, че е с висока разделителна способност и достатъчно голяма, за да видите детайлите, сенките и промените. цветове. След като научихте важна информация, запалете Photoshop и нека започнем.
Има хиляди причини, поради които Photoshop е една от предпочитаните графични програми за графични дизайнери. Програмата е мощна, позволява ви да създавате и манипулирате изображения, както сметнете за добре, да не говорим за различните налични ефекти и филтри. Photoshop може да се използва за много цели, които включват създаване на вашите портрети. Векторните и пикселните портрети са толкова популярни, че дори има приложения, които бързо ви свършат работата. Можете обаче да направите същото в Photoshop и дори да създадете хладна цветна комбинация, за да придадете на вашия портрет уникален собствен облик.
Преглед на резултата
Подробности за урока
Програма: Adobe Photoshop CS5 (версиите от CS3 също ще работят)
Очаквано време за изпълнение: 90 минути
Ниво на трудност: Средна
Източници
Етап 1
Преди да започнем да преобразуваме нашата снимка в портрет във векторен стил, първо трябва да я отворим във Photoshop. Можете да използвате изображението, което ви харесва най-много, и за този урок ще използваме снимката от връзката по-горе.
Стъпка 2
Създайте нов слой, за да започнете да работите върху кожата. Използвайте цветната капкомер, за да изберете желания тон на кожата. В този случай използвахме цвета # ffe0c7. Сега, когато е избран желаният цвят, използвайте инструмента Инструмент за писалказа да очертаете лицето и шията, както е показано тук.
След като имаме очертанията на кожата, можем да я запълним с цвят.
Продължете да правите това, докато цялата кожа се очертае и запълни с цвят, както е показано по-долу.
Стъпка 3
Създайте нов слой за косата и използвайте отново цветната капкомер, за да изберете доминиращия нюанс на косата във вашето изображение. Ако искате да добавите акценти, можете да го направите по-късно. За косата използваме цвят # 401e12. Както преди, очертайте косата и след това попълнете тази форма.
Стъпка 4
За пореден път създайте нов слой, върху който ще нанесем основния цвят на дрехите. Помислете само за доминиращи цветове. Например отгоре ще се запълни с # 3c6844
Стъпка 5
Намалете непрозрачността на кожния слой, така че да можете да видите чертите на лицето на оригиналното изображение. Създайте нов слой за очите и променете цвета на преден план на # 000000. Започваме да очертаваме горните мигли. Не забравяйте, че не е нужно да сте много подробни.
Запълнете пътя ни с цвета на преден план.
Заобикаляме другото око и сега и двете очи са готови.
Стъпка 6
На същия слой трябва да запълните бялото на очите с цвят. Просто го правим, като зададем цвета на преден план на #ffffff и след това използваме инструмента Кофа с бояза запълване вътре в очертанията на очите.
Стъпка 7
Създайте нов слой за зеницата и ириса. Скрийте временно очния слой и използвайте инструмента Elliptical Marquee Toolза да получите правилната форма на ириса.
Напълнете ириса с # 7b7648.
Сега напълнете ученика с # 000000, а най-важните с #ffffff.
Стъпка 8
Трябва да подчертаем части като клепачите и носа. За да направите това, просто използвайте цветовете на лицето, за да създадете фигурите, с други думи, вземете същите нюанси, които са върху чертите на лицето. Създайте нов слой и променете цвета на преден план # fec2a6. Започваме да очертаваме носа.
Напълнете го и продължете, докато получим формата на носа.
Стъпка 9
Използвайте същия цвят като на косата, за да попълните веждите, след като ги очертаем.
Стъпка 10
Задайте цвета на преден план на # e6756d и създайте нов слой. Ние очертаваме само очертанията на горната устна.
Напълнете горната устна с желания цвят.
Завършете с устните, като използвате # f47f78 за долната устна.
Стъпка 11
За да придадем на лицето по-завършен вид, трябва да добавим още сенки около бузите и челюстта.
Напълнете отделните сенки с # dd8561, след което намалете непрозрачността до 20%.
Стъпка 12
Продължете да използвате # dd8561, за да добавите сенки около врата и ръцете, както е показано по-долу.
Стъпка 13
Искаме лицето да е по-дефинирано и по-малко плоско, затова ще добавим още сенки с # f9c19c. Нека започнем с добавяне на сянка под долната устна.
Продължаваме да добавяме още сенки, например около очите и носа.
Намалете непрозрачността до 50%.
Стъпка 14
За да изглежда горната част обемна, трябва да използваме цвета # 334f38 и да добавим голяма сянка в горната част на горната част.
Намалете непрозрачността на 50% и променете режима на слоя на Мека светлина.
Стъпка 15
Очертаваме краищата на косата, където виждате нуждата от повече сенки.
Създайте нов слой и запълнете тези области с # 4b1b11. Променете непрозрачността на слоя на 16% и режима на слоя на Умножете.
Стъпка 16
Променете цвета на предния план на # ffad95, за да добавите малко руж към бузите. Очертайте зоната на руж и създайте нов слой.
Попълнете фигурите и задайте непрозрачността на слоя на 24%.
Стъпка 17
Начертайте контурите на сенките върху клепачите и създайте нов слой.
Попълнете формата с # ea98c8 и намалете непрозрачността до 35%.
Стъпка 18
Добавете акценти към кожата, като проследите областите на нашата снимка, където кожата е най-светла.
Напълнете ги с #ffffff и намалете непрозрачността до 20%.
Резултат
Завършете нашия дизайн, като добавите още сенки, детайли и фон, както направихме. Можете да завършите, когато всички подробности, които искате, са добавени.
Както можете да видите, ние оставихме нашия векторен портрет доста основен и близък до оригиналното фотографско изображение. Можете обаче да детайлизирате изображението си. Добавянето на малки детайли като искрящи кристали, кичури и акценти ще направи вашето изображение да изглежда модерно. Можете също така да създадете своя вектор в сива скала, като промените нюансите между черно и бяло, или просто да изберете ограничен цвят, където един цвят доминира над останалите.
Надяваме се, че този урок Ви е бил не само полезен, но и вдъхновяващ и както винаги добър дизайн за всички.
