dizeyner Posted May 25, 2018 Share Posted May 25, 2018 Im in the process of trying to convert my fireworks files over to affinity. This means I have to redo a lot of things like gradients and feathering. I cant find a way in affinity to feather the edges of my vectors. is it called something else in Affinity designer? This is something I use a LOT to soften edges. Aliasing doesnt go far enough. thats like one or two pixels. My feathering can go as high as 300 pixels depending on size of the vector and the blend I need. alternate way to do this? Ive uploaded a file which shows a small section of one of the images i have to rework into affinity. It shows a ring which relys on gradients and feathering to create shadows and highlights on my metal ring. Its how I "paint" for lack of a better way to describe it. As noted, I rely heavily on feathering. This image is one of the simplest that I hope demonstrates what Im trying to recreate without having to relearn some other method. Its bad enough, have to say, that Im losing a lot of work that has to be recreated other ways. Really hoping this can be done. Note the brown ring is feathered inside the ring and outside the ring. The blue sphere is feathered around the outside. I have a lot of irregular shaped vectors that are feathered in addition to using gradients on the same vector. These dont use a gradient. But much of my work does use both on same bit of vector. I use these to build up an image in the same way you might build up brush strokes on a painting to get a particular effect. Was desperate enough to go back to Adobe but alas they are no longer affordable. Its over 50 dollars a month if you need illustrator and photoshop. There is nothing in their application setup that can do any of what fireworks could do with regard to effects etc. Nothing. Mind boggling. Quote Link to comment Share on other sites More sharing options...
BobsDaubs Posted May 25, 2018 Share Posted May 25, 2018 You might want to try feathering the edge by applying a gaussian blur. Click on the fx icon at the bottom of the layers panel and tick the gaussian blur option. Adjust the slider to get the amount of feather (blur) you want. The slider only goes to 100 pixels, but you can get a higher value by typing a number in the box at the end of the slider. feathered edge.afdesign dizeyner and firstdefence 2 Quote iMac (24 inch, M1, 8 cores, 16 GB Memory, 2021) iPad Pro 12.9", 3rd Generation Link to comment Share on other sites More sharing options...
firstdefence Posted May 25, 2018 Share Posted May 25, 2018 Added a Bitmap fill for the texture and tweaked with fx for shadows and blur like Bobdaubs mentioned. BobsDaubs 1 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
gdenby Posted May 25, 2018 Share Posted May 25, 2018 Hi, dizeyner Having no prior experience w. fireworks, I don't know what i'm seeing in the 3rd portion of the image you posted . "this is what i'm left w..." Can't tell if it is a vector or a pixel object. Can you post the file? Designer does have a "feather" operation for pixel selection. It has gaussian blur effect for vector objects, as mentioned above. I have no idea about which of those may or may not work to convert your files. Think what you want is possible, but do fear a lot of re-working Quote iMac 27" Retina, c. 2015: OS X 10.11.5: 3.3 GHz I c-5: 32 Gb, AMD Radeon R9 M290 2048 Mb iPad 12.9" Retina, iOS 10, 512 Gb, Apple pencil Huion WH1409 tablet Link to comment Share on other sites More sharing options...
dizeyner Posted May 25, 2018 Author Share Posted May 25, 2018 DOH! Thanks guys. Gaussian is working for the most part. In fireworks we had gaussian blur and feather. Gaussian was more for blurring across the entire image as opposed to feathering an edge. Looks like in AF gaussian works like feather. At least on vectors! Quote Link to comment Share on other sites More sharing options...
firstdefence Posted May 25, 2018 Share Posted May 25, 2018 5 minutes ago, dizeyner said: DOH! Thanks guys. Gaussian is working for the most part. In fireworks we had gaussian blur and feather. Gaussian was more for blurring across the entire image as opposed to feathering an edge. Looks like in AF gaussian works like feather. At least on vectors! You can also use the transparency tool to get feathered edges Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
dizeyner Posted May 25, 2018 Author Share Posted May 25, 2018 1 minute ago, firstdefence said: You can also use the transparency tool to get feathered edges I dont understand how that would feather just the edge. It seems to apply to the whole image selected. Can you explain? Quote Link to comment Share on other sites More sharing options...
Aammppaa Posted May 25, 2018 Share Posted May 25, 2018 Try Radial / Linear transparency to fade the edges of a shape. Works well in certain situations, especially where the shape is close to circular / elliptical or has a straight edge. You can Group an object (even a single object) multiple times and add different transparencies to each group to achieve some complex results. See attached file. Affinity Grouped Transparency.afdesign dizeyner 1 Quote Win10 Home x64 | AMD Ryzen 7 2700X @ 3.7GHz | 48 GB RAM | 1TB SSD | nVidia GTX 1660 | Wacom Intuos Pro Link to comment Share on other sites More sharing options...
firstdefence Posted May 26, 2018 Share Posted May 26, 2018 8 hours ago, dizeyner said: I dont understand how that would feather just the edge. It seems to apply to the whole image selected. Can you explain? lets say you have a circle and you want to feather the left edge, applying a gaussian blur will affect the whole circle, but transparency adds a more focused and potentially layered approach, this gives you the ability to make subtle shades and tonal patterns, it also allows better control over feathering an edge. Its just another option, try it and play with it to see what effects you can achieve. Transparency and Colours.afdesign dizeyner 1 Quote iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 (Please refrain from licking the screen while using this forum) Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions Link to comment Share on other sites More sharing options...
dizeyner Posted June 22, 2018 Author Share Posted June 22, 2018 (edited) I would delete the post but I cant. so removing the body of the content. found the answer to the transparency issue for gradients. phew. Edited June 22, 2018 by dizeyner cant delete it Quote Link to comment Share on other sites More sharing options...
Aammppaa Posted June 22, 2018 Share Posted June 22, 2018 Watch this dizeyner and Reid Walley 2 Quote Win10 Home x64 | AMD Ryzen 7 2700X @ 3.7GHz | 48 GB RAM | 1TB SSD | nVidia GTX 1660 | Wacom Intuos Pro Link to comment Share on other sites More sharing options...
dizeyner Posted June 22, 2018 Author Share Posted June 22, 2018 Hi Aammppaa, thats not what I was looking to do, but WOW thats crazy cool and definitely something I might use at some point. Thanks for sharing! 2 minutes ago, Aammppaa said: Watch this Quote Link to comment Share on other sites More sharing options...
spidermurph Posted November 25, 2021 Share Posted November 25, 2021 This is another of the many features that was present in the Serif Suite and worked brillianty. You could place images in to interesting vector shapes and feather just the edges keeping the subject sharp. Quote Link to comment Share on other sites More sharing options...
kaffeeundsalz Posted November 25, 2021 Share Posted November 25, 2021 @spidermurph No missing feature here. The same thing is possible in all three Affinity applications. Quote Link to comment Share on other sites More sharing options...
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.