Mobile app version of vmapp.org
Login or Join
Courtney577

: How to recreate this background in photoshop for use in a mobile app? Possible Duplicate: How do so many app menus get that finished textured look? I'm still a beginner, but I

@Courtney577

Posted in: #AdobePhotoshop #Css #Mobile #Patterns

Possible Duplicate:
How do so many app menus get that finished textured look?




I'm still a beginner, but I really like this texture and have been trying for hours to recreate it.

Question: How can one make this kind of texture in photoshop? (the black background behind the navigation menu)



It doesn't seem to be a standard color+noise combination. At least not one that I was able to come up with.

For use in a mobile app, I assume it would be best to just 10x10px png and repeat it x/y?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Courtney577

2 Comments

Sorted by latest first Latest Oldest Best

 

@Twilah924

It looks like some noise with lines to me. While I didn't match it perfectly, this seems pretty close. Left = original, right = my version.

Step 1: Fill and noise.

Fill with a dark grey, chosen from the original, then add some noise (Filter > Noise > Add Noise). You only need a few percent of noise, and monochrome noise is probably best for something like this.



Step 2: Lines.

On another layer, add some white lines.



Step 3: Line opacity.

Reduce the white line layer opacity to about 5%.



Not identical, but kind of close. If this is for an iOS app, the big question might be how to build for Retina and non-Retina sizes, while still maintaining quality and scalability. In that situation, I'd keep create the noise, save is as a pattern, use it via a pattern layer, then add the lines as a shape layer. Then, I'd use David Jensen's Scale Patterns to 100% script to ensure the noise stays crisp at all sizes (let me know if you'd like a link for the script).

10% popularity Vote Up Vote Down


 

@Megan533

No, that's a pattern, applied in Blending Options.

You can try to find that texture already made, or recreate it yourself (in Edit -> Define pattern).

Few sites: www.brusheezy.com/patterns, myphotoshopbrushes.com/patterns/, psd.fanextra.com/articles/photoshop-patterns/ or simply Google

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme