My first object

Create 2D Video Game Art with Inkscape Create 2D video game art with Inkscape
7 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

So as I promised, now we're gonna draw something, I know you're the character on the toolbar, everyone is doing that. And the first thing you do is just to go around. So you will know more about it if you just look for a second. So what I'm doing here is I'm clicking on the rectangle or square to and I draw a rectangle. When you're drawing the rectangle. You have these two boxes on the side.

After drawing the rectangle, you can reshape it, you can resize it, you see, and using this little circle, you can make the edges round. This is very good if you want to draw an iPhone or if you want to have buttons that we're going to get later on. So these these rounded, rounded edges. You remember I was talking about this This is the changing the spar bar is changing according to the tool, I'm actually using also mine the cursor is changing to a square. So you always know which tool you are. So this is the width and the height of the square and the rounding of the edge of the square of the corner square.

If you have rounded edges, you can type your zero or click this one and it's going to be sharp again. With the square tool, you can use do squares like this. What what I was talking about is that you can resize it and do whatever with it. And this is the point that I have to talk about how Escape is working. Because when I'm creating shape like this in Inkscape, you see it's one object. That's why it has these corners and everything is settings.

Because in Inkscape, you are not using brushes in a way like using bitmap editor programs like Photoshop. For Corel, photo paint or, or even paint, you are not setting down brush of pixels, you are changing an object which is calculated on the fly. So the program is calculating the size and the color and everything on an object setting it up in a format, which is called SVG, SVG, simple vector graphics. It's a big thing now, actually, because of scalability, what we were talking about in the introduction, so it's like, it's very important now in getting into the game design and the web design, because SVG is out there just also. So vector graphics are scalable, and working on objects. So what we have now, it means that I create a square and I want to change it, I want to move it and I can, I don't have to erase it and redraw it or put it in special groups or layers or whatever to modify it like I will do it in Photoshop or other programs.

I just go to the selection tool, you see select and transform objects. These little labels are very helpful actually in the toolbar. So I go to the selection tool, the little hand is appearing and it means I can move my box around mine the little arrows, I can transform my square. And if I click on it once, just once, see the arrows are changing, and then I can rotate, but I can squeeze and distort. Okay, when I'm drawing, my right hand is always under mouse, my left hand, he's usually on the keyboard. It's also because I'm a gamer.

And this also because this makes working with Inkscape just so much faster. So now I want to get my get back to my square and I push Ctrl Z. Obviously if you're a developer, you know really sorry guys, I have to go through the basics. So you just push content And you get this back. Hmm, my favorite favorite button in Inkscape is control by the way, because when you use control, you are in control, you can scale your square. By keeping these proportion, you see is proportional.

I'm just holding CTRL and scaling like this. You can rotate by given angles. Tuck, tuck, tuck, tuck, you see it's free rotation or by given angles right is good for me, because I can make by control, perfect square, rotate, and it's a diamond You see, it's perfectly on the edge 45 degrees. This type of perfect moving Escape is very important. So that's ended for the animation. Definitely.

So that's why the control is an important key. One more thing, and I let you go around to play with the square tool and The transform to his mind this little, you see this little plus here, there's the center of rotation. If I move with the side, somewhere else, that will be the center of rotation, even, of course outside the object. And the quanto is working to of course. So this was the square tool and the selection tool, one more, and we can go another object. Data is the circle tool.

This is the three dimensional box or cube tool. I'm not gonna go into that you will see why we just keep to the basic ones and build out images from that. I will explain that later. So now just square two and circle two. Let's make a circle. You see the same goes for it.

Here are some things I can do. I can resize it did with the square, I can grab this little circle. If I'm outside the circle. You see it's making a nice PacMan on pizza. Because it's a how it is cutting the circle. So I can make a semicircle by holding CTRL perfect semicircle or I can cut it to a perfect degree angle.

So I can have any shape I want from a circle. So I can have this corner shape, for example. And if I don't want it or I want to switch from arc to segment, I just like a disc where I could get back and it's a full circle. Again, I'm telling this because a lot of times it's happening. You draw something like this, you forget it next time you want the circle, it's ending up like this and you're like, Oh my god, what's happening? nothing happening is just the tools are remembering usually the last settings they had.

So you Just click on this get the full circle and move on.

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.