Affinity Designer Tutorial - Learn The Tools

No video

Affinity Designer Tutorial - Learn The Tools - DJ

Рет қаралды 8,297

Күн бұрын

Hello designers and welcome to another Affinity Designer tutorial, in todays video you will learn how to create a DJ Controller / DJ turntables.
The main aim of this tutorial is to get you familiar with using the many different tools Affinity has to offer, along with using Shortcuts and techniques of design.
It’s beginner friendly and I’ll take it slowly and teach you step by step so you can follow along with me.
I will cover the following and much more:
- The Gradient tool including conical gradients
- Power Duplicate
- Quick Grids
- Corner Tool
- 3D
- Shape Builder Tool
- Style Picker Tool
- Contour Tool
- Move Data Entry
- Pressure (pressure profiles)
- Duplicate Around a Circle
- Boolean Operations
- Many Useful Shortcuts
Affinity Designer V2 (2.4) Used in this tutorial.
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
CHECK OUT MY AFFINITY SHOP OF FREEBIES, VECTOR PACKS AND BRUSH PACKS:
artistwright.g...
MY WEBSITE:
www.artistwrig...
Time Stamps:
0:00 What You Will Learn
0:24 DJ Controller Design Overview
1:00 Power Duplicate - Performance Pads
07:34 Quick Grids - Performance Pads
10:00 Duplicate - Move / Data Entry - Corner Tool - Gradient
20:02 Duplicate Around A Circle - Volume Control
25:25 Pressure / Line Thickness - Jog Wheel Tension
28:57 Shape Builder, Donut Tool - Techniques for Buttons
33:52 Gradient - Jog Wheel
35:32 Conical Gradient - Jog Wheel
37:36 Style Picker - Jog Wheel
38:18 Trapezoid Tool - Jog Wheel
39:18 Corner Tool - Jog Wheel
39:56 Duplicate Around A Circle - Jog Wheel
41:16 3D & Centre Circle - Jog Wheel
46:20 Contour Tool & More - Jog Wheel
48:03 Cutting Strokes, Guides, More - Jog Wheel
56:53 Highlights - Jog Wheel
58:13 Design Overview
59:12 Thanks for Watching
#affinitydesigner #affinitydesigner2 #dj

Пікірлер: 115

@darleneroach2848 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Now this is a comment worth pinning! Thank you

@Paulycustom 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Glad you like them! cheers

@DanCasciano 4 ай бұрын

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

@ArtistWright 4 ай бұрын

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

@mlviper30 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Thank you I appreciate it alot!

@georgeyuviki 8 күн бұрын

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 8 күн бұрын

Thank you George!

@stevewhitehead766 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Hey thank you so much Steve!

@designmuseperth 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Thank you

@kelloghill 3 ай бұрын

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

@ArtistWright 3 ай бұрын

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

@GeorgeAndSophie 21 күн бұрын

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 20 күн бұрын

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 20 күн бұрын

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.

@pdrg 4 ай бұрын

Amazing work and a great help to the community

@ArtistWright 4 ай бұрын

Thank you so much

@pdrg 4 ай бұрын

@@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 4 ай бұрын

@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?

@mirojuric7486 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Cheers Miro!

@djwivy5806 3 ай бұрын

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

@ArtistWright 3 ай бұрын

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

@slamotte 3 ай бұрын

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

@ArtistWright 3 ай бұрын

Thanks for that wonderful feedback I appreciate it

@hyr-exp-clb 21 күн бұрын

You introduced me to so many brilliant shortcuts, thank you.

@ArtistWright 20 күн бұрын

No problem, happy to help

@maikvanrossum 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Ah that's great

@maikvanrossum 4 ай бұрын

@@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 2 ай бұрын

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

@jphilpotts777 4 ай бұрын

This tutorial was brilliant and so easy to follow along!

@ArtistWright 4 ай бұрын

That's great to hear cheers

@elonanamor6420 4 ай бұрын

Great video. So much information.

@ArtistWright 4 ай бұрын

Cheers Elona

@ruzaimierazak334 Ай бұрын

your effort is awesome. Benefit to others. Excellent and brilliant way how you explain.

@ArtistWright Ай бұрын

I appreciate that!

@nordiclightphototours153 4 ай бұрын

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 4 ай бұрын

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

@Lida22 2 ай бұрын

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.

@michaelangelomiranda7232 3 ай бұрын

Great tutorial, ever!

@ArtistWright 3 ай бұрын

I appreciate that cheers

@yassineoh813 Ай бұрын

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

@ArtistWright Ай бұрын

Thank you

@pixelrancher 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Cheers dude!

@ArtistWright 4 ай бұрын

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

@pixelrancher 4 ай бұрын

@@ArtistWright 😂

@sockgardener 4 ай бұрын

Looks more like a DDJ-200 to me 🧐

@figgeboksjo 12 күн бұрын

Brilliant tutorial! Thanks mate!

@ArtistWright 12 күн бұрын

Thank you!

@JC-ks7vj 4 ай бұрын

Great video. Very detailed

@ArtistWright 4 ай бұрын

Thank you!

@mlviper30 4 ай бұрын

Thanks! very helpful

@ArtistWright 4 ай бұрын

Super thanks to you!

@poncardas Ай бұрын

Thanks very much! Awesome tutorial!

@ArtistWright Ай бұрын

You're welcome!

@eross21 4 ай бұрын

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 4 ай бұрын

Thank you I appreciate it

@dkickelbick 4 ай бұрын

Thank you very much!

@ArtistWright 4 ай бұрын

No worries

@Jkdkrbkwmef 13 күн бұрын

Great video learnt so much

@ArtistWright 13 күн бұрын

Thank you!

@mydesignmobile 4 ай бұрын

Thank you❤

@ArtistWright 4 ай бұрын

No problem 👍

@CBM64 4 ай бұрын

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

@ArtistWright 4 ай бұрын

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

@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.

@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

@primothegreat9022 4 ай бұрын

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 4 ай бұрын

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

@cagneyreese7962 4 ай бұрын

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

@ArtistWright 4 ай бұрын

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 4 ай бұрын

Thank u

@eross21 4 ай бұрын

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 4 ай бұрын

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

@stevenb4095 4 ай бұрын

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 4 ай бұрын

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 4 ай бұрын

Thank you 😀

@genahowe4206 4 ай бұрын

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 4 ай бұрын

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

@genahowe4206 4 ай бұрын

@@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 4 ай бұрын

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

@skyeblue6834 4 ай бұрын

and what is the purpose of bake appearance??

@ArtistWright 4 ай бұрын

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 4 ай бұрын

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

@ArtistWright 4 ай бұрын

@@skyeblue6834 no worries

@bobgriffin316 Ай бұрын

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

@ArtistWright Ай бұрын

That would be more animation

@rejointrident 2 ай бұрын

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

@ArtistWright 2 ай бұрын

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

@rejointrident 2 ай бұрын

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

@ArtistWright 2 ай бұрын

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

@philipperobert2050 3 ай бұрын

Merci !

@ArtistWright 3 ай бұрын

Merci beaucoup!

@TeddyLeppard 3 ай бұрын

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 2 ай бұрын

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

@benjfischer 4 ай бұрын

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

@ArtistWright 4 ай бұрын

Thank you

@devikumar2609 23 күн бұрын

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 23 күн бұрын

Thank you for the feedback I appreciate it