Jump to content

Recommended Posts

Posted

I've been using Affinity Photo for a while, but am new to vectors and Designer. I've been playing with some doodles, and have a technical question. I've been adding a paper texture to SVGs by dragging them inside the polygons, and they appear to have a fringe of white around them instead of being crisp. Is there a way to "clip" those layers so the edges don't show any fringe?

Examples: https://straightstreetdesign.com/pa/ ... the Lake image is especially obvious.

Thanks! 

Posted

The fringes do stem always from your x-times placed bitmap/raster image "paper texture.jpg". If you enhance size-wise the inside placed/clipped image textures (and just those not the curves) then the pixelated staircase pattern will be minimized. - You can see this immediately in AD, if you zoom in and resize those over the curves size boundaries!

stairs.jpg.4c082d8a781129eeb55e689253b2ad52.jpg

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted
28 minutes ago, GeneralHavok said:

Are you saying to enlarge the texture layer, so the stair-step edges are outside the clipping area?

Jip, make it larger than the corresponding curve layer it's applied to, give it a try.

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted

bild1.jpg.a67b1130a6884678038c6434bafb8205.jpg

bild2.jpg.47ae188c6f4229dc86d90c2f60dcdbad.jpg

The remaining rest of staircase pixelation is due to the fact, that you place such bitmap/raster images as paper-textures in. - With plain vectors, also for the texture parts,  you would get smooth/rounder edges here.

bild3.jpg

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Posted

Again, thank you. 

I've saved the paper texture as an SVG, and replaced the lake's texture. As before, the edges of the texture are outside the clipping area. As before, the edge of the water isn't smooth. I must be doing something wrong.

lake2.jpg

Posted
7 hours ago, GeneralHavok said:

I've saved the paper texture as an SVG, and replaced the lake's texture.

Open the SVG file inside an text editor and look inside the SVG code, there will be still bitmaps/images (paper-texture.jpg) for the texture stored in, as far as you don't have a real vector version of that texture-file.

svg-code.jpg.047af67e965e396605e8a3388f30b123.jpg

So your SVG still contains an bitmap JPG image for the texture parts and thus is no plain vector!

Further you can also see that in AD in the layers panel if a layer is a plain vector layer "(curve)", or if some layer is instead an image "(image)" or "(pixel)" layer.  - Plain vector files, so if everything/the whole is based on vectors, then don't have/contain any (image) or (pixel) layers!

@GeneralHavok

For vector based texture handling see for example also here.

 

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.