Align and distribute

Create 2D Video Game Art with Inkscape Create 2D video game art with Inkscape
5 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.73
List Price:  €65.43
You save:  €18.69
£39.55
List Price:  £55.38
You save:  £15.82
CA$68.39
List Price:  CA$95.75
You save:  CA$27.36
A$76.50
List Price:  A$107.11
You save:  A$30.60
S$68.11
List Price:  S$95.36
You save:  S$27.25
HK$391.33
List Price:  HK$547.90
You save:  HK$156.56
CHF 45.19
List Price:  CHF 63.27
You save:  CHF 18.08
NOK kr551.82
List Price:  NOK kr772.60
You save:  NOK kr220.77
DKK kr348.47
List Price:  DKK kr487.88
You save:  DKK kr139.41
NZ$84.17
List Price:  NZ$117.84
You save:  NZ$33.67
د.إ183.60
List Price:  د.إ257.06
You save:  د.إ73.45
৳5,499.99
List Price:  ৳7,700.43
You save:  ৳2,200.43
₹4,169.28
List Price:  ₹5,837.33
You save:  ₹1,668.04
RM238.32
List Price:  RM333.67
You save:  RM95.35
₦66,060.50
List Price:  ₦92,489.99
You save:  ₦26,429.48
₨13,951.51
List Price:  ₨19,533.24
You save:  ₨5,581.72
฿1,848.80
List Price:  ฿2,588.46
You save:  ฿739.66
₺1,625.07
List Price:  ₺2,275.23
You save:  ₺650.15
B$255.76
List Price:  B$358.08
You save:  B$102.32
R938.81
List Price:  R1,314.42
You save:  R375.60
Лв91.38
List Price:  Лв127.95
You save:  Лв36.56
₩68,890.62
List Price:  ₩96,452.39
You save:  ₩27,561.76
₪190.87
List Price:  ₪267.23
You save:  ₪76.36
₱2,881.72
List Price:  ₱4,034.64
You save:  ₱1,152.92
¥7,903.16
List Price:  ¥11,065.06
You save:  ¥3,161.90
MX$857.83
List Price:  MX$1,201.03
You save:  MX$343.20
QR182.72
List Price:  QR255.83
You save:  QR73.10
P689.81
List Price:  P965.79
You save:  P275.98
KSh6,639.79
List Price:  KSh9,296.24
You save:  KSh2,656.45
E£2,392.59
List Price:  E£3,349.82
You save:  E£957.23
ብር2,876.01
List Price:  ብር4,026.64
You save:  ብር1,150.63
Kz41,694.65
List Price:  Kz58,375.85
You save:  Kz16,681.20
CLP$47,588.94
List Price:  CLP$66,628.33
You save:  CLP$19,039.38
CN¥362.20
List Price:  CN¥507.11
You save:  CN¥144.91
RD$2,937.78
List Price:  RD$4,113.13
You save:  RD$1,175.34
DA6,709.29
List Price:  DA9,393.54
You save:  DA2,684.25
FJ$113.10
List Price:  FJ$158.35
You save:  FJ$45.25
Q389.77
List Price:  Q545.71
You save:  Q155.94
GY$10,484.28
List Price:  GY$14,678.83
You save:  GY$4,194.55
ISK kr7,005.56
List Price:  ISK kr9,808.34
You save:  ISK kr2,802.78
DH506.20
List Price:  DH708.72
You save:  DH202.52
L888.32
List Price:  L1,243.72
You save:  L355.39
ден2,874.95
List Price:  ден4,025.16
You save:  ден1,150.21
MOP$404.09
List Price:  MOP$565.76
You save:  MOP$161.67
N$945.52
List Price:  N$1,323.80
You save:  N$378.28
C$1,844.23
List Price:  C$2,582.07
You save:  C$737.84
रु6,681.04
List Price:  रु9,353.99
You save:  रु2,672.95
S/188.25
List Price:  S/263.57
You save:  S/75.31
K193.43
List Price:  K270.82
You save:  K77.39
SAR187.48
List Price:  SAR262.49
You save:  SAR75
ZK1,328
List Price:  ZK1,859.31
You save:  ZK531.30
L232.80
List Price:  L325.94
You save:  L93.14
Kč1,174.50
List Price:  Kč1,644.39
You save:  Kč469.89
Ft18,330.20
List Price:  Ft25,663.75
You save:  Ft7,333.54
SEK kr544.35
List Price:  SEK kr762.14
You save:  SEK kr217.78
ARS$43,786.41
List Price:  ARS$61,304.48
You save:  ARS$17,518.06
Bs347.54
List Price:  Bs486.59
You save:  Bs139.04
COP$198,222.27
List Price:  COP$277,527.04
You save:  COP$79,304.77
₡25,463.28
List Price:  ₡35,650.64
You save:  ₡10,187.35
L1,237.47
List Price:  L1,732.56
You save:  L495.08
₲373,144.52
List Price:  ₲522,432.19
You save:  ₲149,287.66
$U1,931.55
List Price:  $U2,704.33
You save:  $U772.77
zł201.47
List Price:  zł282.07
You save:  zł80.60
Already have an account? Log In

Transcript

So this is a very simple button we just created. And you don't need much more to me to create a button really. In the next lesson we will go through how to make some, you know, more fancy looking buttons. What I will talk about now is a bit different. It can be very useful when you are creating the menu, but also when you are just drawing ties or different stuff, and you need to order them. So what we'll do is we open the align and distribute window read I just did it Shift Ctrl A or you can open and close it with this icon here on the top.

And I will show you in a second. Why is it good for so I put my text here on the bottom and it's not in the middle. It's a bit off on the to the left. I'm a graphic designer a serious things for more than a decade. Now when I see that something is off and usually people do so just to align it I select both of them the text and the box and click this button, which is centering them. And then I want to also center them horizontally.

Yes, it went a tiny bit though my eyesight was good but not perfect. And now let's make another button. So how am I menu will be saved say load. I also want this in the middle this will be trials and this will be Let's say quit, so I have like four different buttons. So I just select both of them both of them object, and then I click, I want to align them. Now I also want to align the master menu.

So I want the buttons to be the same distance from each other. And to that I grew up each text and the background object accordingly. So I have groups for my buttons, I select all of them. Then I push in the distribute box you see, because this window is called align and distribute in the distribute, I push this one. So it is creating gaps. The same size of gaps between the objects so we spreading them out and distributing them out evenly.

If it's too much I'll say for you now, if it's too much, I can take this on higher, still select all four of them, spread them again, and they will be pretty distributed. So this is a very, very nice tool to align my objects. And in particular, when you are creating a manual, you need some order. If you don't want your text to be in the middle of the box, and you want everything to align to this size of this side of the first text, then you can do that too. And how I do that, I'm using control if you use control, you can click on individual objects even if they are in a group. So this is now a group.

See, we were talking about this earlier. If I click on it, it acts as one object If I Ctrl click inside, I can select one piece of the group, and holding Shift and control clicking all the text. And lastly, I click on the one I want to align to. Because here you can set relative to, you will have lots of options. Usually for me, it's the basic setting is last selected. So it means whenever I want to align something to something, yes, I always select the one I want to keep in p place and align everything else to is the last one.

So now I want the new game to stand in place and everything else aligned to the left align to this one. So everything is selected. And then I click Align Left edges and all the other button all the other texts are jumping out to the left. So this is the align and distribute window for you now, and if you have several buttons like this, you can create a menu very, very easily. For your Start screen for your game. In the next one I will.

In the next lesson I will show you how to create button states very easily. This will be a very, very short lesson. And then in a bit longer lesson we will create different types of buttons

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.