Path operations

Create 2D Video Game Art with Inkscape Create 2D video game art with Inkscape
9 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$49.99
List Price:  $69.99
You save:  $20
€46.64
List Price:  €65.30
You save:  €18.66
£39.89
List Price:  £55.85
You save:  £15.96
CA$68.25
List Price:  CA$95.55
You save:  CA$27.30
A$76.15
List Price:  A$106.62
You save:  A$30.46
S$67.98
List Price:  S$95.18
You save:  S$27.19
HK$391.26
List Price:  HK$547.80
You save:  HK$156.53
CHF 45.56
List Price:  CHF 63.79
You save:  CHF 18.23
NOK kr549.77
List Price:  NOK kr769.72
You save:  NOK kr219.95
DKK kr347.88
List Price:  DKK kr487.07
You save:  DKK kr139.18
NZ$83.68
List Price:  NZ$117.16
You save:  NZ$33.47
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,493.12
List Price:  ৳7,690.80
You save:  ৳2,197.68
₹4,172.34
List Price:  ₹5,841.61
You save:  ₹1,669.27
RM238.42
List Price:  RM333.81
You save:  RM95.39
₦66,243.24
List Price:  ₦92,745.84
You save:  ₦26,502.60
₨13,934.07
List Price:  ₨19,508.81
You save:  ₨5,574.74
฿1,850.39
List Price:  ฿2,590.69
You save:  ฿740.30
₺1,617.84
List Price:  ₺2,265.11
You save:  ₺647.26
B$255.79
List Price:  B$358.13
You save:  B$102.34
R936.97
List Price:  R1,311.83
You save:  R374.86
Лв91.24
List Price:  Лв127.74
You save:  Лв36.50
₩68,826.74
List Price:  ₩96,362.95
You save:  ₩27,536.20
₪188.13
List Price:  ₪263.40
You save:  ₪75.26
₱2,884.49
List Price:  ₱4,038.52
You save:  ₱1,154.02
¥7,792.89
List Price:  ¥10,910.67
You save:  ¥3,117.78
MX$856.20
List Price:  MX$1,198.75
You save:  MX$342.54
QR182.49
List Price:  QR255.51
You save:  QR73.01
P688.94
List Price:  P964.58
You save:  P275.63
KSh6,748.65
List Price:  KSh9,448.65
You save:  KSh2,700
E£2,392.02
List Price:  E£3,349.02
You save:  E£957
ብር2,872.52
List Price:  ብር4,021.76
You save:  ብር1,149.23
Kz41,694.65
List Price:  Kz58,375.85
You save:  Kz16,681.20
CLP$47,530.99
List Price:  CLP$66,547.19
You save:  CLP$19,016.20
CN¥362.03
List Price:  CN¥506.87
You save:  CN¥144.84
RD$2,934.22
List Price:  RD$4,108.14
You save:  RD$1,173.92
DA6,720.10
List Price:  DA9,408.68
You save:  DA2,688.58
FJ$112.74
List Price:  FJ$157.85
You save:  FJ$45.10
Q389.28
List Price:  Q545.03
You save:  Q155.74
GY$10,471.17
List Price:  GY$14,660.48
You save:  GY$4,189.30
ISK kr7,010.59
List Price:  ISK kr9,815.39
You save:  ISK kr2,804.80
DH505.57
List Price:  DH707.84
You save:  DH202.26
L884.78
List Price:  L1,238.76
You save:  L353.98
ден2,871.74
List Price:  ден4,020.67
You save:  ден1,148.92
MOP$403.59
List Price:  MOP$565.05
You save:  MOP$161.46
N$944.34
List Price:  N$1,322.15
You save:  N$377.81
C$1,841.99
List Price:  C$2,578.94
You save:  C$736.94
रु6,672.93
List Price:  रु9,342.64
You save:  रु2,669.70
S/188.02
List Price:  S/263.24
You save:  S/75.22
K193.20
List Price:  K270.50
You save:  K77.29
SAR187.49
List Price:  SAR262.50
You save:  SAR75.01
ZK1,326.34
List Price:  ZK1,856.98
You save:  ZK530.64
L232.07
List Price:  L324.92
You save:  L92.85
Kč1,174
List Price:  Kč1,643.69
You save:  Kč469.69
Ft18,283.73
List Price:  Ft25,598.69
You save:  Ft7,314.95
SEK kr545.79
List Price:  SEK kr764.15
You save:  SEK kr218.36
ARS$43,729
List Price:  ARS$61,224.11
You save:  ARS$17,495.10
Bs347.11
List Price:  Bs485.98
You save:  Bs138.87
COP$197,925.35
List Price:  COP$277,111.33
You save:  COP$79,185.97
₡25,432.40
List Price:  ₡35,607.40
You save:  ₡10,174.99
L1,235.97
List Price:  L1,730.46
You save:  L494.48
₲372,674.68
List Price:  ₲521,774.38
You save:  ₲149,099.69
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł201.70
List Price:  zł282.40
You save:  zł80.69
Already have an account? Log In

Transcript

As I told in the previous videos, in Inkscape, we are not using a brush we are not actually drawing we are building objects. So, you know, creating a little smiley or a smiley head is very easy. I just make circle, then another circle then I duplicate that. Duplicate these two and then that's it. And I can't use the squares. So I can create very simple illustrations from the very simple basic objects.

What about if I need more of course anymore. I cannot build everything from scratch. Because do I. So as you see, these are different levels of illustration in Inkscape. The first level is just building something from basic objects. The next level, what we're going to go into now is creating a bit more complex shapes from the basic objects.

And to achieve that, we will use path operations. First, we have to clarify what is a path when I'm creating an object in Inkscape. And you see that this white handles it's called a shape. And it means that it's a native Inkscape object and you can modify it by giving different changing different variables. You can modify by handles, you know, these are, these are the default objects in escape the square the star and the circle. And when you change an object to path, it means that the By changing the handles and it means that you can modify the shape.

And the easiest way to modify the shape is using the path operations. Pass operations are simple subtraction, and addition audition. So, for example, if I want to make the smart mouth smiling and I want to make a semicircle, just zoom in so we see I create a rectangle over it, I select both of them we should shift and then I go path and difference or control minus. And you see the upper object was cut out of the lower object. So once again, I went back Same goes here if I want to cut these into semi circles I duplicated the square or the rectangle because I knew I want to cut out of both of them. So now both of the circles are semi circles.

So I have this type of laid back corrector or sleepy or grumpy So, this is one of the path or a path operations you can use. Select one object and select the two object path Then, the other thing, what we can do is the two basic path operations. If I want to merge two objects together, I select both of them. You see, they are now two different objects and I push you in here. And for no one, this is one object, it's not a group. I can move it I can do whatever it is.

The point of this is that I can simplify. If I don't need all of the objects, I can simplify it, it can be one object and then I can modify it to create the basic shape I'm one. In the next lesson, we will go into how to modify shape more now we are talking about the path operations only. So let's see something what we can use in our games. Apart from the little CP sleepyhead if you made a game out there We will create now a little heart. I will show you how I usually do a heart.

So I make a circle. Then I make another circle. Then I make a square. By holding control. I make a perfect square and then I hope by holding quantum I rotate it until it's a diamond shape. So standing on the edge then see I put the circle, put the square on the edge of the two circles.

I have a little something here on the top. This is how we look now and I just got this off difference. So now I have this shape and these and these, how I make one part of this, I select all of them. And path union is this easy to create a heart in Inkscape. And if I want to make it, use it in a game, obviously I create you know, I have two lives left and I lost one and I can make this one darker like it's turned off, you know in a game. And that's it.

Very, very easy. You can create your own shapes like this. One more thing I'm showing another Operation Fast is the intersection. intersection is is basically what it says. If I make the semi transparent you will see better so I have the two different circles. If I select both of them and I push union, they merge.

If I select both of them, and they push difference, then the upper one is cut out of the lower one. But if I select both and intersect, then I got an eye shape, because it gets what is intersecting between the two objects. So this is usually how I make an eye shape, or relief. As you see this path operations are pretty powerful. They help you to modify the shape the basic default shapes of Inkscape to create something more complex. One more rule I didn't say is when you merge when you use the union and merge object, it can be as many objects as you want.

So different colors and different objects. You just select all of them path union, and Bombay and one object. But to do a difference, it's only working with two objects. So if I select three, it doesn't know which one to cut out from which one so nothing happens. Different is only happens by two objects, a lower one and the higher one. So this is the only rule you have to know and play around with the path operations I was just showing you the three main one.

There are also other three. Go around and tried and tried to do. For example, Apple with this leaf leaf if you modify this shape, you're almost at an apple and have fun with it. And check out this operations because if you must have these you will understand how to create more complex shapes. And in the next lesson, you will understand it even more What do you create

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.