[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 737
  • Last Modified:

road graphic

I want the road to be 2-3 times the width to allow for a few cars of around 32 px width.
It is for a 2D scrolling car game
With this graphic how can I do this?

I have gimp
road.png
0
jagguy
Asked:
jagguy
  • 2
1 Solution
 
David BruggeCommented:
Your question is a bit unclear. Are you asking how to make graphics like the ones that you posted, or are you wanting to modify those graphics in some way?
0
 
jagguyAuthor Commented:
sorry forgot about this.
how do i make graphics like the road
0
 
David BruggeCommented:
The best and easiest way to draw shapes like this is with the bezier tool. If you have never drawn bezier lines, it takes a little getting used to.

Here is a quick tutorial on the bezier tool in gimp:
http://www.designyourownweb.com/gimp/bezier-gimp.htm

gimp, photoshop, and a few other paint programs use collections of pixels to make up the image. A bezier line acts like a precision guide. you work on your line, or shape until you have it the way that you want it. Then you use it to commit pixels.

The advantage of using the bezier lines is that you can get very smooth, precise, and even curves. Something that is very difficult to do when trying to draw freehand.

To make the road components that are in your sample, I would make a dark background layer, then create a new layer and use bezier curves to create the shapes. These shapes I would fill with a lighter color for the road, then, using the same shapes as before, create another layer to add the yellow stripes.

Depending on how these will be used in the end, I would wait until the road components are joined together before I added texture. That is because it is a lot of work to create a texture that will match up the same with each and every component without showing a seam. It can be done, but it is a LOT of work.

Try out the bezier lines and let me know how they work out for you.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now