RainerH Posted April 14, 2020 Share Posted April 14, 2020 Hello, is there a Designer equivalent to Illustrator's Gradient Mesh Tool? I've searched the Help, studied the ttorials on the Affinity site and searched the web but I haven't found one. Thank you for your help. Rainer Quote Link to comment Share on other sites More sharing options...
Pšenda Posted April 14, 2020 Share Posted April 14, 2020 10 hours ago, RainerH said: but I haven't found one. https://www.google.com/search?q=Gradient+Mesh+Tool+site%3Aforum.affinity.serif.com Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301 Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130. Link to comment Share on other sites More sharing options...
ashf Posted April 14, 2020 Share Posted April 14, 2020 DrawPlus which is predecessor of Affinity Designer had mesh fill tool, but it hasn't been implemented in AD. Quote Link to comment Share on other sites More sharing options...
RainerH Posted April 24, 2020 Author Share Posted April 24, 2020 Hello, please can anybody show me how to crate a gradient like in the Instagram logo? I couldn not figure out how to solve this problem. There is no gradient with different colours in three directions: red ........... blue . yellow Thank you for your help. Rainer Quote Link to comment Share on other sites More sharing options...
Pšenda Posted April 24, 2020 Share Posted April 24, 2020 1 hour ago, RainerH said: Instagram logo I don't know exactly which logo you mean (I've seen several types), but I think it's either a regular Linear or an Elliptical gradient. Quote Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301 Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155. Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130. Link to comment Share on other sites More sharing options...
Old Bruce Posted April 24, 2020 Share Posted April 24, 2020 10 hours ago, RainerH said: Hello, please can anybody show me how to crate a gradient like in the Instagram logo? I couldn not figure out how to solve this problem. There is no gradient with different colours in three directions: red ........... blue . yellow Thank you for your help. Rainer You could try two gradients 1: Red to Blue. 2: Transparent to Yellow, on top of the red/blue. Quote Mac Pro (Late 2013) Mac OS 12.7.4 Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear. I have never mastered color management, period, so I cannot help with that. Link to comment Share on other sites More sharing options...
RainerH Posted April 24, 2020 Author Share Posted April 24, 2020 How can i give a Object two gradients? Quote Link to comment Share on other sites More sharing options...
Old Bruce Posted April 24, 2020 Share Posted April 24, 2020 55 minutes ago, RainerH said: How can i give a Object two gradients? Use different blending mode on the second gradient. Quote Mac Pro (Late 2013) Mac OS 12.7.4 Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear. I have never mastered color management, period, so I cannot help with that. Link to comment Share on other sites More sharing options...
RainerH Posted April 24, 2020 Author Share Posted April 24, 2020 That means I have to copy the Object give the copy another gradient and then work with blend modes? Quote Link to comment Share on other sites More sharing options...
thomaso Posted April 24, 2020 Share Posted April 24, 2020 No, you simply use the Appearance Panel to assign 2 gradients to 1 object: ashf 1 Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
firstdefence Posted April 24, 2020 Share Posted April 24, 2020 had a go at this and came up with this convoluted arrangement lol! instagram.afdesign 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...
RainerH Posted April 25, 2020 Author Share Posted April 25, 2020 Wow. There's a lot of left I've to learn. Thank you. Quote Link to comment Share on other sites More sharing options...
lepr Posted April 25, 2020 Share Posted April 25, 2020 (edited) Here's an alternative without gradients: instagram-like.afdesign Edited April 25, 2020 by anon2 edited attachment telemax 1 Quote Link to comment Share on other sites More sharing options...
PixelPest Posted April 25, 2020 Share Posted April 25, 2020 Pretty much the same idea: Quote Link to comment Share on other sites More sharing options...
Jowday Posted April 25, 2020 Share Posted April 25, 2020 4 hours ago, anon2 said: Here's an alternative without gradients: instagram-like.afdesign But this will not export as vector - it (effects) will get rasterized: Quote "The user interface is supposed to work for me - I am not supposed to work for the user interface." Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else. “When a wise man points at the moon the imbecile examines the finger.” ― Confucius Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver. Link to comment Share on other sites More sharing options...
Jowday Posted April 25, 2020 Share Posted April 25, 2020 7 hours ago, RainerH said: Wow. There's a lot of left I've to learn. Thank you. Yep - but pay attention to rasterisation if vector output matters. Mesh gradients has been requested for years. Quote "The user interface is supposed to work for me - I am not supposed to work for the user interface." Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else. “When a wise man points at the moon the imbecile examines the finger.” ― Confucius Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver. Link to comment Share on other sites More sharing options...
lepr Posted April 25, 2020 Share Posted April 25, 2020 27 minutes ago, Jowday said: But this will not export as vector - it (effects) will get rasterized: I was aware of that, thanks. Nobody said it had to be exportable without rasterisation. By the way, the other posted solutions will be at least partially rasterised. Quote Link to comment Share on other sites More sharing options...
Jowday Posted April 25, 2020 Share Posted April 25, 2020 7 minutes ago, anon2 said: I was aware of that, thanks. Nobody said it had to be exportable without rasterisation. By the way, the other posted solutions will be at least partially rasterised. Correct, no one did. But if someone should expect it as vector from this vector based drawing software it is nice to know. Quote "The user interface is supposed to work for me - I am not supposed to work for the user interface." Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else. “When a wise man points at the moon the imbecile examines the finger.” ― Confucius Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver. Link to comment Share on other sites More sharing options...
lepr Posted April 25, 2020 Share Posted April 25, 2020 Here is another solution - it will export as rasterised blurs clipped by vector paths. instagram-like2.afdesign Edit: Just realised that this is like PixelPest's. Quote Link to comment Share on other sites More sharing options...
lepr Posted April 25, 2020 Share Posted April 25, 2020 1 hour ago, Jowday said: Correct, no one did. But if someone should expect it as vector from this vector based drawing software it is nice to know. Good point. Jowday 1 Quote Link to comment Share on other sites More sharing options...
Jowday Posted April 26, 2020 Share Posted April 26, 2020 On 4/24/2020 at 6:50 AM, RainerH said: please can anybody show me how to crate a gradient like in the Instagram logo? I couldn not figure out how to solve this problem. There is no gradient with different colours in three directions: Keep it simple. This is just a proof of concept I quickly made with the use of three gradient fills in the appearance studio. Colours and look is not identical to the original logo. One can monkey around forever with this workaround. This is the work around hell you are stuck with without vector tools in Affinity Designer. Not the professionals choice.. @anon2 This method exports as vector to SVG and PDF (print). instagram_jowday.afdesign thomaso and telemax 2 Quote "The user interface is supposed to work for me - I am not supposed to work for the user interface." Computer-, operating system- and software agnostic; I am a result oriented professional. Look for a fanboy somewhere else. “When a wise man points at the moon the imbecile examines the finger.” ― Confucius Not an Affinity user og forum user anymore. The software continued to disappoint and not deliver. Link to comment Share on other sites More sharing options...
lepr Posted April 26, 2020 Share Posted April 26, 2020 5 hours ago, Jowday said: @anon2 This method exports as vector to SVG and PDF (print). Yes, that's a good method. An SVG export is all vector, but a PDF export with vector gradients uses raster masks for transparency in the gradients. Quote Link to comment Share on other sites More sharing options...
thomaso Posted April 26, 2020 Share Posted April 26, 2020 3 hours ago, anon2 said: but a PDF export with vector gradients uses raster masks for transparency in the gradients. The gradients of Jowday do contain transparency – but I don't see rasterization in its PDF exports, neither with X-4, nor (for print) or (for export) preset. instagram_jowday_X-4.pdfinstagram_jowday_1.7print.pdfinstagram_jowday_1.7exp.pdf Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 Link to comment Share on other sites More sharing options...
lepr Posted April 26, 2020 Share Posted April 26, 2020 4 minutes ago, thomaso said: The gradients of Jowday do contain transparency – but I don't see rasterization in its PDF exports, neither with X-4, nor (for print) or (for export) preset. instagram_jowday_X-4.pdf 380.06 kB · 0 downloads instagram_jowday_1.7print.pdf 7.57 kB · 0 downloads instagram_jowday_1.7exp.pdf 68.78 kB · 0 downloads The PDFs all contain rasterisation. The X-4 one contains Image objects, and each Image object is a raster image. The other two contain raster masks to give transparency to vector gradients. Quote Link to comment Share on other sites More sharing options...
thomaso Posted April 26, 2020 Share Posted April 26, 2020 1 hour ago, anon2 said: The X-4 one contains Image objects, and each Image object is a raster image. Where do you read the info of "Image object"? – To me Acrobat preflight doesn't report images but gradients & transparency only, even for the X-4 pdf: Also a visual comparison (macOS Preview.app) of PDF vs. exported PNG doesn't show pixels for the PDF while they are obvious in the PNG. (If you can't recognize the difference in my screenshot increase the contrast for the entire image to make the difference between top and bottom more obvious.) Quote macOS 10.14.6 | MacBookPro Retina 15" | Eizo 27" | Affinity V1 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.