Stick Page Forums Archive

Drawing in Inkscape

Started by: flamr | Replies: 9 | Views: 2,218

flamr
2

Posts: 1,083
Joined: Sep 2012
Rep: 10

View Profile
Dec 2, 2012 7:31 PM #805190
I started drawing in inkscape (a vector graphics program). With it I drew the drawing below. I know some parts are roughly drawn and the background is off are obvious errors, but other than that can you give Cnc
Drawing (Click to Show)
Imada
2

Posts: 1,518
Joined: Aug 2012
Rep: 10

View Profile
Dec 2, 2012 8:07 PM #805225
Well, the shadow is good but the eyes are a bit off. Good drawing overall

Off Topic: Whats CnC. Is it constructive criticism?
flamr
2

Posts: 1,083
Joined: Sep 2012
Rep: 10

View Profile
Dec 2, 2012 8:31 PM #805244
Quote from Imada
Well, the shadow is good but the eyes are a bit off. Good drawing overall

Off Topic: Whats CnC. Is it constructive criticism?

Yeah... at least, that is what I always thought.
Zaix
2

Posts: 1,144
Joined: Jan 2010
Rep: 10

View Profile
Dec 2, 2012 8:44 PM #805255
I'm just not going to CnC this, not to be harsh, but the destruction of this picture through my criticism would be catastrophic. All I can say is: you've still got a ways to go buddy, but keep at it and don't get discouraged alright?
ErinButt
2

Posts: 60
Joined: Feb 2012
Rep: 10

View Profile
Dec 2, 2012 9:43 PM #805306
I wouldn't say I'm an expert at Inkscape, hell, FAR from an expert. But I've delved enough into it to say I know a decent amount of knowledge to help you. And I will forewarn you, I'm very harsh when it come to critiques.This is to help you learn, and not intended to hurt your feelings directly.

First off, NEVER save as/export as bitmap. The end result of this will give you pixelation, you will lose your soft edges in the processing, thus giving you those jagged edges I can see. What I recommend is saving it as a .PNG. You will have nice, smooth edges at high quality. Your drawback to this is that you will lose your blurred objects. Anything blurred will appear as a solid object. One way to get around that is to use gradients. Gradients (for a bizarre reason) do not give the same results. Select your object, and click on the gradient editor. Lets say our object is the sun. You want it to have that soft, hazy glow to it, in this case, duplicate your object (Hot key: Ctrl + D). So up in the top left hand corner, there should be something that says "new" with two little gradient icons. Click the second one you see, that is a radial gradient. Drag out from the center. It will appear with what looks to be one square point with two lines ending with circular points jutting out of it. The square one is the main color. you can select that, and change the color is show. With the other two points, you can drag around and change the radius of the gradient and change the color.

There is no need to import images into inkscape. When working with vector based programs, its very easy to make objects and such. Flash is actually a vector based program. Have you ever zoomed in and noticed that you don't get that pixelation at 800%? The difference with flash and illustrator and Inkscape is that well, flash can create animations. I digress, Inkscape has a wide array of ways to create shapes and images. Your sword can be broken into a ton of parts.The hilt can be composed of a rounded rectangles. The actual blade can be simply a rectangle with a pointed top, and broken into two parts using another rectangle. The stick figure can be done with just the paths/pen tool and right clicking so its just a segment. I could go into so much depth as to how to do this kind of stuff. It would most likely require me to fill up a whole page of text. What I will tell you is that the edit paths by nodes tool and Paths drop down menu really require you to explore and experiment with them. I may eventually post a series of Inkscape tutorials if there is a request for it.

Now for some Non-Inkbased issues: One of the bigger pet peeves I have is using the fully saturated colors. They are NEVER to be touched. Promise me you won't use them any more? You have a whole swatch dialog full of possible color choices. If you aren't fond of those, create your own! Using the fully saturated colors just makes it look awful. The background is very blah, and the grass looks like someone just went and threw up. Try spicing it up a bit. Draw mountains, maybe a distant city, clouds SOMETHING. Yes, its also important to make it not too busy that you can't immediatley notice the figure. Those eyes look horrible. Try giving them a shape other than a ellipsis. The Draw Biezers tool is good for creating freeform shapes. Your shadow is off. If the sun is hitting the top of his head, it would not be shaded towards the top of his head. It would be under.

I decided to give you an example of what I could possibly look like once you get the gist of inkscape. And yes, it is very very half-assed
Example (Click to Show)


Hope this helped
JayTM
2

Posts: 126
Joined: Oct 2012
Rep: 10

View Profile
Dec 2, 2012 10:00 PM #805320
Quote from ErinButt
I wouldn't say I'm an expert at Inkscape, hell, FAR from an expert. But I've delved enough into it to say I know a decent amount of knowledge to help you. And I will forewarn you, I'm very harsh when it come to critiques.This is to help you learn, and not intended to hurt your feelings directly.

First off, NEVER save as/export as bitmap. The end result of this will give you pixelation, you will lose your soft edges in the processing, thus giving you those jagged edges I can see. What I recommend is saving it as a .PNG. You will have nice, smooth edges at high quality. Your drawback to this is that you will lose your blurred objects. Anything blurred will appear as a solid object. One way to get around that is to use gradients. Gradients (for a bizarre reason) do not give the same results. Select your object, and click on the gradient editor. Lets say our object is the sun. You want it to have that soft, hazy glow to it, in this case, duplicate your object (Hot key: Ctrl + D). So up in the top left hand corner, there should be something that says "new" with two little gradient icons. Click the second one you see, that is a radial gradient. Drag out from the center. It will appear with what looks to be one square point with two lines ending with circular points jutting out of it. The square one is the main color. you can select that, and change the color is show. With the other two points, you can drag around and change the radius of the gradient and change the color.

There is no need to import images into inkscape. When working with vector based programs, its very easy to make objects and such. Flash is actually a vector based program. Have you ever zoomed in and noticed that you don't get that pixelation at 800%? The difference with flash and illustrator and Inkscape is that well, flash can create animations. I digress, Inkscape has a wide array of ways to create shapes and images. Your sword can be broken into a ton of parts.The hilt can be composed of a rounded rectangles. The actual blade can be simply a rectangle with a pointed top, and broken into two parts using another rectangle. The stick figure can be done with just the paths/pen tool and right clicking so its just a segment. I could go into so much depth as to how to do this kind of stuff. It would most likely require me to fill up a whole page of text. What I will tell you is that the edit paths by nodes tool and Paths drop down menu really require you to explore and experiment with them. I may eventually post a series of Inkscape tutorials if there is a request for it.

Now for some Non-Inkbased issues: One of the bigger pet peeves I have is using the fully saturated colors. They are NEVER to be touched. Promise me you won't use them any more? You have a whole swatch dialog full of possible color choices. If you aren't fond of those, create your own! Using the fully saturated colors just makes it look awful. The background is very blah, and the grass looks like someone just went and threw up. Try spicing it up a bit. Draw mountains, maybe a distant city, clouds SOMETHING. Yes, its also important to make it not too busy that you can't immediatley notice the figure. Those eyes look horrible. Try giving them a shape other than a ellipsis. The Draw Biezers tool is good for creating freeform shapes. Your shadow is off. If the sun is hitting the top of his head, it would not be shaded towards the top of his head. It would be under.

I decided to give you an example of what I could possibly look like once you get the gist of inkscape. And yes, it is very very half-assed
Example (Click to Show)


Hope this helped


To wrap that all up, she hates it.
Jk xD (no but really)

To give you my CnC,
Maybe you should watch 1000 videos of people drawing eyes and swords and grass and stickfigures and skys and everything else.
It's not pretty :/
flamr
2

Posts: 1,083
Joined: Sep 2012
Rep: 10

View Profile
Dec 2, 2012 10:48 PM #805370
Ok... I should explain that that the background was zero effort. It was just there because I think pictures look awkward with a white background. Secondly, whenever I copied and pasted my sword (which I got from the weapon and object shop)t split into two pieces so IS found no other solution than to import it. I could also only find export to bitmap in the options, However, that advice still helps me overall in using inkscape.
(P.s. I request a tutorial)
ErinButt
2

Posts: 60
Joined: Feb 2012
Rep: 10

View Profile
Dec 2, 2012 11:38 PM #805413
Quote from flamr
Ok... I should explain that that the background was zero effort. It was just there because I think pictures look awkward with a white background.


Still, you should at least try to do a decent background. A bad background is just as distracting as a bad foreground (Your figure). It also helps you get better, too.

Quote from flamr
Secondly, whenever I copied and pasted my sword (which I got from the weapon and object shop)t split into two pieces so IS found no other solution than to import it.


What file type are you importing as? If its JPEG at least do one of the following: Request that the overall weapon size is large, you can scale it down later. Or you can request that you can have one done in either SVG or EPS file format as an addition to the normal format. Both of those file types are accepted in Inkscape.

Quote from flamr
I could also only find export to bitmap in the options,


Go to File>Save as then where it says SVG, click the arrow to drop down the menu, and look for the Cario PNG (.png) then hit save.

However, that advice still helps me overall in using inkscape.
(P.s. I request a tutorial)


No problem
flamr
2

Posts: 1,083
Joined: Sep 2012
Rep: 10

View Profile
Dec 3, 2012 12:04 AM #805434
:O All my unresolved problems are fixed.. what would I do without you Erin.
Agcreed
Banned

Posts: 292
Joined: Oct 2012
Rep: 10

View Profile
Dec 4, 2012 10:28 AM #806740
Quote from Imada
Well, the shadow is good but the eyes are a bit off. Good drawing overall

Off Topic: Whats CnC. Is it constructive criticism?


What shadow?
Website Version: 1.0.4
© 2025 Max Games. All rights reserved.