How to slice photoshop pattern to be used as repeated background ?


#1

Hello everyone :slight_smile:

I want to know how to slice patterns to be used as a repeated background in a web page, there is patterns like wooden pattern, is there a common method to slice it to be look like smooth the same as in photoshop.


#2

Depends on the pattern size. There is no standard way of doing this.


#3
duotive said

Depends on the pattern size. There is no standard way of doing this.

So how to know actual size of any pattern, is there anyway or expecting it by looking ?


#4

Send me the psd to duotive at yahoo com i will make the bg pattern for you


#5

There is a definitive size.

Filter > Other > Offset. If you want to make a seamlessly repeatable background (i.e. that can be repeated vertically and horizontally) you have to put 1/2 of the pattern’s height and width.

If it should only be repeated vertically, leave the horizontal offset at 0, and vice versa for a horizontal pattern.

Good lucky :wink:

Chris


#6
Morad said
duotive said

Depends on the pattern size. There is no standard way of doing this.

So how to know actual size of any pattern, is there anyway or expecting it by looking ?

Actually there IS a very simple way to find out its dimensions.

Hover over the desired pattern in this window (see below) and wait until the tooltip appears:


#7

Woops, double post :confused:


#8
cmt said
Morad said
duotive said

Depends on the pattern size. There is no standard way of doing this.

So how to know actual size of any pattern, is there anyway or expecting it by looking ?

Actually there IS a very simple way to find out its dimensions.

Hover over the desired pattern in this window (see below) and wait until the tooltip appears:

Yes, this is really a method what i’m asking for.

Thanks cmt for this great trick :slight_smile:

Also thanks duotive and crozer for great help :slight_smile:


#9
duotive said

Send me the psd to duotive at yahoo com i will make the bg pattern for you

I’m talking generally for any pattern not some PSD design i have.


#10
cmt said
Morad said
duotive said

Depends on the pattern size. There is no standard way of doing this.

So how to know actual size of any pattern, is there anyway or expecting it by looking ?

Actually there IS a very simple way to find out its dimensions.

Hover over the desired pattern in this window (see below) and wait until the tooltip appears:

Thanks Mate, you make my day