kconkling

I would also like a vector eraser...!!  

I would also like a vector eraser...!!  

I would also like a vector eraser...!!  

This message is appearing because the installer is being run instead of the application short cut, please can you remove the designer icons from the desktop and then from the start menu click the Affinity Designer icon to start the program

Well in AD and in most other graphics apps that gray checkerboard style background pattern already stays for, or indicates you the transparency here.

Inkscape can open EPS, you generally have to ungroup the eps after opening or import, sometimes you have to ungroup twice or more to get the individual components.

Try this.
Create a document in Affinity Designer Add rectangle and colour it to something other than white, maybe a nice blue #D2EBEB Now File > Place... the eps file in that document. Can you see the blue?
If you can, congratulations you have an eps with a transparent background.

On Win you can try with the free version of Microsoft Expression Design 4, or with LibreOffice Draw etc. - Another always good take for EPS on Win are the Ghostscript Interpreter and Ghostview as a viewer.

Did you examine it in another app, or only in Designer?

Go to Document Setup... and on the Colour Tab tick the box that sets Transparent background and click OK
Export to eps now.

I made a set of gradients for Affinity Designer. 
My first attempt at AD gradient set! Tada!  :D
I originally created the set to be used at work (using Illustrator) and I made this to share with the nice folks here at Affinity Forum.
 
Hope you guys find this useful.
 
Thanks!
 
- Maya

MAYA-GRADIENT-VOL-1.zip

-

To get a comparable effect in Affinity
Make 2 circles Colour them Duplicate the top layer circle Select the 2 lower circle layers and do a boolean subtract. group if required. This will give you the same effect as Boolean merge.
Update: Did the write up in a hurry; what a surprise lol! anyway I missed the part where boolean merge will boolean add together same colour shapes that are adjoining or overlapping, so you would end up with the post merge image if 2 of the circles were the same colour, also notice the strokes have been removed.
Pre Merge

Post merge

This step makes simulating boolean merge a more hands-on effect, where you would have to manually select any layer that is the same colour and Overlapping or adjoining, The adjoining I think refers more to angular shapes like squares where they are butted together they will merge but circles will not.

An example of what you are working on might help.
To help people understand what Boolean Merge does in Illustrator, the blue circle was uppermost (on top)

Merge: Removes the part of a filled object that is hidden. Removes any strokes and merges any adjoining or overlapping objects filled with the same color.
Source: https://helpx.adobe.com/illustrator/using/combining-objects.html

-

The spelling is Boolean.
It is named in honour of George Boole.
https://en.wikipedia.org/wiki/George_Boole
Alas I do not know the answer to your question but hopefully someone else will and will post.
William
 

Hi!  I'm back!!!  LOL  So, I realize that we don't have a merge function in AD.  I understand that I can put two objects into a layer L and I understand about the groups as well.   And I don't mind doing this, but it makes things harder for a client to understand if she wants to edit a color or shape.  So, I've been playing with the booleen (sp wrong) operation and I can put them together if I click add, but when I do that it makes the color of both objects the same.  I'm putting two objects together that are two colors and I would like them to remain that way and I haven't found this by searching and trying to figure out myself.  Does anyone know how to do this?  Thank you in advance!!

ok..I understand now.  Thank you very much for all the help!!  It's so appreciated
 

Just create 1 and test  it to make sure

No, you must have saved the png file as an svg, this doesn't convert a png to a vector it merely places the png within the svg container. In order to convert a png to a vector it either needs to be traced or redrawn using vector shapes or the pen tool.

PNG is a raster image format, which means anything you save in that format will be a 'flat' one layer image with all vectors converted to pixels. In that respect it is like JPEG.

Well yes, that's a SVG file with an embedded image, so no vector curves or paths are used for this. You can easily prove that when you open the file with an text editor ...
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="258" viewBox="0 0 300 258"> <image x="18" y="7" width="258" height="244" xlink:href="data:img/png;base64,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"/> </svg> ... there you can see the embedded PNG base64 bits which follow the SVG image command, aka:  <image x="18" y="7" width="258" height="244" xlink:href="data:img/png;base64, ... lots of data bytes here ... "/>
So what you accidently did here is saving a raster/bitmap PNG image as an SVG. You have instead to use the vector drawing of that suitcase symbol, which in SVG code would look with path coordinate definitions more like this ...
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" viewBox="0 0 800 600" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;"> <g transform="matrix(1,0,0,1,-263.144,-33.8177)"> <path d="M533.686,133.554C568.682,133.554 597.094,164.807 597.094,203.303C597.094,241.798 568.682,273.052 533.686,273.052C498.69,273.052 470.277,241.798 470.277,203.303C470.277,164.807 498.69,133.554 533.686,133.554ZM533.686,150.991C559.933,150.991 581.242,174.431 581.242,203.303C581.242,232.174 559.933,255.614 533.686,255.614C507.439,255.614 486.129,232.174 486.129,203.303C486.129,174.431 507.439,150.991 533.686,150.991Z" style="fill:rgb(24,23,23);"/> </g> <path d="M389.96,189.3C389.96,171.364 375.399,156.803 357.464,156.803L176.222,156.803C158.287,156.803 143.725,171.364 143.725,189.3L143.725,254.293C143.725,272.229 158.287,286.79 176.222,286.79L357.464,286.79C375.399,286.79 389.96,272.229 389.96,254.293L389.96,189.3Z" style="fill:rgb(24,23,23);"/> </svg> You can preview that SVG suitcase code and how that renders here online at codepen.io.
BTW, always take a look what the individual layers in the layers panel write there in (...), from those you can see if something is an image, an embedded document, a curve, a vector shape etc.

Don't worry about it. We're here to help you.
Once a vector is saved as a PNG (raster), you cannot reverse the process. It's a one way conversion.

you can use place, but the placed items can't be edited within the document.
if you double click on the item it opens in a new tab, there you can edit the item.

Oh well look at that, even the outline effect is. Okay, you win the cigar. 
Okay well then that is the problem. The Affinity effects are not for exporting purposes. They will give you the pixelated look you are getting.
You mentioned that you're having a hard time getting the right color. Could you elaborate on that? Maybe we can help you with that part. If you mean separate parts of a group, you can hold Ctrl and click separate regions of a group. Is that what you mean?