Inkscape Community

Help Using Inkscape => Inkscape Beginners' Questions => Topic started by: adpuf on November 28, 2017, 04:34:28 PM

Title: When i save project as a png file, it is saving it as white
Post by: adpuf on November 28, 2017, 04:34:28 PM
Okay a little background on this project...  (Maybe its just too big?)

I am trying to make a print design for fabric...

My document size is: 29" x 35"
There are a total of 136 objects.
I cropped each object from a jpeg file
The cropped boxes overlap each other

I am assuming maybe these need to be flattened?

Any help is appreciated

Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 28, 2017, 05:12:12 PM
Okay, so I have learned that I should have selected export as PNG file instead of save as?   I am not sure if this will be that easy?

Unfortunately, my inkscape crashed but i was able to save it as a svg before that happened.  I pull up that file and try to export png and nothing happens. Is that because it was saved as an svg file?

Title: Re: When i save project as a png file, it is saving it as white
Post by: brynn on November 28, 2017, 06:59:39 PM
Welcome to the forum!

You are correct about using Export PNG instead of Save As. 

You said you tried to export png but nothing happened.  Could you give us more details?  Do you mean the Export PNG dialog did not open?  Or it opened but you clicked Export and nothing happened?  Or you mean you found the exported PNG but it was blank?

Once you give more details, we can tell you what to do from there.  But I'd just be wasting time to try to explain every possible problem.

By the way, here's a tutorial on making a screenshot.  A photo of your screen is just too hard to see.  https://forum.inkscapecommunity.com/index.php?action=articles;sa=view;article=12
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 29, 2017, 08:34:53 AM
Hi adpuf,
Don't forget to press 'export' once you've set the export options and where you want it saved to  :wink1:

I only mention this because its something i'm always having to remind myself to do  :b1:

Let us know you get on.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 08:22:09 AM
Thank you!!!!

Okay, so at this point...the only saved version of the above file, is an svg file.  When I pull up that file and try to export as png. It does nothing. No pop up, nothing.

***My ultimate goal is to make a transparent print file for fabric. I am trying to come up with a design but I only want the pictures to print, not the background.

I downloaded some jpeg files from shutterstock. These are the images that I am using for the design.  Unfortuntely, I have to crop each image which is leaving a white background around the image. I will post a picture of what I am talking about...

Also, the company that I will be going through to print the fabric has a maximum of 40mb for the file. So this would have been way too big anyway. :(

So I think I might have to start over from scratch???? :(

Anyone willing to help?

Let me start with an example of one of the images.





Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 09:35:46 AM
I think I'm getting it, so you want only the flower illustration printed and not the white as well. If thats correct then i would say you will have to mask out the white area (inkscape) OR delete the white areas in GIMP.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 09:58:38 AM
Yes, that is correct.   

Okay, I found a tutorial on how to remove the background from a logo.  You had to click on the object, then select trace bitmap, scan, etc.   Is this the correct way to do this?

The reason I ask is: when I tried it...in the live action window, it was showing the entire jpeg and not just the cropped portion.
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 10:33:15 AM
It sounds like you've stumbled on the correct tutorial 'in principle' as to what you need to do with each of your flower motifs. You can then compile them together into the final document in Inkscape ready for the printers.

Just remember though that the live trace in Inkscape (and Adobe Illustrator for that matter) will only give a rough vectorised version of the pixel image. Therefore, you will still have to go into the trace and delete out the white background.

Unfortunately, there's no other way of being able to do although the latest release of Photoshop CC can intelligently separate the foreground from background objects. This, however, is a very expensive outlay for one feature + doing it by hand imho will always yield far better and more accurate results. :pen:
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 11:27:29 AM
I got first paragraph. Unfortunately, paragraphs two and three somehow is reading in Greek and I cannot decipher. :uhoh:

I think I may have gotten in over my head.
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 11:32:25 AM
Don't worry the guys on here will look after you and guide you through. Just keep us posted we'll be interested in the final result  :wink1:
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 11:35:11 AM
Okay so here is the Jpeg that I purchased...

I will be using three of these images.   Do I bring the whole image in and do the trace bitmap first?  If so, how do I know how many colors/scans?



Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 11:57:10 AM
If it was me I would crop each floral motif so i have five jpeg floral motifs in total.

Then bring one into inkscape 》 do a live trace 》 save as an svg.

Do this with all five jpeg floral motifs.

Once all thats done i will provide the next steps as it will get complicated.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 12:34:39 PM
Okay, I started with just one cropped floral image...  Did like 100 colors and 25 scans. It brought the whole image (before I cropped - all six images) back into the screen...  I don't know what I am doing wrong?
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 12:39:47 PM
UGH,

okay I changed it to 50 colors and 10 scans ( I have no idea what this even means)  and it keeps bringing the entire jpeg into the live preview screen.

Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 12:41:15 PM
better picture...
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 12:57:20 PM
Looking much better! I've just uploaded a private video of the of the Trace Bitmap feature for you. It may help you to understand what the next step is, but from what I can gather after you have done the Trace Bitmap and adjusted the levels of threshold and other parameters you have to exit the Trace Bitmap dialogue box and your vectorised image is placed on top of the original pixel image. Your vector image can be moved and points edited accordingly.

Live Trace Video: https://www.youtube.com/watch?v=L0usxmUaiKk&feature=youtu.be
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 01:36:12 PM
when I click on the video, it says unavailable.

Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 01:38:35 PM
When I try to do the trace bitmap on the cropped image...it converts it back to the original six images jpeg

If you look at the last screen shot (in the live preview screen)  Instead of just the one cropped floral image, it is the original image with all five floral
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 02:33:15 PM
Thank you so much for helping me!!!

I am stuck at 1:03 of the video. (just before you select the flower) What tool are you using?  and once you had it like you wanted it, what did you click to get it to crop?

I downloaded Gimp but it looks different than yours.  See attachment


Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 02:40:07 PM
Nope yours is just fine, mine is a development version of the next release so the UI is a bit sleeker.

So what I did is as you've done - brought your image in > I then cropped it (which is what you were asking at 1.03  into the video) > Saved it > imported it to inkscape > trace bitmapped it and the separated the two.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 02:41:15 PM
What I couldn't figure out is how you cropped it in gimp
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 02:47:13 PM
Okay, I used the circle tool... Then clicked on: Image, Crop to selection and this is what I get...


I was trying to use the middle floral image and get rid of that arrow at the bottom right.  But even though i used a circle tool, it saved it as a square

Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 02:48:41 PM
Excellent, now save that in GIMP and import it into inkscape
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 02:51:52 PM
Okay, when I click on Save AS...this is what I get
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 02:54:45 PM
This is where I find Open Source software differs slightly from paid programs... To save as a jpeg, as we need it, you will want to go to file > export - it's at 1.28 in the video  :wink1:
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 03:01:23 PM
Okay, I guess I have to wrap it up for the day.  I will try to look at this again when I get home.

Thank you again!

This is what I got for File, Export As...
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on November 30, 2017, 03:03:18 PM
Excellent, you're doing well and those screenshots you have been sharing are very informative. All the best.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on November 30, 2017, 04:17:08 PM
Okay, this is where I am at.  I clicked on the black and white image and hit group.  I changed the background to see if the white is still on the colored image and it is. So there must be more steps LOL


Title: Re: When i save project as a png file, it is saving it as white
Post by: brynn on December 01, 2017, 01:13:00 AM
Ok, I haven't watched TMadisson's video, but I'm not clear whether you need to trace the images or not.  Let me ask some very fundamental questions about the project.

Have you asked the printer what kind of process they are going to use?  Because you would need to prepare your file differently, depending on the process.  (Since you started this topic about exporting a PNG, I might guess that's what the printer asked for.)  If they are asking for a PNG, it's possible they are planning to trace the image themselves, and charge you for it.  Hopefully they would have explained it to you.....or perhaps you'd like them to do it?  In any case, that needs to be spelled out from the beginning. 

Because as far as I understand, certain image transfer processes can actually use the PNG directly, without tracing it.  In that case, no one needs to trace it!

So I would suggest finding out (1) which process they will use, (2) specifically how they need the file to be organized (if they're asking for an SVG file), and (3) which file format they want you to send.  (You should be able to discuss this openly with the printer - if they are a reputable business, they should be able to explain these things clearly for you.)
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on December 01, 2017, 01:39:06 AM
I'm not in front of my computer atm adpuf but now what i would recommend is looking into masking.
Here is YouTube video (not my own) that goes through the basics. https://youtu.be/bFqDg086LbI

The reason why is because the trace bitmap vector that has been generated can now be used as a mask to only show the parts of the floral design you wish to show finally getting rid of the white background. This also gives you greater flexibility for edits that might be needed later on.

This process will have to be done with all the flower motifs you would like to appear in the final document for print.
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on December 01, 2017, 01:45:02 AM
Hi Brynn, you are correct in ascertaining exactly where Adpuf stands on the whole printing issue and exactly what they need... but from memory of posts back Adpuf NEEDS to have a transparent background which won't happen with a collapsed jpeg. The masking stage that Adpuf is at now will give Adpuf the clean crisp background needed - and has the added benefit of being able to have colour variations of their material - but also give the printers a good starting point in their printing process which as printers we always like.
Title: Re: When i save project as a png file, it is saving it as white
Post by: brynn on December 01, 2017, 03:06:38 AM
Oh ok, I see where you're coming from now.  I didn't watch the video and I thought you were tracing for a different reason.

The only thing I would change, is use clipping instead of masking.  Only because it's simpler for a newbie.

But still, better to have clear info from the printshop, since there are so many different ways to transfer image to fabric, and some need very different type of files and formats.
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on December 01, 2017, 04:22:44 AM
Good idea about clipping instead of a mask. I didnt realise they were easier for newbies to pick up. I just defaulted to what i always do... so thats helped me to understand better from their perspective - thank you  :)

Yes absolutely, some info from the printers is a good port of call :2tu:
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on December 01, 2017, 07:16:25 AM
 You guys are awesome!  Thank you for all of your help.

All of this is very new to me  so I'm feeling a little bit overwhelmed. LOL

Brynn, you are correct. I need to find out how that process works. I dug a little deeper on their website and found the following. I really hope that this helps.

What kind of files can I upload: For best results, we recommend uploading a JPG or PNG file at 150 dpi. We allow any JPG, PNG, GIF, TIF, AI, EPS, or SVC file under 40 MB.

While we can accept AI, EPS and SVC files, we strongly recommend against it. When you upload a Vector file (AI, EPS, or SVC), we convert it to a PNG. During the conversion process a vector file can change--transparent areas become un-transparent, fonts change, or unintended lines appear. If you export the file from Illustrator as a JPG or PNG before submitting it to Spoonflower, you have more control over how the file will look and you don't lose any quality.
Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on December 01, 2017, 07:19:08 AM
How big should my image be:

In the world of digital printing, resolution is often expressed as dots per inch (dpi) and Spoonflower produces a good quality print at our minimum resolution of 150 dpi. When creating your design, you will need a minimum of 150 pixels for every inch of your final print dimension. For example, if you'd like an image to print at 4" by 4", you'll want to prepare your file so that measures at least 600 by 600 pixels, since 4 inches x 150 pixels = 600. You can use this formula to size any image-- just multiply the print width and height in inches by 150 pixels. Here are some basic sizes:

8” = 1200 pixels
12" = 1800 pixels
18” = 2700 pixels
21” =3150 pixels
24" = 3600 pixels
27” = 4050 pixels
28” = 4200 pixels
29” = 4350 pixels
36” = 5400 pixels
42" = 6300 pixels
​54” = 8100 pixels
56” = 8400 pixels
58” = 8700 pixels​
What If My Design Has A Higher DPI Than 150?

When you upload your image we show you a preview at 150 dpi. This means that if you upload a file that’s been prepared at 300 pixels per inch, it will appear as double the size in the preview:​

   ​
150dpi Preview   300dpi Preview
​You can easily change the print dimension of your image by clicking “change dpi” or by using the “smaller” button. Use the horizontal and vertical rulers as a guide for print size.

What Settings Should I Use For Digital Photographs And Scanned Images?

If you’re starting with a digital photograph or scan, we suggest that you capture your image using a high quality setting. This will allow you to scale your image without compromising the quality of the image. Here are some additional tips:

Digital photographs - As a rule of thumb, a 3 megapixel camera can be used to capture an image that will nicely fill an 8"x8" swatch. A 10 megapixel camera will capture an image to fill an 18"x21" fat quarter. A full yard requires 40 megapixels, which at this point is only available in very high end professional cameras.

Scanned artwork - Typically scanners have a range of scanning resolutions starting at 150 dpi and escalating to 300, 600, 1200, and 2400. As a rule of thumb, a standard sheet of paper in landscape (11"x8.5") scanned at 300 dpi will fill a fat quarter. The same sheet scanned at 600 dpi will fill a yard.

See Also: Why can't I make my image bigger on Spoonflower?

See Also: What is resolution and how does it affect my image?

Title: Re: When i save project as a png file, it is saving it as white
Post by: adpuf on December 01, 2017, 07:21:01 AM
How can I make sure my design is the color I want:
https://support.spoonflower.com/hc/en-us/articles/204444620-How-can-I-make-sure-my-design-is-the-color-I-want-
Title: Re: When i save project as a png file, it is saving it as white
Post by: Moini on December 01, 2017, 09:22:22 AM
Wow, a print service that recommends not using vector files, because they might make mistakes when converting... Doesn't speak for a lot of proficiency in their job... (and they cannot even spell SVG...). Hope they're at least delivering good quality, fast and cheap :) (sorry, but I was just so baffled...)
Title: Re: When i save project as a png file, it is saving it as white
Post by: TMadisson on December 01, 2017, 09:39:21 AM
Hi adpuf, I think from memory - maybe you could check - but in the export to PNG dialogue box, I think there is somewhere that allows you to specify the resolution you need.
Title: Re: When i save project as a png file, it is saving it as white
Post by: brynn on December 02, 2017, 04:37:37 AM
I agree, it's very strange indeed that they prefer raster formats (non-vector).  Vector images are widely seen as a standard for printing....although printing on fabric probably can't benefit as much from the vector clarity anyway.  But it sounds like they want raster images for printing on paper.  Strange.

I had a quick look at their website.  It's probably none of my business, but I'm always wary as a consumer.  And with the strange non-vector thing, and misspelling SVG....  Well, for what it's worth, if it were me, I'd want to see some real world, hands on examples of the final product.  If nothing else, I would actually buy one of their fabrics, ideally one which is close to the kind of design you're using. 

Because the images they're showing for their fabric samples are not photos of the actual fabrics.  They're images of the design with some very fancy graphic effects added, to make them look....well I would say remeniscent of a printed fabric.  For example, this one (https://s3.amazonaws.com/roostery-composites/compost/6249817/fabric-preview-swatch_0_l.jpg) which comes from this page (https://www.spoonflower.com/fabric/6249817-indy-bloom-design-mermaid-lagoon-b-by-indybloomdesign?iref=clk-xs-fab-collection).  To me, that looks more like wallpaper.  I would be very surprised if the fabric looks as good.

But anyway, back to what is more my business.  How are you doing with getting the transparent background?  Can we clarify anything for you?