Flet dizajn (engl. Flat design) prepoznatljiv je po tendenciji da se u što manjoj meri upotrebljavaju stilski elementi koji stvaraju iluziju postojanja tri dimenzije. Cilj je koristiti minimalističke elemente izražavanja kada je u pitanju boja i tipografije. Izbacuju se iz upotrebe složene teksture, duboke senke i gradient, umesto njih uvode se predstave koje isto to dočaravaju uz što manju potrošnju resursa. Ovakav pravac u dizajnu nije se razvio po principu nasumičnog trenda. Flet dizajn omogućava lakšu ilustraciju, dopadljiv je i privlači svojom jednostavnošću, ali omogućava i brže učitavanje elemenata na veb stranici kao i promene veličina ilustracija na različitim veličinama ekrana kod responsive sajtova.

Photoshop kurs iz dizajniranja flat ikonica

Uz pomoć ovog teksta možete naučiti da napravite šest kopletnih ikonica čiju namenu možete odrediti sami. Obavezno obratite pažnju na način kojim se tekst odvija jer samo u početku imate sitna objašnjenja za svaki detalj, kasnije, kako se ikonice ređaju imate sve manje uputstava, ali i sve više zadataka tipa “napravite sada dugu senku” ili “dodajte zvezde i finalizirajte ikonicu”.

Doživite ovaj tekst kao kratki Photoshop kurs koji se ne završava sa izradom ikonica, već vas uči da to stečeno znanje primenite na svoje ideje i zamisli, i na neke druge ilustracije. Akcije i alati koji se u daljem tekstu koriste imaju zadatak da nekog ko ih iskoristi na opisani način poduče i uvedu u svet ilustrovanja.

Bonus sadržaj uz svaku ikonicu

Na kraju svakog dela tutorijala možete preuzeti radnu PSD datoteku i paletu boja. Trudite se da što manje koristite i jedno i drugo, probajte da uradite ikonice samo uz ovo uputstvo, a onda iskontrolišite uz pomoć naših datoteka. Evo šta tačno možete preuzeti:

• PSD datoteka sa svim slojevima ikonice (slojevi su imenovani i sadrže kratko uputstvo u imenu samog sloja)
• Paleta flat boja koje možete koristiti za izradu ikonica (istu paletu koristimo za kompletan tutorijal)

Flat ikonica sa kosmičkom raketom

Na slici ispod možete pronaći boje koje ćemo koristiti u izradi ove ikonice. Koristićemo boje koje u oku posmatrača deluju retro. Ovu sliku možete sačuvati (desni klik na ikonicu i odaberite Save Image As…) na vašem računaru i otvoriti je u Photoshop-u. Istu paletu možete pronaći i ispod svakog dela ovog tutorijala u Radnim datotekama.

Onda kada to bude bilo potrebno boju ćete odabrati uz pomoć Eyedropper Tool-a koji možete pozivati i tasterom na tastaturi I. Dovoljno je da odabere ovaj alat i kliknete na željenu boju, videćete izmenu koja se ogleda u promeni boje Foreground-a.

Korak 1

Najpe otvorite novi dokument veličine 600x600 px. Da to uradite kliknite na File-New (ili koristite kombinaciju tastera Ctrl+N), a zatim u polja Width i Height unesite vrednost 600.

Naša ikonica će biti okrugla, pa odaberite Ellipse Tool (prečica na tastaturi je taster U) iz osnovnih oblika (Shape) u panelu sa alatima.

Kliknite na sredinu konvasa (dokument koji ste napravili) da bi se otvorile opcije za oblik koji ćemo formirati. Unesite 512 u polja Width i Height što će rezultirati kreiranjem pravog kruga 512x512 px.

Obojićemo sada krug tamno plavom bojom iz palete koju ste videli na početku. Preuzmite sliku palete, otvorite je u Photoshopu. Odaberite Eyedropper Tool i kliknite na boju 4.

Odaberite ponovo Ellipse Tool (taster U) i u gornjem panelu alata pronađite Fill opciju, kliknite i odaberite prvu boju iz nedavno korišćenih boja i to je boja koju ste odabrali uz pomoć Eyedropper Tool-a.

Korak 2

Dobili smo osnovu ikonice koja predstavlja svemir. Na to ćemo dodati osnovu rakete. Napravićemo belu elipsu na sredini osnovnog kruga. Uradićemo to uz pomoć Ellipse Tool-a ( taster U). Boju korigujemo u gornjem panelu u opciji Fill dok je odabran Ellipse Tool.

Nakon toga odarati Direct Selection Tool (taster A). Kliknuti na ivicu osnove rakete kako bi putanja (path) i anchor tačke postali vidljivi.

Odabrati sada Convert Point Tool koji se nalazi u izborniku Pen Tool-a (taster P na tastaturi). Kliknite na gornju tačku kako bi vrh rakete bio formiran pod oštrim uglom.

To izgleda ovako:

Korak 3

Sada ćemo iseći donji deo osnove rakete kako bi ona počela da poprima pravi oblik. Još dok je odabrana osnova rakete, idite na Path Operations u Shape control panelu (mora biti odabran Ellipse Tool) koji se nalazi na vrhu i odaberite Intersect Shape Areas.

Odaberite Rectangle Tool (taster U) koji se nalazi u istom izborniku gde i Ellipse Tool. Obuhvatite ovim oblikom najveći deo rakete tako da donji deo ostane izvan pravougaonika koji upravo povlačite.

Korak 4

Sada ćemo jedan deo rakete postaviti da izgleda kao da je u senci. Uključite Smart Guides u View-Show-Smart Guides. U pitanju je navođenje koje će postaviti nove oblike u pravilnu poziciju, odnosno, olakšaće vam postavljanje tako što će reagovati kada se budete približili pravom mestu.

Napravite novi oblik uz pomoć Rectangle Tool-a (taster U) koji će pokriti desni deo rakete. Obojite ga svetlo sivom bojom iz palete. Boja označena brojem 6.

Korak 5

Sada treba sakriti deo pravougaonika koji prelazi okvire rakete. Držite Ctrl i kliknite na sloj osnove rakete u Layers panelu. Osnova će biti obuhvaćena linijama koje prikazuju odabrano područje, u ovom slučaju osnovu rakete (njen oblik – shape). Kliknite sada na sloj u kome se nalazi svetlo sivo obojeni pravouganik koji će predstavljati stranu rakete u senci. Odmah zatim kliknite i na Add Layer Mask ikonicu u dnu Layers panela. Sav višak pravougaonika koji prelazi okvire osnove rakete treba da bude uklonjen kao na slici ispod.

Korak 6

Kliknite ponovo na Ellipse Tool (taster U) i napravite jedan manji, pravi krug koji će predstavljati prozorčić ove naše rakete. Obojićemo ga tamno sivom, odnosno, 50% Gray bojom koju možete odabrati iz Fill palete.

Dodaćemo i staklo, pa dok je odabran sloj u kome ste formirali prozor iskoristite tastere na tastaturi Ctrl+J da duplirate taj sloj (dobićete dve identične kopije). Pritisnite tastere Ctrl+T za transformaciju sloja koji se nalazi na vrhu. U panelu Transform Tool-a redukujte Width i Height kruga na 70%.

Popunite novi krug svetlo plavom bojom. Boju možete korigovati po želji i duplim klikom na ikonicu sloja oblika čiju boju želite da promenite. Otvorite će prozor u kome je dovoljno da kliknete na oblast boje koju želite da primenite.

Dodaćemo sada i jedan deo na dnu rakete za koji ne znamo kako bismo ga nazvali, ali izgleda praktično. Odaberite Rounded Rectangle Tool (taster U), u pitanju je zaobljeni pravouganik.

Napravite oblik i obojite ga tamnijom sivom bojom, kao na slici ispod.

Uhvatite taj sloj u paleti Layers i prevucite je ispod sloja u kome se nalazi osnova rakete (sloj Ellipse 2 – ako niste menjali imena slojeva).

Korak 7

Hajde da napravimo nove detalje – krila ili zakrilca. Odaberite Ellipse Tool i napravite pravilni krug, obojite ga bojom broj 2 iz palete koju smo postavili na početku teksta. Odaberite Direct Selection Tool (taster A), kliknite na ivicu oblika. Ponovo kliknite i povucite donju tačku kruga tako da ceo oblik razvučete. Prilikom povlačenja držite taster Shift kako bi oblik ostao pravilan.

Odaberite sada Convert Point Tool i kliknite na donju tačku kako bi odblik dobio oštar ugao u donjem delu.

Korak 8

Iskoristite tastere Ctrl+T da pokrenete Transform Tool. Blago zarotirajte oblik. Postavite sloj u kome se nalazi ovaj oblik iza rakete (ispod sloja u kome se nalazi raketa u paleti Layers).

Duplirajte sada ovaj sloj kombinacijom tastera Ctrl+J. Zatim idite na Edit-Transform-Flip Horizontal. Uhvatite oblik i povucite da na levu stranu držeći taster Shift kako bi oblik bio postavljan tačno u odnosu na prvi-susedni oblik.

f

Napravite ponovo kopiju ovog sloja kombinacijom tastera Ctrl+J. Postavite ga tačno na srediti rakete. Odaberite Transform Tool kombinacijom tastera Ctrl+T. Spljeskajte oblik povlačenjem spoljnih tačaka ka sredini. Blago ga zarotirajte da bude postavljan u pravilan uspravan položaj.

Korak 10

Dodaćemo sada popularnu (u svetu flat dizajna) flat dugačku senku. Napravite pravougaonik obojen crnom bojom sa postavljanjem Opacity-a na 50% u Layers panelu.

Pokrenite sada Transform Tool kombinacijom tastera Ctrl+T. Zarotirajte za -45 stepeni pravougaonik koji ste dodali i koji će predstavljati senku.

Uvećajte pravougaonik tako da prekrije raketu. Koristite Direct Selection Tool i jednostavno razvucite pravougaonik.

Korak 11

Povucite sada sloj u kome se nalazi senka skroz ispod svih elemenata koji čine raketu, ali ga držite iznad sloja osnove ikonice.

Odaberite Add Anchor Point Tool (nalazi se u istom izborniku gde i Pen Tool koji pokrećete tasterom P) i dodajte nekoliko anchor tačaka pravougaoniku koji će nam pomoći da napravimo senku. Obavezno postavite anchor tačke pri vrhu gde senka dodiruje gornju desnu stranu rakete i na dnu gde dodiruje donju levu stranu rakete.

Pogledajte na slici ispod gde možete dodati nove tačke:

Odaberite sada Direct Selection Tool (taster A) i uhvatite svaku anchor tačku i povucite je iza rakete tako da je jednostavno sakrijete.

Kada postavimo sloj na pravo mestu u paletu Layers(iza sloja u kome je osnova rakete) to izgleda upravo ovako:

Korak 12

Hajde da se sada otarasimo i viška senke koja prelazi okvire osnovnog kruga koji predstavlja osnovu naše ikonice. Odaberite sloj u paleti Layers u kome se nalazi senka koju smo kreirali. Držite taster Alt, pomerite kursor miša iznad osnovnog kruga ikonice sve dok ne vidite da se kursor trasformisao u mali kvadratić sa strelicom, tada kliknite na taj sloj što će kreirati Clipping Mask-u.

Sav višak u tok trenutku nestaje. Odaberite sada Rectangle Tool (taster U), i promenite Fill color senke u linear gradient iz crne prema beloj. Prebacite Blending Mode u paleti Layers u Multiply kako bi se senka lepo uklopila u okolinu. Pogledajte kako to izgleda na slici

Korak 13

Dodaćemo još par detalja ovoj našoj raketi. Odaberite Ellipse Tool (taster U) i postavite crvenu elipsu tako da obuhvati ceo vrh rakete negde do pola prozora. Kliknite desnim klikom na taj sloj sa elipsom i u meniju koji se otvori odaberite Rasterize Layer. Kliknite zatim na sloj sa osnovom rakete, zatim zadržite taster Ctrl i kliknite na ikonicu odabranog sloja kako bi sav sadržaj u tom sloju bio odabran. Kliknite na sloj u kome se nalazi elipsa pri vrhu rakete. Iskoristite kombinaciju tastera Shift+Ctrl+I da izvrnete selekciju. Pritisnite taster Delete na vašoj tastaturi koji će obrisati sav višak elipse koji prelazi okvire vrha rakete.

Za kraj dodati nekoliko zvezdica u boji broj 3 koju možete pronaći u paleti na početku teksta(ili odmah dole ispod). Rezultat konačno izgleda ovako:

Radne datoteke:

PSD – Ikonica Raketa – Adriahost blog 2016

Paleta flat boja

Flat ikonica sa planetom i zvezdama

Uz pomoć jednostavnih procesa u Photoshop-u i osnovnih oblika (Shapes) možemo ubrzati proces ilustracije, kao što smo videli u prethodnom slučaju sa ilustrovanjem rakete. Hajde da sada napravimo ikonicu planete u kompletu sa prstenom asteroida koji je okružuje.

Korak 1

Koristićemo istu veličinu konvasa (engl. Convas, prev. Platno) 600x600 sa belom pozadinom. Pa napravite novi dokument preko File – New ili koristite prečicu na tastaturi Ctrl+N.

Prvo ćemo kreirati osnovu ikonice koja može biti tamno plave boje, odnosno, boje koja će predstavljati svemir. Odaberite Ellipse Tool (taster U). Kliknite na sredinu konvasa (dokument koji ste napravili) da bi se otvorile opcije za oblik koji ćemo formirati. Unesite 512 u polja Width i Height što će rezultirati kreiranjem pravog kruga 512x512 px.

Obojićemo sada krug tamno plavom bojom iz palete koju ste videli na početku. Preuzmite sliku palete, otvorite je u Photoshopu. Odaberite Eyedropper Tool i kliknite na boju 4.

Odaberite ponovo Ellipse Tool (taster U) i u gornjem panelu alata pronađite Fill opciju, kliknite i odaberite prvu boju iz najkorišćenijih boja i to je boju koju ste odabrali uz pomoć Eyedropper Tool-a.

Korak 2

Napraviti i planetu na isti način na koji je napravljena i osnova ikonice. Dakle, koristiti Ellipse Tool (taster U) i boju iz palete boja broj 3. Za veličinu kruga uzeti dimenzije 250x250 px.

Odabrati Rectangle Tool (taster U) i napraviti grupu pravougaonika čije boje i dimenzije variraju u približno sličnom opsegu. Pogledajte sliku ispod:

Da bismo olakšali posao hajde da grupišemo sve ove slojeve u jednu grupu. Odaberite prvi pravougaonik, držite taster Shift sve vreme, zatim odaberite poslednji pravougaonik u paleti slojeva. Napravite grupu slojeva kombinacijom tastera Ctrl+G.

Odaberite grupu slojeva koju ste upravo napravili i zarotirajte je. Uradite to tako što ćete pokrenti Transform Tool kombinacijom tastera Ctrl+T. Postavite kursor miša na jedan od uglova pravougaonika Transform Tool oblasti (kursor će se pretvoriti u polukružnu liniju sa strelicama) i povuce u jednu stranu.

Korak 3

Sada se treba osloboditi nepotrebnih delova koji prelaze oblast planete. Odaberite sloj u kome je oblik planete. Pokrenite Ellipse Tool (taster U) i desnim klikom kliknite na planetu. Odaberite Make Selection u izborniku koji se otvorio i kliknite na OK.

Videćete da je krug koji predstavlja planetu odabran nezavisno od pravougaonika koji stoje u slojevima iznad.

U paleti Layers odaberite grupu u kojoj se nalaze pravougaonici. Kliknite na ikonicu Add Layer Mask. Sav višak pravougaonika koji prelazi oblast planete će biti sakriven.

Korak 4

Da bi planeta izgleda malo vernije dodaćemo i senku u desnom donjem delu planete. Kliknite na sloj sa planetom. Duplirajte ga kombinacijom tastera Ctrl+J. Kopiju sloja planete prevucite iznad svih slojeva. Pokrenite Move Tool (taster na tastaturi V) i u samom konvasu uhvatite sloj koji se sada nalazi na vrhu (kopija planete) i pomerite ga malo u levo).

Držite taster Ctrl i kliknite na samu ikonicu u paleti Layers koja predstavlja osnovnu planetu. Videćete da će u konvasu planeta biti odabrana. Kliknite sada na sloj koji predstavlja kopiju planete i koji se u paleti Layers nalazi na vrhu. Kliknite desnim klikom na taj sloj i odaberite opciju Rasterize Layer. Iskoristite kombinaciju tastera Shift+Ctrl+I da obrnete selekciju (u sloju kopije planete biće odabrano sve što prelazi okvire osnovnog sloja planete čiju smo selekciju izvršili ranije) i pritisnite taster Delete na vašoj tastaturi.

Obustavite selekciju kombinacijom tastera Ctrl+D i ovo je rezultat koji treba da dobijete:

Da bi sav ovaj trud urodio efektom senke postavite Blend Mode na Screen i Opacity na 50%.

Korak 5

Sada treba dodati prsten asteroida oko planete. Odaberite Ellipse Tool i napravite novu elipsu preko planete.

Odaberite opciju Subtract Front Shape i napravite još jednu elipsu unutar prve koja će bukvalno rečeno napraviti rupu u prvoj elipsi zbog toga što smo označili opciju Substract Front Shape.

Obojite prsten u boji broj 4 iz naše palete boja koju možete pronaći na početku teksta. Ako to već niste uradili preuzimite sliku iz teksta i uz pomoć EyeDropper Tool-a kliknite na boju broj 4 na slici (to će promeniti boju Foreground polja). Kliknite dva puta na sloj u kome se nalazi prsten. Otvoriće se prozor za korekciju boja i jednostavno kliknite na boju koja se sada nalazi u Foreground polju. Kliknite na ok i oblik će promeniti boju u onu koju ste odabrali.

Prsten zarotirajte na isti način na koji ste to uradili sa planetom i uz pomoć Transform Tool-a.

Sada je potrebno obrisati deo prstena za koji će se pretpostavljati da se nalazi iza planete. Kliknite na sloj sa prstenom desnim klikom i odaberite opciju Rasterize Layer. Kliknite na sloj u kome se nalazi osnova planete. U tom sloju dok držite taster Ctrl kliknite na samu ikonicu sloja tako da će ceo oblik planete biti selektovan. Kliknite ponovo na sloj u kome se nalazi prsten. Odaberite Eraser Tool (taster E) i prosto obrišite deo prstena koji treba da se nalazi iza planete. Nakon toga obustavite selekciju kombinacijom tastera Ctrl+D. Evo rezultata:

Korak 6

Dodajte flat senku na isti način na koji smo to uradili u ikonici rakete. Koristeći primer rakete dodajte i zvezde. Evo finalnog rezultata:

Radne datoteke:

PSD – Ikonica Planeta – Adriahost blog 2016

Paleta flat boja

Flat ikonica radio teleskopa 

Krenućemo kao i u prethodnim slučajevima. Konvas našeg novog dokumenta biće veličine 600x600 px.

Korak 1

Nacrtaćemo pravilni krug unutar osnove ikonice. Neka krug bude crne boje. Kao i od početka koristićemo Ellipse Tool (taster U). Kliknućemo i prozor koji se bude otvorio unećemo veličine 230x230 px. Približno ovako:

Preko leve strane kruga ubacimoćemo novi oblik – pravougaonik koji će prekriti tek malo više od pola kruga. Stravićemo da pravougaonik bude crvene boje, pa možete uzeti broju broj 1 iz palete boja koju smo postavili na početku ovog teksta.

Sada se treba otarasiti viška. Kliknite na sloj u kome se nalazi crnu krug, zatim kliknite na konvas desnim klikom i odaberite opciju Make Selection što će izvršiti celekciju crnog kruga.

Kliknite na sloj u kome se nalazi crveni pravougaonik kako biste ga odabrali, a onda kliknite i na dugme Add Layer Mask. Ovaj postupak sakriće sav višak koji prelazi okvire crnog kruga.

Evo šta treba dobiti:

Pre nego što potpuno obrišemo crni krug hajde da uradimo još nešto. Donji deo teleskopa obojićemo tamnijom crvenom bojom. Docrtajte još jedan pravougaonik u donjem delu teleskopa i ponovite postupak za Add Layer Mask i sakrivanja viška uz pomoć crnog kruga.

Korak 2

Dodaćemo i antenu na sredini teleskopa, ali pre toga treba dodati razvučenu elipsu na osnovni izgled antene. Uradićemo to uz pomoć Ellipse Tool-a (taster U).

Antenu ćemo formirati u vidu trougla uz pomoć Polygon Tool-a (taster U), obojićemo je svetlo sivom bojom i dodaćemo jedan mali krug kao vrh antene. Kliknite bilo gde na konvas i unesite dimenzije i broj uglova koje vidite na slici ispod.

Dobićete ovakav trougao:

Kako od njega napraviti antenu? Pokrenite Transform Tool (Ctrl+T) i spljeskajte ga povlačenjem stranica tako da izgleda više kao na slici ispod i dodajte vrh (mali krug uz pomoć Ellipse Tool-a)

Korak 3

Okrenućemo sada teleskop prema svemiru kako bi mogao da pretražuje signale. Odaberite najpre sve slojeve oblika koje smo napravili držeći taster Ctrl i kliktanjem na svaki od slojeva. Uz pomoć Transftorm Tool-a blago zarotirajte teleskop.

Dodaćemo još jedan trougao kao podlogu. I ovde koristimo alat koji smo koristili malo pre.

Unutar tog trougla ubacite još jedan manji uz uključenu opciju Subtract Front Shape:

Pomerite dobijeni oblik ispod svih slojeva koji predstavljaju antenu kako bi se i na konvasu postavio ispod antene.

Dodajte senku po postupku objašenjenom u prvom delu sa izradom ikonice rakete.

Dodajte i nekoliko zvezdica i finalizirajte ikonicu:

Radne datoteke:

PSD – Ikonica Radio teleskop – Adriahost blog 2016

Paleta flat boja

Flat ikonica letećeg tanjira

Korak 1

Najpe otvorite novi dokument veličine 600×600 px. Da to uradite kliknite na File-New (ili koristite kombinaciju tastera Ctrl+N), a zatim u polja Width i Height unesite vrednost 600.

Naša ikonica će biti okrugla, pa odaberite Ellipse Tool (prečica na tastaturi je taster U) iz osnovnih oblika (Shape) u panelu sa alatima.

Kliknite na sredinu konvasa (dokument koji ste napravili) da bi se otvorile opcije za oblik koji ćemo formirati. Unesite 512 u polja Width i Height što će rezultirati kreiranjem pravog kruga 512×512 px.

Obojićemo sada krug tamno plavom bojom iz palete koju ste videli na početku. Preuzmite sliku palete, otvorite je u Photoshopu. Odaberite Eyedropper Tool i kliknite na boju 4.

Odaberite ponovo Ellipse Tool (taster U) i u gornjem panelu alata pronađite Fill opciju, kliknite i odaberite prvu boju iz nedavno korišćenih boja i to je boja koju ste odabrali uz pomoć Eyedropper Tool-a prethodno.

Napraviti gornji deo letećeg tanjira formiranjem pravilnog kruga:

Sada je potrebno obrisati donji deo tog kruga. Napravite elipsu uz pomoć Ellipse Tool-a (taster U) .

U paleti Layers odaberite i prvi krug i elipsu, zatim kliknite na konvas desnim klikom i odaberite opciju Unite shapes at Overlap:

I ovo je rezultat koji treba da dobijete:

Korak 2

Deo koji smo kreirali predstavlja stakleni deo NLO-a pa sada treba dodati i refleksiju. Kliknite na sloj u kome se nalazi ovaj deo (nalazi se u paleti Layers), iskoristite kombinaciju tastera Ctrl+J da duplirate taj sloj. Kliknite dva puta na novi sloj i promenite mu boju u tamnije plavu. Pokrenite Transform Tool (tasteri Ctrl+T) i umanjite taj oblik. To izgleda ovako:

Dodajte jedan mali krug povrh svega, dok je sloj tog novog kruga odabran kliknite desnim klikom na njega i odaberite Make Selection:

Odaberite sada oba sloja, poslednji dodati krug i sloj ispod njega ( u paleti Layers). U konvasu kliknite desnim klikom na oblike i u izborniku koji se otvorio odaberite Subtract Front Shape.

Obustavite selekciju kombinacijom tastera Ctrl+D i ponovo korigujte boju odraza na staklu(kliknite dva puta na ikonicu tog sloja u paleti Layers za promenu boje).

Cilj je da se dobije ovaj efekat:

Dodajte sada još jednu elipsu koja će predstavljati neku vrstu kružnih krila letećeg tanjira. Koristite Ellipse Tool (taster U). Novu elipsu spustite par slojeva niže – ispod sloja staklene “kupole” kako bi se dobio efekat da krila okružuju staklo.

Ispod tog sloja dodajte još jednu elipsu koja je tamnije boje kako bismo upotpunili predstavu:

Dodaćemo i donji deo letećeg tanjira u sivoj boji. Koristite Rectangle Tool (taster U). I ovaj sloj spustite ispod ostalih, a iznad podnožja ikonice.

Izaberite sada Direct Selection Tool i gornje uglove razvucite ka spolja:

Dodajte i jednu žutu elipsu kako bi podnožje letećeg tanjira dobilo ovalni oblik. I ovaj sloj povucite ispod prethodnih, ali iznad podnožja cele ikonice.

Dodajte nekoliko signalnih svetala da sve izgleda funkcionalnije:

Senku i zvezde dodajte po već utvrđenoj proceduri sa početka teksta i finalizirajte ikonicu:

Radne datoteke:

PSD – Ikonica NLO – Adriahost blog 2016

Paleta flat boja

Flat ikonica teleskopa na tronošcu

Korak 1

Teleskop je lakše ilustrovati. Najpre otvorite novi dokument veličine 600×600 px. Da to uradite kliknite na File-New (ili koristite kombinaciju tastera Ctrl+N), a zatim u polja Width i Height unesite vrednost 600.

Naša ikonica će biti okrugla, pa odaberite Ellipse Tool (prečica na tastaturi je taster U) iz osnovnih oblika (Shape) u panelu sa alatima.

Kliknite na sredinu konvasa (dokument koji ste napravili) da bi se otvorile opcije za oblik koji ćemo formirati. Unesite 512 u polja Width i Height što će rezultirati kreiranjem pravog kruga 512×512 px.

Obojićemo sada krug tamno plavom bojom iz palete koju ste videli na početku. Preuzmite sliku palete, otvorite je u Photoshopu. Odaberite Eyedropper Tool i kliknite na boju 4.

Odaberite ponovo Ellipse Tool (taster U) i u gornjem panelu alata pronađite Fill opciju, kliknite i odaberite prvu boju iz najkorišćenijih boja i to je boju koju ste odabrali uz pomoć Eyedropper Tool-a prethodno.

Odaberite sada Rectangle Tool (taster U) i povucite jedan običan pravougaonik. Obojite ga svetlijom crvenom iz palete boja koju smo postavili na početku teksta. To je crvena boja pod brojem 1.

Duplirajte taj sloj kombinacijom tastera Ctrl+J. Pokrenite Transform Tool (kombinacijom tastera Ctrl+T) i povucite gornju stranicu na dole po polovine visine pravougaonika. Obojite tu kopiju pravougaonika tamno crvenom bojom, odnosno bojom broj 2 iz palete boja. Taj drugi pravougaonik predstavljaće senku same cevi teleskopa.

Korak 2

Dodajte još dva pravougaonika koji će formirati izgled teleskopa. Pogledajte sliku ispod:

Dodajte elipsu plave boje koja će predstavljati sočivo. Spljeskajte elipsine krajeve uz pomoć Convert Point Tool alata.

Postavite sloj sa sočivom ispod sloja teleskopa da dobijete ovakav efekat:

Dodajte odsjaj na površini sočiva. Ako ste ispratili prethodne korake drugih ikonica, biće vam lako da to uradite. Dodajte i sive delove koji dolaze na deo teleskopa gde se prislanja oko prilikom posmatranja.

Korak 3

Izaberite Rounded Rectangle Tool (Pravougaonik sa zaobljenim uglovima) i dodajte tri nožice za teleskop. Na isti način napravite i poprečne prečke. Koristite Transform Tool da izvršite postavljanje nožica u određeni ugao.

Okrenite teleskop prema zvezdama (Transform Tool dok su istovremeno odabrani svi slojevi koji čine teleskop – bez nožica). Dodajte zvezde i senku.

Radne datoteke:

PSD – Ikonica Teleskop na tronošcu – Adriahost blog 2016

Paleta flat boja

Flat ikonica i ilustracija meseca sa oblacima

Korak 1

Ako ste pažljivo ispratili prethodna uputstva napred u tekstu sigurno već znate da mnogo toga uradite i bez posebnog upućivanja. Napravite novi dokument veličine 600x600px. Napravite osnovu ikonice u plavoj boji(boja broj 4) veličine 512x512 px u obliku pravog kruga.

Kada je osnova ikonice završena dodajte još jedan manji krug u centru ikonice u boji broj 3 iz palete boja koju smo postavili na početku teksta.

Preko tog kruga dodajte još jedan manji u gornjem desnom delu i pokrenite opciju Subtract Front Shape dok su oba sloja u paleti Layers odabrana (držite taster Ctrl i kliknite najpre na jedan pa na drugi sloj).

Ta akcija će od dva kruga proizvesti mesec.

Korak 2

Hajde da dodamo i malo oblaka koji će dočarati sliku noćnog neba i svetlog meseca. Isctajte nekoliko krugova tako da se dodiruju. Ujedinite te krugove uz pomoć opcije Unite Shapes dok su istovremeno odabrani slojevi koji treba da čine oblak.

Korak 3

Sada treba poravnati donji deo oblaka dodavanjem pravougaonika i korišćenjem opcije Subtract Front Shape. Ne zaboravite da u paleti Layers odaberete i sloj sa oblakom i sloj sa pravougaonikom istovremeno (držite taster Ctrl sve vreme dok klikćete na ova dva sloja da biste ih odabrali istovremeno).

Korak 4

Dodajte i jedan oblak iza meseca. Možete kopirati isti ovaj sloj iz prvog oblaka i uz pomoć Transform Tool-a ga umanjiti i taj sloj smestiti ispod sloja meseca u paleti Layers.

Napravite posebnu senku za svaki oblak i za mesec. Dodajte zvezde i vaša ikonica je spremna.

Radne datoteke:

PSD – Ikonica Mesec sa oblacima – Adriahost blog 2016

Paleta flat boja

 Svaka čast ako ste prateći uputstvo stigli do kraja

Ako ste početnik u grafičkom dizajnu i do ovih redova ste došli prateći kompletno uputstvo izrađujući jednu po jednu ikonicu budite ponosni na sebe. Nakon ovog kratkog kursa sigurno ćete moći da ilustrujete i svoje ideje brzo i lako. Podelite to sa nama tako što ćete nas potražiti na društvenim mrežama ili ispod u komentarima.