Graphic Design Tutorial: How to make a ribbon in Illustrator [w/ subs]



00:00:00 – hi this is graphic design howto & today
00:00:02 – i want to tell you about how to make a
00:00:05 – ribbon design and art driven design and
00:00:07 – illustrator so first off I want to go
00:00:10 – over the key commands i'm going to be
00:00:12 – sharing with you say something like grab
00:00:15 – the am to lure grab your g2 ruv tool and
00:00:19 – when I say that I just mean press the
00:00:21 – letter M on your keyboard so that will
00:00:25 – get you to the tool over here on the
00:00:27 – left unless you're in a text box where
00:00:29 – it will just type the letter in so if if
00:00:33 – that happens just click out of the text
00:00:34 – box and then you can just type the
00:00:37 – letter M or tea or whatever that's not
00:00:40 – control in your ship and it's just the
00:00:42 – letter in so let's get started first
00:00:45 – grab your M tool that is your rectangle
00:00:49 – and then just click and drag a long
00:00:52 – rectangle like this and i'm going to
00:00:55 – choose a let's go with a green color
00:00:59 – over here now with your v tool option
00:01:07 – drag this is like this and then we'll
00:01:12 – move with your v tool sorry your vehicle
00:01:15 – move this over like this and we're
00:01:19 – making this part of the little ribbon
00:01:22 – right now
00:01:22 – now go up to object path and add Anchor
00:01:28 – Point and what that does if we use them
00:01:32 – in here you can see we've got easily
00:01:36 – you'll have four anchor points but when
00:01:38 – you add Anchor Point it as an anchor
00:01:40 – point halfway through our halfway
00:01:43 – between the anchor points are resisting
00:01:45 – so now that we have that lets with to
00:01:49 – the a tool and then start drawing a
00:01:53 – rectangle out here like this and select
00:01:58 – just that one point on the side there
00:02:00 – now use your arrow keys to lose this and
00:02:04 – you can also hold the shift key and
00:02:07 – arrow and I'll go a little faster
00:02:09 – ok let's do about like that you can
00:02:12 – command minus 2
00:02:13 – get back to where you were or command 0
00:02:15 – to get the hand tool you can hold down
00:02:19 – the spacebar and move move the cameras
00:02:22 – around whoever you want it
00:02:24 – ok so let's change our color to be a
00:02:26 – little darker than this color could be
00:02:29 – that i'm going to click over here in
00:02:31 – swatches add a color and then you can
00:02:34 – hold option and command and pull these
00:02:37 – sliders over and that will make a light
00:02:39 – or dark tonal of that color so if you
00:02:44 – have if you're on equipment pc you want
00:02:47 – to do ctrl + option
00:02:49 – ok let's do it command option and drag a
00:02:52 – little bit just make it a little darker
00:02:55 – ok and it's in the front right now the
00:02:58 – whole shift command and left bracket
00:03:01 – percent to the back you can also go to
00:03:04 – object arranged center back here and you
00:03:07 – can see the key command they're all
00:03:10 – right now with the V tool length and
00:03:14 – copy paste in front
00:03:17 – well that didn't work the way I thought
00:03:19 – it would
00:03:20 – ok so you need to click off click back
00:03:23 – on
00:03:24 – copy paste in front and now you can see
00:03:28 – the very q layers i'm going to undo that
00:03:32 – so now I hit your O'Toole and then hit
00:03:38 – return and that will bring up this
00:03:39 – dialog box you want to be vertical and
00:03:42 – then say okay patient friend was command
00:03:47 – or control a** on a pc now let's find
00:03:50 – this over with your vehicle
00:03:52 – click and just drag and hold shift to
00:03:55 – give to stay on the same axis
00:03:57 – okay so now we've got this part of our
00:04:01 – and our banner let's with the be cool
00:04:05 – select all three draw a box around all
00:04:08 – three like this and let's go to the
00:04:11 – Pathfinder and some options aren't
00:04:14 – feeling right or I guess the align sorry
00:04:16 – the align come down here to distribute
00:04:19 – spacing and go ahead and click show
00:04:22 – options if this isn't showing for you
00:04:24 – now click the second one it will
00:04:27 – well distributed spaces are all equal ok
00:04:30 – now we're going to need to draw this
00:04:33 – little shape here to get your p toole
00:04:35 – are actually so then hit your people
00:04:41 – you can also that shift control a on
00:04:44 – you're on a PC ok so lets them and a
00:04:47 – little here and that's the and drying a
00:04:49 – square and then with the P tool click
00:04:53 – here here here and then close the shape
00:05:01 – to click back on your first one
00:05:05 – ok now this we want to fill with an even
00:05:08 – darker color so let's add a new swatch
00:05:12 – here we go and hold option and command
00:05:15 – to make it a little bit darker area and
00:05:19 – still say stay within that tonal range
00:05:22 – ok so now get your v tool click on that
00:05:28 – little shape copy paste in front with
00:05:32 – command F or ctrl f hit 0 and then
00:05:37 – return which will bring out the reflect
00:05:39 – dialog box verticals what we want say ok
00:05:42 – and then with your v tool
00:05:44 – let's slide this over way to go okay so
00:05:49 – it's not most of our shape here let's
00:05:52 – get the B tool and select everything
00:05:54 – with a box around everything like this
00:05:57 – let's group these things command G or
00:06:02 – ctrl key on a PC now go to affect warp
00:06:07 – and I like arc arch will keep this side
00:06:12 – straight but our kind of turns them out
00:06:14 – and think it's a little more natural
00:06:16 – let's go with arc and twenty-four
00:06:20 – percent is a good meal
00:06:21 – let's say ok and now we have almost
00:06:24 – exactly what you see above
00:06:27 – ok so to get our type on here there's
00:06:30 – two ways to do it you can just type on a
00:06:35 – straight line group it with this shape
00:06:38 – and then
00:06:40 – and the effect work arc thing and it
00:06:43 – will do it all together but that kind of
00:06:46 – makes your type a little work if you
00:06:52 – don't want that you'll want to make a
00:06:55 – copy of this and that's what we're going
00:06:56 – to do in this tutorial so hold Shift +
00:06:59 – option + drag actually start dragging
00:07:04 – and then hold shift and option to make a
00:07:08 – copy and then let's go to object expand
00:07:13 – appearance
00:07:15 – ok now we have some pieces here and I
00:07:20 – want to use that piece to get that arch
00:07:22 – and make it really easy to type on that
00:07:24 – path so grab your a tool click off grab
00:07:28 – you're a tool and just get on the very
00:07:31 – edge of this
00:07:32 – ok so all of your little handle should
00:07:37 – be white right now if you click on the
00:07:39 – edge will be white so copy and then
00:07:44 – shift command a to clear and then paste
00:07:47 – in front
00:07:48 – ok so we've gotta fill and we don't want
00:07:51 – to fill over here so you can either
00:07:53 – click this or you can have be ? e to
00:07:57 – clear that out now let's use our be tool
00:08:01 – to move this up a little bit right here
00:08:04 – and then grab your type on a path tool
00:08:07 – and just click right on there now this
00:08:11 – is going to be just gonna have a little
00:08:13 – bit of problem you're going to be typing
00:08:14 – upside down but that is normal and we'll
00:08:16 – fix it in a second so let's type your
00:08:20 – title here too much to text above then
00:08:25 – click you'll have to actually click the
00:08:26 – v2 all this time and then you can get on
00:08:32 – the little line there and let's pull
00:08:35 – that all the way over here now there's a
00:08:39 – middle line and will want to click on
00:08:42 – that and hold and drag it up
00:08:45 – that'll put it right side up now let's
00:08:48 – go ahead and just Center it
00:08:51 – speaking of the paragraph
00:08:52 – in center or you can do is shift command
00:08:55 – C let's get our eyedropper tool with the
00:09:01 – i key and just click the title and we're
00:09:06 – almost done now you can use your be tool
00:09:09 – to position it how you want and that's
00:09:13 – that that's the entire tutorial for
00:09:15 – today how to make a ribbon if you like
00:09:18 – this video please click the like button
00:09:20 – if you want to see more like this please
00:09:22 – subscribe and leave me a comment if you
00:09:25 – have any trouble i would love to hear
00:09:27 – your problems and all time I just answer
00:09:30 – them and you know that's it thank you
00:09:34 – this is an for graphic design help you


Video Url:
http://youtu.be/0mF97R-9gNY

Comments

comments