Vektorska poligonalna pozadina. Kako napraviti poligonalnu sliku u Photoshopu

Mislim da je svako na nekim web stranicama naišao na slike koje se sastoje od jednostavnih geometrijskih oblika, ali istovremeno privlače pogled i tjeraju vas da proučavate detalje.

Takozvane poligonalne ilustracije su slike koje se sastoje od geometrijskih oblika, odnosno trokuta i kocke.

Poligonalne ilustracije su prilično popularne jer privlače pažnju svojom neobičnošću i istovremeno jednostavnošću. Poligonalna grafika se također koristi u web dizajnu postoji veliki broj stranica čiji je dizajn napravljen u poligonalnom stilu. Također, web dizajneri često koriste poligonalne obrasce za pozadini sajt, koji privlači pažnju i čini sajt zanimljivijim.

Dakle, hajde da shvatimo kako se prave takve ilustracije? Na primjer, uzeo sam sliku kameleona, od koje ćemo napraviti poligonalnu sliku (ilustracija).

Nakon što kopirate sliku kameleona na računar, otvorite je Photoshop program odabirom "File" - "Open" iz gornjeg menija.

Napravit ćemo cijelu sliku, odnosno sve poligone, alatom Pen. Poligonalna slika mora se sastojati od mnogo poligona, u u ovom slučaju Koristiću oblik trougla kao poligone. Možete koristiti ne samo trokut, već i 4-5 trokuta, ali po mom mišljenju, poligonalna slika izgleda privlačnije ako se koristi samo jedan oblik, a ne nekoliko.

Uzmite alatku "Pen" tako što ćete kliknuti na nju u lijevoj bočnoj traci programa, kreirati gornji sloj iznad naše glavne slike i početi "bojiti" sliku poligonima (trokutima).

Prilikom odabira alata "Pen" u njegovim postavkama, koje se nalaze u gornjem lijevom kutu programske ploče, potrebno je odabrati "fill" i isključiti "stroke" tako da se prilikom crtanja poligona oni odmah popune bojom odabrali smo i nemamo vanjsku liniju poteza.

Nakon što smo konfigurirali alat "Pen", počinjemo "puniti" sliku trokutima, odabrati odgovarajuću boju, da biste to učinili, uzmite alat "kapaljka" na lijevoj ploči programa i kliknite na kapaljku pored mjesta koje će biti prefarbano (odaberite boju budućeg trougla). Nakon što odaberete boju kapaljkom, ponovo odaberite alat Pen i nacrtajte trokut.

Trokuti moraju biti spojeni jedan s drugim, boje birate pomoću Eyedropper alata ili prema vlastitim zamislima, ali važna tačka: gdje je slika tamnija, tj. naš kameleon ima sjenu, tamo birate tamniju boju u skladu s tim i crtate tamne trokute.

Ovako "obojite" cijelu sliku trouglovima, naravno, ovdje morate na nekim mjestima razmisliti kako nacrtati ovaj ili onaj dio objekta (kameleon) trouglovima, tako da sve ovisi o vašoj mašti!

Ovo je kameleon s kojim sam završio da bih ga učinio privlačnijim, dodao sam i pozadinu.

Na ovaj način možete napraviti poligonalne slike od bilo koje slike i fotografije, još jednom to ponavljam važno u ovaj proces- jasno spajanje trouglova tako da između njih nema vidljivih praznina. IN Adobe program Photoshop nije baš zgodan za rad sa olovkom, sva moć ovog alata implementirana je u Adobe Illustrator, u kojem je mnogo lakše raditi takve stvari.

Želite li saznati više o poligonskoj grafici? Za šta se koristi? Kako nešto uraditi koristeći ovu tehniku? Da? Tada ste pravi dizajner, spremni da se razvijate i rastete kao profesionalac!

Naravno, poligonalna grafika se teško može nazvati nečim novim, a još manje revolucionarnim. Međutim, to će vam pomoći da diverzificirate svoj dizajn i učinite ga individualnim i prepoznatljivim. A najnoviji porast mode za poligone, koji se brzo širi internetom, teško je zanemariti.

U ovom postu ćete naučiti više o poligonima i poligonskoj grafici i vidjeti nekoliko nevjerovatnih primjera kako ih koristiti. Za vas smo sastavili i nekoliko lekcija koje će vam pomoći da savladate ovu tehniku. I, ko zna, možda ćete crtati poligonima čak i hladnijim od autora radova koji su ovdje sakupljeni!

Šta je poligon grafika?

Poligon(od grčkog polýgonos - poligon), poligonalna (matematička), izlomljena linija sastavljena od konačnog broja ravnih segmenata (karika). Poligon takođe znači zatvorenu izlomljenu liniju, odnosno poligon.

Gdje se koriste poligoni?

Odgovor je očigledan - u digitalnoj grafici, naravno! To je vrsta digitalne umjetnosti. U početku se poligonalna grafika pojavila u 3D modeliranju za kreiranje video igara. Zbog svoje niske rezolucije takvi objekti su imali velike brzine rendering. Takođe, prikaz u obliku žičanog okvira omogućava uštedu računarskih resursa i olakšava rad sa modelom. Tada je postao popularan u takozvanoj 2D grafici.

U kom programu možete kreirati poligonalne slike?

Ako radite u 3D, onda će vam biti sasvim prirodno da to radite u 3D max, Maya ili Cinema 4D. Najnoviji softver je toliko prijateljski nastrojen da čak i dijete može crtati u njemu. Općenito, poligonsku grafiku je prilično lako kreirati, posebno u poređenju sa arhitektonskim ili fotorealističnim prikazima. Podsjeća na rane dane kompjuterskog modeliranja i animacije s primjesama modernih tehnika. A kako je retro stil uvijek u modi, gotovo svi dizajneri ga stvaraju koristeći stare tehnike.

Kao što već znate, 3D modeli se kreiraju pomoću poligona. Što više poligona, to će model biti detaljniji. Tokom završne obrade (renderinga) objekta, on dobija „glatki“ izgled. Što manje poligona koristite u fazi modeliranja, rezultat će biti apstraktniji. Za izraženi efekat možete isključiti funkciju anti-aliasinga u postavkama renderiranja i tada ćete dobiti jasne ivice. Sve zavisi od efekta koji želite da postignete. Korištenje low-poly tehnologije ne znači da će scena biti jednostavna. Možete koristiti složene teksture, realistične postavke za refleksije i prelamanja u okruženju, itd. Poligonalni oblici jako podsjećaju na origami i trenutno su na vrhuncu popularnosti u grafičkom dizajnu.

Također možete kreirati poligonalna remek-djela u programima kao što su Adobe Illustrator, CorelDraw, pa čak i Adobe Photoshop. Ovi programi, za razliku od specifičnih 3D paketa, poznati su većini dizajnera.

Istorijska pozadina

Jeste li znali da je poligonalnom dizajnu prethodio čitav pokret u umjetnosti? Početkom 20. veka pojavio se ekspresionistički pokret koji je postao neverovatno popularan. Pojava fotografije samo je ohrabrila umjetnike, jer je sada bilo moguće snimiti sliku do detalja, onakva kakva zaista jeste. Ekspresionisti su, naprotiv, nastojali prenijeti suštinu, raspoloženje i karakter predmeta. Namjerno su izbjegavali detalje. Danas ekspresionizam nije ništa manje popularan i u slikarstvu i u digitalnoj umjetnosti.

Izvanredni primjeri

Evo nekoliko primjera suvremene digitalne umjetnosti. Možda će vas inspirirati da kreirate nova remek-djela:

Lekcije

U ovom vodiču ćete kreirati mozaik u Adobe Illustratoru koji se sastoji od poligona. Besplatni dodatak Scriptographer i vaša mašta pomoći će vam u ovom jednostavnom zadatku.

Ovdje ćete naučiti kako napraviti vektorski poligonalni mozaik bitmap koristeći besplatni web alat Triangulator i Adobe Illustrator.

U ovom vodiču naučit ćete kako napraviti portrete koristeći poligone. Autor pokazuje kako raditi sa fotografijama koristeći Photoshop i Illustrator kako bi napravio prekrasan portret u modernom poligonalnom grafičkom stilu.

Detaljan video vodič koji će vas naučiti kako da kreirate 3D likove.

Zaključak

Poligonalna grafika je mješavina retro i futurizma. Bezvremenski stil koji se može modificirati, individualizirati i s njim beskrajno eksperimentirati. Uvijek izgleda elegantno, moderno i originalno. Pokušajte raditi s poligonima i shvatit ćete da više ne možete živjeti bez njih. Bit će nam drago ako u komentarima podijelite svoje ideje o ovom pitanju!

Na osnovu materijala sa sajta: www.onextrapixel.com

U web dizajnu prilikom kreiranja korisnička sučelja Teško je bez ikona i tekstura. Međutim, ako su u dizajnu korišteni elementi koje je stvorio netko drugi, to će ga učiniti neoriginalnim. Pozadina je jedan od najvažnijih elemenata u svakom interfejsu, pa posebnu pažnju treba obratiti na njegovu jedinstvenost. IN u poslednje vreme Dostupni su mnogi praktični alati za kreiranje bešavnih tekstura koje se mogu koristiti za kreiranje pozadinskih slika. Mnogi od ovih alata su jednostavni za korištenje i mogu proizvesti zadivljujuće rezultate, čak i za početnike. Ponekad je dovoljan samo jedan klik mišem da dobijete teksturu profesionalnog kvaliteta. Koristeći specijalizirani softver, možete kreirati pozadine u bilo kojem stilu, a zatim ih koristiti u svojim projektima. FreelanceToday vam predstavlja 10 besplatnih nasumičnih generatora pozadine.

Alat Trianglify Generator može se koristiti za kreiranje nisko-poli pozadina sa glatkim gradijentima koji su mnogo mekši od gradijenata kreiranih pomoću Delaunay metode. Alat uključuje mnoge unaprijed postavljene kombinacije boja, što uvelike pojednostavljuje proces generiranja poligonalnih tekstura.

U postavkama korisnik može odrediti veličinu platna u pikselima, odabrati paletu, veličinu ćelije i postaviti nivo disperzije. Možete odabrati i odstupanje entropije poligona: ako ga postavite na nulu, pozadina će se sastojati od trokuta raspoređenih u parne redove.

Koristeći generator, možete odabrati jednu od 27 shema boja koje su razvili profesionalni dizajneri, ali ako trebate učiniti nešto svoje, uvijek možete generirati vlastitu shemu. Rezultirajuća pozadina se može sačuvati PNG formati i SVG.

Alat Trianglify Background Generator koristi isti triangulacijski JS dodatak kao prethodni generator. Skripta iza programa koristi nekoliko paleta iz COLOURlovers i ColorBrewer i omogućava vam da koristite dodatna podešavanja, kao što je odabir vrste gradijenta. Alat ima i dvije nove opcije u meniju: Bleed i Cell Padding, ali ova funkcionalnost ne može podesiti nivo disperzije, tako da će korisnik morati odabrati jednu od unaprijed postavljenih paleta.

Mogu se kreirati bešavne teksture na različite načine, uključujući i uz pomoć riječi. Upravo tako radi vrlo neobičan alat pod nazivom Geopattern. Korisnik može napisati riječ u posebnom polju i program će sam generirati teksturu. Minimum akcija, maksimum rezultata! Možete napisati samo jedno ili dva slova i dobiti jedinstvenu teksturu koju možete koristiti kao pozadinu. Alat radi na osnovu jednostavnog skripta koji generiše bešavne geometrijske uzorke koji se sastoje od 16 različitih oblika. Geopattern koristi neograničen broj boja, tako da daje potpuno nepredvidive rezultate. Sve ovisi o broju slova u riječi, pa će korisnik morati eksperimentirati ako želi pronaći jedinstveni uzorak. Rezultat se može sačuvati u PNG formatu.

Ovaj alat koristi metodu Delaunayeve triangulacije. Rezultat su vrlo impresivne poligonalne pozadine visokog kontrasta. Interfejs servisa je vrlo jednostavan, postoji samo nekoliko klizača pomoću kojih možete podesiti veličinu platna, promijeniti svjetlinu, kontrast i veličinu poligona. Pomoću posebne palete možete odabrati željenu shemu boja. U slučaju da nije moguće kreirati odgovarajuću teksturu, pozadina se može generirati klikom na dugme Randomize i alat će kreirati nasumični uzorak. Ponovnim pritiskom na dugme možete dobiti potpuno drugačiju sliku. Proces se može ponavljati sve dok se ne pronađe optimalni obrazac.

Na prvi pogled, Flat Surface Shader se ne razlikuje od prethodnog generatora slučajnih pozadina. Međutim, to nije slučaj, usluga koristi nasumičniji i dinamičniji pristup Delaunay-jevoj triangulaciji. Generisanje poligona je pomalo haotično, jer su izvori svjetlosti u ovom alatu u stalnom pokretu. U suštini, korisnik ne može ni na koji način utjecati na konačni rezultat, ali može odabrati shemu boja i prave veličine poligoni. Pozadinska slika se može sačuvati u PNG rasterskom ili SVG vektorskom formatu.

Poligonalne pozadine su danas u trendu, pa ne čudi što je sve više ovakvih generatora. Ali takvi uzorci ne izgledaju prikladno svuda; U ovom slučaju, možete koristiti Waterpipe.js alat. Ovaj generator vam omogućava da kreirate sliku sa efektom dima. Korisnik može preuzeti jednu od unaprijed postavljenih opcija ili kreirati vlastitu pozadinu ručnim podešavanjem postavki. Možete odabrati boju pozadine, a možete odabrati i gradijent. Budući da bi dimovi trebali izgledati kao 3D objekti, željeni efekat možete postići korištenjem početnog i završnog gradijenta. Kombinacija svijetlih i tamnih nijansi stvara realističan efekat dima.

Alat Colorful CSS Gradient Background Generator sigurno će biti koristan za dizajnere koji kreiraju web stranice i aplikacije, posebno one koji rade sa iOS-om. Ova web usluga vam omogućava da kreirate prekrasne gradijentne pozadine doslovno u hodu. Glavna prednost alata je da automatski generiše CSS kod za gradijente koje kreira. Postoji i mali nedostatak, pošto je izlaz samo kod, a ne slika, tako da se pozadinska slika može koristiti samo za internet projekte. Ako trebate dobiti gradijent pozadinu u rasterskom formatu, morat ćete koristiti treće strane softver. Phantom.JS je dobro prikladan za ovu svrhu, alat zahtijeva neke vještine kodiranja, ali je dovoljno fleksibilan i jednostavan da se nosi sa zadatkom.

Koristeći alat Unique Gradient Generator, možete kreirati pozadinu od bilo koje rasterske slike. Veličina slike praktički nije bitna čak i slika veličine 7x3 piksela je dovoljna za generator. Alat zamagljuje izvor dok ne postane potpuno neprepoznatljiv, slično Gaussovom efektu zamućenja u Adobe Photoshopu. Da bi postigao željeni rezultat, korisnik će morati potrošiti neko vrijeme na odabir izvorne slike, inače će shema boja izgledati malo mutno ako izvor sadrži puno tamnih nijansi.

Generator ima biblioteku od 33 slike spremne za korištenje, ali također možete učitati svoje datoteke. Gotova pozadina se može preuzeti u rasterskom formatu ili kao CSS kod.

Alat Material Design Background Generator je usluga koja je na vrhuncu popularnosti, jer uz pomoć ovog instrumenta može se proizvesti bez mnogo truda pozadinske slike u stilu materijalnog dizajna koji su kreirali Google dizajneri i web programeri. Budući da je ovo slučajni generator, neki rezultati mogu izgledati prilično čudno. Dakle, korisnik će morati potrošiti neko vrijeme da dobije odgovarajuću sliku. Ovo je cijena slučajnosti, ali kao rezultat možete stvoriti zaista jedinstvenu pozadinu za svoj projekat.

K-ov alat za generator pozadine akvarela stvara bešavne teksture sa efektom akvarela. Generator stvara sliku pomoću prozirnih krugova koji, spajajući se, imitiraju akvarelne mrlje. Ne izgleda baš kao pravi akvarel, ali pozadine su prilično zanimljive. Za kreiranje teksture korisnik treba odrediti broj krugova i njihovu veličinu te odabrati shemu boja. Da biste stvorili složeniju teksturu, možete koristiti više slojeva, što će utjecati na konačni rezultat.

Poligon ili Low Poly trend postaje sve popularniji na internetu. Sve više i više sajtova koristi ovaj trend uglavnom u pozadini sajta. U osnovi, poligon je jednostavan oblik pločica, ali umjesto korištenja pravih kutova, ovaj stil koristi oblike poligona. Također, trend uglavnom koristi trokutaste oblike, ovaj stil naziva se i triangulacija.

Ova kolekcija će sadržavati najpopularnije generatore koji kreiraju ovaj stil poligona. Sa ovom kolekcijom moći ćete vrlo lako kreirati ovako nešto.

Generator pozadine u stilu poligona – Trianglify

Vrlo jednostavan i jednostavan generator koji će vam omogućiti da kreirate pozadinu u Low Poly stilu. Ovdje nema puno postavki koje su dovoljne da kreirate prikladnu i lijepu pozadinu za svoju web stranicu. Takođe možete besplatno preuzeti gotovu poligonsku pozadinu u SVG formatu.

Generator za kreiranje slika u stilu Poligon

Odličan i funkcionalan generator za kreiranje trokutastih slika. Mnoga podešavanja će vam omogućiti da kreirate sliku koja vam je potrebna. Takođe možete koristiti dugme za nasumično biranje da biste dobili nasumične rezultate, po mom mišljenju, to je takođe veoma korisna funkcija. Kada je slika spremna, možete je preuzeti u PNG i SVG formatima.

Offline alat za kreiranje poligonskih slika

Ovaj alat vam omogućava da kreirate pravu poligonsku sliku, ali ovdje ćete morati više raditi ručno i trebat će vam malo vještine. Prije nego počnete raditi s ovim alatom, preporučujem da pogledate trening video koji je objavljen na stranici autora, gdje možete i preuzeti ovaj alat.

DMesh je odličan program za kreiranje Low Poly slika

Prekrasan i višenamjenski program koji će vam omogućiti da precizno konfigurirate sve što vam je potrebno za stvaranje prekrasnih slika u stilu poligona. Ovaj program besplatna, ali postoji i plaćena verzija, koja uključuje nekoliko dodatne funkcije. Također preporučujem da pogledate video trening prije upotrebe.

Java aplikacija za triangulaciju slike

Odlična i ujedno jednostavna Java aplikacija s kojom bez ikakvih poteškoća možete kreirati sliku u stilu Poligon. Prije nego počnete raditi s aplikacijom, morate je preuzeti potpuno besplatno.