U današnjem tutorialu ću vam pokazati kako u Inkscape-u možete dizajnirati vektor srca u izometričkom stilu koje izgleda kao da je izrađeno od piksela.

Ako tražite već gotove predloške logotipa, možete ih kupiti na GraphicRiver-u.

1. Kako Podesiti Novi Dokument

1. korak

Idite na View i označite Custom.

2. korak

Idite na View > Zoom i odaberite Zoom 1:1 kako biste bili sigurni da ste povećali na 100%.

3. korak

Kliknite na ikonu Align and distribute objects u gornjoj alatnoj traci da ovorite Alignment karticu. Zatim kliknite Fill & Stroke ikonu u gornjoj alatnoj traci i otvorite Colors, gradients and strokes izbornik.

4. korak

Idite na File > Document Properties (Control-Shift-D) i uklonite oznaku s okvira na kojima piše Show page border i Show border shadow te zatvorite prozor.

2. Kako Napraviti Osnovni Oblik

1. korak

Uzmite Create Stars and Polygons (*) alat i podesite parametre u alatnoj traci na vrhu prateći sljedeće specifikacije:

• Regular Polygon
• Corners: 6
• Rounded: 0.000
• Randomized: 0.000

2. korak

Držite Control i Shift tipke na tipkovnici te kliknite i povucite na radnoj površini da izradite poligon na kojem su vrhovi usmjereni vertikalno kao što je prikazano na sljedećoj slici.

3. korak

Promijenite boju poligona u crvenu i smanjite Opacity na 50% koristeći Opacity Percentage alat u Fill and Stroke kartici.

4. korak

Uzmite Select Tool (F1) i kliknite ikonu lokota između W i H polja na gornjoj alatnoj traci. Zatim promijenite vrijednost W okvira na 300 i pritisnite Enter da potvrdite postavku širine poligona od 300 piksela. Nakon toga aktivirajte Snap to cusp nodes okvir u Enable snapping alatnoj traci na samom vrhu prozora.

5. korak

Kliknite desnim gumbom miša na poligon i odaberite Duplicate (Control-D) da napravite još jednu kopiju. Promijenite kopiju u plavu boju, zatim kliknite i povucite novi poligon te mu spojite rubove na donje lijeve rubove crvenog poligona.

6. korak

Kliknite desnim gumbom plavu kopiju i odaberite Duplicate (Control-D) da napravite još jednu kopiju. Promijenite joj boju u zelenu, i spojite rubove na donje desne rubove crvenog poligona.

7. korak

Kliknite desnim gumbom miša na zeleni poligon i odaberite Duplicate (Control-D) da napravite još jednu kopiju. Promijenite joj boju u crnu, i spojite rubove u sredinu tri obojena šesterokuta kao što je prikazano ispod na primjeru.

3. Kako Skratiti Bazu Oblika

1. korak

Kliknite desnim gumbom miša na crni poligon i odaberite Duplicate (Control-D) da napravite još jednu kopiju i dok je ta kopija selektirana, držite Shift na tipkovnici te kliknite plavi poligon. Dok su oba selektirana, idite na Path > Intersection. Trebali biste dobiti nešto poput ovog:

2. korak

Sada moramo učiniti isto za crveni i zeleni šesterokut. Stoga, kliknite desnim gumbom na crni šesterokut i odaberite Duplicate (Control-D), držite Shift i kliknite na crveni poligon te zatim idite na Path > Intersection.

3. korak

Kliknite na crni poligon, držite Shift i kliknite na zeleni poligon, zatim idite na Path > Intersection. Trebali biste dobiti tri šesterokuta, u tri različite boje.

4. Kako Obojiti Oblike

1. korak

Kliknite i povucite sva tri oblika da selektirate sve objekte (Control-Alt-A), i zatim upotrijebite Opacity % slajder da podesite vrijednost ponovno na 100%.

2. korak

Kliknite negdje sa strane izvan objekata da ih de-selektirate i zatim selektirajte plavi dio poligona. Dok je selektiran, idite na Fill and stroke karticu, i pod Fill promijenite RGBA vrijednost na ff2a2aff.

3. korak

Selektirajte crveni objekt na vrhu šesterokut i zatim idite na Fill and stroke karticu te pod Fill promijenite RGBA vrijednost na ffaaaaff.

4. korak

Selektirajte zeleni objekt s desne strane šesterokuta, idite na Fill and stroke karticu i pod Fill promijenite RGBA vrijednost na 800000ff.

5. korak

Kliknite i povucite preko sva tri oblika da selektirate sve objekte (Control-Alt-A), zatim odaberite Group (Control-G) da ih zajedno grupirate i promijenite vrijednost W okvira na 100. Nakon toga pritisnite Enter i širina šesterokuta je sada podešena na 100 piksela.

5. Kako Izraditi Oblik Srca

1. korak

Dok je šesterokut selektiran, kliknite desnim gumbom na njega i odaberite Duplicate (Control-D) te ga spojite na gornje lijeve kutove originalnog šesterokuta.

2. korak

Ponovite proces sa dupliciranim poligonom tako da imate tri poligona posložena sljedećim redoslijedom:

3. korak

Ponovite proces još jednom sa posljednjim dupliciranim poligonom, zatim još jednom kliknite Duplicate (Control-D) i spojite ga direktno iznad prethodnog poligona.

4. korak

Duplicirajte (Control-D) prethodno selektirani poligon i spojite ga na gornje desne kutove prethodnog poligona.

5. korak

Duplicirajte (Control-D) taj poligon i spojite ga na donje desne kutove prethodnog poligona.

6. korak

Duplicirajte (Control-D) prethodni poligon i spojite ga na donje desne kutove poligona ispod njega.

Sada smo dovršili pola srca.

7. korak

Vratite se na originalni šesterokut skroz na dnu, duplicirajte (Control-D) ga tri puta i spojite kopije međusobno na gornje desne kutove uzlazno poredane.

8. korak

Sa još uvijek selektiranim posljednjim dupliciranim poligonom, Duplicirajte (Control-D) ga i spojite direktno izand originala šesterokuta.

9. korak

Duplicirajte (Control-D) taj poligon opet i spojite ga na gornje desne kutove poligona s lijeve strane.

10. korak

Konačno, Duplicirajte (Control-D) poligon još jednom i spojite na donje desne kutove prethodnog poligona.

Odličan posao, ovdje ste završili!

I s time je naš dizajn dovršen. Uspješno smo kreirali srce od piksela koristeći Inkscape.