Affinity Designer Tutorial - Multiple Strokes and Gradient Fills

[@IndyIndie59]

OMG that is so simple when someone explains how to do it. Thank you.

[@ArtistWright]

Cheers

[@eclecticaro]

As always your tutorials are highly detailed, very well explained and articulated. This is exactly what tutorials should look like. I wish very best to you and your channel for sharing this knowledge.

[@ArtistWright]

Thanks Aro. Nice to hear from you again! Hope you are well and thanks for the comment

[@dragontoes296]

Awesome! This is a fantastic method to know! Thanks, great stuff!

[@ArtistWright]

Thank you

[@mellifluous479]

Usable info. It helps to take notes because you won't remember all the details. I've had to re-view this video because I failed to convert the text to curves. Thank you to all the Affinity tutors and tutorials for enlightening and sharing info. I no longer feel overwhelmed by all the tools, each having its own purpose(s). Learning and using Affinity Photo and Designer is a wonderful creative experience. It's time for another tutorial. Progress.

[@ArtistWright]

Glad it was helpful! I have two new videos up, all about isometric design.They are great for beginners

[@sarahgreene8997]

Fantastic! I love your step by step tutorials. I can view and absorb the information in real time. Thanks so much.

[@ArtistWright]

Hi Sarah, thanks again!

[@nataliainformatyczka6604]

Thank you for that content. It was really helpful.

[@ArtistWright]

Thanks for watching Natalia

[@hicap06]

This is awesome! As a true beginner to design (and affinity ) this really helps getting the basic understanding of the text effects. Well done!!

[@ArtistWright]

Thanks glad it's helping

[@kiwikevnz]

Hey AW, good to see you again and great work as always. Like you mentioned the quality is always in the details. Cheers Kev

[@ArtistWright]

Cheer Kevin

[@kwakukwakugh7031]

Very Detailed and informative..thank you!

[@ArtistWright]

Cheers!

[@zuli4373]

This is BRILLIANT !! ... Thank You so much.

[@ArtistWright]

Thanks Zuli

[@ocelotcat]

Thank you, great, concise tutorial..... Made it easy for my novice mind 😊🙏

[@ArtistWright]

Thank you!

[@mixinmagic5995]

Another clear tutorial. Cheers.

[@ArtistWright]

Thanks Mixinmagic I feel I might have skimmed a few things but if you have any questions, fire away

[@mixinmagic5995]

@@ArtistWright Nothing wrong with that tutorial. I'm getting into the habit of create to curves to provide more editing options (particularly for letters.) Hardest thing at times is finding where all the features are. Guess it's just a matter of practice. Cheers.

[@pixelatl]

Thanks! great tutorial! I've been using Affinity Designer for a while and never new about the Appearance panel! Mine wasn't on by default

[@ArtistWright]

Yeah it's a bit hidden lol!

[@pixelatl]

@@ArtistWright Yep mine was defaulted to Show Left Studio view which I don't keep open, so it was out of site out of mind

[@ArtistWright]

@@pixelatl glad you found it!

[@DukeOBass]

I got lost around the 13::00 mark. I’m sure what you did there did lay the blue gradient on top of the pink I thank you for all of the time you put into creating this. I’m very new to graphic design software and find these tutorials very beneficial!

[@ArtistWright]

Thanks Duke, I have a new tutorial up today

[@Myrella369]

Very, very helpful! 🙏🙏

[@ArtistWright]

Hello Mirela, thank you for your kind comment

[@blvrdialogue]

Thanks 😊 helped a lot

[@ArtistWright]

My pleasure, new tutorial coming out soon

[@arsom5552]

Super nice tutorial. Thank you!!!

[@arsom5552]

Super useful!

[@ArtistWright]

Thank you

[@arsom5552]

@@ArtistWright You are very welcome.

[@sissonor]

YEAH :) this tutorial was very useful! one can follow your steps without any problems. super explanation, super visualization and you don't run through the topic. keep on this way :)

[@ArtistWright]

Thank you Pitti!

[@seichi4439]

Thank for your super useful tutorial 💚

[@ArtistWright]

Glad it was helpful!

[@DukeOBass]

I lost you at around 13 minutes. I’m not sure what you did to overlay the blue gradient on top of the pink one. Thank you for all of the time you put into creating this tutorial! I am new to graphic design software and have a lot to learn.

[@ArtistWright]

Hello there! Thanks for watching. So at 13 minutes in i clicked on the fill tool, dragged it across the 'fill word', as standard it comes out as grey to white and you can see a small circle on each end of the line. I first clicked on the little white circle on the end of that line then clicked on the colour tap and chose the pink colour. I then went back to the design and selected the other mini circle which was grey.i then went back up to the colour tab and selected a blue colour. That's it. Hope that helps

[@DukeOBass]

ArtistWright, thank you for the clarification. I really appreciate your help and fast response. Looking forward to more great tutorials!!!

[@drakestreet1953]

Thank you, very helpful for a beginner. Should you always convert to curves when you're working with text?

[@ArtistWright]

If you want to add the multiple strokes it helps.

[@ryanlea750]

New subscriber! Great tutorial!

[@ArtistWright]

Hi Ryan! Welcome to my Channel. Hope my tutorials help you out

[@ehsan8596]

Very informative video. Didn't know about multiple strokes. One question, is there a way to have the white outline as a separate line that i can use to send to the printer as a cut line?

[@ArtistWright]

Thanks, I don't know so much about cut lines. But I believe if exported to the correct file format it's possible. You can create separate lines. Have a play about

[@chackss]

Thanks Dude

[@ArtistWright]

Cheers

[@beautihite799]

Hello...thank you for this helpful video . I have a newbie question, after you started a design which size layout did you pick because mines look different? can I accomplish this with a transparent background? Very good video

[@ArtistWright]

Hi there, I used a 1500x1050 pixel document.

[@kumoitojp]

Epic

[@ArtistWright]

Thanks 👍

[@multipl3]

HI there. Loving the videos. Im after a simple tutorial on how to convert jpeg images like a logo, to a usable image with no background (putting it simply because Im a noob)

[@ArtistWright]

Hi Jon, thank you for your comment. So I assume you want to convert for example jpeg logos into vectors. Unfortunately Affinity Designer doesn't have an image trace option like Adobe illustrator. But you could always recreative it in Affinity Designer, my other tutorials can help you learn this software. You could also use another vecotiser programme. I know of one called super vecotiser 2 which does a fairly decent job as tracing and converting jpegs into vectors. I've used that, then tidied it up in Affinity Designer. Hope that helps

[@gabbyg561]

I just bought my AD and it seems that the layout in the work area is a bit different. I don't see all the selection tabs showing on the right side of your work area. Cir Appearance Swt Chr Str Bru. I do see Color Swatches Stroke and Brushes. I went up to view and then studio and then clicked appearance off and on to where it was. It is located on the left side Of the workspace next assets. Is there a way to set my work area up the way yours is, so that all these tabs are showing up just the way your does. It looks a whole lot more convenient. 🙂

[@ArtistWright]

Hi there, sorry for the uber delayed response. To reveal more panels such a swatch, brushes etc. head to VIEW then STUDIO then click on the items you want. they will then appear on your document and you can drag them to where you want. Ive just released 2 new videos if you are interested.

[@kmc2227]

At 4:16 you are adding an additional stroke. How do you do that on the ipad. I don't see appearance to find add stroke.

[@ArtistWright]

Hi there its in appearance studio. On the right hand side

[@hagelslag9312]

I was hoping for a solution I'm looking for: I have a shape and line. The line has a texture, like a pencil. I want to fill the shape with a gradient. But the line in the same way. Copying the style doesn't copy the direction of th gradient so the line still isn't the same. Is there a way to turn the line into an outline and combine it with the shape to solve the issue? Or can you control the line the same as the fill? I also tried masking but it's a pain because the mask needs to be smaller than the original shape to see the line texture.

[@ArtistWright]

If you have a shape you can add the gradient and choose the direction and colour. If that shape has a stroke, you can also apply a gradient to that (use the full tool) . With the stroke selected (I assume its a vector brush that has the style of a pencil) go to the fill tool and on the top left it will say context, change that to stroke and choose your colours. Hope that helps

[@twizzy12]

What does it mean if Affinity is not allowing me to add another stroke?

[@ArtistWright]

It probably is letting you, but it adds the new one under the current stroke. So you can either drag the new layer above or just expand the stroke so it shows.

[@stephenroberts2526]

Could you use symbols and keep the text live for multiple strokes and fills?

[@ArtistWright]

Hi Stephen, I've never tried. Let me know if you try it

[@moy16ful]

My doesn’t say add stroke anymore sigh

[@ArtistWright]

From the drop down menu go to : 'window', and click on 'appearance' now you can do it

[@MrSurvivalTv_CS]

is this stil possible with affinity photo?

[@ArtistWright]

I don't think so. But you could do a little trick and user the FX panel to add the outline. Group it, then add an outline to that group so you have 2 outlines.

[@graziacavasino8884]

What if I repeat myself and say you're a born instructor?

[@ArtistWright]

This comment has made my day, thank you

[@graziacavasino8884]

@@ArtistWright Quote: "my pleasure" >winke>