Illustrator Starburst | Create A Vector Sunburst In Illustrator

Youtube URL:

Dansky

Subscribe Here

Likes

721

Views

22,536

Create A Vector Sunburst In Illustrator

Transcript:

[MUSIC] Hey, there you’re watching Danske the place to be to develop your creative skills in this tutorial. We’re going to learn how to create a vector sunburst all in Adobe Illustrator, so let’s get started Righty-o so we’re now in Illustrator, and you can see. I’ve created a new document. We have an artboard that is 1920 wide and 1080 pixels high and the first thing. I’m going to do is grab the ellipse tool from the toolbar on the left and just left-click and hold shift to create a perfect circle and what position is in the middle. And if we go to the bottom of the toolbar, just select that white fill, click on that Swatch and set that to none. So now we just have a black stroke. Next, what we’re going to do is navigate over to the stroke panel on the right and just start increasing that stroke weight. And you can use the arrows for this, or it might be a bit quicker is to select this value here and we’ll just enter a much larger number and press return, so we go with 300 points on the stroke and essentially this is going to be the length of each segment within your sunburst, so you might want to take this up a little bit further and we can adjust the size at the end. That’s absolutely fine next. What we’re going to do is select. The box marked dashed line and you can see we get this cool effect now so we can see our sunburst coming together already and we can adjust the dash value, so let’s go for 10 and you can see. It increases the number of segments. And if you do crank this up, you can see it reduces the number of segments. I think we’ll go for around about 30 and press return and we’ll leave the gap empty for now. Now something else you’ll notice is that you do get the little oddities around where the width isn’t consistent all the way around and the way that you get around that is you change the align stroke to Center and it does that and looks a bit weird, and then you need to go in and again, just this sizing, but what that does is it enables this option here that was previously inaccessible so now we’ve aligned the stroke to the center we can click this and you can see everything just shifts, and it makes this space in between each segment in our sunburst equal all the way around now, of course. I’ve got this huge artboard and I want the sunburst to fill that artboard, so I’m going to scale this up now. You can scale up holding shift, however, if you’ve already centered this on your artboard, hold down the Alt key at the same time and you can scale up from the center. There we go now, Of course, it does this and completely distorts what we’ve done, so we are going to need to crank this weight up even further and you may want to mess around with this value and we can’t go more than a thousand points there, so what we’re going to do is we’re actually going to bring this down in size, so let’s scale that down again all these shift and Alt something like this, and you can see as I’m projecting the size, and as I go in adjust the stroke, it adjusts that size of the Sun in the middle as well. So if I bring the stroke down, it makes this this. Sun area is circle in the middle bigger or I can increase that until all of those points touch in the center. And, of course, I can’t go higher than a thousand, so I can’t quite make that touch. But if that’s the case, just scale it down and there you go, they all meet in the middle, so it takes a little bit of tinkering with the size and you can see the sunburst doesn’t quite touch the edge here, but that is absolutely fine. The main thing is just getting the sunburst style with the amount of segments that you like because what we’re going to do now is if we close that stroke panel down what we’re going to do is go to object expand appearance and then go to object, expand and just leave fill and Stroke checked and click. OK, and now as we adjust the size, it’s not going to adjust any of those proportions now. So this is no longer a stroke. This is a shape you can see here with a fill color and we can scale this up and down and those proportions are going to say exactly the same is not going to adjust anything else. The circle in the middle, the size of that is going to stay relative to each of the Sunburst segments, so we can drag these out so that they do go over the edge of our artboard, and that’s fine if they go outside totally fine, and in fact, I’m going to give this a color now so we can select this just double, Click that color picker and we’ll go for a lovely orange and from the swatches panel, I can then click the new Swatch icon and just add that as a global Swatch and you can see that appears there and what we can also do if we want to is grab the rectangle tool and then just left, click and drag and just drag this rectangle, so it snaps to the top left corner and in the bottom right corner, so essentially, it’s the same width and height as the artboard. And if I just make this pink for now, just a temporary color and make sure that this shape is on top if it’s not on top for any reason, just go to object, arrange and bring to front, make sure this bright colored shape is on top and what we’re going to do now is use this as a clipping mask, so with the shape on top, we can drag over everything, go to object down to clipping mask and select make you’ll see it crops our sunburst inside our clipping mask, and now we can double click this, and you’ll see here we’ve gone into isolation mode inside the clip group and we can now move this around now. Of course, if you move it in too far, you’ll see it won’t reach the edge and you’ll need to adjust the size and everything, but we can still do that within this mask. So if you want to have it central like this, that’s fine, and if you want to bring it ever so slightly off-center and then scale it up something like this, that’s also fine, it’s entirely up to you and you have that flexibility, and when you’re happy, just click on this arrow a couple of times to come out of isolation mode and you can leave this editable and every time you mouse over it, you will see this sometimes, so if you are happy that this is your final sunburst. And you’re no longer going to need to edit this anymore. Just simply select it. Go to window down to Pathfinder. And you’ll see this lovely little panel appear here and you’ve got this option. Marked crop simply. Click that and there we go. You can see that there is nothing else. This shape is now final. In fact, if I just go back a step and show you what happened, so I’m in outline mode now, which is command or control. Y and you can see. This is how it everything looked and then what we did is. We used that crop function, the Pathfinder panel and it essentially cropped everything outside of that mask and we are now left with our final sunburst. And you could leave this as is what we can do is just go and add another rectangle and you can drag this manually into position if you like or you can go to the transform panel, just uncheck that link and just type a width, the same height and width as your artboard and. I’ve done that completely wrong. Let’s try again. 1080 there. We go position that so that it snaps in the right place and then we’re just go and pick another Swatch, slightly different color. Great looks good to me and then just go to object, arrange and center back and there you go, you can see that we can use a combination of different colors, so it depends entirely what style you’re going for with your sunburst and there we go, That’s how to create a vector sunburst all in Illustrator, and if you’d like to download the final design, there’s a link in the description, and if you have any questions or comments, please do drop those down there as well, but as always like this video, if you enjoyed it, take care and I’ll see you next time [Music].