Basic color usage

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.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 we know now how to create simple objects and how to play around with them. But what we didn't talk about yet is colors in that. And I want to tell as much as I can in this lesson about it. So in Inkscape, as you might, as you already know, there are objects and we just click on a color on the palette down here and we assign a color to that object. And as you see in this object I just drew every object in Inkscape has two or two colors assigned. It's in the bottom left corner, you can see them fill and stroke.

Fill is obviously what is inside the object. So it's a big flat color. And the stroke is an outline of an object. And as you see the stroke is also colorable. So it, it can be much more than just being a thin, black hairline. It can do so much more and Thick colored line can help actually your game character to be separated from the background.

Anyways, how does how to edit the Fill and Stroke colors, you can double click down here. And here the Fill and Stroke window opens. Usually I've just using Shift Ctrl F because it's so convenient. And then I have this window here. As you see it has three different tabs. I will go over them shortly.

And when you open it first, it's adjustable. And when you open it first you see something like this, RGB a and that's red, green, blue, you know coloring as we usually have. And a is for all four and it's transparent. So I'm now editing the fill color. And I'm pulling the alpha up and down. And this makes only the fear color transfer If I go to the stroke paint, that's the stroke color.

Alpha is only working here for the stroke color. I'm showing you this because now we jump on the bottom and here is opacity. And I want you to know what's the difference between alpha and opacity. You see alpha is the alpha versity of that color field or stroke, as you see from full color to zero, as Opacity is percentage for the whole object. So if I play around with the opacity, I modified the transparency of the whole object so stroke and feel alike. When I opened my fill and stroke window, you saw that it was different than this, because it has different color mode, it has RGB to CMYK like other stuff, and What I use what I like to use for my drawing is the wheel.

I like it, it's so simple it just says wheel. It's basically a color wheel. It's working with you and saturation. So how it goes is the hue color is around. So if I click on the circle and move around, I can pick up any type of color I like. And then inside is the full color black and white and everything in between.

So different situations to make the color brighter or darker. So I can pick my color on the side and then I can modify it with the triangle inside. I think it's a good way for us to draw because it makes you creative because you can not just playing with sliders, but you see all the colors or almost all the colors at once. So you can play around and find what you need the Other thing is that it's adjustable as you saw, so if you need more precision, just make this window bigger even you can detach and make it very, very big. Usually I just use this convenience I sighs one more thing about the fuel stroke window, you see this line of icons, I will not explain everything now because we need some stuff for later but the first one and the third and the second one as the tools tooltip says it's no pain.

So if I close this out, there is no fear color. And also here it says not. And if I click on flat color, it will be flat colored. Again, it's this simple. One more thing is the stroke style. And what we will only work now with is the width of the stroke.

So now it says two six, usually default it's one. So let's do some crazy stuff. 23 pixel with the zoom in. It's very, very big. stroke, you can play with dashes. So how the stroke changes.

It's so big that it's not visible. You see stuff like this and beings and how the corners are reacting. I leave this up to you so you can play with it and see that these things exist. So this is the basic stuff about colors. We will do also other things later with them there is still a bit more, but feel free to play around with the wheel and just what I always say to my students, this palette is very nice. It's 256 colors, but this wheel has 70 million.

So be creative and be adventurous, try new colors every time

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.