Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other .pat files for web background

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30025
    thomarkestal
    Member

    Does anyone know how I can use a photoshop pattern as web background? I want to use it as a repeat pattern in the body. Of course I could just use the paint bucket tool and then chop it up, but it seems so tedious and the pattern is quite intricate.

    Thanks in advance,
    Thom

    #81566
    Bob
    Member

    Can’t you just save it as an image and then repeat it with repeat-x, repeat-y or repeat?

    For example:

    body
    {
    background-image:url('image.jpg');
    background-repeat:repeat-x;
    }
    #81568
    thomarkestal
    Member

    Yea that’s what I was thinking too, but I can’t figure out how to save it as image, convert or even figure out the original size of one “image” due to this .pat format…

    #81569
    Bob
    Member

    Hmm, I see what you mean.
    After fooling around a bit in Photoshop, I think I found a way to do it.
    Make a new document, say 500×500 pixels. Use the Paint Bucket Tool (G), and in the dropdown menu in the top bar choose Pattern instead of Foreground. Next, choose your pattern (assuming you’ve already loaded it into PS) in the next drop down menu. Now, when you mouse over your pattern, the size of the pattern will show up. So adjust the canvas size of your document to that of your pattern, fill it with the pattern and then save it as a jpg or whatever.
    Here’s an image to clarify it: http://img822.imageshack.us/img822/8893/12589655.jpg

    I’m sure there are other ways to do it, but this is just a way I found after fooling around in PS.

    #81564
    thomarkestal
    Member

    Oh that’s just awesome – thank you so much for the help! I figured out it was 148×148, which is a lot better than using the 1800xsomethingevenbigger that I have now.

    Here’s where I want to use it:

    http://www.theblueroomonline.com

    As you can see it takes some time to load.

    #81554
    thomarkestal
    Member

    Yea I know, I just kind of threw it up to have something. Working on it… :-)

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Other’ is closed to new topics and replies.