Getting the hang of SVG - Love it
Posted: Thursday, November 29, 2018 7:42:45 AM

My SVG designs are slowly getting more elaborate and I love that as I love the fact that customers can choose their own color scheme.


Hunchback Monk at the Cave (SVG) VZS2 T-Shirt

Grin

Love Roses Thank you.
Posted: Thursday, November 29, 2018 7:56:43 AM
cool! have you had any customers use it?
Posted: Thursday, November 29, 2018 9:34:51 AM
Too early to say, but I know from another PoD, that the ability to pick your own color is much appreciated and there they have a far more limited choice and less options though they have a different concept at the other place, where customers are more involved in the DIY-tool with access to the design base of the partners.

However I'm confident, that there is a customer base who will love it as much as I do here, too.

Give it time and the fan base will grow.

You can always check out some of mine to see how you respond to the option from simple two shapes and two colors to complex scenes like the monk at the cave.

And then there is the ease with which you can create color variations for customers:




Weird Little Angel Girl (SVG) VZS2 T-Shirt
Color this little weird angel girl just as you like.


Weird Little Angel Girl (SVG) VZS2 T-Shirt


It works with pattern almost as well as with the cartoons:



Though with patterns I wished I had pass cross hairs at my disposal, but with design transfer I don't dare to include them into the design and I can't declare non printable areas in the SVGs, so matching patterns is not as easy as cartoons are.
Posted: Thursday, November 29, 2018 11:44:41 AM
So far I have only done single SVGs. Maybe I will get brave and put multiple SVGs in a single design as you have done. Recoloring that many parts is a deep dive for customers but they would have to go into the design tool to recolor even one svg so in for a penny, in for a pound.
Posted: Thursday, November 29, 2018 11:53:20 AM
Susannah Keegan wrote:
So far I have only done single SVGs. Maybe I will get brave and put multiple SVGs in a single design as you have done. Recoloring that many parts is a deep dive for customers but they would have to go into the design tool to recolor even one svg so in for a penny, in for a pound.


If the customer learns the strg + click trick changing the colors of the cave outline, raven and spider web, branches etc. of the monk at the cave is not so elaborate and in most cases only the monk will get a color change, so the number of elements are still within reason.
Posted: Thursday, November 29, 2018 12:22:05 PM
I have published two SVG based designs so far and hopefully someone will figure out how they work... although it will be hard to tell if they did or not since we don't get to see the final customization they do on our products. I wish there was a way to tell.
Posted: Thursday, November 29, 2018 1:33:27 PM
vivendulies wrote:

My SVG designs are slowly getting more elaborate and I love that as I love the fact that customers can choose their own color scheme.


Hunchback Monk at the Cave (SVG) VZS2 T-Shirt

Grin

Love Roses Thank you.


Wow! I'm so impressed with your work on these...they're very cool. You've given me the inspiration to try some in the new year.
Posted: Thursday, November 29, 2018 8:13:32 PM
I just posted some pillows that have 2 SVGs. Loving it, and I'm hoping the customers can easily figure it out.

Posted: Thursday, November 29, 2018 11:20:51 PM
oOo


I'm happy I was an inspiration. Thank you, and hope to see you in the Show me forum in the SVG-Thread.

-Love-
Posted: Friday, November 30, 2018 10:00:57 AM
Shelli Fitzpatrick wrote:
I have published two SVG based designs so far and hopefully someone will figure out how they work... although it will be hard to tell if they did or not since we don't get to see the final customization they do on our products. I wish there was a way to tell.


The new designer seems to be here to stay now and not revert to the old one, so, it won't be long and I'll do a behind the scenes youTube video for one or more of my SVG-designs and others I'm sure have similar plans.

What bothers me currently a little is, that customers probably wonder if a design can change colors or not. A brush tip icon with a mouse over help info might be of help for designs with shapes and svg files on the product page.
Posted: Friday, November 30, 2018 11:31:20 AM
vivendulies - I notice you're adding (SVG) to your product titles. Is that for your own organization or do you think it would help with things like SEO? I'm not sure your average Joe has any clue what an SVG file type is, so I just wondered about your thinking there.
Posted: Friday, November 30, 2018 11:54:51 AM
lewister wrote:
vivendulies - I notice you're adding (SVG) to your product titles. Is that for your own organization or do you think it would help with things like SEO? I'm not sure your average Joe has any clue what an SVG file type is, so I just wondered about your thinking there.


A little of both - for me and for visitors/customers, who pay attention. I don't think that it means anything to most, but the title space is limited and I already loose four signs with the marker so I have an easier time to find infringements.

In all SVG based designs I mention the ability to edit colors and do it with pointing towards the file type that makes it possible. So even if you have never heard of SVG once you read the description you may have an idea, why the SVG is in the title and you can look for more files.

Since there is no other way to distinguish one type of design from the other for the moment, at least those who pay attention get a hint.

And SEO doesn't play a role (yet?!), since it is unlikely, that - at last for the moment - somebody from outside is looking for Zazzles SVG designs.
Posted: Friday, November 30, 2018 4:55:16 PM
Feel free to continue the conversation. Just going to move to Create since it isn't really feedback.
Posted: Saturday, December 01, 2018 12:17:42 AM
Kevin wrote:
Feel free to continue the conversation. Just going to move to Create since it isn't really feedback.


Thank you, it was meant as feedback, and my last comment had important feedback, as it expresses my concern, that the new design property is still hidden on the Zazzle site and customers get a hit and miss when looking for product with custom color options for the design itself. Until recently their only color choice was a background color. This has changed and it is now a feature people may want to use and specifically look for. Less guessing would be preferable.

But since it is now in the sub-forum create, I will use this thread to focus more on the how to.

Happy



I started out having the inner shapes cut out precisely, and any small gaps that show from size or placement differences, you can hide with outlines. But the better choice is to plan ahead by determining which color layer lays on top of each other and overlap them so you can avoid gaps with ease with out complicating the color change process for customers with zazzle tool outlines.

One of my early attempts incorporated the mismatch of lines and shapes as an artistic choice:




Then I took a line art and simply de-combined it in CorelDraw and used the inner shape as my second shape.




And as easy as this shape is to match without gaps with the thick outline, I needed the outline feature to avoid small flashes between outline and inner shape. The design benefits from having the inner shape overlap the outline and putting it underneath the line art layer.

Many of my designs come from my work with flex and flock prints, so they come without outlines like the following one:



I added outline to the shapes and run into problems around the eye. I decided to sandwich an elephant layer with thick outlines, a white circle and the same elephant again but without outlines. I added a few lines to indicate movements and the designs looks much better now than it did, as a flex-/flock print.
(Thank you colorwash for the sandwich-suggestion somewhere here in the forum)


Grin



Snaplines in the editor tool help with the aligning, but having a lineart on top definitely helps with multicolored SVG designs. For the moment lacking the ability to actually zoom in on the design, layering shapes without most likely will result in tiny corners where are not aligned precisely and tiny gabs where the background or the fabric shows through. One solution is purposely miss match and make it an artistic license/choice or hide it underneath lineart.

The alignment problem comes up in patterns to.




I had quiet a struggle aligning just these two triangle patterns properly. I gave up on another pattern and uploaded a simpler pattern for the second color.



And getting these hearts properly in position was still a pretty long fiddle. You can't use cross hairs to match patterns perfectly as you would in screen printing, because the whole point of SVG is the ability to color match, which means leaving it open to edit and with the editing process the cross hairs might end up on the printing area and get printed, esp. if the design is transfered to another product. So using a frame or other graphic elements to match designs is not advisable.

Maybe extremely small dots on all four corners to have at least same size as a starting point, so even if these dots appear on the print area, they are easily overlooked. (just a thought ...)

Match/align anything with the help of micro dots.

A thought put into action ...


These three patterns each have a 1px square micro dot in the upper left and lower right corner, which defines a square. each square is placed with equal size in the center and therefore the pattern is spaced perfectly just as designed in the vector program, but because I used outlines, if the pattern is not enlarged to the point where the micro dots are outside the print area, these dots will show up in the print.

Though this solution is still risky for customers to mess up, I think this method is still a good way to match up delicate designs in SVG.

A small transfer test with the outlined micro dots with the following few products didn't produce any problems:




-- Good luck and lots of fun with your endeavors in multi colored SVG designs --

-Love-



Posted: Saturday, December 01, 2018 12:21:15 AM
Can you actually upload svg to zazzle now or do you still have to convert it to pdf? The pdf screws everything up.
Posted: Saturday, December 01, 2018 12:27:34 AM
...

Combining translucent PNGs with SVGs


Egg Snooze (SVG) VZS2 Maroon T-Shirt ... | ... Egg Snooze (SVG) VZS2 Yellow T-Shirt

This design uses a translucent purple 8-Bit PNG for the shadow to interact with the color of the SVG file underneath.

Or to color coordinate a gradient background color with the SVG design on top:


The Elf at the Orchid (SVG) VZS2 Skyblue Tote Bag . . . . . . The Elf at the Orchid (SVG) VZS2 Lilac Tote Bag

Be sure to use an 8-Bit PNG since it results in a tiny halftone raster file and works on dark shirts.


-Love-
Posted: Saturday, December 01, 2018 12:36:28 AM
Posted: Saturday, December 01, 2018 12:42:29 AM
templeofswag wrote:
Can you actually upload svg to zazzle now or do you still have to convert it to pdf? The pdf screws everything up.


Yes, if you want customers to be able to change the color of the design itself, too, you need SVG and you can upload SVG-Files now.
Posted: Saturday, December 01, 2018 12:57:21 PM
vivendulies wrote:
templeofswag wrote:
Can you actually upload svg to zazzle now or do you still have to convert it to pdf? The pdf screws everything up.


Yes, if you want customers to be able to change the color of the design itself, too, you need SVG and you can upload SVG-Files now.



Nice.
Posted: Monday, December 03, 2018 1:15:09 PM
I have noticed that some new fonts being produced are SVG. I would love it if these worked the same way as the samples you all have shown, but I don't know how to create a message in AI using an SVG font and then save it as an SVG file.

Is it possible and I just have to keep playing around? I'm more of a PS person than AI, but I can do a few things in AI.

Deb


ps Vivendulies - that cello neck design is so fun to re-color - great design!
Posted: Wednesday, December 05, 2018 12:19:12 AM
Beachwalker wrote:



ps Vivendulies - that cello neck design is so fun to re-color - great design!


-Love- Thank you, Deb.



Picking up on Karen Coffelt tipp on using round shapes for masking
How to Create Round Frames over Square Placeholder Photos With Z's Shapes Tool I made a heart shaped mask with an SVG file. I uploaded it as a hole in a square and as a heart. Since any other color than white will be printed and a thick layer of paint wouldn't be nice at least for T-Shirts this design is best limited to white T-shirts but any other product like pillows may use the color options for SVG.



You can make any shape into a mask and I recommend to make a mask and upload the shape itself. You drive blind when the rectangle photo is on top or you deactivated the layer mask. The shape itself helps with the placement.

And again the SVG file allows for any mask color, which is nice with any other product but T-shirts.




... any shape any color!



... you can give the mask more interest with a second svg file with a pattern or ...



... use a translucent PNG with a gradient or ...




... both to make full use of color choices and outlines and a gradient.

Happy
Posted: Thursday, December 06, 2018 11:11:30 AM
oOo

What about the icons?


Feeling left out with the icons? Alright we don't have the license to sell products with zazzle icons. Not a big deal actually. Nobody keeps us from inventing and creating our own icons with SVG:


The big triangle consists of three small triangular corner icons so there wouldn't be a line behind the cougar. I can reuse these icons for designs in the future, when I want a center piece break the lines of a warning sign. Over time my image folder will have many tools at my disposal.

Happy
No problem.
There is lots of fun with selfmade icons.

Posted: Saturday, December 08, 2018 8:28:21 PM
Vivendulies, those are some really cool SVG designs! Thanks for sharing! A bit advanced for me at this time, but eventually, I will get there.
Posted: Sunday, December 09, 2018 8:13:12 AM
Karen Coffelt wrote:
Vivendulies, those are some really cool SVG designs! Thanks for sharing! A bit advanced for me at this time, but eventually, I will get there.


Thank you, Karen. I'm sure you will.



Using white to mask what is below.

The map is a solid shape, and I used transparent fill and outlines to get a outlined map and I used the shapes (one white rectangle) to mask off the lines where New Mexico breaks the line. This works on light shirts only, so make sure to limit the options to lights only. If the design is transfered to other products, the white may show, but since it is a shape and SVG, the customer has many options to still make it work for them.



Avoiding trouble with outlines
Occasionally outlines go haywire and produce spikes. I had this problem with the following design:


So I produced the outlines myself in the vector program, but with a little forethought I could have avoided this altogether. Any sharp pointy corners create with two knots and have the vectors cross so the corner has the sharp edge that usually comes with one not and vectors on the same angle as the point. With to knots the line walks nicely around the pointy edge with one the line unfortunately doesn't. Two knots connected with a curve or a straight line prevents the zazzle outline from going haywire and spike out of control.







BTW Chime in if you have tips for designing with SVGs. Thank you.

-Love-
Posted: Monday, December 10, 2018 7:42:03 PM
I'm going to get a new computer before I start doing these, but I'm definitely gonna keep it simple and simple for customers by using only up to 4 objects that can be colored. Customers have short attention spans, they're not designers, I don't want them to get frustrated and leave. Most just want to change blue to red, so the simpler I make it, I think the better off I'll be.
Posted: Tuesday, December 11, 2018 4:03:33 AM
chefcateringbizcards wrote:
I'm going to get a new computer before I start doing these, but I'm definitely gonna keep it simple and simple for customers by using only up to 4 objects that can be colored. Customers have short attention spans, they're not designers, I don't want them to get frustrated and leave. Most just want to change blue to red, so the simpler I make it, I think the better off I'll be.


You're right and yet it doesn't actually matter, since not every color in a design needs to be changed to alter the over all appearance. Complex designs can be beautiful and can stay as they are just like pixel designs but nuts like me have the option to change every color and I find it refreshing, that I can design directly on the product, reuse my designs in various combinations and see my colors interact with the product for more cohesion.

Even something as fixed in the color scheme as a national flag has variations, like a crisp fresh look or a vintage look depending on the color of the product.


The option to define the colors directly on the product itself is just as much a benefit for me as it is for customers and having simple designs is fun but creating intricate and complex designs is cool, too.

Grin
Users browsing this topic
Guest


Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.
Print this topic
RSS Feed
Normal
Threaded