Super User is a question and answer site for computer enthusiasts and power users. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How were the blue stripes created in the image below? Was this a photoshop-like texture?

enter image description here

share|improve this question

migrated from Oct 29 '11 at 1:45

This question came from our site for professional and enthusiast programmers.

There are so many ways this could be done that it is hard to say.

One way would be to have an image that has the blue circle thing with the stripes on it, and just display part of the image (with masking or something similar).

Another method would be to overlay a texture with only the lines (and a proper alpha (transparency)) component, on top of a blue background.

You could also draw individual lines on top of a blue background.

share|improve this answer
If I was imitating this design, what would be the best way to make it? – joshim5 Oct 27 '11 at 20:41
I would personally go for the masking since it makes creating the texture easy (just a blue square with lines on it). Apply a second texture which is just a black texture with white where the blue is supposed to go on top, and blend the two. This would also allow you to animate the lines by wrapping and scrolling the blue/lines texture. – NickLH Oct 27 '11 at 20:49
I would definitely use a vector mask. That was not what my question was concerned with. I wanted to know how the lines were made on the blue. Sorry if that was not clear. – joshim5 Oct 27 '11 at 21:11

You must log in to answer this question.