Mislim da je svatko na nekoj web stranici naišao na slike koje se sastoje od jednostavnih geometrijskih oblika, ali u isto vrijeme privlače poglede i tjeraju vas da proučavate detalje.
Takozvane poligonalne ilustracije su slike koje se sastoje od geometrijskih oblika, odnosno trokuta i kocke.
Poligonalne ilustracije vrlo su popularne jer privlače pažnju svojom neobičnošću, a istovremeno jednostavnošću. Poligonalna grafika također se koristi u web dizajnu, postoji ogroman broj stranica čiji je dizajn napravljen u poligonalnom stilu. Također, web dizajneri često koriste poligonalne uzorke za pozadinu stranice, što privlači pažnju i čini stranicu zanimljivijom.
Dakle, shvatimo kako nastaju takve ilustracije? Kao primjer uzeo sam sliku kameleona od koje ćemo napraviti poligonalnu sliku (ilustracija).
Nakon što kopirate sliku kameleona na svoje računalo, otvorite je u Photoshopu odabirom "Datoteka" - "Otvori" u gornjem izborniku.
Napravit ćemo cijelu sliku, odnosno sve poligone, alatom Pen. Poligonalna slika trebala bi se sastojati od mnogo poligona, u ovom slučaju koristit ću oblik trokuta 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 alat Pen, kliknite na njega u lijevoj bočnoj traci programa, napravite gornji sloj iznad naše glavne slike i počnite "prebojavati" 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" kako bi prilikom crtanja poligona odmah bili ispunjeni bojom odabrali smo i nemaju vanjsku liniju poteza.
Konfigurirajući alat "Pen", počinjemo "ispuniti" sliku trokutima, odabiremo odgovarajuću boju, da bismo to učinili, uzmite alat "kapaljka" na lijevoj ploči programa i kliknite kapaljku pored mjesta koje bit će obojan (odaberite boju budućeg trokuta). Nakon što kapaljkom odaberete boju, ponovno odaberite alat Pen i nacrtajte trokut.
Trokuti moraju biti spojeni jedan s drugim, boje birate pomoću Eyedropper tool-a, ili prema vlastitim promišljanjima, ali važna točka: gdje je slika tamnija, tj. naš kameleon ima sjenu, tamo prema tome odaberete tamniju boju i nacrtate tamne trokute.
Ovako "obojite" cijelu sliku trokutima, naravno, ovdje morate ponegdje razmisliti kako nacrtati ovaj ili onaj dio objekta (kameleona) trokutima, tako da sve ovisi o vašoj mašti!
Ovo je kameleon s kojim sam završio; kako 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, ponavljam to još jednom Važna stvar u ovom procesu je jasno spajanje trokuta tako da nema vidljivih praznina između njih. U Adobe Photoshopu nije baš zgodno raditi s olovkom; sva moć ovog alata implementirana je u Adobe Illustratoru, u kojem je mnogo lakše raditi takve stvari.
U web dizajnu, pri izradi korisničkih sučelja, teško je bez ikona i tekstura. Međutim, ako je dizajn koristio elemente koje je stvorio netko drugi, to će ga učiniti neoriginalnim. Pozadina je jedan od najvažnijih elemenata svakog sučelja, stoga posebnu pozornost treba posvetiti njezinoj jedinstvenosti. Nedavno su se pojavili mnogi praktični alati za stvaranje bešavnih tekstura koji se mogu koristiti za stvaranje pozadinskih slika. Mnogi od ovih alata jednostavni su za korištenje i mogu proizvesti nevjerojatne rezultate, čak i za početnike. Ponekad je dovoljan samo jedan klik mišem da dobijete teksturu profesionalne kvalitete. Pomoću specijaliziranog softvera možete stvoriti pozadine u bilo kojem stilu i zatim ih koristiti u svojim projektima. FreelanceToday vam predstavlja 10 besplatnih nasumičnih generatora pozadine.
Alat Trianglify Generator može se koristiti za stvaranje niskopolisahnih pozadina s glatkim gradijentima koji su puno mekši od gradijenata stvorenih Delaunayjevom metodom. 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 razinu disperzije. Također možete odabrati odstupanje entropije poligona: ako postavite vrijednost na nulu, pozadina će se sastojati od trokuta raspoređenih u jednake redove.
Pomoću generatora 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. Dobivena pozadina može se spremiti u PNG i SVG formatima.
Alat Trianglify Background Generator koristi isti JS dodatak za triangulaciju kao i prethodni generator. Skripta iza programa koristi nekoliko paleta od COLOURlovers i ColorBrewer i omogućuje dodatne postavke, kao što je odabir vrste gradijenta. Alat također ima dvije nove opcije u izborniku: Bleed i Cell Padding, no ovom funkcionalnošću nije moguće prilagoditi razinu disperzije, pa će korisnik morati odabrati jednu od unaprijed postavljenih paleta.
Bešavne teksture mogu se stvoriti na mnogo načina, uključujući korištenje riječi. Upravo tako radi vrlo neobičan alat Geopattern. Korisnik može napisati riječ u posebno polje, a 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 temelju jednostavne skripte koja generira 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 spremiti u PNG formatu.
Ovaj alat koristi metodu Delaunayeve triangulacije. Rezultat su vrlo impresivne poligonalne pozadine visokog kontrasta. Sučelje usluge je vrlo jednostavno, postoji samo nekoliko klizača pomoću kojih možete postaviti 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 stvoriti odgovarajuću teksturu, pozadina se može generirati klikom na gumb Randomize i alat će stvoriti slučajni uzorak. Ponovnim pritiskom na gumb možete dobiti potpuno drugačiju sliku. Postupak se može ponavljati dok se ne pronađe optimalni uzorak.
Na prvi pogled, Flat Surface Shader se ne razlikuje od prethodnog generatora nasumičnog pozadinskog uzorka. Međutim, to nije slučaj; usluga koristi nasumičniji i dinamičniji pristup Delaunayevoj triangulaciji. Generiranje poligona je pomalo kaotično, jer su izvori svjetlosti u ovom alatu u stalnom pokretu. U biti, korisnik ni na koji način ne može utjecati na konačni rezultat, ali može odabrati shemu boja i željenu veličinu poligona. Pozadinska slika može se spremiti u PNG rasterskom formatu ili SVG vektorskom formatu.
Danas su u trendu poligonalne pozadine, pa ne čudi što je ovakvih generatora sve više. Ali takvi uzorci ne izgledaju prikladno svugdje; ponekad je potrebno nešto drugo. U ovom slučaju možete koristiti alat Waterpipe.js. Ovaj generator omogućuje vam stvaranje slike s efektom dima. Korisnik može preuzeti jednu od unaprijed postavljenih opcija ili izraditi vlastitu pozadinu ručnim podešavanjem postavki. Možete odabrati boju pozadine, a možete odabrati i gradijent. Budući da bi oblačići dima trebali izgledati poput 3D objekata, možete postići željeni učinak koristeći početni i završni gradijent. Kombinacija svijetlih i tamnih nijansi stvara realističan efekt dima.
Alat Colorful CSS Gradient Background Generator zasigurno će biti koristan dizajnerima koji stvaraju web stranice i aplikacije, posebno onima koji rade s iOS-om. Ova web usluga omogućuje vam stvaranje prekrasnih gradijentnih pozadina doslovno u hodu. Glavna prednost alata je što automatski generira CSS kod za gradijente koje stvara. Postoji i mali nedostatak, budući da je izlaz samo kod, a ne slika, tako da se pozadinska slika može koristiti samo za internetske projekte. Ako trebate dobiti gradijentnu pozadinu u rasterskom formatu, morat ćete koristiti softver treće strane. Phantom.JS je vrlo prikladan za ovu svrhu; alat zahtijeva neke vještine kodiranja, ali je dovoljno fleksibilan i jednostavan da se nosi sa zadatkom.
Pomoću alata Unique Gradient Generator možete stvoriti pozadine iz bilo koje rasterske slike. Veličina slike praktički nije bitna, za generator je dovoljna i slika veličine 7x3 piksela. Alat zamućuje izvor dok ne postane potpuno neprepoznatljiv, slično efektu Gaussian Blur 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 vlastite datoteke. Gotova pozadina može se preuzeti u rasterskom formatu ili kao CSS kod.
Alat Material Design Background Generator usluga je koja je na vrhuncu popularnosti jer uz pomoć ovog alata možete bez napora generirati pozadinske slike u stilu Material Designa koje su izradili dizajneri i web programeri u Googleu. Budući da je ovo slučajni generator, neki rezultati mogu izgledati prilično čudno. Dakle, korisnik će morati provesti neko vrijeme da dobije odgovarajuću sliku. To je cijena slučaja, ali kao rezultat možete stvoriti doista jedinstvenu pozadinu za svoj projekt.
K-ov alat za generiranje pozadinske slike u akvarelu stvara bešavne teksture s efektom akvarela. Generator stvara sliku pomoću prozirnih krugova koji, stapajući se, oponašaju mrlje od akvarela. Ne izgleda baš kao pravi akvarel, ali pozadine su prilično zanimljive. Za izradu teksturu, korisnik treba odrediti broj krugova i njihovu veličinu te odabrati shemu boja. Da biste stvorili složeniju teksturu, možete koristiti nekoliko slojeva, što će utjecati na konačni rezultat.
Polygon ili Low Poly trend dobiva sve veću popularnost na internetu. Sve više i više stranica koristi ovaj trend uglavnom u pozadini stranice. Poligon je u osnovi jednostavan oblik pločice, ali umjesto pravih kutova, ovaj stil koristi oblike poligona. Također, u trendu se uglavnom koriste trokutasti oblici; ovaj stil se također naziva triangulacija.
Ova zbirka će sadržavati najpopularnije generatore koji stvaraju ovaj stil poligona. S ovom kolekcijom moći ćete vrlo lako stvoriti ovako nešto.
Generator pozadine u stilu poligona – Trianglify
Vrlo jednostavan i jednostavan generator koji će vam omogućiti stvaranje pozadina u stilu Low Poly. Ovdje nema mnogo postavki, koje su dovoljne za stvaranje prikladne i lijepe pozadine za vaše web mjesto. Također možete besplatno preuzeti gotovu pozadinu poligona u SVG formatu.
Generator za stvaranje slika u stilu poligona
Izvrstan i funkcionalan generator za stvaranje trokutastih slika. Mnoge postavke omogućit će vam stvaranje slike koja vam je potrebna. Također možete koristiti gumb za nasumično odabiranje da biste dobili nasumične rezultate, po mom mišljenju ovo je također vrlo korisna funkcija. Kada je slika spremna, možete je preuzeti u formatima PNG i SVG.
Offline alat za stvaranje poligonskih slika
Ovaj alat vam omogućuje stvaranje prave slike poligona, ali ovdje ćete morati raditi više ručno i trebat će vam malo vještine. Prije nego počnete raditi s ovim alatom, preporučujem da pogledate video trening koji je objavljen na stranici autora, gdje također možete preuzeti ovaj alat.
DMesh je izvrstan program za izradu Low Poly slika
Prekrasan i višenamjenski program koji će vam omogućiti da točno konfigurirate sve što vam je potrebno za stvaranje prekrasnih slika u stilu poligona. Ovaj program je besplatan, ali postoji i plaćena verzija, koja uključuje nekoliko dodatnih funkcija. Također preporučujem da pogledate video trening prije upotrebe.
Java aplikacija za triangulaciju slike
Izvrsna, a istovremeno jednostavna Java aplikacija s kojom možete bez ikakvih poteškoća izraditi sliku u stilu Polygon. Prije nego počnete raditi s aplikacijom, morate je preuzeti, potpuno je besplatna.
Želite li naučiti više o poligonskoj grafici? Čemu služi? Kako napraviti nešto koristeći ovu tehniku? Da? Onda ste pravi dizajner, spremni razvijati se i rasti kao profesionalac!
Naravno, poligonalna grafika se teško može nazvati nečim novim, a još manje revolucionarnim. Međutim, pomoći će diverzificirati vaš dizajn i učiniti ga individualnim i prepoznatljivim. A najnoviji val mode za poligone, koji žustro hara Internetom, teško je zanemariti.
U ovom ćete postu naučiti o poligonima i poligonskoj grafici te vidjeti neke nevjerojatne primjere kako ih koristiti. Također smo za vas sastavili nekoliko lekcija koje će vam pomoći da savladate ovu tehniku. A, tko zna, možda ćete crtati poligonima čak i cool od autora ovdje prikupljenih radova!
Što su poligonalne grafike?
Poligon(od grč. polýgonos - mnogokutan), poligonalna linija (matematički), izlomljena linija sastavljena od konačnog broja ravnih odsječaka (karika). Poligon također označava zatvorenu izlomljenu liniju, tj. poligon.
Gdje se koriste poligoni?
Odgovor je očit - u digitalnoj grafici, naravno! To je vrsta digitalne umjetnosti. U početku se poligonalna grafika pojavila u 3D modeliranju za stvaranje videoigara. Zbog niske rezolucije, takvi su objekti imali veliku brzinu renderiranja. Također, prikaz u obliku žičanog okvira omogućuje vam uštedu resursa računala i olakšava rad s modelom. Tada je postao popularan u takozvanoj 2D grafici.
U kojem programu možete izraditi poligonalne slike?
Ako radite u 3D, onda će vam biti sasvim prirodno to raditi u 3D maxu, Mayi ili Cinema 4D. Najnoviji softver toliko je prijateljski nastrojen da čak i dijete može crtati u njemu. Općenito, poligonsku grafiku prilično je lako izraditi, posebno u usporedbi s arhitektonskim prikazima ili fotorealističnim prikazima. Podsjeća na rane dane računalnog modeliranja i animacije s primjesama modernih tehnika. A budući da je retro stil uvijek u modi, gotovo svi dizajneri ga stvaraju koristeći stare tehnike.
Kao što već znate, 3D modeli se izrađuju pomoću poligona. Što je više poligona, to će model biti detaljniji. Tijekom završne obrade (renderiranja) predmet dobiva “glatki” izgled. Što manje poligona koristite u fazi modeliranja, to će rezultat biti apstraktniji. Za izražen učinak možete isključiti anti-aliasing funkciju u postavkama renderiranja i tada ćete dobiti jasne rubove. Sve ovisi o efektu koji želite postići. 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 lomove u okolini itd. Poligonalni oblici jako podsjećaju na origami i trenutno su na vrhuncu popularnosti u grafičkom dizajnu.
Također možete stvarati poligonalna remek-djela u programima kao što su Adobe Illustrator, CorelDraw pa čak i Adobe Photoshop. Ti su programi, za razliku od specifičnih 3D paketa, poznati većini dizajnera.
Povijesna referenca
Jeste li znali da je poligonalnom dizajnu prethodio cijeli pokret u umjetnosti? Početkom 20. stoljeća pojavio se ekspresionistički pokret koji je postao nevjerojatno popularan. Pojava fotografije samo je ohrabrila umjetnike, jer sada je bilo moguće uhvatiti sliku do detalja, onakvu kakva ona zapravo i jest. Ekspresionisti su, naprotiv, nastojali prenijeti suštinu, raspoloženje i karakter predmeta. Namjerno su izbjegavali detalje. Danas ekspresionizam nije ništa manje popularan kako u slikarstvu tako iu digitalnoj umjetnosti.
Izvanredni primjeri
Evo nekoliko primjera suvremene digitalne umjetnosti. Možda će vas nadahnuti za stvaranje novih remek-djela:
Lekcije
U ovom vodiču izradit ćete 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 izraditi vektorski poligonski mozaik iz rasterske slike koristeći besplatni web alat Triangulator i Adobe Illustrator.
U ovom ćete tutorialu naučiti kako izraditi portrete pomoću poligona. Autor pokazuje kako raditi s fotografijama koristeći Photoshop i Illustrator da biste napravili prekrasan portret u modernom stilu poligonalne grafike.
Detaljan video vodič koji će vas naučiti kako izraditi 3D likove.
Zaključak
Poligonalna grafika je mješavina retro i futurizma. Bezvremenski stil koji se može modificirati, individualizirati i s njim beskonačno eksperimentirati. Uvijek izgleda moderno, 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 podijelite svoje ideje o ovom pitanju u komentarima!
Na temelju materijala sa stranice: www.onextrapixel.com