Affinity Designer Pattern Fill Styles Tutorial
ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- Hello Designers!
Today, I will show you how to create a repeat pattern, turn it into a bitmap fill, and then create a style (in the styles panel). This will enable you to quickly and easily apply a repeating pattern to any shape with one click! Saving you valuable time in your workflow.
For more in-depth tutorials on repeating patterns in Affinity Designer check out these videos mentioned in the video:
• Affinity Designer Tuto...
• Affinity Designer Repe...
I now have a SUPER THANKS button!!! So if you feel like buying me a coffee as a thank you, tap away!
If you have any questions or want to show me how to do something better, leave a comment, and don't forget to click like and subscribe.
NOTE: I'm Using a MAC, so any shortcuts I mention may be different for WINDOWS USERS. See the below for the WINDOWS:
- Mac Command key = Windows Ctrl key
- Mac Shift key = Windows Shift key
- Mac Alt key = Windows Alt key
- Mac Ctrl key = Windows Right Mouse button
Affinity Designer Tutorials and some free Downloads
www.artistwright.com/tutorials
Affinity Designer Brushes
www.artistwright.com/brushpacks
Affinity Designer Vector Packs
www.artistwright.com/vectorpacks
Time Stamps:
0:00 Intro
3:53 Repeat Pattern
5:11 Bitmap Fill
9:30 Create Pattern Style
12:50 Styles Collection
15:15 Creating More Styles
16:07 Apply Styles
16:55 Export Styles with Patterns
17:24 Workflow
18:21 Thank You
#affinitydesigner #patterns #styles - แนวปฏิบัติและการใช้ชีวิต
From now on, i'll watch every video of yours, need to learn more to really kick my skill up on Affinity. Love it.
Thanks you Juan
Seriously mind literally blown. The more I see of this suite and of your tutorials, my mind just turns to fireworks of so many ideas and ways I could create with this. Thanks for explaining things in such a clear way. I have dyslexia and your presentation style with your tutorials, helps so much.👍☕🍪
Wow, thank you!
Thanks to ArtistWright's short, sweet & snappy tutorials - what I forgot (lost) is quickly found. My "go to reference site. Now making a collection of custom brush strokes / Styles.
Ryco!! Hope you are well my friend. More V2 Tutorials coming soon
My new go-to channel for Affinity tutorials. Anything that might relate to screen printing, such as "halftones" and what not would appeal to me personally, as I happen to be trying to learn that too. Great work!
Thank you Mitchel! Will note down your suggestion for future videos.
I’m glad I discovered your channel today.
Thanks LeAnne I'm glad too
I come back to this video EVERY single time I need to create a pattern. Your tutorial is great. Thanks and keep up the excellent work.
Thank you Sookie! I really appreciate the Super thanks too
@@ArtistWright I know how hard you work at these and it’s only fair I give a little something. It’s not much but you are very appreciated. Keep up the amazing tutorials for those of us who use this program but are self taught.
Big love!
This is by far the best teaching video I have ever watched. Your style is thorough. Thank you so much for the cheat sheet at the end!
Terry, I love you for saying that! Cheers
I don’t comment that much on videos, but I just have to on yours. They’re different and class worthy👌 Well done..
Thank you Tiffany, I always appreciate it when people take their time to give feedback
Man, you're good at this! (both in content and in teaching method). Thank you. I just subscribed.
Hey there and welcome aboard. I appreciate your feedback!
Dude the quality of your videos is so high I love it.
Thank you PalladiumBc I appreciate hearing that.
Nice tutorial. Affinity so need to sort vector repeating patterns, so these can be directly edited, rather than having a roundtrip to bitmap.
I hear you and Id love them to sort something out for vector patterns
I am very new to affinity designer and love it , with the help of your tutorials...I understand so much more...Cheers :)
Hey Cristi I'm happy to hear that
Wow, that is one of the most thorough tutorials I have ever seen on TH-cam for any application. You are awesome'
Thank you I appreciate it!
I’m just learning Affinity Designer & your tutorials (this one included!) have been very helpful! Thanks so much!
Thank you Jocelyn
Clear and concise explanation. Thank you for your content.
Cheers Adrienne
Thorough tutorial..incredible video as well..Much appreciated
Thank you i always appreciate feedback
Thanks, I didn't even know you could do that with Affinity Designer!
Glad I could help!
Awesome tutorial, thanks! Subbed and will be watching more!
Cheers!
Another fantastic tutorial AW. Thank you. I'll be looking at using this in the future.
Cheers Mousyfox
So glad I found your channel. Absolutely LOVE your tutorials thank you so much 💗 I'm very new to Affinity Designer and learning so much from you thank you so much 💗💗💗
Thank you Jackie, I appreciate that. I'm working on a new tutorial now
@@ArtistWright You are most welcome ❤ Yay can't wait 😁🥰❤🤗
Very helpful indeed, and not a single second was wasted here. Thanks for the effort! Oh, and I really liked the fact you portioned that video, makes it way easier than sitting through x minutes straight (at least for me).
Thank you! Yes I do that because I also don't like having to scrub through videos to find what I'm looking for.
Thankyou for this video, incredibly informative. Appreciated.
Thanks Chris
Thanks for the detailed tutorial
No worries 👍
Thank you for this game-changer! Easy to understand and follow.
Thanks for watching, appreciate the feedback
Very useful thank you. I will watch out for more from you.
Thanks, I'm thinking of new things that might help
I really love your videos. Very helpful! Thank you!
Thanks for watching Marlies
Great tutorial! Love your work!
Thank you!
Thank you took me a bit to figure out command zed I am American and we use Z but I have a Canadian friend or would have been clueless
Good stuff, do Canadians say zee or zed?
Another super helpful tutorial, thank you!
Cheers Toula!
Love it!!!
Cheers 🥂
Pretty good!!!! Well explained and so clear!!!
Thanks Juan
Wonderful tutorial. Thank you ArtistWright
Cheers Leonardo!
Awesome!! Thank yoy so much!!!
No problem!!
Brilliant, I have started watching all your tutorials and they are excellent, well done and thanks.
Thank Brian!
Great video! Thanks a lot!
Cheers!
Absolutely brilliant tutorials. I’ve been struggling a bit but these are excellent 👍🏻
Thanks Betty more coming soon
This. This is amazing. Great video.
Cheers Chris
Very well explained. Thank you.
Thanks Behram
Very educational as per normal, thanks
Cheers John!
Really great tutorial - seriously you are a great teacher. Thank you
That is so nice to hear, I appreciate you taking the time to say that. Also thanks for watching.
Awesome tutorial! Thank you very much, I'm very used to illustrator and although many people say it's an easy transition from one program to another that hasn't been the case for me. Thank you again, I'll be watching all your other tutorials.
Thanks Maggie, once you understand the differences it'll be a breeze. New tutorial coming soon
Brilliant. Very clear and well explained and demonstrated. Thanks.
Thank you!
Thanks a lot for this tutorial! Very helpful and your instruction are so detailed and well-organized which leaded me to learn a lot more than just the main topic. Totally a great tutorial 👏🏼
I'm very happy to hear that it helped you
Very helpful! I'm new to Affinity Designer so your detailed step by step instructions are easy to follow along. Thanks so much
Thank you so much, glad it was helpful
superb!!!!!
Thanks Al!
Thank your tutorial
Thanks for watching
Great tutorial. Wish you would upload more stuff since youre one of my favourites to learn from. U could be up to something big here ;)
Thanks Ralf I appreciate that. I will for sure be making more tutorials.
Thanks!
Cheers
Thank you
Thanks Alfonso
Thank you, I love it! Your channel is my most wanted. By the way, have you ever cut an object made with the expand stroke? I've been trying to find out how to do it.
Hello! When you expand the stroke, its technically just a shape. So you would then use the boolean operations as normal. Lay your expanded stroke above another shape (In the layer stack), select both, then click the minus symbol (boolean operation) check out my tutorial on how to use them th-cam.com/video/JrbW9vT3wA8/w-d-xo.html
Thank you!
No worries
Again, this is another really helpful tutorial. It's well-organized and has a clear, logical progression. I'd say you have a strong teaching background. I may have missed this piece, but do styles support the pixel persona? Thanks!!!!
Thanks for the feedback, I actually have no teaching background at all, but as I love using this program I decided to create the kind of tutorials I would have loved to watch when I was learning (bear in mind there were almost no tutorials on Affinity in the beginning). My frustrations of learning alone lead to me creating these once I became familiar with this software
This video is great! Thank you. I do however wonder if you are able to change the pattern colour after inserting it as a png? Not just the background colour.
Oh for sure, same kind of way you would make colour edits to a photo. Using 'adjustment layers'.
Thanks for sharing your knowledge. Now I follow all your videos. Thank you for the excellent work. I have a question. I want to sell patterns. What do you think is the best format to sell on Etsy?
I'm not sure which the best one is. I did sell patterns on Etsy for a short time. But I soon found out that some people would buy my patterns and repackage them along with a few others and sell them as their own. Was very hard to get them taken down. I guess it's kind of normal now when selling digital items
Not sure if it the type of content you are into but could you give us an example of how you’d use affinity designer to make a party invitation? Tying in some of these styles would look great on an invitation for print! Thanks
Thanks for getting in touch, I will consider all of my subscribers suggestions :)
Thanks for posting again. May I ask what screen recorder do you use?
No worries. OBS Studio
looks simple. when I did it, and selected a shape to use the new pattern for the fill, the pattern was stretched out, it did not fill with the pattern by repeating it. any ideas?
There are options in the context tool bar above to reset the scaling etc
Your squigglies are black. Is there a way after you've created the style to adjust that color, or do I need to make a second style?
Yes there is, in the tutorial I add a colour and play with it in the appearance panel and then play with blend modes. you can do that then create a new style from that.
I can't find the NOISE slider... Theres an OPACITY slider instead.
Click on that circle next to the opacity slider. It turns into noise
Awesome tutorial! Thanks!
Is it not possible to use vector patterns?
Thanks Michele, no it's not possible as they are Bitmap Fills. But ofcourse there are other ways, check out my other tutorials mentioned in this video all on the subject of patterns
@@ArtistWright I'll check them out! Thanks!
Fantastic video overall! I followed along on my computer! Question on the repeat patterns to make a style: Since they end up being bitmaps, and if you want to use them on large print on demand projects, what size should you create the art boards for the patterns to start? Or, is it the size on export to png that matters? What should that be? Thank you!
Thanks Jill, that's a good question. I tend to make them 1080 pixels square. It all depends on the size of the product you are putting them on and the size you want the pattern to be on said product. On t shirts I've always found this came out well. But if it were on a bedsheets I might go larger. One inactivate that pattern style, I always tend to make the pattern smaller when playing with those resizing handles. But if I go bigger when those handles are shown I need to be careful.
Can you not add an all vector objects square to styles?
Not as far as I'm aware
@11:55 I followed your instruction but I don't see the handle to adjust the pattern fill when selecting it.
You must use the gradient tool and you will see the handle. If you can't see it, go to the appearance panel and select the pattern layer then you select gradient tool
Can you add patterns as swatches .
You certainly can, in the swatches panel there is a button to add from selection
Is there an easy way to create a circular grid and evenly space numbers/text around it? Specifically, I'm looking at creating a circular Habit Tracker Wheel and numbering the days of the month around it.
Hi Lynette which way have you already tried?
@@ArtistWright I've played around in PowerPoint and Affinity Designer, but can't quite seem to figure out an easy way to create them. I'm also not quite sure how to evenly space and center the numbers without doing them one at a time.
See my tutorial on creating a watch, maybe some useful tips that would help you to create what you want in terms of numbers around a circle.
You could use the donut tool to create the wheel. Then use the pie tool to create your evenly spaced out sections and clip that inside the donut. Then draw out a circle to the size of the donut and then click on the text tool. Now select the circle (using the text tool) so that the text follows the outline of that circle
How did you make that black shape?
Watch my other pattern tutorials and you will learn how to create repeat patterns. It's basically a bunch of black and white circles on top of each other. I copied and pasted them all over the place
Can you make patterns without saving a jpg ? Like in adobe illustration (swatches pattern) . I think the solution you show affects the quality of the pattern.
You can obviously save a pdf of it so it stays vector. But you cant save as an actual pattern like Adobe. Yes in this tutorial you save the pattern as a png /jpeg and that's bitmap so not vector anymore. All you need is one good square plate if you are adding it to a site like redbubble and that site can repeat it
@@ArtistWright I think IMHO it affects the quality and it's very slow for the kind of vector art I'm making. It's very frustrating the only alternative I found that can make something similar to vector swatches is Graphic for mac/ios that has not been updated in the last couple of years.
Have you seen my other pattern tutorials, you can create a larger pattern by using symbols to duplicate each plate. This software is getting better with each upgrade so I think they will have something similar to what you want in the future
I agree, I too wish these "VECTOR" Patterns & Brushes really were Vectors. Coming from Adobe It's weird to mix the Raster Patterns/Brushes into Vector (SVG) it does have an affect on the quality. Hopefully we'll have the ability to create these as editable VECTORS SOON! TY
I've been importing some old pdfs created with Freehand. There are rectangular areas that have simple fills that Freehand had as templates. I'm trying to change the sizes of these rectangles without distorting the original patterns. Is there a way to maintain the patterns in this circumstances and use them as fills as I did with Freehand? Not a graphic artist so I'm trying to not have to create these sets of fills from scratch.
Hi there, it's very difficult for me to answer that without a visual aid, and I've not heard of freehand. But simply put, if you have a repeatable tile, you can resize the whole thing with no problem
@@ArtistWright You haven't heard of aldus freehand because it's ancient. Was a competitor of Illustrator back in the day. But it worked for me until last year.
I can resize the images, but the fill pattern is linked within the image instead of acting independently. What I'm trying to do is to disconnect the outline of the image to the fill within it.
@@ArtistWright BTW - thx for responding.
@ktpinnacle Ah I see. So you have square shapes and the designs are clipped inside. If you look at the layers panel you will see that. You can either drag the designs out of the square shape in the layers panel. Also if you want to resize the square but don't want that affecting the designs within, just check the box that says 'lock children'
@@ArtistWright Interesting. The way that Designer imported the pdf over is tied to what I'm seeing here. The outline and fill are locked together in the layers list. Can't seem to separate them. And when I go to lock children (who an odd nomenclature), the fill will still move with the outline (and increase in size if I increase the size of the rectangle) but it won't leave the original outline of the rectangle. Thanks for your time. I think this will require more to solve, especially with a relative graphic newb like me. Have a good evening.
@11:57 My handle doesn't return ? Version 2.2.1 Windows 10.
OK, I was using the Vector Fill Tool. Should have used the Gradient tool now.
Just press G on your keyboard, it's the shortcut to the gradient tool. You'll see your handles again
Does anyone has tried this and did not find the noise setting ? I do not have it in the colour panels, I only have opacity.
I have the V2 version of affinity. Thanks.
Hi there you have it, but it's hidden, click on the opacity circle and it switches to noise
@@ArtistWright Thank you SO MUCH !!!!!! Love your tutorials !! 🙌
I'm editing a new one now! Stay tuned
@@ArtistWright And I actually have another question !
I have followed your tutorial (thank you for all this knowledge) and when I am finished and that I actually upload my tile, the edge of the pattern is blank/transparent ! I have tried to make the document smaller so that the pattern tile goes beyond the actual designing space as there can be no transparent edge, the edges don't overlap anymore... (I hope you understand, english is not my first language...) Well, when I try to use the tile again, I have this transparent edge ! It didn't show so much on Affinity, as the transparent edge stays infinitely small no matter how much I zoom, and you actually say in the tutorial not to mind the lines. But once in Printify, that's the only thing you can see, and when I add a background behind the repeating pattern, I can see the colour, around the tiles.
I hope it makes sense.
Thank you again for everything !
I see, so usually affinity will show a line where it looks like it doesn't connect but it does. Obviously in your case your design isn't in the right placement. Double check that your square is actually. Square by looking at the dimensions in the transform panel (bottom right). After that you can check the placement on the x y axis down there too. I usually use snapping to get it right. But to make sure check the x y
Awesome info..... Im only just seeing this although ive been subscribed for ages... It seems im not being notified of your uploads ?? I saw one this morning which was a YOU TUBE Short vid...I then clicked on something and got to this series of vids... Love your vids but cant understand why i dont get notified.... But then again i suppose the powers that be are in control of that arent they..I have just clicked off and on again on the subs button, lets see if it re triggers and add me in there.
Hi Michael, ah that's interesting,thanks for letting me know. Maybe as I don't post every day\week it's punishing me lol! I appreciate that
Why not go on my channel page, click videos, then click watch later on any it might have hidden from you.
Merci !
Merci Gérard! J'apprécie le super merci
OMG there's no ability to do vector patterns at all 🤯
Well you can make vector patterns, just not this way as they are bitmap pattern fills. I'd love the option to do this with vectors
did anyone struggle with transparency in PNGs after the affinity2 update?
When I export to png, it won't have a transparent background unless.
1, I go to the colour tab in document setup and select transparent from there.
Or
2, select my whole design and export 'selection only'.
Thank you
My pleasure Iris
Thanks!
Thank you John 🤝