Affinity Designer Tutorial - Learn The Tools - DJ

[@darleneroach2848]

This is the best tutorial I've ever watched. Thank you!

[@ArtistWright]

Now this is a comment worth pinning! Thank you

[@mlviper30]

Thank You for spending the time to put these tutorials together, they are so helpful.

[@ArtistWright]

Thank you I appreciate it alot!

[@Paulycustom]

Ive recently come from photoshop to AD and your tutorials have been so good,best tutorials ive seen

[@ArtistWright]

Glad you like them! cheers

[@DanCasciano]

Great tutorial. Your pace is perfect for the beginner to the intermediate user. Thanks.

[@ArtistWright]

I appreciate that, I do try to keep that in mind on most of my tutorials

[@benjfischer]

this is pretty amazing! thanks for all your hard work on this

[@ArtistWright]

Thank you

[@stevewhitehead766]

By far, the best tutorials for Affinity Designer. Thank you.

[@ArtistWright]

Hey thank you so much Steve!

[@miro_juric]

Excellent as always! Something to try asap 😊 Thank you 👍

[@ArtistWright]

Cheers Miro!

[@djwivy5806]

LOVE THIS VIDEO!!!!! You explain everything perfectly!!!! You now have a new subscriber!! :)

[@ArtistWright]

Thank you!! Happy to hear you liked this tutorial 👍

[@GeorgeAndSophie]

This week I began my transition from the Creative Suite to Affinity after what seems to be a lifetime of using Adobe products (in fact since 1990's) Your perfectly clear and concise tutorials are making my transition absolutely seamless and I have learnt to use so many tools during this single tutorial. I would like to second the previous comment 'This is the best tutorial I've ever watched' Your voice, pace, and video editing is perfect for me (I am UK based) and I would love to see Affinity use you as a permanent trainer for all of their products. Thank You so very much for sharing these.

[@ArtistWright]

Hello George&Sophie I appreciate that amazing feedback and happy to see so many make the switch over to Affinity. Feel free to suggest new tutorials I should make etc. catch you on the next video

[@GeorgeAndSophie]

I’d just like to add (I hope this helps someone) that I have recently purchased a set of keyboard shortcut labels for my Elgato Stream Deck XL from a company called sideshowfx (I have no affiliation with this company) I have used this companies Elgato shortcuts for all my Adobe Products in the past as the Elgato Stream Deck (btw I have no affiliation with this company at all) has proved such a great time saving tool. I use a Huion GT-221 pro drawing tablet/screen and getting to the top menu is difficult as the screen/tablet is standing at an angle on my desk, using the Stream Deck on my right is an invaluable time saver for all of the many many keyboard shortcuts.

[@slamotte]

This was a wonderful experience! Such a wealth of information and i wrote a lot of notes :) thank you

[@ArtistWright]

Thanks for that wonderful feedback I appreciate it

[@elonanamor6420]

Great video. So much information.

[@ArtistWright]

Cheers Elona

[@kelloghill]

OUTSTANDING TUTORIAL! Thanks for giving up your time to do this!!

[@ArtistWright]

Thank you so much, yeah it took a bit of time to make. I appreciate the comment 👍

[@pdrg]

Amazing work and a great help to the community

[@ArtistWright]

Thank you so much

[@pdrg]

@@ArtistWright Ooooh I have a question for you, perhaps for a later video? On the DJ wheel thing, you have the conical gradient to emulate a knob with knurled concentric rings on the surface. I tried to add actual concentric circles each half a mm wider than the previous, but couldn't work out how to do it without lots of manual transformations. Ctrl-J expands by a percentage/ratio as opposed to literal amount, as does move/duplicate (as a scale percentage rather than a fixed amount). If you could include it (if it's possible) in a future video, I'll be sure to see it :)

[@ArtistWright]

@pdrg hi there, thanks for watching! Im not quite sure what you mean. I tried googling knurled concentric rings but it just shows diamond patterns on metal knobs. What should I Google to see what you want to create?

[@designmuseperth]

Great tutorial again. Thank you. I still need to use the shortcuts more.

[@ArtistWright]

Thank you

[@mlviper30]

Thanks! very helpful

[@ArtistWright]

Super thanks to you!

[@michaelangelomiranda7232]

Great tutorial, ever!

[@ArtistWright]

I appreciate that cheers

[@georgeyuviki]

If you are wondering if you will learn anything from this video, the answer is Yes! I followed the video over 4 days, 45 minutes per day and we used about 80% of the affinity designer tools. I highly recommend this video and this channel if you are interested in learning the affinity suite.

[@ArtistWright]

Thank you George!

[@Lida22]

I'm a fairly experienced Affinity user, but I learned a lot from this video. THANK YOU for being so clear and explicit. However, I miss the subtitles/closed-captions. When you say, "I press 'ee on the keyboard," it's difficult to tell if you said, D or V or T or B or any other letter ending in the "ee" sound. Subtitles/closed-captions would clear this up. The latest versions of several video editors make creating these very easy.

[@nordiclightphototours153]

Just another excellent tutorial. As mentioned before, you teaching skills are second to none. I learned a few new things which I definitely will be using in my designs and graphs for my book. One thing I want to mention and I guess this applies to many international viewers of your tutorials. Although I run the Affinity Apps in English, my keyboard is German (yes...I am dutch :-) I do not have the bracket keys on my keyboard. I think that this applies to all other language keyboards who have special characters. Perhaps it is good so mention which command the bracket key is or where to find it in the shortcuts settings so we know where to find it... Shortcuts are always the issue in tutorials, which does make it from time to time difficult to follow :-) Else...I left you comment on some other tutorials I would like to see... Vanishing grids would be great...another one would be detailed one in brushes and brushwork. Thank you and keep up the excellent work.. Cheers, -. Hendrik

[@ArtistWright]

Thanks again Nordic! Yes that bracket key issue is a tad annoying. I actually had no idea about that until someone mentioned it to me recently. I will have to work on that if I ever bring that shortcut up again. Also thanks for the tutorial ideas. I do have a big list and will attack each one when I can. Thanks again

[@maikvanrossum]

Oh cool 😎🙏🏻 As a gear junky I’m really exited following along on this one 👍🏻 thanks!

[@ArtistWright]

Ah that's great

[@maikvanrossum]

@@ArtistWright did you gave the new Penpot release a try? Could nicely bridge the ‘gap’ on full UI design from Designer to web or app. Want to test a workflow starting (offline) in Designer and convert its output to images and code.

[@ArtistWright]

Sorry just seen this, I checked it out and it looks cool. How did your test go?

[@jphilpotts777]

This tutorial was brilliant and so easy to follow along!

[@ArtistWright]

That's great to hear cheers

[@CBM64]

Really creative and interesting tutorial! Btw any chance of rendering the videos in higher res than 1080p? Keep up the good work.

[@ArtistWright]

Thank you! Would love to render higher but i use a 1080p monitor currently. I have recorded on my Mac books screen on some tutorials but the aspect ratio isn't 16x9. Will be upgrading the monitor at some point

[@yassineoh813]

Thx so much for this tutorial, the importance is in the techniques you use to achieve these shapes

[@ArtistWright]

Thank you

[@figgeboksjo]

Brilliant tutorial! Thanks mate!

[@ArtistWright]

Thank you!

[@eross21]

aww this is such a perfect tutorial i have been thinking of doing an mpc design for a t shirt. this will help immensely thank you .

[@ArtistWright]

Thank you I appreciate it

[@JC-ks7vj]

Great video. Very detailed

[@ArtistWright]

Thank you!

[@mydesignmobile]

Thank you❤

[@ArtistWright]

No problem 👍

[@ipoponq]

OMG! Thank you, thank you, thank you!!! Can you make another one with a focus on audio and music production plugins’ UI? (As an example check“SSL console by Plugin-Alliance”)

[@ipoponq]

I mean this DJ ui is focused on shapes, but then a struggle would be: 1) how to apply texture and create different plastic, matte, rubberized fader caps and knobs. 2) any easy ways to add dirt, stretches to BG and ui elements? Any easy way to create an audio gear bg (like rack panels with analog audio compressors or recording consoles have) 3) how can I export a png sprite sheet for knobs and faders, where they are combined into a long vertical png, starting from the first image with fader cap at the button and ending with it at the top. Last but not least, I struggle to draw a button in its pressed state, because that’s what usually app developers want.

[@ArtistWright]

Thanks for your response. I loved making this tutorial. I chose to base it on this subject as there was alot of opportunity to showcase alot of the tools in Affinity Designer. I see the SSl console you mentioned and it has very similar 'shapes' that appear in my tutorial.

[@ArtistWright]

In response to your points. 1)any textures you add you would need to clip inside of the shapes. so if the top of the knob is metal, go ahead and clip your metal texture in that knob layer. 2) you can use brushes to paint in dirt (see my illustration tutorial on creating an orange, same deal) 3) set your background to transparent in document setup colour tab and export to png. Drawing a button in a pressed state from what I see there is a slight change in colour, the shadow isn't as long and the height of the button is reduced. Alot of the plugins I've seen are always drawn at a slight angle to ensure it's obvious if a button is pressed in or not. And the light is coming from one direction (which gives you an idea of height with the shadows. You need to ensure all the states of pressed and unpressed are consistent across the design.

[@poncardas]

Thanks very much! Awesome tutorial!

[@ArtistWright]

You're welcome!

[@Jkdkrbkwmef]

Great video learnt so much

[@ArtistWright]

Thank you!

[@AntonioViegasmg]

Great video.

[@ArtistWright]

Thank you!

[@dkickelbick]

Thank you very much!

[@ArtistWright]

No worries

[@cagneyreese7962]

I love your tutorials. Do you know how to do hyperlink in affinity designer?

[@ArtistWright]

Thanks Cagney, Do this: Make an insertion point within the word or select the full range of text you wish to be hyperlinked. Then do one of the following: From the Text menu, click Interactive and then select Insert Hyperlink. From the Hyperlinks panel (enabled via View>Studio), select Add Hyperlink

[@cagneyreese7962]

Thank u

[@primothegreat9022]

Can you do some basic ui design project using AD? It will be very helpful for me who want to dive into ui designing. Thanks in advance

[@ArtistWright]

Did you see my tutorial on UI design already if not go have a look on my channel

[@genahowe4206]

I'm partway in and it looks like most of this is stuff that is new in Designer 2. Almost nothing is working for me in V1 on Windows using a mouse. I can't get V2 for a little while yet.

[@ArtistWright]

They just had a sale maybe it's still going. I'm not sure have you checked?

[@genahowe4206]

@@ArtistWright Thank you. I did know of it, but we are knee deep in gardening and landscaping spending right now. I'm just a hobby user, so it's better for me to wait until gardening is done when I have more time. I'm more excited about the new version now though. I didn't upgrade before this because my old computer couldn't handle it. Though I didn't watch all of this video because there is no way I'll just remember these things without being able to use them, I now have a much better idea of all the other changes and tweaks that come along with the upgrade!

[@ArtistWright]

Well the video will be waiting for your return. Good luck with the gardening

[@stevenb4095]

Brilliant tutorial , thank you. Quick question, could you give me your opinion on what you think of Affinity designer on iPad? What’s better, iPad version or desktop? I have the desktop version on Surface pro, but was thinking of buying an iPad.

[@ArtistWright]

Thank you! I've only ever used the iPad version of affinity Designer in the apple store. But I'm almost certain it will be easier to use and Less confusing on a laptop etc.

[@stevenb4095]

Thank you 😀

[@purplekrakenyut]

Who else is here from Adobe? Just got my copy with the 50% off discount.

[@ArtistWright]

I've heard aloooot of people are coming over from Adobe. Welcome! And well done on getting that discount, it's a steal!

[@yassineoh813]

Me too🙋‍♂️🙋‍♂️🙋‍♂️

[@ArtistWright]

Great to have you join us!

[@safi606]

Me too

[@ArtistWright]

@safi606 welcome home

[@pixelrancher]

Native Instruments is gonna come after you for stealing the design of their Traktor Kontrol S2!! 😂 Cool tutorial. Lots of great tips. Thanks.✌

[@ArtistWright]

Cheers dude!

[@ArtistWright]

It will be immediately obvious that i'm not a DJ as soon as you start watching! lol!

[@pixelrancher]

@@ArtistWright 😂

[@sockgardener]

Looks more like a DDJ-200 to me 🧐

[@skyeblue6834]

and what is the purpose of bake appearance??

[@ArtistWright]

AHH I should have said that, I've mentioned it so many times on other videos I must have thought I did it already. So basically if you use the corner tool on a square for instance, if you scaled that up or down, the corner curvature will not look the same. So in order to keep it looking exactly how you want it, you press bake appearance. Try and scale it without baking appearance and you will see what I mean

[@skyeblue6834]

@@ArtistWright ahhhhh thank you gosh I still have so much to learn lol

[@ArtistWright]

@@skyeblue6834 no worries

[@eross21]

so if i use the subtract boolean. ( like on tapered knob tutorial here) how do you determine which shape gets subtracted from which ? is it the first shaped selected?

[@ArtistWright]

Always have the layer which will do the cutting on top of the shape you want to cut.

[@philipperobert2050]

Merci !

[@ArtistWright]

Merci beaucoup!

[@rejointrident]

53:00 What do you mean by "HOLD OPTION"?

[@ArtistWright]

The alt key ( on some Mac keyboards it says option)

[@rejointrident]

@@ArtistWright thanks. i tried the ALT key and couldnt get it to work so i thought id ask.

[@ArtistWright]

@@rejointrident well if that doesn't work for you perhaps your shortcuts key is different. Try holding control instead

[@bobgriffin316]

Is ther a way to make the DJ controller to actually work?

[@ArtistWright]

That would be more animation

[@TeddyLeppard]

I like the price of Affinity software compared to Adobe, but the lack of identical functions compared to Illustrator makes design and production absolutely maddening. For example, where is the stroke/fill key command to switch between them (it's the letter X in Illustrator)? The lack of commonsense key commands makes this software an absolute headache.

[@ArtistWright]

It's x to switch between them. Check out my shortcuts video for affinity Designer.

[@devikumar2609]

This is the best tutorial and your explanation is so easy to understand and really invaluable video. Thanks for all the effort you put into this. Subscribed immediately and Can’t wait to watch your other videos to learn more 🫡

[@ArtistWright]

Thank you for the feedback I appreciate it