How to make a image wrap?

[NBK*Twitch]

Okay recently I have been seeing alot of images that "wrap" around the container.

A good example is this theme by MhW - http://www.awesomestyles.com/phpbb3-sty ... /supernova

 

[Ashish92]

do you mean the forum icons ?

well they are a trick of shading so images are flat but they appear to be wrapped around the container.

 

[Johnny]

You need to make a v---

 

[NBK*Twitch]

do you mean the forum icons ?

well they are a trick of shading so images are flat but they appear to be wrapped around the container.

Hummm any link to a tutorial ?

 

[Ashish92]

can't find any tutorial for it as I don't exactly what they call it but this is a work of pen tool + gradients + shadow illusion by using back color on the inner side.

and that reminds me I should make a tutorial for it.

 

[NBK*Twitch]

If you make a tutorial for it please post it here on FP.

Idc if it is for photoshop or gimp I have and use both 🙂.

 

[Ashish92]

I will make a combo tutorial soon for both 😉

 

[Damien]

Yeah, it's the coding part that's the harder part to do 😉 the design bit is somewhat easy.

 

[NBK*Twitch]

Yeah, it's the coding part that's the harder part to do 😉 the design bit is somewhat easy.

Well according to ash its all graphics. I atfirst thought it had coding too. Mind giving me a tutorial of the coding part? I have figured out a way to do the graphic part.

 

[Dean]

Couldn't it just be a background image(the width would then have to a fixed one) and repeat-y?

 

[NBK*Twitch]

I do not think so. I used firebug on that icon and it has some padding,but no background-repeat.

 

[Ashish92]

I have to go off to sleep now but I will try to come up with the button tomorrow for you NBK.

 

[Dean]

Oh shoot! I thought you were talking about something else. You meant the forum icons :idea: