Mobile app version of vmapp.org
Login or Join
Ann6370331

: How can I use .pat files in my app? I downloaded some beautiful patterns and filled them as patterns in images. However, every image I prepared with the patterns loses its aspect ratio when

@Ann6370331

Posted in: #AdobePhotoshop #Patterns

I downloaded some beautiful patterns and filled them as patterns in images. However, every image I prepared with the patterns loses its aspect ratio when it is used as background on different screen sizes. An example is below

Original image (256 x 256) I prepared:



The pattern as it appears on a screen:



The pattern as it appears on another screen:



Can someone suggest on how to make it perfect so that the pattern is not stretched?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ann6370331

1 Comments

Sorted by latest first Latest Oldest Best

 

@Ravi4787994

You won't be able to make a "one size fits all" image, which looks to be what you've attempted. You need to either create an image for the exact dimensions that you need, or tile the pattern.

An important thing to note is that you don't need to create such a big image for this to work for an application; just the smallest necessary pattern will work. In your case, it would be the PNG tile included with the pattern files:



You won't always have this PNG conveniently available, but you can create your own. Check out this question for how to do that: Exporting a Pattern to Image in Photoshop

This tile will repeat seamlessly to create the perfect "pattern" you are aiming for. The actual implementation of this in your application would be off topic for this site, but I can point you in the general direction:


For iOS: iOS 101: Pattern Images
For Android: How to have a tiled background

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme