Friday, 13 July 2012
Create a Skull & Crossbones Sticker Design in Illustrator
10:13 am |
Posted by
pixelfloss |
Edit Post
Follow this step by step guide to creating a cool little skull and
crossbones sticker design in Adobe Illustrator. This tutorial will
hopefully be a great one for Illustrator beginners, as we’ll not only be
creating the skull and crossbones design using all the important tools
found in Illustrator, we’ll also be setting up the basic print document
with bleeds and guides.
The skull and crossbones design we’ll be designing is made up of simple vector shapes to create a cute cartoonish appearance. We’ll also use some vector textures to distress the design to give it that old school aged look.
The dimensions of your own sticker will all depend on the printer you’re using. My printer of choice creates stickers at 38x38mm, so with the required 1mm bleed the overall artwork size equates to 40x40mm. In any normal print job we could use Illustrator’s bleed settings to add guides for us, but seeing as this sticker is circular those bleed margins won’t help out.
In order to create our own circular guides we must first create a circle of the desired size to match the artboard. Click anywhere on the artboard with the Ellipse tool to enter exact dimensions.
Use the Align palette to fit this circle exactly into the artboard. Make sure the Align to Artboard setting is checked in the options.
Once the temporary circle is in place right click and select Make Guides to transform this object into a guideline that won’t appear as artwork in the final print document.
We have the guide that highlights the edge of the total sticker artwork including bleed, but we also need a guide to determine where the final artwork will be cut. Designing the sticker according to this guide will avoid any elements being cropped when the prints are trimmed to size.
Once the two guides are in place, right click and select Lock Guides so they can’t be accidentally selected or moved out of position.
The design we’re be creating features a black background, so add a 40x40mm circle to the artboard and align it centrally.
Use the Ellipse tool to create the main portion of the skull, then switch to the Rounded Rectangle tool to draw the jaw piece. Hit the cursor keys are adjust the corner radius before releasing the mouse.
Create two eye sockets using basic black circles, scale one of the eyes down slightly to create a confused expression.
Draw the basics of a bone shape by first overlapping two circles. Once the first circle is drawn, hold ALT while dragging the shape to create a duplicate. Add a rotated rectangle to create the shaft between the two sockets.
Select all the shapes that make up a bone and hit CMD+G to group them. Copy (CMD+C) then Paste in Front (CMD+F) a duplicate then head to Object > Transform > Reflect to flip the copy in the opposite direction.
The bones currently blend into the main skull shape, so to create a border around the skull select the two elements and go to Object > Path > Offset Path. Add an offset of 1mm then give these new shapes a black fill.
The new black border and the crossed bones will all need stacking correctly to create the desired effect. Use the shortcuts CMD+[ and CMD+] to send each element forward and backward until the black border sits on top of the bones.
Finish off the skull face with a simple mouth. When creating a duplicate of the vertical lines hold the ALT key and drag a copy, then press CMD+D to repeat the transformation to create a series of equally spaced lines.
The sticker design is looking pretty good so far. Using those simple shapes will really help define the skull seeing as the sticker is pretty small in size.
Everything looks better with some distressed treatment. Copy a texture from my vector bumper pack into the design.
Copy and Paste in Front a duplicate of the background circle and send it to the top of the stack with the shortcut CMD+Shift+]. Select this shape along with the texture and hit the Crop button from the Pathfinder palette. All the excess texture beyond the edge of the sticker will be removed, so give the texture a white fill to rough up the black background.
Paste in another texture but this time make a copy of all the elements that make up the skull and crossbones design. Hit the Merge button from the Pathfinder to blend them into one shape.
Send the blended skull and crossbones shape to the top, then use it as a tool to crop down the second texture. These texture overlays give the design that awesome old school appearance as if the sticker has been exposed to the elements for years.
This leaves the design ready to save as a JPEG or EPS file and send off for printing. Remember those guides won’t appear on the final prints, but they highlight the bleed margin so we can be sure the artwork won’t be cropped when the stickers are trimmed to size.
Reference: http://blog.spoongraphics.co.uk/tutorials/create-a-skull-crossbones-sticker-design-in-illustrator
The skull and crossbones design we’ll be designing is made up of simple vector shapes to create a cute cartoonish appearance. We’ll also use some vector textures to distress the design to give it that old school aged look.
The dimensions of your own sticker will all depend on the printer you’re using. My printer of choice creates stickers at 38x38mm, so with the required 1mm bleed the overall artwork size equates to 40x40mm. In any normal print job we could use Illustrator’s bleed settings to add guides for us, but seeing as this sticker is circular those bleed margins won’t help out.
In order to create our own circular guides we must first create a circle of the desired size to match the artboard. Click anywhere on the artboard with the Ellipse tool to enter exact dimensions.
Use the Align palette to fit this circle exactly into the artboard. Make sure the Align to Artboard setting is checked in the options.
Once the temporary circle is in place right click and select Make Guides to transform this object into a guideline that won’t appear as artwork in the final print document.
We have the guide that highlights the edge of the total sticker artwork including bleed, but we also need a guide to determine where the final artwork will be cut. Designing the sticker according to this guide will avoid any elements being cropped when the prints are trimmed to size.
Once the two guides are in place, right click and select Lock Guides so they can’t be accidentally selected or moved out of position.
The design we’re be creating features a black background, so add a 40x40mm circle to the artboard and align it centrally.
Use the Ellipse tool to create the main portion of the skull, then switch to the Rounded Rectangle tool to draw the jaw piece. Hit the cursor keys are adjust the corner radius before releasing the mouse.
Create two eye sockets using basic black circles, scale one of the eyes down slightly to create a confused expression.
Draw the basics of a bone shape by first overlapping two circles. Once the first circle is drawn, hold ALT while dragging the shape to create a duplicate. Add a rotated rectangle to create the shaft between the two sockets.
Select all the shapes that make up a bone and hit CMD+G to group them. Copy (CMD+C) then Paste in Front (CMD+F) a duplicate then head to Object > Transform > Reflect to flip the copy in the opposite direction.
The bones currently blend into the main skull shape, so to create a border around the skull select the two elements and go to Object > Path > Offset Path. Add an offset of 1mm then give these new shapes a black fill.
The new black border and the crossed bones will all need stacking correctly to create the desired effect. Use the shortcuts CMD+[ and CMD+] to send each element forward and backward until the black border sits on top of the bones.
Finish off the skull face with a simple mouth. When creating a duplicate of the vertical lines hold the ALT key and drag a copy, then press CMD+D to repeat the transformation to create a series of equally spaced lines.
The sticker design is looking pretty good so far. Using those simple shapes will really help define the skull seeing as the sticker is pretty small in size.
Everything looks better with some distressed treatment. Copy a texture from my vector bumper pack into the design.
Copy and Paste in Front a duplicate of the background circle and send it to the top of the stack with the shortcut CMD+Shift+]. Select this shape along with the texture and hit the Crop button from the Pathfinder palette. All the excess texture beyond the edge of the sticker will be removed, so give the texture a white fill to rough up the black background.
Paste in another texture but this time make a copy of all the elements that make up the skull and crossbones design. Hit the Merge button from the Pathfinder to blend them into one shape.
Send the blended skull and crossbones shape to the top, then use it as a tool to crop down the second texture. These texture overlays give the design that awesome old school appearance as if the sticker has been exposed to the elements for years.
This leaves the design ready to save as a JPEG or EPS file and send off for printing. Remember those guides won’t appear on the final prints, but they highlight the bleed margin so we can be sure the artwork won’t be cropped when the stickers are trimmed to size.
Reference: http://blog.spoongraphics.co.uk/tutorials/create-a-skull-crossbones-sticker-design-in-illustrator
Subscribe to:
Post Comments (Atom)
Total Pageviews
Blog Archive
-
▼
2012
(32)
-
▼
July
(9)
- Create Your Own Letterpress/Inset/Debossed Text
- How To Create a Vector Sponge Art Effect in Illust...
- Create a Skull & Crossbones Sticker Design in Illu...
- How To Create a Cubist Style Logo Design in Illust...
- How To Create a Grumpy Troll Character in Illustrator
- How To Create a Beautiful Vector Portrait in Illus...
- How To Give Your Photos a Dark Processed Lomo Effect
- Create an Abstract Design with Patterns in Photoshop
- Create a Bright Retro Grunge Vector Illustration
-
▼
July
(9)
Powered by Blogger.
Quicklinks
Popular Posts
-
Follow these steps in Adobe Illustrator and Photoshop to create a range of vector shapes and graphics that can be combined into a great lo...
-
Today we’re going to learn how to create a super creative collage effect, using a range of photo manipulation, blending and compositional ...
-
Final Product What You'll Be Creating A few times a each month we revisit some of our reader’s favorite posts from throughout ...
-
I’m sure we all remember painting with sponge (or potato!) stamps as a child, but back then we didn’t really appreciate the cool distressed...
-
This a tutorial shows you how to give any normal face ia typography texture and this is the final result :
-
I’ve always love browsing the amazing style of art known as Vexel illustration and recently I decided to finally give it a go myself. Foll...
-
Follow this logo design process walkthrough to see the making of a cubist style logo design made up of lots of detailed vector facets. Not ...
-
Final Product What You'll Be Creating A few times a each month we revisit some of our reader’s favorite posts from t...
-
Follow this step by step Illustrator tutorial to create a grumpy Internet troll character. We’ll start the process with a basic pencil ske...
-
Final Image Preview This is what we’re looking to build with this tutorial.
0 comments:
Post a Comment