Affinity Designer Tutorial: Vector Flood Fill in V2.1, Graphic Design, Digital Art, Vector Graphics
Vložit
- čas přidán 11. 07. 2024
- #affinitydesigner #graphicdesign
In this Affinity Designer tutorial, learn how to use the new Vector Flood Fill tool in Affinity Designer V2.1. This graphic design tutorial covers some basics in Designer and is perfect for beginners in digital art and vector graphics.
00:00 Introduction
00:41 What is the Vector Flood Fill Tool?
01:07 What types of fills can you use?
01:28 The Basics | Solid Fills
02:30 Overlapping Shapes
04:12 Using Gradient Fills
05:27 Bitmap Fills from the Assets Panel
06:31 Using the Flood Fill to Quickly Test Basic Patterns
07:09 Bitmap Fills from the Stock Studio
07:46 Set Bitmap Fill | Pulling Fills from Photos or Files
09:07 Fill Modes
10:41 Stacking Semi-Transparent Fills
10:56 Fill Modes
13:47 Using Overlapping Strokes to Create new fills
18:00 Fill to Visible Boundaries
19:33 Creating a Stained Glass Floral Illustration with Strokes
24:18 Using Flood Fill with Text
28:02 Conclusion
Find all of the Texturelabs textures used in the tutorial here: texturelabs.org/
*******************************************************************************
Where you can find me:
Full length classes-
On Skillshare - www.skillshare.com/en/r/user/...
On my Creator Collage site - learn.creatorcollage.com/
Creator Collage Community (my free community for digital creatives):
creatorcollage.com/
Instagram: / tracey.capone
My website: www.traceycapone.com/
Music Credit: "Novembers" by Just Ripe on artlist.io (license on file) - Věda a technologie
Hi everyone! Thanks so much for watching and learning all about the Vector Flood Fill tool! If you have any questions, please don't hesitate to ask.
Just in case you run in to difficulty finding the tool... I have heard of an issue where it's hidden. This shouldn't be an issue in the iPad version but, if you don't see the tool on the desktop version, go to View > Customize Tools and just turn on the Vector Flood Fill (paint bucket with nodes pouring out of it). I didn't have to do this when I updated to V2.1 but just in case you do, you should be able to turn it on! :)
Hullo Tracey. I have been an Adobe apps teacher and user for 45 years. I have recently switched. There are a lot of people posting Affinity tuts on CZcams. Yours are the most professional and informative. Thank you.
@ozpaul2sb, thank you so much! That means so much, especially coming from a long time teacher. Welcome to the world of Affinity! :) Thank you so much for watching, and for taking the time to comment.
i second that, sir!
I'm going to repeat this for the millionth time on Friday the 29th, 2023 (date for referance lol): You are the best and the sweetest!
thank you
Wonderful, thank you for watching! (and for the lovely compliment :))
@@Tracey-CreatorCollage thank you so much, Tracey!
I may have one silly question: I am stuck at the point of making the same shape like that lovely flower. i've tried circles overlapping each other and i tried clicking ENTER to duplicate but none seems to work for me. do you have any quick tip for this, please?
@@windowtothemind8534 not a silly question at all. When you say you click enter to duplicate, do you mean you're trying to power duplicate the circle shape? I apologize, I'm not certain at what point you're clicking Enter and what you're trying to duplicate.
@@Tracey-CreatorCollage thank you very much, Tracey!
I created one perfect circle and then i clicked ENTER then the duplicate menu opened up, then i tried rotating ... and duplicating but i couldn't come up at exactly your flower shape. Would you mind showing me how to create a flower like this one in the video, pleasE? i'm afraid i might be following the wrong steps
@@windowtothemind8534 ok now I understand what you meant, thank you for the clarification! It would be a long explanation for here, however I'm creating a few tutorials today and can create a quick tutorial showing how to use the Move/Duplicate ("Enter") dialog box to create a flower shape, if that would help.
I will keep coming back to this video for more and more tips. The decorated text at the end is very inspiring.
Thank you so much Lori! Many thanks for watching, and taking the time to leave this lovely compliment! Have fun creating :)
This is great! Thank you so much for contributing!
You're very welcome! Thank you for watching, and taking the time to comment!
Thanks!
Thank you very much John!
Love it! Will probably watch it again. And maybe again.
Thank you Myna! So happy you enjoyed it and found it helpful. Thanks for watching!
Thank you Tracey for another awesome tutorial!!
You are very welcome!! And thank you for the lovely compliment... I'm so happy you found it helpful!
Thanks for the great Affinity tutorial, so easy to follow!
Thank you very much Joe, and thank you for watching!
Excellent content, Tracey. Clear. Thorough. Useful. Thanks!
Thank you very much, for watching, and taking the time to leave such a lovely compliment!
There is so much valuable information in this tutorial Tracey! I will surely watch it again and again to grab all of it and give the techniques a try for sure. Thank you so much!
Thank you for watching Louise! I'm so happy you found it helpful and plan to try it out! Thank you!
Wow, detailed 👌👌👌
Thank you!
I love Affinity!! This is great!
So do I! Thanks so much, Tara, for watching and commenting!
Great tutorial, thank you!
Thank you Lina! Thanks for watching!
Thank you
You're welcome! Thank you for watching!
Thank you, that was a fun tutorial! I learned a lot from it.
You're very welcome; I'm so happy to hear that! Thanks so much for watching, and taking the time to comment :)
Excellent tutorial as always, I think I need to do some playing around with this tool, thank you.
Thank you Mandy! Once you start playing around with it, it's hard to stop :) Have fun! Thanks for watching!
Nice one Thanks
You’re welcome! Thank you for watching, and taking the time to comment!
I've just made my second design using this procedure - I love it. It doesn't really matter that your design elements don't line up perfectly because neither does Stained Glass :) I had tried the Vector Flood Tool before and struggled - it was the selecting of the shapes that caused me the problems. Now I'm sorted but also have this video to look back on if I forget what I'm supposed to do. I love that your tutorials have an end design that really resonate with me rather than flat graphics, cartoons etc.
So happy to hear that Pam! I hope you enjoy using the Vector Flood Fill moving forward!! Thanks so much for watching, and for taking the time to comment!
Great instructions, loved the sample stained glass, and text designs at the end that helped bring all the concepts together in a playful creative informative way. By the way, where did you get your large source of "lots of gradients" used for the final example?
Thanks so much for watching, and the lovely compliment! Honestly, it's a mix of a bunch of gradients I have created or collected over the years. There isn't one source that I can pinpoint, sorry!
Ty new to affinity love how you use the flood fill tool with text just can't get I will keep watching
Welcome to the world of Affinity! I hope you are enjoying learning it. Please don’t hesitate to let me know if you have questions as you watch. Thank you for watching, and commenting!
Thanks so much Tracey. What an amazing new tool. Really appreciate such a thorough rundown.
You’re very welcome! I’m happy you found the tutorial helpful; t really is an awesome tool. Thanks so much for watching!
If I told you how long it took me to figure out the origin transform point in this new version, you would faint. Image incoming to the group!
@@BlancheFury it wasn't just you! It took me a while as well!! :) They hid it on us! Looking forward to seeing what you create!
I love this video! Thank you! This is a new tool for me. Is the only time the fill stays vector when you pick a color or gradient from within affinity, as long as it isn’t an asset? I’m not sure if that makes sense but I’m trying to wrap my mind around when the tool converts to raster or stays vector. Thank you!
You're very welcome! I'm so glad you found it helpful!
The question makes sense, yes! Correct, it remains a true vector shape (i.e. infinitely scalable) as long as it's a solid or a gradient from the color picker. However, anything else, such as a fill created from an asset, or something pulled externally, will be added as a bitmap fill and therefore be raster based.
Thank you Tracey! I really appreciate that you explain these kinds of details because they are important!
@@jillwirsing7544 you're very welcome! Thank you for watching!
I just got Affinity Designer v2.3 and I don't see this option, did they move it or something?
Hello @morrownow! If you are on desktop, and aren't seeing the option, go to View > Customize Tools and see if you see the paint bucket with nodes pouring out of it there. If so, you can drag it in to your toolbar. I never lost the option with updates but if a tool is missing this is where you would find it.
If you're on the iPad version, it should be on the toolbar standardly.
How do i create semi transparent textures?
Hi there! There are a number of ways to approach this, but here are a few. In Affinity Designer, you can use Blend Ranges on a texture to pull out either the dark or light values in the textures. Wherever you reduce either dark or light to invisible, it's going to create an alpha background. (you would then save as a png to retain the alpha background)
In Affinity Photo, you could use Erase White Paper on a manual texture you created and scanned and, again, it would create an alpha background where, if you export as a png, you will have a transparent texture to use.
You can also pull a texture in to either app, reduce it's overall opacity of the layer itself, until you begin seeing the checkerboard, make any adjustments you might want to it (curves, threshold, etc) and export as a png to retain the transparent background.
With any of these options, you would just save the png export and then pull in the bitmap texture via "Set Bitmap Fill" using the Vector Flood Fill Tool
Here is a tutorial on using blend ranges with texture in Designer czcams.com/video/quLRaffJaNY/video.html
Here is a tutorial on using Erase White Paper in Affinity Photo if you have created analog texture that you have scanned
czcams.com/video/p72_4CQHZAM/video.html
Don't know what's up--trying to fill a shape with this tool from Stock is instantly crashing Affinity!
Hi Ruth! I have had several people tell me that and some have reported it to Serif, who said it was a known issue that would be fixed in the next update. It's not happening to everyone so there must be something specific.
They just released 2.5 today. If you haven't already, I would make sure your app is fully updated, try it again and, if it's still crashing, report it to Serif.
@@Tracey-CreatorCollage Thank you so much, Tracey--that was very helpful and very fast! I will update... This video is just what i needed, b/c I have started making moodboards and had been using child-layers to do it. The vector flood tool will be SOOOOO much better!