Fancy Product Designer Multistep Product Configurator Another
Hi, this is a matter of pre-sale ;
Something I do not understand what is the management of the size of the « stage » relative to the actual size of the product to customize.
I take the example of an iPhone 4 case to illustrate my point :
The real size in mm is 62 mm x 120 mm to 300 dpi . Making it in pixels : 738 x 1420 px.
So I understood that we can scale the " stage " with these dimensions. But the page will be high on the screen ;
Now imagine that I want to propose customizing posters or photographs printing. A typical size for a poster , for example : 500 mm x 700 mm x 300 dpi. Making it with photoshop pixels : 8268 x 11811 pixels !!! The page of the site is going to be huge !!!
Is is expected to have a dissociation between the appearance of the product on the screen and its true size for printing?
Thank you and sorry for my english.
Hello, I'm not a programmer, but in my mind the steps should be:
1 - I download my high-definition file on the server .
2 - the system checks the file extension , size and weight.
3 - when the file arrived ( MyFile A.HD - 1.jpeg ) a low resolution version of the dimensions of the FancyProductDesigner settings and 72 dpi ( MyFile A.LowDef.jpeg .
4 - the file appears in the stage.
5 - the customer alters the settings (size, position X-Y-Z)
6 - valid client ( done! )
7 - the system retrieves ( new dimensions + X-Y-Z position) ---> ( conversion 72dpi x 4.16= 300 dpi)
8 - the system returns new data to the original file ( MyFile A.HD -1.jpg ) and created a new file MyFile A.HD - 1.2.jpeg .
9 - If the customer does not complete this order and wants to re-edit his custom object ?
I am aware of this problem. The problem is that you can not create a high resolution image from a low resolution image with PHP. Thats why you have to create a big stage in order to export a high resolution image. I am always searching for a solution monthly, but could not find anything.
Is it possible to use a PPI scale conversion (pixel ratio)? Current solutions involve the use of an HTML5 canvas, and an internal PPI converter. The idea is similar to what kameleon Premier mentioned above.
Similar discussion with fabricjs: https://groups.google.com/forum/#!searchin/fabricjs/print/fabricjs/u8d_rwuNffI/9vXjx19t9uwJ
We've had a lot of success with :
1) all images in design view are hi-res, shrunk to fit their size at the same aspect ratio.
A 10"x15" output at 400dpi, for instance, would be on stage at 400x600 and all items on stage would be at .1x size.
Client input would need to be limited to what can print without awful pixelation, we've found that on our products a 3x zoom is okay-ish for use on our products, but you should do product testing to see what your minimum input size should be.
svg output is the key here. This is where it gets tricky, and I use the image/svg output variety and then manipulate forward using a variety of tools ... svg output should be strengthened in the next few product designer revisions. Saving as PDF is the easiest way.
After import into photoshop or illustrator you will see extra space. The best way to manage this at the moment is to import at 1.5x the size you think you need, then crop away the "flashing" or extra space.
After this, make exact size adjustments for your product and print.
This sounds like a lot of fuss, but for print-ready professional and crisp output it's worth a little work.
If you practice for order-fulfillment you can get this process down to about 30 seconds per image.
Our new service just started in BETA, please head over to this topic and let me know your thoughts.
You do not need to create extra large canvas anymore in order to get a high-res PDF, you can now easily define the output format for the PDF and our FPD2PDF service will create a PDF with all elements embedded that are visible in the printing box.
Hey guys. I just got the plugin and am setting it up now for use selling t-shirts and buttons.
I also faced the output size vs. stage size issue. My solution was to set the stage of the product to the resolution I need for output then resize the stage via css in the theme. This is working quite nicely with the product image replacement option for woo prod image.
So, in a nutshell for FPD shirt products:
Hope that helps or is sort of a solution for you guys as well.
For the record I would also welcome more granular output tools to fine tune what you can automate. If there could be a filter hook at the output point for things like "remove black up to 15% from image" or even a full on filter routine to automate seps. Wow! For now proper resolution is a must as well as being able to shut off the garment layer for automated output.
I also posted a question like this....so how do we set this up?
The pic on the screen should merely be a scaled version of the high res end image that we need for print
Hello, can you have an answer please ? Another thing that is not going to print ; I tested customizing posters . When you have finished setting his image, and we receive the final file , it also receives the background image . It's not good. In printing requires that the image is always slightly larger than the finished size , for not having a white border around . Should receive each layer separately. You intended ? Thank you. The different stages of my test below
Step 1 : open the customizer
Step 2 : upload my design :
Step 3 : resiize and place my design :
Step 5 : download PDF result for verifications :
Step 6 : Result :
Maybe ok for a poster with white border but not for a full-frame picture or object.
I agree, this is essential - to be able to download files at the same resolution as the customers image.