Мрежа за лице във Photoshop. — Полигонално изкуство в уеб дизайна
многоъгълен портретили нисък поли - популярна арт техника при обработка на снимки.
Комбинацията от Photoshop и Illustrator ще ви даде най-ясни и бързи резултати.
Ако нямате Illustrator, можете да използвате Inkscape или Xara.
Всъщност, след като разберете принципа, можете да използвате всеки инструмент.
Но автоматизацията не ви помага. Нито един скрипт няма да даде половин добър резултат.
Вашият мозък, очи и ръце - това е най-важното.
Как да направите многоъгълен портрет във Photoshop
За тези, които не търсят лесни пътища - четете!
Техническата страна на рисуването на многоъгълен портрет е изключително проста и истинско предизвикателство.
за вашето търпение, това ще бъде само монотонността на работата))
01. Изберете правилния външен вид.
Струва си да изберете висококачествена снимка. Най-подходящ за портрет с ярко
изразителни детайли. Ще трябва да увеличите мащаба, така че изберете снимка с висока разделителна способност.
02. Затегнете цветовете и контраста.
Хвърлете снимката във Photoshop, добавете цвят и контраст. Трябва да вземете достатъчно високо
нивото на контраста, така че по-късно да бъде по-лесно да изберете цвета на полигоните. Въпреки това, не прекалявайте с
цвят и контраст. Не повече от 30%!
03. Намалете качеството.
Ако снимката ви е твърде голяма, намалете разделителната способност. 1000px от дългата страна е добре
достатъчно. Това ще ви помогне да изберете цветове в бъдеще. По-малко пиксели - по-лесно намиране на цвят.
04. Не забравяйте да работите върху различни слоеве.
Сега можете да изпратите снимката на Illustrator. Направете един фото слой, цветен слой
и друг слой за многоъгълната мрежа. Можете да добавите още в бъдеще, но това е достатъчно, за да започнете.
05. Изработка на цветен фон.
Многоъгълният портрет изисква много внимание към детайлите. Така че има смисъл да направите чист фон с
минимален градиент. Разбира се, цветът, базиран на фона на картината, е най-добър. Тонът на кожата ще
изглеждат по-изгодни.
06. Изпробване на линията.
линия на ярки жълт цвятще изглежда забележимо на повечето фонове. Дебелина на линията -
около 0,5 точки. Във Photoshop можете да използвате полигоналното ласо.
07. Започнете с малко.
Най-лесният начин е да започнете с очите. Увеличете снимката колкото е възможно повече и начертайте линия около нея.
Тук не е нужно да сте прекалено внимателни. Просто кръгнете формата. Очертайте частите на окото
и свържете всичко заедно. В резултат на това трябва да получите една мрежа.
08. Очертайте други части на лицето.
Отделен нос, второ око. Използвайте мащаба, за да навигирате бързо през снимката.
09. Забравете за недовършените линии.
По време на удара ще имате много непоследователни линии. Хвърли ги за сега.
Плътното привеждане на всяка линия ще ви отклони от основната задача.
10. Разделете косата си.
Когато рисувате повечето портрети, разделянето на косата се превръща в специално упражнение.
Опитайте да разделите косата си на отделни големи къдрици. Не е задължително да изглеждат перфектно.
Просто хванете посоката на къдрицата и мястото, където тя се пресича с другите.
11. Продължаваме.
Да, това е доста старателна работа) Ето защо, когато приключите с проследяването на всичко, направете почивка!
Следващата част е още по-трудна.
12. Свържете линиите.
Сега да се върнем към нашите незатворени линии. Всички те трябва да бъдат свързани, така че цветът
не излезе.
13. Полигонизирайте!
Най-забавната част от портрета на полигоните е действителното създаване на полигоните. Започвайки отново
от малки предмети, започва да рисува триъгълници.
14. Баланс на многоъгълници.
Използвайте различни размери на полигони. Малък за малки предмети като очи. И още
за големи части. Но поддържайте баланс. Различните размери на полигоните ще дадат повече работа
изразителност.
15. Преобразуване в Live Paint.
Честито! Направихте цялата мрежа. Най-трудната част свърши. Сега изберете всичко освен фона и
щракнете върху Обект > Жива боя > Направи. Сега можете да боядисате мрежата с цветно запълване.
16. Оцветяване.
Увеличете окото на снимката и изберете цвят с капкомер. Запълнете триъгълника с цвят.
И се опитайте да не удряте буркана в опашката! И научете бързи клавиши, ако още не сте го направили.
17. Отстранете решетката.
След като завършите процеса на оцветяване, преместете позицията на цвета на щрих (щрих).
Никаква позиция. Сега проверете цялата картина и потърсете полигоните, които сте забравили да оцветите.
18. Добавете свой собствен вкус!
Това е всичко! Вече имате страхотен полигонален портрет. Сега можете да имате малко
персонализирайте. Придайте му индивидуалност - отрежете няколко полигона, приложете други ефекти.
Многоъгълните графики са специален вид графики, които се създават с помощта на равнинни многоъгълници. Многоъгълниците се дефинират от набор от точки, състоят се от прекъснати линии и се наричат многоъгълници. Най-простият вариант е триъгълен многоъгълник. С негова помощ полигоналните портрети най-често се рисуват в различни програми. Създаването на изображение от триъгълници се нарича триангулация.
Програми за триангулация на изображения
Тази технология се появи много отдавна и беше използвана при създаването на първите видео игри с 3D ефект. Но сега полигоналните графики преживяват прераждане и отново стават популярни сред дизайнерите и фотографите. Най-често полигоните се използват при обработката на снимки. Но тъй като процесът на триангулация е доста трудоемък, специални програмиза полигонални портрети, ускоряващи обработката на изображения. Най-често дизайнерите използват два продукта на Adobe за това - Photoshop и Illustrator.
Използване на полигони във Photoshop
Помислете за един от най-бързите начини за създаване на многоъгълен портрет във Photoshop - без използването на специални плъгини. Първо трябва да подготвите снимка и да я обработите специални инструменти:
Как правилно да настроите мрежата
Сега пристъпваме директно към създаването на многоъгълен портрет във Photoshop. Първо настройваме решетката. Включете видимостта му с помощта на клавишната комбинация Ctrl + H. Изберете елемента от менюто "Редактиране", след това - "Настройки" и "Ръководства". В прозореца с настройки, който се показва, изберете стила на мрежата - „Точки“, разстоянието между тях е 10 пиксела, променете цвета на светло сив. Сега включете захващането към мрежата: отидете в менюто "Преглед", след това - "Прикачване към ..." и изберете елемента "Линии на мрежата". Сега, когато използвате Rectilinear Lasso, самият курсор ще се „залепи“ за мрежата, което улеснява създаването на полигони.
Създаване на портрет от многоъгълници
Започваме да рисуваме многоъгълници - поставяме точка, след това още една и затваряме контура, като щракваме двукратно върху третата точка. Създадохме триъгълник. Отидете в раздела „Филтър“, изберете „Blur“ и задайте стойността на „Medium“. Сега, за да създадете многоъгълен портрет, можете да използвате специална клавишна комбинация, която прилага последния използван филтър - Ctrl + F. Продължаваме да обработваме цялото изображение по същия начин, създавайки триъгълници с различни размери. Опитваме се да създаваме многоъгълници във форма, повтарящи естествени криви. След това коригираме контура и премахваме ненужните детайли на нашия многоъгълен портрет, като го избираме с праволинейно ласо и натискаме Ctrl + Shift + Alt, за да обърнете щриха. Остава само да натиснете клавиша Del, за да премахнете ненужните подробности.
Многоъгълен портрет в Illustrator
"Illustrator" и "Photoshop" са създадени за различни цели, тъй като процесът в тях е различен. В началото на работа и в двата случая създаваме нов документ и плъзгаме изображението върху него. След това в Illustrator трябва да заключите фотослоя, така че да не се движи. Ще рисуваме многоъгълници с помощта на инструмента Line Segment. Дебелината на контура може да се променя, 4 пиксела ще са достатъчни. Първо очертаваме очертанията на обекта и след това започваме да избираме области с акценти и сенки. Можете да започнете да рисувате с многоъгълници - тогава ще бъде лесно да ги разбиете на триъгълници, като свържете върховете с линии. По този начин създаваме мрежа от многоъгълници в цялото изображение.
Центриране на кръстосана точка
Важно е линиите да се събират в една точка и всички многоъгълници да са разделени на триъгълници. За да улесним работата, ще запишем всички следващи действия. Изберете елемента "Операция" в менюто "Прозорец", създайте нова операция и щракнете върху елемента "Запис".
В следващата стъпка центрираме точките:
- С помощта на инструмента за директна селекция изберете пресечна точка от линиите.
- В опциите за подравняване изберете "Подравняване към селекцията".
- Щракнете върху бутоните Хоризонтално подравняване и Вертикално подравняване в лентата с инструменти.
Спрете записа.
Тази операция трябва да се повтори на всички места с грешки в конструкцията. За да търсите грешки, натиснете клавишната комбинация Ctrl + Y и, водени от мрежата, потърсете проблемни области. След това изберете цялото изображение и отидете в менюто "Pathfinder" и кликнете върху елемента "Разделяне". Запълнете контура отново, като промените дебелината му с 2 пиксела. Финален етап- контурно запълване. За да направите това, използвайте бързия клавиш за инструмента за избор - Y и буквата I за инструмента за пипетка. И, редувайки тези инструменти, запълнете триъгълниците с цвят. Сега многоъгълният портрет е готов.
Добър ден, днес ще ви кажа как да създадете многоъгълен портрет в Adobe illustrator. Изберете правилната снимка добро качество, в противен случай може да имате затруднения при попълването на триъгълниците.
Така че, например, ще направя тази снимка
Тази снимка е с лоша разделителна способност, но аз нямам по-добра, така че ще създам многоъгълен портрет от тази снимка.
Зареждаме снимката в illustrator и за по-голямо удобство я копираме в нов слой, за да можем в бъдеще да сравним готовия портрет с оригиналната снимка.
Най-добре е да започнете да рисувате портрет от областта на очите. Когато създавате първия триъгълник, той вероятно ще бъде запълнен с цвят по подразбиране по подразбиране. За повече удобство изберете триъгълника и задайте параметрите: без запълване, задайте контура на 1 точка. Докато работите, ще виждате изображението, върху което работите.
Увеличете снимката - изберете инструмента за писалка и нарисувайте първия триъгълник. Връщайки се към третата точка, ще видите икона на кръг, което означава, че този триъгълник ще бъде преобразуван в затворен път.
И така, след като получихме първия триъгълник, започваме да рисуваме следващия, от точката на ръба на предишния триъгълник. Ако задържите курсора на мишката над ръба на начертан триъгълник, за да започнете да рисувате следващия, ще видите икона на писалка със знак "-", което означава, че когато щракнете с мишката, ще изтриете точка в този триъгълник.
Но трябва да създадем нов триъгълник, а не да премахваме точката в вече начертания. За да направите това, задържаме клавиша "shift" и виждаме как писалката е променила стойността си от знака "-" на знака "*" (звездичка), което означава, че когато натиснете левия бутон на мишката, ще започнете да рисувате нов обект.
Продължаваме да рисуваме триъгълници. В резултат на това получаваме решетка от триъгълници в горната част на снимката
Като премахнете видимостта на снимката на слоеве, получавате този резултат
Върнете видимостта на снимката и започнете да рисувате върху всеки триъгълник. За да направите това, трябва да изберете триъгълника, да кликнете върху бутона "капкомер" и да рисувате върху триъгълника, като вземете подходящия цвят от снимката
Ако снимката е с ниска резолюция (като моята), тогава е възможно да се види, че точките на триъгълниците са отделени една от друга на някои места. Поправяме това, като правим триъгълника по-голям и го избираме. Изберете бялата стрелка в лентата с инструменти (директен избор).
Тенденцията Polygon или Low Poly набира все по-голяма популярност в интернет. Все повече и повече сайтове използват тази тенденция основно във фонов режим на сайта. По принцип депото е проста формамозайки, но вместо да се използват прави ъгли, този стил използва многоъгълни форми. Също така в тенденцията се използват главно триъгълни форми, даден стилнаричан още триангулация.
Тази колекция ще съдържа най-популярните генератори, които създават този многоъгълен стил. С помощта на тази колекция ще създадете подобни неща много просто.
Генератор на фонов стил на полигон - Trianglify
Много прост и прост генератор, който ще ви позволи да създавате фонове в стил с нисък поли. Няма много настройки, които са достатъчни, за да създадете подходящ и красив фон за вашия сайт. Можете също да изтеглите готов фон на многоъгълник безплатно във формат SVG.
Генератор на изображения в стил полигон
Отличен и функционален генератор за създаване на триъгълни изображения. Много настройки ще ви позволят да създадете изображението, от което се нуждаете. Можете също да използвате бутона за рандомизиране, за да получите произволни резултати, което също е много полезна функция според мен. След като изображението е готово, можете да го изтеглите във формати PNG и SVG.
Офлайн инструмент за създаване на многоъгълни изображения
Този инструмент ви позволява да създадете истинско многоъгълно изображение, но тук трябва да работите повече ръчно и имате нужда от малко умения. Преди да започнете да работите с този инструмент, препоръчвам ви да гледате обучителното видео, публикувано на страницата на автора, откъдето можете да изтеглите и този инструмент.
DMesh е страхотна програма за създаване на изображения с ниски поли.
Прекрасна и многофункционална програма, която ще ви позволи да конфигурирате точно всичко, което трябва да създадете красиви изображениястил на полигон. Тази програма е безплатна, но има и платена версия, която включва няколко допълнителни функции. Също така, преди да използвате, препоръчвам да гледате видеото за обучение.
Java приложение за триангулация на изображения
Отлично и в същото време просто Java приложение, с което лесно можете да създадете картина в стил Polygon. Преди да започнете да работите с приложението, трябва да го изтеглите, то е напълно безплатно.
Триангулацията на Делоне е много приспособим инструмент
Това е най-настройващият и най-тежкият инструмент за създаване на снимки в стил Polygon. За да започнете да работите с този инструмент, трябва да имате поне малко опит в работата с този стил.
Многоъгълните форми много напомнят на оригами или изрязани скъпоценни камъни. Нека да разберем какво е полигонална графика? И защо дизайнерите са толкова обичани използвайте тази техника в работата си ?
многоъгълник(от гръцки polýgonos - многоъгълен), многоъгълна линия е начупена линия, съставена от краен брой прави отсечки (връзки). Многоъгълник се разбира и като затворена прекъсната линия, т.е. многоъгълник.
Полигонната графика е интелигентна
Това е визуализация на съзнателна форма. За художници и дизайнери многоъгълникът помага да се опрости, разбере и следователно в бъдеще правилно да се предаде формата и обема на обекта.
Помага и при 3D графика. Там многоъгълникът е минимална повърхност, елемент, от който се формират скелети на форми с всякаква сложност. Колкото повече полигони, толкова по-подробен ще бъде моделът. Триъгълниците обикновено се използват като многоъгълници в 3D графика.
Полигоните - прости, красиви, кратки и безкрайно разнообразни, вдъхновяват много съвременни дизайнери. Те могат да бъдат измислени абстрактни композициии стилни илюстрации с всякаква сложност
В тази статия ще научите много за полигоните и полигонната графика и ще видите страхотни примери за използването им. Тук има и няколко урока, които ще ви помогнат да овладеете тази техника.
Каква програма можете да използвате за създаване на полигонна графика?
Триизмерна графика.Няма категоричен отговор на този въпрос. Майсторите на 3D без съмнение ще предпочетат да правят това в 3D max, Maya или Cinema 4D. Най-новият софтуер е толкова удобен, че дори дете може да рисува в него. Като цяло полигоналните графики са доста лесни за създаване, особено в сравнение с фотореалистичните изображения. Тя напомня за ранните дни на компютърното моделиране и анимация с нотка на съвременни техници. Колкото по-малко полигони използвате на етапа на моделиране, толкова по-абстрактен ще бъде резултатът. За подчертан ефект можете да изключите функцията за анти-алиасинг в настройките за изобразяване и тогава ще получите ясни ръбове. Всичко зависи от ефекта, който искате да постигнете. Използването на техника с нисък поли не означава, че сцената ще бъде проста. можеш да използваш сложни текстури, реалистични настройки за отражения и пречупвания в заобикаляща средаи т.н.
2D графика.Можете да създавате полигонални шедьоври в програми като Adobe Illustrator и дори Adobe Photoshop. Тези програми, за разлика от специфични 3D пакети, са добре познати на повечето дизайнери. С този метод можете да създавате стилизирани, декоративни изображенияс невероятно
Освен това можете да допълвате полигонната графика със снимки, създавайки невероятни колажи, които наподобяват разширена реалност и намекват за връзки между реални и виртуални светове. Част от работата е допълнена от типография.
Можете също да опитате онлайн генератори на полигони
триъгълник
Много прост генератор, който ще ви позволи да създавате нискополис фонове с дадена цветова палитра. Можете да създадете красив фон за вашия дизайн. Готовият многоъгълник може да бъде изтеглен безплатно във формат SVG.
Как да конвертирате растер в полигони онлайн
Генератор на функции за създаване на триъгълни изображения. Създава многоъгълна композиция от всяка растерна карта. Има редица настройки и бутон за рандомизиране, за да получите произволни резултати. След като изображението е готово, можете да го изтеглите във формати PNG и SVG.
Полигонални лога
В резултат на популярността на полигоналната графика, те започнаха да се създават в този стил
Създайте полигонално лого в CorelDraw
многоъгълен портрет
Тази техника ви позволява да създавате произведения с всякаква сложност.
Тези уроци ви показват как да създадете многоъгълен портрет.
