GeneralHavok Posted November 24, 2021 Posted November 24, 2021 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! Quote
v_kyr Posted November 24, 2021 Posted November 24, 2021 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! Quote ☛ 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
GeneralHavok Posted November 24, 2021 Author Posted November 24, 2021 I'm not quite sure I follow. Are you saying to enlarge the texture layer, so the stair-step edges are outside the clipping area? Quote
v_kyr Posted November 24, 2021 Posted November 24, 2021 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. Quote ☛ 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
GeneralHavok Posted November 24, 2021 Author Posted November 24, 2021 Thanks for helping! Unfortunately, it was already larger. I've made it even larger, but the fringe is still there. Do you have any other suggestions? Quote
v_kyr Posted November 24, 2021 Posted November 24, 2021 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. Quote ☛ 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
GeneralHavok Posted November 24, 2021 Author Posted November 24, 2021 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. Quote
v_kyr Posted November 24, 2021 Posted November 24, 2021 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. 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. Quote ☛ 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
Recommended Posts
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.