Background mutations

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

Hope you know I'm getting a bit used to me saying that how amazing is Inkscape for all this flexibility and how you can create very versatile object and just modify them for your need. And you should, you should think about it a lot and think how you can reuse pieces. So you remember, we created this platform actually from this basic platform, changing only the colors and the bit the grass, hanging grass, you changed into bicycles, and we created different feeling it looks like it's icy. So let's do the same for the background. We just have the basic background, we know roughly the sizes here where the ground ends here are the mountains. So I just took it from here and duplicated.

I asked my little fellow to go on the side. Actually, you can stand here, my friend. Let's kill these things together. And he's standing already on an icy port and I don't need that these and they don't need these. Also the front one, what I do now is try to figure out how an icy part will look being having the same amount of objects in the front, middle and the background. So it is what we call a mutation of the spring for SD setup, so I will do the same with the same just a bit different if I have this.

As I said this color of the background is very strange. If I make it like this and changing a bit, It's getting colder darker, a bit between the and wintery. My clouds are not fluffy and Like in the summer, I can throw my own clouds waving in the wind, very flat ones. But if I want any clouds, what I would do now is just doing this. I draw a line with the pencil, which is the freehand tool. I push Ctrl L, you know, just to, if you see Ctrl L is removing some nodes, which I don't need even flatout some, I don't want any edges on my cloud, then I must make some.

Notice here and I finish it also on this part. So what I have is the cloud which can end here and start here. Yes, it's exactly the same method we used with the trees. tell you one thing, which I didn't say before, but if you think about it, you will understand it. Why am I doing it? I'm doing it like this.

This is not nice. So why am I doing it that on a tile on the repeating tile, I'm not simply stop here where the edge is stopping. Because this is recognizable easy, easily that this is repeating if I will also stop the clouds here. Everyone would notice that this is repeating and this is the edge of repetition. But if I cut my clouds if my caught my clouds, I made this wonder if I caught my clouds a bit more. Then I can do the same what I did with the trees in the previous one the line of trees in the background.

I just duplicate this and I can have people feeling that they cannot exactly put their finger on it. That there is the edge of the screen and for this one what I want to replicate them well even better the match so nicely just playing with the clouds a bit Yes, it's around here. Okay do now is I cut this one off and I cut this one off. And if I put this here and it's still continuous, yes. So I did it a bit different now but I still have the feeling that these are repeating repeating can make them gray and white, too bright and go for the bluish colors now because it's a windy background. Obviously the top of the mountains cannot be blue.

This much blue has to be white Inkscape has this amazing stuff that this is going the gradients are going from white to blue transparent. So the in between there is still a tiny bit of blue there. Same goes here. I applied the same gradient if I find it it was this one. Yes the latest obviously. And what I also do I play a bit with the mountains remember we were making them a bit bouncy and the top bit curved.

We do the opposite now, I want some really sharp and icy and windy mountains. Control click I can remove the edges this one cannot be recycled. So we have some different type of mountains no sharper and maybe taller even I can play with that. Obviously the ground cannot be that cannot be Green anymore. It has to be white. Or in this case, something like very light, very, very light blue, because there's still the background.

They just make it fade out. That's nice. So this is my tiling background now, very wintery. I just group it for you and show how it goes. Nice and what is my foreground is now a bit different. I have this little guy can if you can obviously program it, you can make some falling snow.

I'm not throwing it. I just throwing it now how it would look in your game. I set it even to one object. This is how falling snow would cover up the background and everything but obviously It's not an object we need, because that's just doable from code, just other little particle and that's it. And I have my white surface. And now I see the head that I have to make the background a bit more darker in the front because I need it to stand out.

So also for these two mountains have to give some different color. Have to do something with it, because I want this to stand out more. So I want maybe in the back I want to create maybe in the back I want to create a layer of darkness as well. Let's just try that. Again, this color, make it even more dark. Does that look nice stands up nicer.

And the background, the blue sky I can make much, much brighter. And then these clouds I can make as well. To switch the views these clouds I can make stand up because now they are too visible. See I have this court feeling down here. And what I create as the background here on the bottom is I make it white. I say like this is the front of it.

I will use the same gradient which is here. It's 5194 For Yes, here I have it. Then set it up for myself. And the objects I create are again the stones I created before I can have this thing and the stone as well. All right, can you draw new ones it doesn't really matter because not big of a change, change. You see it's very easy.

I'm relocating them and that's it. These two just want to make them stand out more. You see I'm picking colors from everywhere and I'm using a color palette fitting and also here in the clothes background because it's an ice and windy place. I can create Big icicles just not trees but icicles. I know how to make that. Like really big in broken ones.

They look like ice crystals and you can create some additional lumps of snow. So you can make this color create different type of snow like this So that's it. What we did now I just don't pull them apart because they won't be visible on divide. They are okay. So what we did is just a few very simple shapes. Use usable on this winter one.

And of course if we want the three, we can go back the three shape we have here and create a pine tree. in this situation a pine tree wouldn't be that alive. I would give it a different color. Maybe I don't need this branch on the left. But I do it like this like it's a broken one. See how pine trees going up for no one I just created like this make the bottom part.

I'm really just drawing with the pen tool. merge it, do the same again. We'll see it in a second. Do the same again. It's really just playing with the shape. And then I can do to put this, make it a bit smaller and put it on the top.

Reusing elements, reusing elements all the time helping you it doesn't mean that you are not creating anything new. It means that you are using your resources if this is the bottom Make it even cooler looking and I'm just picking some other colors So I have the feeling that it's windy, cold winter background. I'm just picking gradients again. I have a pine tree and I can put it also here on the back. And that's it I have the same effect I had before my platforms are working Microraptor is very visible. And he can jump over places and go to places.

So this is a different one, if you can compare the two of them. This is a winter scene, and this is one for a very lively forest. And this is how I usually do Do I just modify and think about it and try to make parallel solutions. So if I have an object, a stone, which is here a stone here, it can be a piece of ice. If I have a three here, which is all alive and the big oak tree, I can make a blue frozen unfriendly, three have that in here. I can even make this whole thing a bit cool, flat color and make it in the background.

Maybe that one is even working better for me. So just delete this one. And then make a flat one of these so it's going more in the background. You can create again, play with the three. See I'm having ideas all the time. When I'm drawing, it's up to you only.

Oh, you put your trees down in your game editor. So my platforms are even more visible and my characters even more visible if the trees are flat, it's up to you to decide. So I hope you enjoyed also this tutorial and we will move on to something else. Next

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.