Forums

This topic contains 6 replies, has 0 voices, and was last updated by  thomarkestal 8 years, 5 months ago.

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)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star