How to Outline Lettering in Affinity Designer | Easy Techniques for Non Designers to Level Up

[@BuffaloByte]

Oh boy, I've been using Affinity Designer for years and I didn't know about that erase layer setting. Thanks

[@DetourShirts]

Happy to help! Yeah... the erase layer effect comes in handy a lot

[@scottgelb2650]

@@DetourShirts Great. I will start doing the same. Thanks!

[@aquarels]

I have to say your tutorials and content in general are priceless. So much gratitude for you for your knowledge and for your ability to teach it the way you do. Thanks Juna!

[@DetourShirts]

You're very welcome!

[@Lambchop59]

Super duper !,, more techniques please we learn the tools too!, loved it Juna!

[@DetourShirts]

Thank you! Will do!

[@raulpacheco7488]

Amazing work, Juno. Will apply this for sure. Thanks!

[@DetourShirts]

Great to hear!

[@amybruder5442]

Perfect! The knocked out background on the Sunshine takes the design up a notch. Another super helpful video. Thanks, Juna.

[@DetourShirts]

Yes it does.... thanks for watching...You are so welcome!

[@mhaitorres6255]

Thank you so much Juna for your very informative videos.

[@DetourShirts]

You are so welcome!

[@maxwell-cole]

Super helpful video. Thank you. Definitely time to start using Affinity Designer now too.

[@DetourShirts]

Glad it was helpful!

[@OuterLimitsOpenRoad]

Your explanations are so far above any others. Thank you so much. You're making it less painful to learn Affinity.

[@DetourShirts]

Glad to hear that!

[@SophieMarnez]

Now, that's a tutorial... or what !!! You are a real priceless resource for all these nitty gritty things that look so cool and for which I don't have the beginning of a clue... Thank you so much ! And thank you Affinity... it might be the best investment I made ever in terms of publishing and design ! And the price...

[@DetourShirts]

Wow, thanks for the comment... glad you liked the video and I'm so happy it helped

[@VisionQuest7]

Thank you so much! This was exactly what I was searching for!

[@DetourShirts]

Glad it was helpful!

[@Ioannnify]

Great video and very helpful, you're the best Juna! thanks so much for this trick!!

[@DetourShirts]

Happy to help!

[@vishalsannyashi3187]

Thank you Juna. I so much needed to learn creating outlines for my upcoming designs

[@DetourShirts]

Glad it was helpful!

[@vishalsannyashi3187]

@@DetourShirts oh and thank you again for I learnt about erasing silhouette colors in one of your vintage sunset design tutorial . It helped me a lot.

[@rafaechizen]

Unbelievable!!! Awesome! Thanks a lot!

[@DetourShirts]

You're welcome!

[@yjchung6100]

Erase effect is so cool. Thanks.

[@DetourShirts]

It really is! I love it

[@brandknewme]

THIS was exactly what I needed! You are a genius.

[@DetourShirts]

Glad I could help!

[@matichmarmorheizungen422]

Thank you so much! This is what i was searching for! Greetings from Bavaria Germany :-)

[@DetourShirts]

Glad I could help!

[@luvlife4999]

I love these techniques video. I learn something new everything I watch. Thanks for sharing.

[@DetourShirts]

You are so welcome!

[@jimmatthews1930]

Well explained...Thanks for the tutorial..

[@DetourShirts]

Glad it was helpful!

[@icysebastian2277]

thanks Juna, this one was really helpful to improve my designs.

[@DetourShirts]

Glad it was helpful!

[@scrappycottage]

Danke!

[@DetourShirts]

Thank you for that... that is so nice

[@DetourShirts]

thank you

[@DavidBishopinc]

Well sunk in a ditch. Ive never even really noticed the ERASE option. Well worth the watch. Thanks!

[@DetourShirts]

Glad to help! Erase is pretty powerful.... I use it all the time

[@bradholmes1832]

Many Thanks Juna - I do appreciate and applaud - how this IS so Simple and Easy to Do! I do love all your videos, Mate! Cheers, Brad H

[@DetourShirts]

Glad you like them!

[@carltonmerriam7282]

I generally use the FX panel for outlines. I find it much easier than going through all those steps. Love the erase tip. Didn't know it was there. Much thanks Juna.

[@DetourShirts]

Thanks for sharing! Yes... there are lots of ways to do outlines... You can also use the new contour tool. Thanks for sharing the way you do it

[@shivamlaxmi4012]

Thank you for showing me a new technique Juna. I normally expand the stroke and subtract it from the layer below. Didnt even think about using the "Erase" blend mode. This way is a lot quicker and less destructive.

[@DetourShirts]

I used to do the same thing before finding this erase effect.... the other way still works

[@jamlongsaiyot3323]

Awesome my friend. Thanks so much.

[@DetourShirts]

Very welcome

[@maritadutoit7316]

This was very helpful! I would like to know how to do glitter technique in my designs? Thanks for the easy to follow tutorials

[@DetourShirts]

Glitter is fine for some POD sites but be very careful with glitter on Amazon.... you can't use it in the title and it doesn't really print that well.

[@JackSmith-ud9bg]

i liked it alot. Ill watch it again.

[@DetourShirts]

Thanks

[@Melissa-YupMelissa]

Your videos are so helpful. I'm making a lot of progress, thanks to you. But as far as I've come, I'm still going back to these older videos of either learn or re-learn techniques. I battled with this one a few days ago and just couldn't remember how to do this...I was missing the "group" step. So I took a rest over the weekend and came back to it today. So glad to have found this video again! Thanks so much, Juna!

[@DetourShirts]

Glad you like them and I'm so glad they are helping....Thanks for watching

[@inspired2motivate206]

Thanks Juna. And once again another great video. Your explanation was dead on. Keep them coming my friend

[@DetourShirts]

I will.... thank you

[@carolward1142]

This is brilliant - thank you! :)

[@DetourShirts]

Glad it was helpful!

[@therapy4everybody]

I love your tutorials so much!!! Thank you!

[@DetourShirts]

Glad you like them!

[@prueloone]

Yeah that was awesome. Didn't know you could you use it with erase had been trying to do things other ways and not working. This just made things so simple. Thanks again Juno for great tips.

[@DetourShirts]

Glad I could help!

[@fabiGBOtown]

Awesome! Loved it

[@DetourShirts]

Glad you enjoyed it

[@lizajane55555]

Thanks, love the erase effect!

[@DetourShirts]

Me too... I makes designing so much easier

[@Spielerphys89]

thanks!! your affinity videos are the best. love them

[@DetourShirts]

Glad you like them!

[@DaveCadoff]

Just what I needed! Thanks!

[@DetourShirts]

Great to hear! Glad I could help

[@fernandopolania]

Good stuff Juna. Hope you’re well.

[@DetourShirts]

Thank you! You too!

[@singk3t]

Yea, do more like this video tnx Juno. 👍

[@DetourShirts]

You got it!

[@jenkane196]

Love the step by step tutorials, so helpful…Thank you!!

[@DetourShirts]

You are so welcome!

[@shawnhobbs7592]

super helpful tutorial! Thanks

[@DetourShirts]

Glad it was helpful!

[@fabiGBOtown]

Yes, love techniques, do grunge/distressed next from scratch please

[@DetourShirts]

ohhh from scratch... I'll have to see how to do that... I usually buy my grunge textures... thanks for the suggestion

[@roxcastaneda]

Yes, slowly is much better! Thanks

[@DetourShirts]

Good to hear!

[@H.Schulz1401]

Great! Thank you

[@DetourShirts]

Glad you liked it!

[@suninfog]

Great 🌟 thank you🙏

[@DetourShirts]

You’re welcome 😊

[@blackkitt98]

Thank you, Juna! ❤️

[@DetourShirts]

You are welcome

[@amypjain]

Love these tutorials. 🥰🥰😍 Thank you 🙂

[@DetourShirts]

You are so welcome! Glad I could help

[@roxcastaneda]

Yes, step by step for non designers.

[@DetourShirts]

Yes... I got more coming

[@AboYassine78]

Thank you so much Juna! I want to learn how to use width pintool for POD, and are the gradient colors works good for tshirts?

[@DetourShirts]

Yes, thank you for your suggestion

[@steadmanuhlich6734]

Juno, thanks for producing this video. Vids like this are very helpful to beginners like me. I hope good Karma (and POD sales) come your way in return.

[@DetourShirts]

Glad it was helpful and thank you for the good Karma

[@wendymcgrath9262]

Informative!

[@DetourShirts]

Thanks

[@BusinessEnglishSuccess]

Very helpful - many thanks!!

[@DetourShirts]

Glad it was helpful!

[@GrantGreetings]

I bought a new computer and plan to start designing for Amazon Merch myself possibly using Affinity Designer. Any tips and tricks would be helpful. Also plan to use Affinity Photo as I have done photography for years. Have subscribed to catch all your videos. Thanks so much for being my teacher!

[@DetourShirts]

You can do it! I will be posting more and more Affinity Designer videos

[@rhannie888]

I've been trying to figure out how to do the knockouts for months. You're amazing!!! 🙌 Also I miss the intro punch...

[@DetourShirts]

Glad I could help... 👊

[@ladillalegos]

Very nice thanks

[@DetourShirts]

Most welcome

[@behramcooper3691]

Very useful information. What is the difference between erasing a layer and simply unchecking it in thenLayers panel?

[@DetourShirts]

Erase will knock out the layer from the layer(s) below it in a group.... unchecking it will just remove it from the art board so you can't see it.

[@jenny_rice]

Love it! Thank you so much!

[@DetourShirts]

You are so welcome!

[@elvis723]

Awesome!

[@DetourShirts]

Thank you! Cheers!

[@anaritagarciapestana6042]

I love it👍👍👍👍

[@DetourShirts]

Thank you

[@gormangraphics]

Do you have a video about tspring?

[@DetourShirts]

I don't sorry

[@TJHArtStudio]

Your videos are very helpful. I also have the Affinity Suite and wouldn’t trade them for anything. I tried to find the font that you use but it wouldn’t show up. Is there another site I can go to find it or is it hidden somewhere?

[@DetourShirts]

It should be on myfonts.com... are you talking about this one? www.myfonts.com/fonts/Wacaksara-co/aerokids/

[@TJHArtStudio]

@@DetourShirts yeah but I was hoping it didn't cost anything. I went to dafont.com and I can download fonts for free. Hopefully it will be there.

[@louquine]

So useful, thank you. Would it be possible sometime to show us how to take two or more words and connect them so they come out as a single sticker, not all separate? Can't seem to make it work using strokes.

[@DetourShirts]

Great suggestion! I'll have to look into that

[@franciseerrmat7755]

thx a lot Juno

[@DetourShirts]

You're welcome

[@Ivana-kq9lj]

Love these tutorials. Can you show us how to do grunge effect on designs?

[@DetourShirts]

Yes I can and I did a while ago... check out this video here... kzbin.info/www/bejne/mpvLd2Obr7qAbLc

[@theresapalino4769]

Thank you, I may have questions later as I am new to Affinity trying to learn this system coming from cricut. If you have anything pointers or suggestions to share, please do. Thanking you in advance.

[@DetourShirts]

Sorry I don't use cricut

[@eva_p]

Very helpful video, thank you. In my case, I've used a large sized image as the knockout part. So Affinity Designer treats that invisible (knocked out/erased) image as part of the total file and when I export the selection it takes the invisible graphic too and my design is not centred. Is there any way I can crop away the invisible knocked out part of the design as it's messing with the size of my total image. Also I try and centre the whole thing and it takes into account the erased out image and centres it based on that. I tried the crop tool but it makes the erased/knocked out image disappear totally... Any clues? Many thanks.

[@DetourShirts]

I'm guessing you can just delete the knockout part so it's not part of the art piece and then center everything on the artboard with no background and then export it all... that should do it.

[@eva_p]

@@DetourShirts Thanks so much, I will do that next time! Much appreciated.

[@adrianvanleeuwen]

Just wondering between using Affinity Designers to create these kinds of flat graphics or using Illustrator or Photoshop, does the menu for Affinity have better controls on outline options to quickly design and change settings. Price for Affinity Designer is very reasonable priced. Do you strongly recommend Affinity for creating graphic style Tshirts over Adobe Illustrator, for ease of use and some great control feature menus? Or is it just your own preference for use?

[@DetourShirts]

Great question.... I think you could use either.... Affinity Designer has everything I need to create my designs... The main switch for me was the subscription model that Adobe has. I personally try to stay away from paying a subscription if I can help it. Affinity Design is a one time fee of $50 ($25 if you get it half off). Do I think it's better than Illustrator as a program? No. But honestly I haven't used Illustrator for a couple of years now and I am still able to do my work and create beautiful designs. Adobe can and will increase monthly prices whenever they want. I like the peace of mind knowing that I can still work with my app, if my business brings in $10000 a month or $0 a month. One less thing to worry about. That's why I suggest Affinity Designer.

[@Danieltrotti]

Stop clicking in the layers name, that's to rename it! Great tuts mate thank you. 😁😎

[@DetourShirts]

Thanks for the tip! I got to stop doing that... bad habit

[@OfficeMystic]

My white outlines on a person comes out really jagged and bumpy, is there a setting to make it come out as smooth/straight as possible?

[@DetourShirts]

It's probably because your original artwork is jagged and bumpy... you need a smoother original

[@Berret25]

Thank you very much for the great video, Juna. My question/request is how people actually do the designs like what you showed in the Trend Credits. Of course they have different fonts, but the graphics as well, how they're designed or made, or are they purchased? Like the banners in the back of a lot of the shirts shown. Thanks for your consideration.

[@DetourShirts]

Great suggestion! I'll take a look at what they are doing and see if I can make videos for those things

[@Lambchop59]

Juna (I'm on vacation and binge watching all ur videos!) This white outline if it's increased to 1/8 th inch can u use the image for stickers or would say redbubble add another1/8 th inch onto of that?

[@DetourShirts]

RedBubble adds another outline to stickers except for the transparent sticker... the transparent sticker has no white outline

[@wellnesseducationpublishers]

I saw a shirt that had a fish with water coming off of it --- My question is -- would that print well with direct to garment printing? Because the water was transparent. It was a very cool shirt though!

[@DetourShirts]

It probably wouldn't .... print on demand is kind of simple... those kind of custom things will have to be done elsewhere.

[@CarnivoreIam]

Thanks Juna

[@DetourShirts]

You are very welcome

[@peace.n.blessings5579]

Thank you

[@DetourShirts]

Welcome!

[@peace.n.blessings5579]

PLEASE MORE!

[@DetourShirts]

I have more coming

[@stadia-60-west88]

Hi, Juna. Love this tutorial. Will have to view it a few more times since I am brand new to AD and my screen doesn't exactly look like yours does. I will have to practice to get this "erase" affect down. It is so frustrating trying to learn new software and not be able to do simple things. As to your question, any technique you are willing to teach us next is fine with me. I put up two dinosaur designs, so I will let you know if I get a sale. Thanks again.

[@DetourShirts]

You are so welcome! Hope you get a sale soon

[@scottgelb2650]

Another question. It looks like you are creating your designs using the CMYK color space and then converting to sRGB during export. Is that true?

[@DetourShirts]

Yes... that is true. I figure it will convert back to CMYK when it goes to print so I don't want to use any RGB colors that are out of gamut... so I design in CMYK to make sure I have the right colors for printing

[@scottgelb2650]

I will do the same. Thanks!

[@TheJoker-zt4nk]

@@DetourShirts Hi! May I ask, pertaining to this Q, I thought DTG & Sublimation used RGB (as I understood, it prints basically like a desktop Inkjet Printer opposed to Offset, hence the POD)? I'm used to CMYK & prefer it, but Idk which is correct for this type of print, also I'm confused as to: WHY convert to RGB (at all) during export, IF they convert back to CMYK? As per WHAT I'd like to know, speaking of outlines... is there a way to take a shape & CREATE OUTLINES like Illustrator does with "Object > Path > Offset Path"? I know how you did this vid^ (works in .AI too) & I see CONTOUR Tool does create outlines, but what I'm trying to do is use a brush stroke (like PENCILS #128, any of the 128's) & then create an 'offset path' directly around all the segmented strokes, that I may ADD & CHANGE the NODES individually of the different points at the end of each stroke from the brush? Or even with Text, like in .AI with "Type > Create Outlines" if that makes sense. I also can't figure out how/where to increase the # of nodes?? Tks in advance for clarification.

[@princulous]

Thank you 🥰

[@DetourShirts]

No problem

[@chaimaeelmagri8114]

Hello, can you write the name of the font of sunshine please ?

[@DetourShirts]

Aerokids... www.myfonts.com/fonts/Wacaksara-co/aerokids/

[@scottgelb2650]

Another great tutorial, Juna. And related to something I have been trying to figure out since yesterday. You answered half of it with the Erase feature. That gave me a transparent outline for the text. But what if I also want the fill area of the text to let the graphic beneath show through? So the stroke would be completely transparent and the fill area would display the graphic on the lower layer. Do you know how to do that? Do you think it's even possible? Thanks!

[@DetourShirts]

You're very welcome! Yes it's possible. There are a couple ways I can think of to do that... you could mask the sunset into the letters or you could just have the outline of the letters erase the sunset and what would be left could show through the letters.

[@scottgelb2650]

@@DetourShirts So strange. I thought I tried this already and it didn't work but I just tried it again and it does. I set the text fill to transparent and that shows the graphic below. I added a colored stroke and then used the erase feature and that makes a transparent outline to the text. Perfect. Thanks!

[@louisebastard2091]

Ahh that was great you have made it so easy you should of seen how I did it before you would laugh please love your more video like this would be great

[@DetourShirts]

Thank you... glad I could help.... more videos coming soon

[@benameurbenyahia3922]

thanks

[@DetourShirts]

No problem

[@tracylaw4372]

Love these tutorials. Can you show us how to replace a colour on an imported design? For example a pattern background or and element of a design Also do you have a list of your favourite fonts?

[@DetourShirts]

Great suggestion! I'll see what I can do.... BTW I do have video on my favorite fonts... kzbin.info/www/bejne/mZTYhKV5qqeara8

[@alecbuchan1353]

My Affinity Designer Default Stroke is not pure black when I open it. Any idea how to set that?

[@DetourShirts]

Sorry, they may be a way... but I don't know it.

[@alecbuchan1353]

Found it. "Edit-Default-Save" Now all Stroke and Fill Colour and Width set to your preferences. Can be restored too.

[@DetourShirts]

Nice... thanks for finding that

[@oldroadie]

I've noticed the same problem with quick view. First few rows don't show. Messes with merch informer too.

[@DetourShirts]

Exactly! I hope it gets fixed soon

[@bobidaniel4527]

What format was the hedgehog?

[@DetourShirts]

Vector

[@gloriahahn2606]

sorry Juna, could you spell the sunshine word font name Arial kids? Ariel kids? neither came up on My fonts. thx >)

[@DetourShirts]

Aerokids....www.myfonts.com/collections/aerokids-font-wacaksara-co

[@bertnerny]

Is this for Affinity 1 or 2?

[@DetourShirts]

I believe this was 1 but you can do it in 2

[@bertnerny]

@@DetourShirts Thank you

[@therapy4everybody]

I have a ❓❓ question. When doing these sunset type designs with multiple rectangles, how do you get them all evenly space apart without having to eyeball it or adjust each one?

[@DetourShirts]

Good question! You can use the vertical spacing tool in Affinity Designer..... if you want them evenly spaced

[@hashan9112]

Good

[@DetourShirts]

Thanks

[@thoughtfully]

How do I make an outline brush in Affinity Designer?

[@DetourShirts]

Good question.... a brush is different.... I'm just using the stroke in this one...you can put a stroke on a brush

[@SpudMonkey815]

Sorry complete affinity novice here…how do I change the colour of the background? My layout looks slightly different to yours

[@DetourShirts]

Click on the artboard and then pick a color from the color pallette.

[@xzylafaithco]

I tried to outline an image but it just creates a frame. I don't know what I'm doing wrong. Does the image have to have layers?

[@DetourShirts]

The image has to be a vector... you are probably trying to outline a png or something that is flattened

[@xzylafaithco]

@@DetourShirts oh okay, so what format does the picture need to be?

[@chetan7130]

Well affinity designer is not free so can you suggest me some free website for designing??

[@MiriamWalcott]

You can try it out for free. Not sure if they still have the free for 90 days but may have free for 10 days. Also it’s half price now so you could earn the $24.99 with your designs to pay for it.

[@DetourShirts]

No it's not FREE but it's a great deal with what it does.... I heard you can use Canva or the Over app for free but I have never used them so I don't know the functionality they have for free.

[@adil4ggj5]

How can I do it on illustrator 🙃

[@DetourShirts]

You could just increase the stroke

[@adil4ggj5]

@@DetourShirts I need to do this 12:12 😶

[@christineroe9913]

Which video shows what you can do with text I mean what else is in your text that you might not know about Please?

[@DetourShirts]

You can also warp text with Affinity Designer 2.... kzbin.info/www/bejne/m6vXiGiCe9Wjes0

[@Buzza235]

Is that on Android?

[@DetourShirts]

I'm designing on a Mac laptop

[@Buzza235]

@@DetourShirts Ok

[@apparelillustrated6298]

All 💎💎💎

[@DetourShirts]

Thank you

[@tiktoksd3944]

let's go first comment and lik ❤️

[@DetourShirts]

Thanks... You get the trophy today!! 🏆

[@rafaprzytua9783]

It's not outline. Becuase this is full inside. Outlines is only out of text or object.

[@DetourShirts]

True... it looks like an outline though