PluginJunkie Posted June 4, 2021 Share Posted June 4, 2021 Hello everybody, I recently saw these designs for a Pear Logo on Dribbble by Second Eight. I love the overall aesthetic but I was hoping you could please provide some guidance on the following things: How would you go about creating the path of the spiral in Affinity Designer? Would you use a series of Boolean shapes and join their paths? If possible, please can you shed some light on how you would recreate this design? Is the second design simply the first one with a stroke applied to the border, or are there other steps to be aware of? Is it possible to get the gradient to follow the path of the spiral in Affinity Designer? If not, can this be achieved in Affinity Photo? Apologies if these are newbie questions! I will be grateful for any help you're able to provide. Thanks in advance! Quote Link to comment Share on other sites More sharing options...
firstdefence Posted June 5, 2021 Share Posted June 5, 2021 Interesting shapes, I would have said those are path/curves with a gradient fill applied running with the curve. The right-hand one will likely have a stroke applied. A puzzle for the creatives to solve lol! The gauntlet hath been dropeth’d first one to get a lookilikey wins shag all but for praise from on high lol! Wosven, PluginJunkie and Callum 3 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...
GarryP Posted June 5, 2021 Share Posted June 5, 2021 In addition to the advice above, this sort of design can be deceptively simple and could take a lot of experimentation to get right because of the complex geometries. I would suggest getting to know the Node Tool and Geometry functionality very well. Also, remember that a layer can only be in one ‘z-plane’ meaning that a layer cannot go both behind and above another layer, so you may need to construct multiple layers, possibly ‘overlapped’, to get the result you want. I don’t know if I will have time to try these for myself but I’d certainly like to be able to make them. PluginJunkie 1 Quote Link to comment Share on other sites More sharing options...
Wosven Posted June 5, 2021 Share Posted June 5, 2021 As said by fellow forumers, an interesting exercise If I had to redraw them, I would distinguish 2 ways of doing this: simple copy (like redrawing a bad logo send by a client, but I want a good result in my document): I would redraw the curves and add -- inside if needed --, other shapes with gradients or transparency to get the same result. It's a copycat work, no real brain damage... If I want to get a process and be able to apply it on other shapes, I would put my brain on it and search which features of the apps, which styles or tools can get the same result, or the closest... Doing this the 1st way can help for the second... PluginJunkie 1 Quote Link to comment Share on other sites More sharing options...
PixelPest Posted June 5, 2021 Share Posted June 5, 2021 I see it total negatively: 😅 Wosven and PluginJunkie 2 Quote Link to comment Share on other sites More sharing options...
Wosven Posted June 5, 2021 Share Posted June 5, 2021 @PixelPest And if the shapes are created in order, applying it to shape 5 would be good! PluginJunkie 1 Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 5, 2021 Author Share Posted June 5, 2021 4 hours ago, firstdefence said: Interesting shapes, I would have said those are path/curves with a gradient fill applied running with the curve. The right-hand one will likely have a stroke applied. A puzzle for the creatives to solve lol! The gauntlet hath been dropeth’d first one to get a lookilikey wins shag all but for praise from on high lol! Thank you for your input @firstdefence! Appreciate this. Is it possible to apply a gradient that runs with the curve? I've only been able to apply gradients in the basic directions (linear, elliptical and radial etc.) with Affinity so far. Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 5, 2021 Author Share Posted June 5, 2021 2 hours ago, GarryP said: In addition to the advice above, this sort of design can be deceptively simple and could take a lot of experimentation to get right because of the complex geometries. I would suggest getting to know the Node Tool and Geometry functionality very well. Also, remember that a layer can only be in one ‘z-plane’ meaning that a layer cannot go both behind and above another layer, so you may need to construct multiple layers, possibly ‘overlapped’, to get the result you want. I don’t know if I will have time to try these for myself but I’d certainly like to be able to make them. Thank you @GarryP! I completely hear you. I'm really interested in learning more about grid systems and geometric design. Will definitely take your advice on board Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 5, 2021 Author Share Posted June 5, 2021 1 hour ago, PixelPest said: I see it total negatively: 😅 This looks brilliant @PixelPest! If you don't mind me asking, how did you go about creating that shape? I'm guessing you used three concentric circles fo the base? Also, did you have any luck with the gradient effect applied? Would be really interested to see your results. Thanks for sharing! Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 5, 2021 Author Share Posted June 5, 2021 (edited) 2 hours ago, Wosven said: As said by fellow forumers, an interesting exercise If I had to redraw them, I would distinguish 2 ways of doing this: simple copy (like redrawing a bad logo send by a client, but I want a good result in my document): I would redraw the curves and add -- inside if needed --, other shapes with gradients or transparency to get the same result. It's a copycat work, no real brain damage... If I want to get a process and be able to apply it on other shapes, I would put my brain on it and search which features of the apps, which styles or tools can get the same result, or the closest... Doing this the 1st way can help for the second... Thanks @Wosven! Appreciate your thoughts and feedback Edited June 5, 2021 by PluginJunkie Spelling Quote Link to comment Share on other sites More sharing options...
R C-R Posted June 5, 2021 Share Posted June 5, 2021 3 hours ago, PluginJunkie said: This looks brilliant @PixelPest! If you don't mind me asking, how did you go about creating that shape? I'm guessing you used three concentric circles fo the base? Also, did you have any luck with the gradient effect applied? Would be really interested to see your results. Thanks for sharing! I don't know how he made it but it appears to be just one open curve -- note that there is only one red node. PluginJunkie 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
firstdefence Posted June 5, 2021 Share Posted June 5, 2021 4 hours ago, PluginJunkie said: Thank you for your input @firstdefence! Appreciate this. Is it possible to apply a gradient that runs with the curve? I've only been able to apply gradients in the basic directions (linear, elliptical and radial etc.) with Affinity so far. With regard to gradients, affinity has the basic grad types such as linear, radial, conical etc but no gradient that will follow a curve yet. There are, however, a few workarounds, a stalwart phrase of affinity apps. One method is to nest as children various shapes with the colours you want to represent the gradient and then apply a blur such as the example below... Another method is to make an image brush that can be applied to the stroke. PluginJunkie 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...
PixelPest Posted June 5, 2021 Share Posted June 5, 2021 5 hours ago, PluginJunkie said: This looks brilliant @PixelPest! If you don't mind me asking, how did you go about creating that shape? I'm guessing you used three concentric circles fo the base? Also, did you have any luck with the gradient effect applied? Would be really interested to see your results. Thanks for sharing! It´s manually drawn in 1 stroke. One looped stroke for the color in the background assigned an image texture brush of that particular gradient: firstdefence, PluginJunkie and jaedee 3 Quote Link to comment Share on other sites More sharing options...
thatGuy Posted June 6, 2021 Share Posted June 6, 2021 instead of an image brush you could also stack gradients in the appearance panel (100-0% opacity), this however requires some masking to have them not bleed into overlapping areas untitled.afdesign PluginJunkie and Wosven 2 Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 6, 2021 Author Share Posted June 6, 2021 15 hours ago, PixelPest said: It´s manually drawn in 1 stroke. One looped stroke for the color in the background assigned an image texture brush of that particular gradient: This honestly looks so good @PixelPest! Thank you for mapping out your process like this. It's really interesting to see! Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 6, 2021 Author Share Posted June 6, 2021 3 hours ago, thatGuy said: instead of an image brush you could also stack gradients in the appearance panel (100-0% opacity), this however requires some masking to have them not bleed into overlapping areas untitled.afdesign 14.31 kB · 1 download I had no idea this was even doable. Thank you @thatGuy Quote Link to comment Share on other sites More sharing options...
PluginJunkie Posted June 6, 2021 Author Share Posted June 6, 2021 17 hours ago, firstdefence said: With regard to gradients, affinity has the basic grad types such as linear, radial, conical etc but no gradient that will follow a curve yet. There are, however, a few workarounds, a stalwart phrase of affinity apps. One method is to nest as children various shapes with the colours you want to represent the gradient and then apply a blur such as the example below... Another method is to make an image brush that can be applied to the stroke. Good to know. Thank you for outlining a few workarounds @firstdefence firstdefence 1 Quote Link to comment Share on other sites More sharing options...
uneMule Posted June 6, 2021 Share Posted June 6, 2021 Bonjour à tous. Une petite piste de construction. Hello to all. A small construction track. PluginJunkie 1 Quote Toujours pas !Windows 10 Pro 21H2 - Intel Core i7-3630QM CPU @ 2.40GHz - 16 Gb Ram - GeForce GT 650M - Intel HD 4000 Affinity Photo | Affinity Designer | Affinity Publisher | 2 Link to comment Share on other sites More sharing options...
uneMule Posted June 6, 2021 Share Posted June 6, 2021 Une base de travail plus aboutie. Si cela peut vous aider. Avec la bêta 1.9.4.1065. ***** A more complete basis for work. If it helps you. With beta 1.9.4.1065. 754628150_final.afdesign brosses.afdesign jaedee and firstdefence 1 1 Quote Toujours pas !Windows 10 Pro 21H2 - Intel Core i7-3630QM CPU @ 2.40GHz - 16 Gb Ram - GeForce GT 650M - Intel HD 4000 Affinity Photo | Affinity Designer | Affinity Publisher | 2 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.