Vector Drawing with Affinity Designer on the iPad – Speed Drawing and Basic Tips

July 28, 2019 posted by

hey what's up everybody it is Dave and I am back and today we are gonna do something really weird we're not gonna do a review at all lately I've been trying to teach myself how to do vector drawing I made a post on reddit the other day and if you're not familiar with write it you should because it's awesome big shout out to the people in the graphic design subreddit because they gave me a lot of love I posted progression drawing of a I started with like a cigarette lighter a lot of people really liked it I got a lot of kind of vibes back which was really cool and a lot of debate on you know like the pros and cons of different styles and all sorts of stuff my favorite comment by far was this one person they basically it's deleted now and I don't know who they are anymore because that deleted that comment was it was something along the lines of I hate both versions they both suck and it was my favorite comment but they're going now but I remember you and you'll always be in my heart one of the things that popped up a lot in there was people asking what are you doing to practice how can I get better at vector drawing so far I'm just going on YouTube and checking out tutorials and different stuff so I was thinking about doing a series of these a series of videos showing how I do drawing and that's gonna be kind of time-consuming and probably take a little more time than this video is gonna take but what this is the other day I drew mr. T's van from the a-team and I drew it on my iPad using a program called affinity designer and I have never tried doing this before and I don't know if this is gonna work it took me two hours to draw that van and I don't think you or I want to sit here for two hours while I Yap about how I draw so what I did is I speeded it up by six times so it's around like 15 I think like 13 to 15 minutes somewhere on there so what I'm gonna attempt to do I'm gonna watch it with you here and then I'm also gonna edit it somewhere over here so you can watch it and I'll be like tiny over over here I'm gonna be like over here somewhere I can give you some pointers and some tips on how to do vector art please sound off in the comments if there are sections of this speed drawing that you want fleshed out more so there's like a type of the lighting or how I'd use my layers or like the pen tool or something that's all I learned just random people talking about stuff on the internet but it is tedious to like pick through the tutorials and try to figure out what people are talking about sometimes and most of what you'll see today is applicable in Adobe Illustrator I use it I use illustrator too but I really like affinity if you have an iPad I highly suggest checking out affinity I think it's like 20 bucks and I said that's it you just pay 20 bucks you don't have to do the Adobe dance of 50 bucks every month which sucks I really like how it's it's quick it uses a lot of gesture control instead of a keyboard so all you need is like I use an Apple pencil you could use your fingers if you want to I've seen a couple of people talked about how they actually pull it off pretty well but for me the precision of the pencil works really well enough yappin let's get into it hold on a second that's better this seems more fitting and it's hot I don't know where you live but it's a hundred degrees here so I'm having a beer I'm gonna attempt to start watching this here and you're gonna be watching it on there and as I said it's gonna be really really fast I'm gonna try to keep up I can get a tray I'm gonna attempt to keep up so here we go you ready okay so first thing there's a reference photo some people like to trace over an image I like to just find a picture and use it as reference and look at it alright so we're off I use the rectangle so you can see you can adjust the outline stroke color or the internal fill right so this is just black on gray and there goes the rectangle I'm already starting to block out the profile of Van right and by using the hello we call it the illustrator you have two selections you have your main selector and you also have like your component selector you can start tweaking your points and your lines using those wheels to subtract out space on that original rectangle holy me slow down I'm giving this van like a very cartoony feel and I have raked the roof down right so that's just the shape that I'm going for and it just depends on the person you might want like a more pullback subtle look or a more realistic look and I'm going after the bumpers but everything is just permit of shapes right and you can add or subtract information out of them like those wheel wells we're just circles that I cut out right and I like to pillow my lines a lot like kind of I like to just kind of flow them out right see how that window another lines are real straight and that's just a personal choice here comes a reflector and some kind of a detailed trim line across the top so that's just an edge that's a single edge with no fill right so this was one side of a shape basically for a detail curve and going after that window a little bit more and it's constant tweaking you're always like you may never never settle on one look I'm gonna I'm starting to do a headlight and I recently learned that infinity you can scale to an object so right here I had some problems with this because I built the headlights so big and when I scaled it down the lines were staying the same size so I learned that one the hard way and but I was gonna say if I hadn't figured that out I was gonna say build your objects a little bit smaller to go with the image but now that I figured out you just scale the object and your lines will decrease in size right so with the problem I was having is it was that big and I was scaling it down and then the lines were ripped right there you can see it you can see it jacked it all up see how the lines are staying the same thickness there's a setting in there and you can scale the shape yeah right that's me getting mad I'm getting pissed off and I'm like why aren't you scaling try it's kind of funny yeah so just yeah see so it's it's it's breaking the curves it's becoming jelly bean shaped rather than more of kind of a softened rectangle so I have to go back in there and kind of like we tweak it by hand but if you scale to object you don't have to worry about that if you scale it to the object and then it'll keep you in line to the right size but live and learn right like I've only been doing this about a month so I'm learning stuff every day those are headlight there you go so that's a big pointer right there asset reuse right so don't build another headlight just use that same one and I even use it as like a fog light later and just change the size in the color but you can save yourself a lot of time by just reusing an asset so there's a detail line for like the hood and affinity has a really cool line adjustment tool in it so you can go through it basically just gives you a graph almost like curves in Photoshop and you pick how thick you want the line to be so now I'm going after the door paneling you know and you start blocking stuff out you just just block what you want out and just keep going back and you know if it doesn't look good at first don't worry about it just keep keep kind of hacking away you know rome wasn't built in a day as they say but uh yeah so they I'm getting my getting my curves a little bit more refined a lot of times I'll work on something and then I'll go to another part of the drawing and come back and be like I really don't like how that looks and it will just keep evolving oh here we go so so there's the reflector right so you get this orange reflector this is a big tip so I pulled the same shape off cloned it subtracted it from the original one right there and then use that as your highlight right so then set it to an overlay in your layers and see how you get that nice even shading you can go in and hand shade it if you want to but the shapes already there and most things that are usually mechanical in nature will have a very similar highlight to the shape of the object it doesn't work so good with organic stuff but see how you get that highlight on the reflector now I'm building the hinge so it's super simple very large but there yeah I'm looking at the reference photos that's why it's good to have a reference photo you have on your phone you don't have to have it in the application but I like to put it next to there and just delete it later but that way I can very quickly go back and forth and look at it for reference I don't like tracing on top of images because it gets this very kind of like artificial rotoscoped kind of feel like it gets too perfect so I like having it as a reference but not in the image because you you don't get two identical to a photograph right making some kind of Windows support in terms of door handle so right there I just pulled the corners in so you start out with a rectangle you just pull the corners and if you want to go extra crazy you could actually make it almost like an oval but it's you get to pick see right there so that started as a rectangle now it's an oval and I'm flaring it out to make the door handle and scaling it and angling it so there you go there's a real simple door handle and in adjusting the line you can't have door without a lock so there you go there goes the keyhole and I accidentally put it inside the object in affinity if you drag your layer on top another layer and you put the line right in the middle you make a clipping mask so it'll only show what's inside the object which is really handy messing with headlights I don't know tires rainbow tired super fast Dave oh so like right there you can see the bumper is inside the object cuz I screwed up right there and I realized yet but you can see that the shape of the van is clipping the bumper like they should extend further out but like in that case it doesn't work so great but in some cases you might want that you might have a shape and you don't want it to exist outside of that so you just drag it down like if here's a layer you'll see a blue line like right in the middle and that'll send it I pull the back out right there so now see how they it's extending past the line so if you drag it down in the middle he'll use it as a clipping in the clipping mask building the bumper so just the end primitive shapes that started as a rectangle and I'm using the Bezier handles if you hold down alt in Illustrator or just touch the screen when you're moving the Bezier curve you'll break it so when normally when you move one handle it moves the other side if you hit alt or hit the screen for your gesture like modifier you can move the Bezier handles separately right which lets you get better shapes if you want like a real sharp kink in a turn instead of being a smooth curve do a lot of practice with Bezier curves they'll be worth it in the long run so here right now I'm adding a detail to the side like simulating the edge of the object and I've just changed the line width on that line so that there's a break in the middle and now the bumper is angled in but that's the same headlight so I just changed the color and added like a little bit of different I took a little screw holes off so ya asset asset reuse is is good it saves you time you know I mean if you want to take a long time to dress if you have the time then you know who cares but if you are kind of push for time reuse things that comes in a lot with lighting so now I'm starting to block out the color for the van so there's this kind of color scheme shut up phone there's this color scheme so right there you can see I'm just you don't have to be super precise because I think this is a multiply layer I usually easy to either multiply or overlay but you know you can be a little bit slot because it's inside the line if it's because this it's not gonna affect the color of the line if you do a multiplier overlay so that black line is kind of a cheat but as long as it's in there and then you got that curve that's kind of going up the sides of the van and all my go I think I tried something here and it didn't really it it worked but it didn't work the best so what I did is I grab that bottom layer of color and grab the bottom points the vertices and pulled them up right so I pulled like yeah I pulled a Marilyn Monroe walking over the sewer grating in New York so the dress like fluid so I grabbed the bottom points and pulled the you can see on the bottom is the darker shading I pulled it up so I would keep that line it didn't really it so kay I still had to tweak a little bit but I didn't have to redraw that curve right so Asset recycling asset reuse right so I used that same dark shade but just flipped it flipped only the bottom so here's the points I grab these ones then pull them above the top border for the red and then yeah so like another benefit of having an image in there is I could actually sample the color red from the photograph right I ended up using a slightly different color red but it gives you a direction to head in right so now you can use that that red as a reference then some put some shading on the tire doing stuff and I apologize for all the zoom ends announce but this is the best I can do right now I've never made one of these before but like a lot of people were like hey man you can you suggest some tutorials and help me out learn stuff so I'm trying I'm trying so now we're starting to get in the direction that we want to go in right like that yeah I personally like the angle of the vehicle like it's very exaggerated and it works for this example you know that might not be what you want for everything and then you got you know as you see your layers affinity is a really good job of grouping layers I like to kind of go by so like the van body is one set of layers and groups the tires are another all the accessories like the door handle on the window and the hinge all live on one set of a group and then I throw an outline around my black outline so basically what I did is grabbed all those shapes group them deleted everything on the inside and then expanded the stroke on that layer like I turned it that kind of cream color and then expanded it to get that outline and I do the same thing with black too so every time I add and new you'll see there's like a Sun Visor and the back spoiler so if you do that when you add new objects you need to add them to the outline layers alright so it'll make it'll make more sense let's see so Asset recycling again so I took that orange reflector from the front and I'm gonna make it to a brake light by just shifting the hue and then the highlight because red is a little bit it doesn't show up on an overlay as much so you got to adjust your your highlight layer and kind of bump the white up on that a little bit and now just adding some detail lines I don't what you call those body creases or something okay so here's a highlight so I've made that line I duplicated it scaled it down slightly and narrowed the width of the line and then made it into an overlay and nudged it in the y-direction up right so now you got that highlight I'm gonna do the same thing here but that way it never fails every time I make any kind of video someone knocks on the door zombies pissed zombies that he's not having it but hopefully I got something cool in the mail so right there you can see by using the modular another module but I guess it's that the the component tool you can grab those lines and edge and back and clean them up a little bit that's the beautiful thing about vector illustration is it's like it's always fluid so now I'm just using a single line for highlights right so that's just a really thick line with a round cap on the end and I'm using that to simulate shine you know the the thinner it is the kind of like the more it's specular the shine is gonna be in the thicker the more kind of Mattin and dull so now I'm going after that back fender kind of blocking it out looking at this later I kind of wish I would have made the fender and the sunscreen lines all right there see that's the tool I'm talking about this is really awesome and infinite you see how you just that graph is how thick the line it basically 1 under the graph is the beginning of the line and 1 is the end and whatever shape you have and as you move that up and down that's the line thickness illustrator also has a thickness tool where it's a lot more detailed than hands-on but it is also more tedious to use and it used to drive me crazy because you have to be very precise you can see that the oh I just fixed it but that that cream colored border stroke was like slightly too dark so I just evened it out by using the eyedropper I think now I'm gonna make some like running boards for the bottom so now I've set those inside so see how the the clipping layer it that rectangle is still the same rectangle but it's using the Vans body as kind of like you know almost like an alpha Channel to cut out anything that's outside of the outline of that van so now we're getting that and I'm doing the same thing just making more lines but yeah like I was saying the beauty of vector R it is it's very fluid and very just it's so easy to edit it's so easy to change things like I was doing a drawing the other day and decided to change the shape of like a large portion of the illustration and in like pixel-based bitmap rot raster illustration it would have been like a complete reo redo of a certain part of the the photo right now I'm doing lighting because the the top of the van is angled in right like so the van kinks in so that's gonna be a little bit lighter so that's just an overlay layer so I just I just gauge I'm gonna do it again right here so I'm just taking a rectangle and making it match the kind of like shape of the fender and then making you an overlay and toning it down a little bit that's how I do most of my lighting and but yeah vector art so here's the wheel wells it's just so fast it's like so fast and so clean you can scale it up you can scale it down it doesn't get distorted you don't have to worry about like making it you know the resolution of you know if your print is a poster is you're gonna printed a sticker it doesn't matter like you can just totally scale it to whatever you need so there's C Asset recycling again so just reusing that and just you know fitting it to the second wheel well adding a little bevel to that bumper I'm gonna see how hot it is in San Jose 95 degrees is it's super hot right now and like when I film like this I have to turn all the fans and the a/c off because I make too much noise I'm doing this for you guys it's I hope you appreciate it so they're using that so I've used that reflector for the front turn signal the back brake light and now it's gonna be a fog light and then also the other little like fog light was a was a headlight at one point but you can get away with reusing stuff and then lug nuts for the tires yeah when you do stuff like this being smart about your pivot point really helps a lot so instead of like duplicating it and dragging it and dragging it and trying to relocate so I just put the pivot right in the middle and now they will all orbit around the center of the hub so it makes it very simple the same thing I think I'm gonna add some like little holes in the rim and the pivots gonna go in the middle and then I'm gonna start see right there so now you don't have to it's not like you turn it and then move it and turn it and move it you're just orbiting it around the center of the pivot or the center of the sphere the center of the circle you're orbiting around the center of this circle I don't know what I'm doing now oh I'm making a making a mirror a little stand for the mirror but yes each rectangles you're just taking rectangles and moving them you know it's whatever shape you want or some people use circles or you use that polygons and you just kind of you know smudge it into the area that you want you you're good to go there's lots of lots of bending stuff it's so similar to 3d like if anybody is anybody's watching does 3d modeling at all it's like two and a half right like two and a half D cuz it's like it's still two-dimensional flat but you get all the layers and then everything is modular so it's very easy to go back and change there you guys added the black border layer and then the the cream-colored outer layer for that little Sun Visor and then here I'm gonna start doing some lighting on the mirrors so that's like I was saying so no stroke on the lighting layers right so it's just a flat shape that you do an overlay on like you know in a brighter white and like so that's literally the same object just duplicating and it's like it's like silly putty right you just stretch it over the shape and kind of pick out where you thinking your mind lights gonna land you know and it's it's pretty forgiving and it's a nice look to like it adds some depth to your design and you can get is like my stuff tends to be pretty cartoony but you can get as detailed as you want and start adding more bevels to the lighting and man I wish I drew this fast in the real life so now I'm gonna add some awesome texture lines to the headlights I'm just kind of like little little details and there you go a little homage to mr. t thanks for watching sucka foo but yeah there you go and that's that's pretty much the whole deal don't be intimidated by Victor Victor look out for Victor look ya don't be intimidated by vector art I put it off for a really long time I've been doing art work professionally for really long 20 plus years and then photography and and I kept putting off vector art I dabbled with it in college and was awful at it I hated it and just recently and I was just like I'm gonna try it again and I've really been enjoying it illustrator is great affinity is awesome I would highly recommend it finishes a designer if you have a if you have an iPad and an iPad and Apple pencil it's pretty fantastic oh yeah that's about all I got for you if there's stuff you want to see in depth hit me up on reddit or hit me up on here in the comments or whatever and thanks for watching and I hope I answered some questions I know that was really rushed I just figured I was drawing that anyway so I was like when I capture and then I can try and talk over it and give some pointers but maybe I'll do something that's not like a finished art piece but just like showing on primitive shapes how you do different stuff and how the tools individually work alright thanks for watching if you really dug this and you like my other stuff if you like gear reviews check it out because there's a bunch of other stuff I have a feeling there's gonna be a collision of worlds here because this is much different from my usual videos but I figured hey why not people are asking about how to do something so I'll give it a shot so yeah if you if you like what I'm doing like and subscribe and keep checking in and seeing seeing what I'm cranking out and I really appreciate everybody checking out my stuff alright hopefully you are colder than I am because it is hot catch you later bye hey everybody back again real fast just announcing the winners from the last video for the Monterey Bay knives ezc and the the knife lubricant it took me a little longer than I thought it was going to to figure out how to to fairly and randomly select winners out of the comments section but I found a website that you plug the URL into and then it randomly just picks comments so let's go do that right now alright so the way this works is here's here's the video and I grab the URL from there and so there's this website it's comment picker calm and we do is you just load the URL in here we'll go for the first one so there's the knife and the two bottles of Lube standard and heavy see there's 21 unique comments on that video so you got a 1 and 21 chance of winning so this is for the knife wetting user for the knife is will Davidson standard bottle of Lube will be Tulley pick you were in it to win it my man you won so you got the standard bottle of Lube and then the heavy Michael Phu Shetty and I agree with you in your comment that they should make a bigger a bigger version of that knife it would be cool if they had a bigger blade and handle all right so congratulations to the winners yeah that was cool I think that's gonna be a regular thing this stuff I review all the start doing giveaways and thanks to everybody that participated and I'll see you next time [Applause]


4 Replies to “Vector Drawing with Affinity Designer on the iPad – Speed Drawing and Basic Tips”

  1. Adrian Alford Photography says:

    So good man, thanks so much for these tips. Great video 🙂

  2. Michael Puccetti says:

    Cool man, thanks for the lube!

  3. Will Davidson says:

    Great stuff man! Keep it up!

  4. Joshua says:

    Looks good man. Draw me a tattoo lol 😂

Leave a Comment

Your email address will not be published. Required fields are marked *