: How to recreate this effect from Apple's GameCenter? How could I recreate the background and the effect on the ribbons, borders, and "Other" text in this screenshot from Apple's GameCenter app?

@Cooney243

Background effect is simply matter of having couple of layers with one have monochromatic noise and emboss + using a colour filter to get the greenish tint.

Also I can see some sort of radial gradient in the middle (which is a bit lighter than the edges)

Ribbons are stock shapes (unless someone did it by hand) you should be able to source this from the web, I am sure there are zillions available for free.

Same filter that is used for the green background is also applied on all the ribbons - thats why you see the grainy effect on them.

I can write you a step by step process when I have a bit more time.

Vote Up Vote Down

@Goswami567

The effects look like they were using an Overlay blending mode on textures or vice versa. For instance, the background felt could be a stock image or made with some noise filters. The graphics or lettering was then placed and and when they were happy with the placement, used a blending mode and mask to make the final look.

Photoshop instructions
1. Get the textures for each graphic
2. mask the part of the graphic you would like to be textured
3. use blending modes such as overlay, multiply.. etc
4. take that final image and create your layout

I believe it's the blending modes for your painted effect. The fact there is no solid color they either used stock textures or made them through a noise filter or pattern as the bottom of the user card appears.

Vote Up Vote Down