How to export pattern from Photoshop as a single jpg file

A few days ago, I were working on web-site. I used a photoshop pattern on the background for the design part. My aim was to use background image as a pattern file on web site. So, I could reduce the file size of the web page and avoid from resizing events of user. As is in every fucking project, I stucked on..The problem was, exporting original pattern image from photoshop as single jpg file. Here is my solution :D. Hope it helps some action scripter. Next tutorial is probably realted with “how to make patterned background from a single image file on Action Script”.

1- Create a new file with transparent background

2- Select “Pattern Stamp” tool

3- Select desired pattern from upper toolbar

4- Paint your canvas with “Pattern Stamp” tool. Then click to load “pattern manager” in order to get exact resolution of a single image of the selected pattern.

5- Here is the tricky part :D, to get the resolution, put your mouse cursor onto your pattern and wait about 3-4 seconds, an information bubble will appear which tells you resolution of a single image…

6- Click “Done” and Select; Image-> Canvas Size

7- Set your size and align cropping point to top-left corner of the canvas.

8- Here is our single image file grabbed from a pattern

6 thoughts on “How to export pattern from Photoshop as a single jpg file”

  1. Greetings! Quick question that’s completely off topic. Do you know
    how to make your site mobile friendly? My website looks
    weird when viewing from my iphone4. I’m trying to
    find a theme or plugin that might be able to correct this issue.

    If you have any suggestions, please share. Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *