Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Inkscape
Design

Kako Izraditi Srce od Piksela sa Inkscape-om

by
Difficulty:BeginnerLength:ShortLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

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.

Inkscape view custom

2. korak

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

Inkscape view zoom

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.

Inkscape opened panels

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.

Assign document properties in Inkscape

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
Inkscape stars and polygons tool

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.

Creating a polygon in Inkscape

3. korak

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

Make the polygon red

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.

Lock the proportions and set the width

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.

Make duplicate copy and turn it blue

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.

All 3 polygons

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.

All 4 copies of the polygons

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:

Intersection of the black and blue polygons

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.

Intersected area of the black and red polygons

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.

Three piece polygon

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%.

Solid fill polygon

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.

Change the color to red
Changed color to red

3. korak

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

Updated polygon color

4. korak

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

Fully colored in polygon

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.

Polygon size changed to 100 pixels

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.

Snap polygon number 1

2. korak

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

Snap polygon number 2

3. korak

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

Snap polygon number 3

4. korak

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

Snap polygon step number 4

5. korak

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

Snap polygon step number 5

6. korak

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

The heart is now halfway completed

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.

Beginning to construct the right side of the heart

8. korak

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

Snap polygon step number 8

9. korak

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

Snap polygon step number 9

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.

Completed pixel heart design with Inkscape
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.