This is a text with a link.

Illustration: Create a Rose-Sword Design

Beginner level Adobe Illustrator Adobe Illustrator

How to Set Up a New Document

As we do with all of our projects, start by setting up a New Document (File > New or Control + N) which we will adjust using the following settings:

  • Number of Artboards: 1
  • Width: 600 px
  • Height: 600 px
  • Units: Pixels

And from the Advanced tab:

  • Color Mode: RGB
  • Raster Effects: Screen (72 ppi)

We’re going to be creating the illustration using a Pixel Perfect Workflow, so I highly recommend you take a moment and read this in depth tutorial that will get you up to speed in no time.

How to Set Up the Layers

Once we’ve set up our new document, it would be a good idea to separate our composition using a couple of different layers, since this way we can streamline our workflow by focusing on one section at a time, which allows us to keep track of each and every shape.

So, open up the Layers panel, and let’s create a total of three layers which we will name as follows:

  • layer 1 > decorative frame
  • layer 2 > sword
  • layer 3 > rose

The way we’re going to be using these layers within our workflow is pretty easy. We’ll want to lock all except the one that we will be working on, so that we won’t move or misplace some of the shapes by accident. Then, once we’re done with the current section, we can then lock its layer and move on up to the next one.

How to Create the Sword

As soon as we’ve finished layering our document, we can start working on the actual illustration, and we will do so by putting the sword together one shape at a time.

That being said, make sure you’re on the right layer (that would be the second one) and let’s jump straight into it!

Step 1

Start working on the lower end of the handle, by selecting the Ellipse Tool (L), and creating a 24x24 px circle which we will color using #E8E6EF, and then center align to the underlying Artboard, positioning it at a distance of 96 px from its bottom edge.

Step 2

Give the shape that we’ve just created an outline using the Stroke method, by creating a copy of it (Control + C) which we will paste in front (Control + F), and then adjust by first changing its color to #4F455E and then flipping its Fill with its Stroke (Shift + X). Set the resulting shape’s Weight to 8 px, making sure to select and group the two together afterwards using the Control + G keyboard shortcut.

Step 3

Create the main shape of the handle using a 16x48 px rectangle (#BA7D6E), with an 8 px thick outline (#4F455E) with a Round Join, which we will group (Control + G) and then position on top of the previous section’s top edge.

Step 4

Add the horizontal detail lines to the handle, using three 16 px wide 8 px thick Stroke lines, which we will vertically stack at 4 px from one another. Once you have the lines in place, select and group (Control + G) all of them together, doing the same with the entire handle afterwards.

Step 5

Create the guard piece using a 72x16 px rectangle (#E8E6EF) with an 8 px thick outline (#4F455E) with a Round Join, which we will group (Control + G) and then position on top of the handle as seen in the reference image.

Step 6

Start working on the blade by creating a 24x200 px rectangle, which we will color using #E8E6EF and then position on top of the guard, making sure their paths overlap.

Step 7

Add a new anchor point to the center of the blade’s top edge using the Add Anchor Point Tool (+) by simply selecting the shape and then left clicking on it.

Step 8

Adjust the shape of the blade, by selecting its top corner anchor points using the Direct Selection Tool (A), and then pushing them to the bottom by a distance of 24 px using the Move tool (right click > Transform > Move > Vertical > 24 px).

Step 9

Adjust the curvature of the blade’s top side anchor points by selecting and converting them to smooth using the Convert selected anchor points to smooth function, and then re positioning their handles until you have a shape similar to the one from the reference image. Once you’re done, give the resulting shape an 8 px thick outline (#4F455E) with a Round Join, making sure to select and group (Control + G) the two together before moving on to the next step.

Step 10

Add the little decorative piece to the hand guard using a 24x20 px rectangle (#EFB678), which we will adjust as we did with the blade by adding a new anchor point to the center of its top edge, pushing its side ones to the bottom by a distance of 8 px (right click > Transform > Move > Vertical > 8 px). Give the resulting shape an 8 px thick outline (#4F455E), grouping (Control + G) and then positioning the two as seen in the reference image.

Step 11

Finish off the sword, by adding the fuller segment using a 128 px tall 8 px thick Stroke line (#4F455E) with a Round Cap, which we will position on top of the previous section. Once you’re done, select and group all of the weapon’s composing shapes together using the Control + G keyboard shortcut.

Step 12

Since we’re pretty much done working on the sword, we can now lock its layer and move on to the next part of the project where we will gradually create the rose.

How to Create the Rose

Assuming you’ve positioned yourself onto the next layer (that would be the third one), zoom in on the Artboard and let’s get started.

Step 1

Start working on the flower by creating a 24x24 px circle (#EA7B59) with an 8 px thick outline (#4F455E), which we will group (Control-G) and then position above the sword’s blade, at a distance of 24 px from its tip.

Step 2

Add the fill shape for the right petal using a 32x48 px rectangle, which we will color using #EA7B59, and then center align to the previous section, positioning it at a distance of 8 px from its top anchor point.

Step 3

Adjust the shape that we’ve just created by opening up the Transform panel and then setting the Radius of its bottom corners to 16 px and its top-left one to 32 px.

Step 4

Quickly give the resulting shape an 8 px thick outline (#4F455E) with a Round Join using the Stroke method, making sure to select and group the two together afterwards using the Control + G keyboard shortcut.

Step 5

Add the left petal using a copy (Control + C > Control + F) of the one that we’ve just finished working on, which we will vertically reflect (right click > Transform > Reflect > Vertical), and then position onto the opposite side. Once you have the shapes in place, select and group (Control + G) all of the flower’s composing sections together before moving on to the next step.

Step 6

Grab the Pen Tool (P), and using the reference image as your main guide, draw the little line segments surrounding the rose using an 8 px thick Stroke (#4F455E) with a Round Cap. Take your time, and once you’re done select and group all of them together using the Control + G keyboard shortcut.

Step 7

Next, start working on the stem surrounding the sword by drawing its upper section using an 8 px thick Stroke (#4F455E) with a Round Cap, starting from the rose and then going down following the reference image as your main guide.

Step 8

Adjust the resulting path by setting the Radius of its top corner to 8 px, and its left ones to 16 px from within the Live Corners input box.

Step 9

Take a couple of minutes and draw the remaining sections following the exact same process used for the previous step, moving on to the next step once you’re done.

Step 10

Start working on the thorns by creating an 8x8 px square (#4F455E), which we will adjust by adding a new anchor point to the center of its bottom edge, removing the side ones afterwards using the Delete Anchor Point Tool (-). Give the resulting shape an 8 px thick outline (#4F455E) with a Round Join, grouping (Control + G) and then positioning the two onto the left side of the upper section of the stem.

Step 11

Create three copies (Control + C > Control + V three times) of the thorn from the previous step, and then position them onto the lower sections of the stem as seen in the reference image.

Step 12

Start working on the leaves, by creating the left ones using two 24x24 px squares (#93B780), which we will adjust by setting the Radius of its bottom-left and top-right corners to 16 px from within the Transform panel. Give the resulting shapes an 8 px thick outline (#4F455E) with a Round Join, individually grouping them (Control + G) and then positioning them onto the left side of the stem.

Step 13

Add the right leaves using a copy (Control + C > Control + F) of the ones that we’ve just created, which we will vertically reflect (right click > Transform > Reflect > Vertical) and then position onto the opposite side of the stem as seen in the reference image. Once you’re done, select and group all of the rose’s composing sections together using the Control + G keyboard shortcut.

Step 14

Create the two blood drops using two 12x12 px circles (#EA7B59), which we will adjust by selecting and pushing their top anchor points to the top by a distance of 8 px, making sure to pinch them afterwards using the Anchor Point Tool (Shift + C). Give the resulting shapes an 8 px thick outline (#4F455E) with a Round Join, grouping (Control + G) and then positioning them underneath the stem. Once you’re done, select and group (Control + G) all of current shapes together before moving on to the next section.

How to Create the Decorative Frame

Assuming you’ve finished working on the rose, lock its layer and then move on back to the first layer, where we are going to add the decorative frame.

Step 1

Start by creating a 224x224 px circle with an 8 px thick Stroke (#4F455E), which we will center align to the Artboard, positioning it onto the sword’s handle as seen in the reference image.

Step 2

Adjust the shape that we’ve just created by selecting its top anchor point using the Direct Selection Tool (A) and then immediately removing it by pressing Delete. Set the resulting path’s Cap to Round and then move on to the next step.

Step 3

Add the upper section of the frame using a copy (Control + C > Control + F) of the one that we’ve just finished adjusting, which we will horizontally reflect (right click > Transform > Reflect > Horizontal) and then position onto the opposite end of the sword, at a distance of 24 px from the vertical line segment’s top edge.

Step 4

Create the left-sided diamond piece using a 20x28 px rectangle (#EFB678), which we will adjust by adding a new anchor point to the center of each of its edges using the Add Anchor Point Tool (+), and the removing all the corner ones using the Delete Anchor Point Tool (-). Give the resulting shape an 8 px thick outline (#4F455E) with a Round Join, grouping (Control + G) and then positioning them in-between the two frame sections.

Step 5

Using the Ellipse Tool (L), create two 8x8 px circles, which we will color using #4F455E, and then vertically stack onto the diamond at a distance of 8 px from its top and bottom edges. Once you have the shapes in place, make sure you select them and the center piece and group (Control + G) them together before moving on to the next step.

Step 6

Finish off the decorative frame and with it the project itself, by adding the right diamond segment using a copy (Control + C > Control + F) of the one that we’ve just grouped, which we will position onto the opposite side. Once you’re done, select and group (Control + G) all of the current section’s composing shapes together before hitting that save button.

Great Work!

There you have it folks, using nothing more than some basic geometric shapes that we've adjusted here and there we've managed to create a beautiful line illustration that can be used in any future project, from T-shirt designs to wallpapers or anything else you want apply it to.

As always, I hope you had fun working on the project, and if you have any questions feel free to post them within the comments section and I'll get back to you as soon as I can!

 

What’s your opinion of this tutorial?

Discussion

In today’s tutorial we’re going to learn how to create a rose sword illustration using some of the basic geometric shapes and tools that you probably already work with on a daily basis. So, assuming you already have Illustrator up and running, grab a fresh mug of coffee and let’s get started.

Tut Details

Beginner level 1h 5m 1,788 views

Share