Seamless Patterns Using The Design Tool

nyclosangeles
Contributor III

Hello All.😑

I have a specific question regarding "how to create SEAMLESS patterns using the design tool.
I'm aware on how to create this using photoshop.  However, it isn't the pattern I'm having issues with, it's the 'SEAM VIEW" on the product view...

I'll post the examples below. & thanks ahead for anyone who would be willing to walk me through step by step ...

The first example is a generic DOTS attempt with a wrapping paper product template.
You will see in the "seam view, it is NOT seamless.

https://www.zazzle.com/pd/spp/pt-zazzle_wrappingpaper?dz=fbfae1f9-dfe6-4d49-8c04-83aa89c9ed16&side_n...


The second example of black and white paper, there are NO seams at all. 
This is what I want to know How is this SEAMLESS achieved using "tiling centered" as seen in this product view below? Check out the SEAM view.  It's PERFECT! 

https://www.zazzle.com/pd/spp/pt-zazzle_wrappingpaper?dz=1d8cca6e-9827-48bf-84bd-06adfffad05d&side_n...

Thanks Again!



1 ACCEPTED SOLUTION

Sara_H
Honored Contributor III

The seam area you refer to relates to the horizontal option in the design tool where it's difficult to match up but if you use the tile option, it should match up perfectly

design placement wrapping paper tile.pngdesign placement wrapping paper.png
edited to add

@nyclosangeles 

pineapple seam.pngpineapple tiled.png

View solution in original post

18 REPLIES 18

PenguinPower
Valued Contributor III

Both of the products you’ve linked to appear to be blank to me…

idraw
Honored Contributor

Penguin, you are right,Just checked the links, they are both blank products.

Hello!
My apologies.
I've reposted links!
Thanks Kindly!

Oh, Yes I See...
My apologies..
I've Re- Posted Fresh Links..
Again "Penguin Power" ...
I am specifically referring to the product "seam" view.
Thanks again!

nyclosangeles
Contributor III

My apologies!
Let's try again...the FIRST link is to the PERFECTLY SEAMLESS VIEW...
https://www.zazzle.com/pd/spp/pt-zazzle_wrappingpaper?dz=1d8cca6e-9827-48bf-84bd-06adfffad05d&side_n...

 

Second product link is NOT seamless..
https://www.zazzle.com/pd/spp/pt-zazzle_wrappingpaper?dz=2b9638c4-138c-4ed4-8355-f1af5edfa58d&side_n...

How is the "tiling option achieved for this?"

Again Fellow Zazzlers..
My original question is HOW to achieve a seamless wrapping paper, or any design? Is it inside of photoshop, through titling in zazzle design tool? or both...

Please kindly walk me through the process. lol. been stuck on this for hours.
Wish there were MORE tutorials on this subject. Searched online & couldn't find
any solutions. So Thanks again!

Sara_H
Honored Contributor III

@nyclosangeles 

I can't see your links but will hazard a guess.

If, in the first example, you used the Basic Tiling option and at any point you reduced the scale of your pattern using the Scale plus/minus on the left hand side of the design tool- you will notice gaps. It's best to reset tiling by pressing None and then re-tile using Centered tiling - which is happier at being scaled without gapping)

In my experience, Centered tiling plays nice with scaling - the rest does not

Wow! 
Never thought of that Sarah_H!
Thank You So Much😀
Kind Of You To Help!

Sara_H
Honored Contributor III

The seam area you refer to relates to the horizontal option in the design tool where it's difficult to match up but if you use the tile option, it should match up perfectly

design placement wrapping paper tile.pngdesign placement wrapping paper.png
edited to add

@nyclosangeles 

pineapple seam.pngpineapple tiled.png

Hi Sarah...😉
Your info was PRICELESS!
My seam still isn't right? Hmmm..
Do you think we could troubleshoot this one together...haha..
https://www.zazzle.com/product_testing_wrapping_paper-256106369814878740




Feel free to check my settings and absolutely no hurry in response!
Just so thankful for the help today
Cheers!

Sara_H
Honored Contributor III

All you need to do is crop it to a square @nyclosangeles and it will tile ok

 

- the seam will not totally match up using horizontal placement  for some reason... nearlycrop diagonal.png

Gotcha! 😁

Sara_H
Honored Contributor III

Right- I put a square stripe png at a 45 degree angle in the tile option (see attached) and made sure it was in the absolute middle and the seam was fine. 

You have to make sure your donor image is square @nyclosangeles 

stripe tiled 2.pngstripe tiled.png
seam doesn't quite match up but it's as near as dammit is to swearing

Yah Sarah H!
Sure think we figured it out!
Thanks so much, & happy creating to you Miss!😂

Sara_H
Honored Contributor III

You're welcome! Happy creating to you too

nyclosangeles
Contributor III

Amazing🙂
So Very Helpful & Detailed Information. Sarah...Wow..
Love the examples you gave.
I think this is what I was needing.
Awwww.. now I can breathe (smiling).

nyclosangeles
Contributor III

This Case Mystery Has Been Solved By The Kind  Help Of Miss Sarah H!
Case Closed!
😉