clearnew Posted April 26, 2020 Posted April 26, 2020 (edited) Hello! This is my first post to the forum. I'm wondering how I could recreate the speech bubble below? I can draw a rectangle with a uniform stroke no problem but how do I get it be skewed like this with the tapering width on the stroke? Does anyone know of any good tutorials out there that would show me this? Thanks in advance! Edited April 26, 2020 by clearnew
telemax Posted April 26, 2020 Posted April 26, 2020 1.mp4 clearnew, lacerto and TestTools 3 Non-destructive Mask https://forum.affinity.serif.com/index.php?/topic/150439-non-destructive-mask/ Normal Map Generator https://forum.affinity.serif.com/index.php?/topic/137255-normal-map-generator/ Image layer & Pixel layer https://forum.affinity.serif.com/index.php?/topic/146720-image-layer-and-pixel-layer/ Brushes | Stars https://forum.affinity.serif.com/index.php?/topic/135202-brushes-stars/ Brushes | Arrows https://forum.affinity.serif.com/index.php?/topic/149795-vector-brushes-arrows/
Pšenda Posted April 26, 2020 Posted April 26, 2020 4 hours ago, clearnew said: with the tapering width on the stroke? https://affinity.help/designer/English.lproj/pages/CurvesShapes/draw_pencilLines.html https://affinity.help/designer/English.lproj/pages/Painting/pressure.html Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. 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.
firstdefence Posted April 26, 2020 Posted April 26, 2020 Making a ‘W” pressure profile will get the stroke correct. The halftone pattern was created by making an ellipse with a black to transparent gradient using the transparency tool and then using this website: https://xoihazard.com/tools/halftone/ to make the halftone, it’s a bit clunky menu wise but it makes nice halftones. These were the settings I used on the site. CVA 1 iMac 27" 2019 Sequoia 15.0 (24A335), 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
GarryP Posted April 26, 2020 Posted April 26, 2020 In addition to the advice above, you can also make a similar Halftone pattern with Photo by putting a Halftone Live Filter over a circle filled with a Grey-to-White Radial Gradient Fill. You don’t get the same control as in the other software, and some tweaking is needed to get a nice pattern, but it’s not too much effort. Attached is an example done entirely only in Photo. (I'm sure improvements could be made as it was done quickly.)
clearnew Posted April 26, 2020 Author Posted April 26, 2020 (edited) WOW! Thanks everyone! These are great! So very grateful for your help! Edited April 26, 2020 by clearnew Spelling error.
clearnew Posted April 29, 2020 Author Posted April 29, 2020 This this was the final product. I'm wondering... is there a way to make the half tone transparent? I've been unable to do that.
Pšenda Posted April 29, 2020 Posted April 29, 2020 Just my subjective impression, but the undistorted text on the distorted/skewed bubble doesn't look very good. 7 minutes ago, clearnew said: is there a way to make the half tone transparent? Set Opacity for this layer? Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.5.7.2948 (Retail) Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 24H2, Build 26100.2605. 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.
clearnew Posted April 30, 2020 Author Posted April 30, 2020 2 hours ago, Pšenda said: Just my subjective impression, but the undistorted text on the distorted/skewed bubble doesn't look very good. Hey! Opinions are very welcome! I don't consider myself a designer and am trying to get better so let me have it! Do you think it should be skewed in the same direction? What do you think of the font? It's Mouse Memoirs from Google. 2 hours ago, Pšenda said: Set Opacity for this layer? Again, I'm not too smart when it comes to the tools. I used the page that @firstdefence mentioned and it gave me a non-transparent file. I also tried the Halftone Live Filter that @GarryP mentioned and it too was not completely transparent. Thanks again for the input!
firstdefence Posted April 30, 2020 Posted April 30, 2020 From the website export as SVG you can turn the background off so you have only the halftone dots, this keeps it all vectors. vhm_1588228890.svg There is also a switch to have a transparentBG in the controls panel on that site, it’s under the color controls. Enabling this just saves a step in having to turn a background off. iMac 27" 2019 Sequoia 15.0 (24A335), 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
firstdefence Posted April 30, 2020 Posted April 30, 2020 iMac 27" 2019 Sequoia 15.0 (24A335), 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
GarryP Posted April 30, 2020 Posted April 30, 2020 In addition to the above, with the solution I presented, you can give the Ellipse that has the Halftone Filter applied to it a Blend Mode of Darken. This will allow you to put it over most images or other layers.
firstdefence Posted April 30, 2020 Posted April 30, 2020 GarryP and haakoo 2 iMac 27" 2019 Sequoia 15.0 (24A335), 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
Recommended Posts