ninhalo5 opened this issue on Jun 03, 2010 · 9 posts
ninhalo5 posted Thu, 03 June 2010 at 11:11 AM
Thank you
dreamer101 posted Thu, 03 June 2010 at 12:18 PM
It couldn't be done in one shot. You would have to apply the different color gradients to 2 of the 5 layers of the image ... the outside ring with drop shadow and the background within the ring. Did you make this image and have it in layers or is it an image you found?
ninhalo5 posted Thu, 03 June 2010 at 2:08 PM
It's an image that I have on a web course I'm rebuilding, unfortunatly all I have is the stock image, I'm changing the borders of the web pages to match the colors added to the image, which using the origonal image will not match the other colors and look well pretty bad.
I'll probably have to somehow make an exact copy and build it in flash which would seem the best option, though my client does not want the image to change at all just the colors :(
dreamer101 posted Thu, 03 June 2010 at 4:49 PM
You can do it in Photoshop with no problem.
Create the different layers.
Make 2 gradients or each of your 4 colors for Layer 1 & 3.
Layer 5: SAMPLE - Probably not needed
Layer 4: the number 1 - white with a slight drop shadow and maybe a bit of bevel
Layer 3: Ring with drop shadow. Gradient #2 blue to light blue
Layer 2: semi circle inside ring. Colored solid white with a 20-25% transparency
Layer 1: background within ring. Gradient #1 light blue to white
Duplicate all your layers onto new documents before applying the gradients. Image will be exactly the same. Only the color will change when you apply gradients.
ninhalo5 posted Thu, 03 June 2010 at 8:46 PM
dreamer101 posted Fri, 04 June 2010 at 10:03 AM
That turned out pretty good. Only thing I notice missing is the drop shadow on the top left falling inside the ring. The 1 is a different font but that wouldn't matter as long as all the 1's were the same.
ninhalo5 posted Fri, 04 June 2010 at 11:01 AM
Yeah, I couldn't figure out what the font was. I found one somewhat close. the drop shadow could stand to be more noticeable. the one thing I am really having trouble with is getting the gradient on the outside ring to match up correctly, I can get it to go from white to brown but not brown to white, Hmm perhaps I should try reversing the colors.
dreamer101 posted Fri, 04 June 2010 at 1:10 PM
You can do a white ring. On top put a gradient of brown to brown (exact same color) but lowering opacity at one end. Once you get the proper opacity for the gradient end stop you can use that same opacity when doing the other colors.
ninhalo5 posted Fri, 04 June 2010 at 2:53 PM