Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

Making vector look raster


Recommended Posts

So my handlers feel my vector work "looks too Social Media".   Meaning, they'd prefer a more painterly style - read: "avoid that hard-edge nonsense!".    So I've been trying to try things like putting a slight blur on everything.   Which helps a lot IMO.    I've also done the obvious, which is to switch to pixel mode and (groan) paint in fills.   Despite the tedious workflow, I think it looks great.   BUT I still can't escape the sharp, hard vector outlines.   The Designer Persona brushes look AMAZING, but I can't paint on em.    =\    Pls see image below.

mO11RG1.jpg

 

I also tried getting fancy with the Photoshop.   But this image was simply PSD witchcraft - add noise, blur, blend modes, blah, blah - which I'm totally open to...but in the end,  I dunno if I really dig this look.   Welp.....

 

dM5Pe0I.jpg

 

Thx for reading.   =]

 

 

 

Link to comment
Share on other sites

The Designer persona, vector brushes can be rasterized, making them a pixel layer.

You can then paint over them in Pixel persona, by checking Protect Alpha.

It is not an ideal workflow as it is destructive, but might work for you?

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   16 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

Link to comment
Share on other sites

Or ctrl+click the shape in the layerspanel in photopersona,this wil create a selection>now create a new pixel layer and paint on that pixellayer to make it more painterly.
After painting and deselecting you could use the smudgetool to distress the edges.

N.P.M. ==  Non Participating Member.

Link to comment
Share on other sites

Not quite sure what you want to achieve. You may want to apply brushes directly to the vector curves (although they would still be perfectly straight lines, less painterly than manually painted strokes) ...

96856918_brushesonvectorcurves.thumb.jpg.c015547adb6a437c1fdc2e9550ab7062.jpg

macOS 10.14.6, MacBookPro Retina 15" + Eizo 27"

Link to comment
Share on other sites

Bit of a melon twister for a mid week day lol!

Adding blurs and the like to make a vector look raster is a bit of an oxymoron. I get the vector flexibility and scalability but if you are adding pixel textures then you have lost scalability and flexibility that takes a hit too doesn't it. Adding pixel based brushes to get a fuzzy edge is ok but then are we really dealing with a vector image and on export what happens?

iMac 27" Late 2019 Fully Loaded and running Monterey 12.6.1, iMac 27" Late 2013 running Catalina 10.15.7 - Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

8 hours ago, firstdefence said:

Bit of a melon twister for a mid week day lol!

Adding blurs and the like to make a vector look raster is a bit of an oxymoron. I get the vector flexibility and scalability but if you are adding pixel textures then you have lost scalability and flexibility that takes a hit too doesn't it. Adding pixel based brushes to get a fuzzy edge is ok but then are we really dealing with a vector image and on export what happens?

 

Good points.   However, I don't care about flexibility and scalability.     I prefer to "draw" in vectors for the speed specifically.     When I first read about AD combining the two AS WELL AS employing vectors I thought "Eureka!".    Fast forward almost two years to today....putting a blur on shapes (still scalable, but I don't care) has been a blessing.

 

Link to comment
Share on other sites

23 minutes ago, Sweatman said:

So my handlers feel my vector work "looks too Social Media".  ...

However, I don't care about flexibility and scalability.     I prefer to "draw" in vectors for the speed specifically. 

The point here is, there isn't much left from plain vectors then, if that was maybe the initial intension. - Due to all the pixel layers the whole will export in/as a vector format with a bunch of embedded pixel images. - Or the other way said, a pseudo vector file then, with more bitmap contents than vectors at all.

☛ Affinity Designer 1.10.5 ◆ Affinity Photo 1.10.5 ◆ OSX El Capitan

Link to comment
Share on other sites

Can you show a few examples of what they are rejecting?

"Hard edges bad" is hysterically subjective. Illustrative works can often have hard edges, especially inked works. It's a case of balance. Too many hard edges can make a piece feel sterile or "computerized", but including some soft edges in "key" positions can really give dimension.

Microsoft Windows 10 Home (Build 19045)
AMD Ryzen 7 5800X @ 3.8Ghz (-30 all core +200mhz PBO); Mobo: Asus X470 Prime Pro
32GB DDR4 (3600Mhz)
EVGA NVIDIA GeForce GTX 3080 X3C Ultra 12GB
Monitor 1&2 4K @ 150%

WACOM Intuos4 Large; X-rite i1Display Pro; NIKON D5600 DSLR

Link to comment
Share on other sites

20 minutes ago, debraspicher said:

Can you show a few examples of what they are rejecting?

Or can you show samples they would like?

I wonder if they have not "hard edge" in mind but rather the perfect straightness of typical vector shaped curves. Their / your "painterly" may indicate such.
(a jitter filter for vector curves would be nice;)

macOS 10.14.6, MacBookPro Retina 15" + Eizo 27"

Link to comment
Share on other sites

Maybe a bit of a painterly approach would be in place.
To apply glazing you put semi transparent layer upon semi transparent layer.
This may be convoluted to do and can have a lot of layers with blurs/blends and transparencies and many more shapes.
But it is doable in af~programs.

N.P.M. ==  Non Participating Member.

Link to comment
Share on other sites

It appears the orc has a lot more structure and its surface looks more natural, organic – while the lobster appears slightly artificial, oversaturated and glossy like plastic. – Trial without painting: 1 px blur on a copy (75% opacity, adjusted blend range), reduced glossy spots and reduced saturation with an HSL adjustment. On top a rectangle with an elliptical cyan-to-transparent gradient in softlight blend mode.

689700013_lobsterorc.JPG.85af0bfcd71885bdba7c3ffb7fd89568.JPG

macOS 10.14.6, MacBookPro Retina 15" + Eizo 27"

Link to comment
Share on other sites

On 9/28/2022 at 1:51 PM, Sweatman said:

Orc = good.

lobster = not so good.

The solution (if there is one) doesn't HAVE to be done in AD.   Which is why I mentioned a possible PSD solution earlier.   I only posted the question here thinking that other AD folks may have encountered a similar situation.

 

max_orc.JPG

lobster.JPG

Oof. The Orc is painted. Not the same process, so not the most helpful comparison. Still, the painterly look can be achieved with a slow build up of low opacity gradients/transparencies/overlays to build up lighting details, specifically, color temperature adjustments.

I will say that the lobster has too many outlines, in conjunction with the shadows/detail work creating "faux" outlines by way of hard edges. (In other words, the details are too explicit). Shadows here create hard edges whereas in the real world, details tend to be lost in the shadows, and thus appear "blurrier", whereas the color's temperature tends to be cooler. Despite the "purple" in the crab, the piece is almost 100% warm color tones.

The orc makes use of ambient lighting and let's color temperature do the work to create hard/soft edges. Even though the piece is technically "cooler", the details in the face appear "warm" which help them stand out. You'll notice the details in the shadows/background is not as sharp and there's no use of black. An aside, in painting, we're told to mix our own black, ie never use straight tube black as it creates hard edge/flat look and doesn't help with dimension. Bounced light can be used in place of edge details to create dimension.

As for process...

"Art by Flo" regularly mixes up raster details with vector (her pieces vary...). I find a lot of Procreate artists have moved away from the 100% painterly/raster approach since the program allows for speedier layer creation, and so vectors are often used to create a painterly comp. It might be someplace to start.

Microsoft Windows 10 Home (Build 19045)
AMD Ryzen 7 5800X @ 3.8Ghz (-30 all core +200mhz PBO); Mobo: Asus X470 Prime Pro
32GB DDR4 (3600Mhz)
EVGA NVIDIA GeForce GTX 3080 X3C Ultra 12GB
Monitor 1&2 4K @ 150%

WACOM Intuos4 Large; X-rite i1Display Pro; NIKON D5600 DSLR

Link to comment
Share on other sites

38 minutes ago, debraspicher said:

Oof. The Orc is painted. Not the same process,

Thank you for your keen observation.    That's why I asked the question.    I like vector; my Directors like raster.    Dunno how to break the question down any simpler.   

Link to comment
Share on other sites

1 hour ago, Sweatman said:

Thank you for your keen observation.    That's why I asked the question.    I like vector; my Directors like raster.    Dunno how to break the question down any simpler.   

Right. It isn't the most helpful example if this were what you were given for "good". My background is painting, so I offered what perspective I could. Take care.

Microsoft Windows 10 Home (Build 19045)
AMD Ryzen 7 5800X @ 3.8Ghz (-30 all core +200mhz PBO); Mobo: Asus X470 Prime Pro
32GB DDR4 (3600Mhz)
EVGA NVIDIA GeForce GTX 3080 X3C Ultra 12GB
Monitor 1&2 4K @ 150%

WACOM Intuos4 Large; X-rite i1Display Pro; NIKON D5600 DSLR

Link to comment
Share on other sites

  • 1 month later...

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...
 Share

×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.