Vektorové polygonálne pozadie. Ako vytvoriť polygonálny obrázok vo Photoshope

Myslím, že každý sa na nejakej stránke stretol s obrázkami, ktoré pozostávajú z jednoduchých geometrických tvarov, no zároveň upútajú pohľad a nútia študovať detaily.

Takzvané polygonálne ilustrácie sú obrázky pozostávajúce z geometrických tvarov, konkrétne trojuholníkov a kociek.

Polygonálne ilustrácie sú pomerne obľúbené, pretože upútajú pozornosť svojou nevšednosťou a zároveň jednoduchosťou. Polygonálna grafika sa používa aj vo webdizajne, existuje veľké množstvo stránok, ktorých dizajn je vytvorený v polygonálnom štýle. Weboví dizajnéri tiež často používajú polygonálne vzory pozadia stránky, ktoré priťahujú pozornosť a robia stránku zaujímavejšou.

Poďme teda prísť na to, ako sa takéto ilustrácie vyrábajú? Napríklad som odfotil chameleóna, z ktorého urobíme polygonálny obrázok (ilustrácia).

Po skopírovaní obrázka chameleóna do počítača ho otvorte Program Photoshop výberom položky "Súbor" - "Otvoriť" z horného menu.

Celý obrázok, teda všetky polygóny, urobíme pomocou nástroja Pero. Polygonálny obrázok musí pozostávať z mnohých polygónov, v v tomto prípade Ako mnohouholníky použijem tvar trojuholníka. Môžete použiť nielen trojuholník, ale aj 4-5 trojuholníkov, ale podľa môjho názoru vyzerá polygonálny obrázok atraktívnejšie, ak sa použije iba jeden tvar, a nie niekoľko.

Kliknite na nástroj "Pero" v ľavom bočnom paneli programu, vytvorte hornú vrstvu nad naším hlavným obrázkom a začnite "maľovať" obrázok pomocou polygónov (trojuholníkov).

Pri výbere nástroja "Pen" v jeho nastaveniach, ktoré sa nachádzajú v ľavom hornom rohu panela programu, je potrebné zvoliť "výplň" a vypnúť "ťah", aby sa pri kreslení polygónov ihneď vyplnili farbou vybrali sme a nemáme vonkajšiu čiaru zdvihu.

Po nakonfigurovaní nástroja „Pen“ začneme obrázok „vypĺňať“ trojuholníkmi, vyberieme vhodnú farbu, aby ste to urobili, zoberte nástroj „kvapkadlo“ na ľavom paneli programu a kliknite na kvapkadlo vedľa miesta, ktoré bude prelakovaný (vyberte farbu budúceho trojuholníka). Po výbere farby pomocou kvapkadla znova vyberte nástroj Pero a nakreslite trojuholník.

Trojuholníky musia byť na seba pospájané, farby vyberáte nástrojom kvapkadlo, alebo podľa vlastných predstáv, ale dôležitý bod: kde je obraz tmavší, t.j. náš chameleón má tieň, tam si podľa toho vyberiete tmavšiu farbu a nakreslíte tmavé trojuholníky.

Takto „namaľujete“ celý obrázok trojuholníkmi, samozrejme, tu musíte na niektorých miestach premýšľať o tom, ako nakresliť tú alebo tú časť objektu (chameleón) s trojuholníkmi, takže všetko závisí od vašej fantázie!

Toto je chameleón, s ktorým som skončil, aby bol atraktívnejší, pridal som aj pozadie.

Týmto spôsobom môžete vytvoriť polygonálne obrázky z akýchkoľvek obrázkov a fotografií, opakujem to ešte raz dôležité v tento proces- jasné spájanie trojuholníkov tak, aby medzi nimi neboli viditeľné medzery. IN program Adobe Photoshop nie je príliš vhodný na prácu s perom; všetka sila tohto nástroja je implementovaná v aplikácii Adobe Illustrator, v ktorej je oveľa jednoduchšie robiť takéto veci.

Chcete sa dozvedieť viac o polygónovej grafike? Na čo sa používa? Ako urobiť niečo pomocou tejto techniky? áno? Potom ste skutočným dizajnérom, pripraveným rozvíjať sa a rásť ako profesionál!

Samozrejme, polygonálnu grafiku možno len ťažko nazvať niečím novým, tým menej revolučným. Pomôže však diverzifikovať váš dizajn a urobiť ho individuálnym a rozpoznateľným. A posledný nárast módy pre polygóny, ktorý sa rýchlo šíri internetom, je ťažké ignorovať.

V tomto príspevku sa dozviete o polygónoch a polygónovej grafike a uvidíte niekoľko úžasných príkladov ich použitia. Zostavili sme pre vás aj niekoľko lekcií, ktoré vám pomôžu zvládnuť túto techniku. A ktovie, možno budete kresliť s polygónmi ešte chladnejšie ako autori tu zhromaždených diel!

Čo je polygónová grafika?

Polygón(z gréckeho polygonos - mnohouholníkový), mnohouholníková čiara (matematická), prerušovaná čiara tvorená konečným počtom priamych segmentov (spojok). Mnohouholník znamená aj uzavretú prerušovanú čiaru, teda mnohouholník.

Kde sa používajú polygóny?

Odpoveď je zrejmá – v digitálnej grafike, samozrejme! Je to druh digitálneho umenia. Spočiatku sa polygonálna grafika objavila v 3D modelovaní na vytváranie videohier. Vzhľadom na svoje nízke rozlíšenie mali takéto objekty vysoká rýchlosť vykresľovanie. Taktiež zobrazenie vo forme drôtového modelu umožňuje šetriť počítačové zdroje a uľahčuje prácu s modelom. Potom sa stala populárnou v takzvanej 2D grafike.

V akom programe môžete vytvárať polygonálne obrázky?

Ak pracujete v 3D, bude pre vás celkom prirodzené robiť to v 3D max, Maya alebo Cinema 4D. Najnovší softvér je taký priateľský, že v ňom dokáže kresliť aj dieťa. Vo všeobecnosti sa polygónová grafika vytvára pomerne ľahko, najmä v porovnaní s architektonickými alebo fotorealistickými vizualizáciami. Pripomína to začiatky počítačového modelovania a animácie s nádychom moderných techník. A keďže retro štýl je vždy v móde, takmer všetci dizajnéri ho vytvárajú pomocou starých techník.

Ako už viete, 3D modely sa vytvárajú pomocou polygónov. Čím viac polygónov, tým detailnejší bude model. Pri konečnom spracovaní (renderingu) predmet získava „hladký“ vzhľad. Čím menej polygónov použijete vo fáze modelovania, tým abstraktnejší bude výsledok. Pre výrazný efekt môžete v nastaveniach vykresľovania vypnúť funkciu vyhladzovania a následne získate čisté okraje. Všetko závisí od efektu, ktorý chcete dosiahnuť. Použitie low-poly technológie neznamená, že scéna bude jednoduchá. Môžete použiť zložité textúry, realistické nastavenia pre odrazy a lomy v prostredí atď. Polygonálne tvary veľmi pripomínajú origami a momentálne sú na vrchole popularity v grafickom dizajne.

Polygonálne majstrovské diela môžete vytvárať aj v programoch ako Adobe Illustrator, CorelDraw a dokonca Adobe Photoshop. Tieto programy, na rozdiel od špecifických 3D balíkov, pozná väčšina dizajnérov.

Historické pozadie

Vedeli ste, že polygonálnemu dizajnu predchádzal celý umelecký smer? Na začiatku 20. storočia sa objavilo expresionistické hnutie, ktoré sa stalo neuveriteľne populárnym. Nástup fotografie len povzbudil umelcov, pretože teraz bolo možné zachytiť obraz do detailov, taký, aký v skutočnosti je. Expresionisti sa naopak snažili sprostredkovať podstatu, náladu a charakter objektu. Zámerne sa vyhýbali detailom. V súčasnosti je expresionizmus nemenej populárny v maľbe aj digitálnom umení.

Vynikajúce príklady

Tu je niekoľko príkladov súčasného digitálneho umenia. Možno vás inšpirujú k vytvoreniu nových majstrovských diel:

Lekcie

V tomto návode vytvoríte mozaiku v Adobe Illustrator pozostávajúcu z polygónov. S touto jednoduchou úlohou vám pomôže bezplatný plugin Scriptographer a vaša fantázia.

Tu sa dozviete, ako vytvoriť vektorovú polygonálnu mozaiku bitová mapa pomocou bezplatného webového nástroja Triangulator a Adobe Illustrator.

V tomto návode sa naučíte, ako vytvárať portréty pomocou polygónov. Autor ukazuje, ako pracovať s fotografiami pomocou Photoshopu aj Illustratora, aby ste vytvorili krásny portrét v módnom polygonálnom grafickom štýle.

Podrobný videonávod, ktorý vás naučí vytvárať 3D postavy.

Záver

Polygonálna grafika je zmesou retra a futurizmu. Nadčasový štýl, ktorý možno upravovať, individualizovať a donekonečna s ním experimentovať. Vždy vyzerá štýlovo, módne a originálne. Vyskúšajte prácu s polygónmi a zistíte, že bez nich už nemôžete žiť. Budeme radi, ak sa o svoje nápady na túto tému podelíte v komentároch!

Na základe materiálov z lokality: www.onextrapixel.com

Vo webdizajne pri tvorbe používateľské rozhrania Bez ikon a textúr sa to len ťažko zaobíde. Ak však dizajn používa prvky vytvorené niekým iným, bude to neoriginálne. Pozadie je jedným z najdôležitejších prvkov v každom rozhraní, preto je potrebné venovať osobitnú pozornosť jeho jedinečnosti. IN v poslednej dobe Na vytváranie bezšvových textúr, ktoré možno použiť na vytváranie obrázkov na pozadí, je k dispozícii veľa užitočných nástrojov. Mnohé z týchto nástrojov sa ľahko používajú a dokážu dosiahnuť úžasné výsledky aj pre začiatočníkov. Niekedy stačí na získanie textúry profesionálnej kvality len jedno kliknutie myšou. Pomocou špecializovaného softvéru môžete vytvárať pozadia v akomkoľvek štýle a potom ich použiť vo svojich projektoch. FreelanceToday vám dáva do pozornosti 10 bezplatných generátorov náhodného pozadia.

Nástroj Trianglify Generator možno použiť na vytvorenie pozadia s nízkym poly s hladkými prechodmi, ktoré sú oveľa mäkšie ako prechody vytvorené pomocou Delaunayovej metódy. Nástroj obsahuje mnoho prednastavených farebných kombinácií, čo značne zjednodušuje proces generovania polygonálnych textúr.

V nastaveniach môže používateľ určiť veľkosť plátna v pixeloch, vybrať paletu, veľkosť bunky a nastaviť úroveň rozptylu. Môžete tiež vybrať odchýlku entropie polygónu: ak ju nastavíte na nulu, pozadie bude pozostávať z trojuholníkov usporiadaných v párnych radoch.

Pomocou generátora si môžete vybrať jednu z 27 farebných schém vyvinutých profesionálnymi dizajnérmi, ale ak potrebujete urobiť niečo vlastné, vždy si môžete vygenerovať vlastnú schému. Výsledné pozadie je možné uložiť do PNG formáty a SVG.

Nástroj Trianglify Background Generator používa rovnaký triangulačný doplnok JS ako predchádzajúci generátor. Skript za programom používa niekoľko paliet od COLOURlovers a ColorBrewer a umožňuje vám používať dodatočné nastavenia, ako je napríklad výber typu prechodu. Nástroj má v ponuke aj dve nové možnosti: Bleed a Cell Padding, no táto funkcionalita nedokáže upraviť úroveň rozptylu, takže používateľ si bude musieť vybrať jednu z prednastavených paliet.

Je možné vytvoriť bezšvové textúry rôznymi spôsobmi, a to aj pomocou slov. Presne tak funguje veľmi nezvyčajný nástroj s názvom Geopattern. Používateľ môže napísať slovo do špeciálneho poľa a program sám vygeneruje textúru. Minimálne akcie, maximálne výsledky! Môžete napísať len jedno alebo dve písmená a získate jedinečnú textúru, ktorú môžete použiť ako pozadie. Nástroj funguje na základe jednoduchého skriptu, ktorý generuje plynulé geometrické vzory pozostávajúce zo 16 rôznych tvarov. Geopattern používa neobmedzený počet farieb, takže produkuje úplne nepredvídateľné výsledky. Všetko závisí od počtu písmen v slove, takže používateľ bude musieť experimentovať, ak chce nájsť jedinečný vzor. Výsledok je možné uložiť vo formáte PNG.

Tento nástroj používa metódu Delaunayovej triangulácie. Výsledkom sú veľmi pôsobivé polygonálne pozadia s vysokým kontrastom. Rozhranie služby je veľmi jednoduché, existuje len niekoľko posuvníkov, pomocou ktorých môžete nastaviť veľkosť plátna, zmeniť jas, kontrast a veľkosť polygónu. Pomocou špeciálnej palety si môžete vybrať požadovanú farebnú schému. V prípade, že nie je možné vytvoriť vhodnú textúru, pozadie je možné vygenerovať kliknutím na tlačidlo Randomize a nástroj vytvorí náhodný vzor. Opätovným stlačením tlačidla môžete získať úplne iný obrázok. Proces je možné opakovať, kým sa nenájde optimálny vzor.

Flat Surface Shader sa na prvý pohľad nelíši od predchádzajúceho generátora náhodného pozadia. Nie je to však tento prípad, služba využíva náhodnejší a dynamickejší prístup k Delaunayovej triangulácii. Generovanie polygónov je trochu chaotické, pretože svetelné zdroje v tomto nástroji sú v neustálom pohybe. Užívateľ v podstate nemôže nijako ovplyvniť konečný výsledok, môže si však zvoliť farebnú schému a správnu veľkosť polygóny. Obrázok na pozadí je možné uložiť v rastrovom formáte PNG alebo vektorovom formáte SVG.

Polygonálne pozadia sú dnes v trende, takže nie je prekvapujúce, že takýchto generátorov je stále viac. Ale takéto vzory nevyzerajú všade vhodne; niekedy je potrebné niečo iné. V tomto prípade môžete použiť nástroj Waterpipe.js. Tento generátor umožňuje vytvoriť obrázok s dymovým efektom. Používateľ si môže stiahnuť jednu z prednastavených možností alebo si vytvoriť vlastné pozadie manuálnou úpravou nastavení. Môžete si vybrať farbu pozadia a môžete si vybrať aj prechod. Keďže obláčiky dymu by mali vyzerať ako 3D objekty, požadovaný efekt môžete dosiahnuť pomocou prechodu začiatku a konca. Kombinácia svetlých a tmavých odtieňov vytvára realistický dymový efekt.

Nástroj Colorful CSS Gradient Background Generator bude určite užitočný pre dizajnérov vytvárajúcich webové stránky a aplikácie, najmä pre tých, ktorí pracujú s iOS. Táto webová služba vám umožňuje vytvárať nádherné gradientné pozadia doslova za behu. Hlavnou výhodou nástroja je, že automaticky generuje CSS kód pre prechody, ktoré vytvára. Je tu aj malá nevýhoda, keďže výstupom je iba kód, nie obrázok, takže obrázok na pozadí je možné použiť len pre internetové projekty. Ak potrebujete získať pozadie s prechodom v rastrovom formáte, budete musieť použiť tretiu stranu softvér. Phantom.JS je na tento účel vhodný.

Pomocou nástroja Unique Gradient Generator môžete vytvárať pozadia z ľubovoľného rastrového obrázka. Na veľkosti obrázku prakticky nezáleží, generátoru stačí aj obrázok 7x3 pixelov. Nástroj rozmazáva zdroj, kým nie je úplne nerozoznateľný, podobne ako efekt Gaussian Blur v Adobe Photoshop. Ak chcete dosiahnuť požadovaný výsledok, používateľ bude musieť stráviť nejaký čas výberom zdrojového obrázka, inak bude farebná schéma vyzerať trochu zablatene, ak zdroj obsahuje veľa tmavých odtieňov.

Generátor má knižnicu 33 obrázkov pripravených na použitie, ale môžete nahrať aj svoje vlastné súbory. Hotové pozadie je možné stiahnuť v rastrovom formáte alebo ako CSS kód.

Nástroj Material Design Background Generator je služba, ktorá je na vrchole popularity, pretože s pomocou tohto nástroja je možné vytvoriť bez veľkého úsilia obrázky na pozadí v štýle Material Design vytvorenom dizajnérmi a webovými vývojármi Google. Keďže ide o náhodný generátor, niektoré výsledky môžu vyzerať dosť zvláštne. Používateľ teda bude musieť stráviť nejaký čas, aby získal vhodný obrázok. Je to cena náhody, no vo výsledku môžete pre svoj projekt vytvoriť skutočne jedinečné zázemie.

Nástroj K's Watercolor Background Image Generator vytvára bezšvová textúra s akvarelovým efektom. Generátor vytvára obraz pomocou priesvitných kruhov, ktoré sa spájajú a imitujú akvarelové škvrny. Nevyzerá veľmi ako skutočný akvarel, ale pozadie je celkom zaujímavé. Na vytvorenie textúry musí používateľ určiť počet kruhov a ich veľkosť a vybrať farebnú schému. Na vytvorenie zložitejšej textúry môžete použiť viacero vrstiev, čo ovplyvní konečný výsledok.

Polygon alebo trend Low Poly si na internete získava čoraz väčšiu obľubu. Čoraz viac stránok využíva tento trend hlavne na pozadí stránky. Polygón je v podstate jednoduchý tvar dlaždíc, ale namiesto použitia pravých uhlov tento štýl používa tvary mnohouholníka. Tiež trend používa hlavne trojuholníkové tvary, tento štýl nazývaná aj triangulácia.

Táto kolekcia bude obsahovať najobľúbenejšie generátory, ktoré vytvárajú tento polygónový štýl. S touto kolekciou si niečo také vytvoríte veľmi jednoducho.

Generátor pozadia v štýle polygónu – Trianglify

Veľmi jednoduchý a jednoduchý generátor, ktorý vám umožní vytvárať pozadia v štýle Low Poly. Nie je tu veľa nastavení, ktoré stačia na vytvorenie vhodného a krásneho pozadia pre vašu stránku. Môžete si tiež zadarmo stiahnuť hotové polygónové pozadie vo formáte SVG.

Generátor na vytváranie obrázkov v štýle Polygon

Vynikajúci a funkčný generátor na vytváranie trojuholníkových obrázkov. Mnoho nastavení vám umožní vytvoriť obrázok, ktorý potrebujete. Môžete tiež použiť tlačidlo randomizácie na získanie náhodných výsledkov, podľa môjho názoru je to tiež veľmi užitočná funkcia. Keď je obrázok pripravený, môžete si ho stiahnuť vo formátoch PNG a SVG.

Offline nástroj na vytváranie polygónových obrázkov

Tento nástroj vám umožňuje vytvoriť skutočný polygónový obrázok, ale tu budete musieť pracovať viac manuálne a budete potrebovať trochu zručnosti. Skôr ako začnete pracovať s týmto nástrojom, odporúčam vám pozrieť si školiace video, ktoré je zverejnené na stránke autora, kde si tento nástroj môžete tiež stiahnuť.

DMesh je vynikajúci program na vytváranie obrázkov Low Poly

Nádherný a multifunkčný program, ktorý vám umožní presne nakonfigurovať všetko, čo potrebujete na vytvorenie krásnych obrázkov v štýle polygónu. Tento program zadarmo, no existuje aj platená verzia, ktorej je viacero doplnkové funkcie. Pred použitím tiež odporúčam pozrieť si tréningové video.

Java aplikácia na trianguláciu obrázkov

Výborná a zároveň jednoduchá Java aplikácia, s ktorou bez problémov vytvoríte obrázok v štýle Polygon. Než začnete s aplikáciou pracovať, musíte si ju stiahnuť úplne zadarmo.