Blog.SpoonGraphics

How to Design a Skate Deck with a Cool Skull Pattern

Read the article

This post was originally published in 2009
The tips and techniques explained may be outdated.

Illustrator’s built in Symbol Sprayer can be a highly useful tool for quickly creating awesome pattern graphics. Let’s look at creating a few vector skull graphics, then combine them into an intricate pattern design to customise a skateboard deck.

Skull skatedeck design

We’ll be using our design to create a custom skate deck graphic, but it doesn’t have to stop there. This technique can come in handy for any design project.

Open up Adobe Illustrator and draw a circle onto the artboard. Hold Shift to constrain the proportions.

Draw a Rounded Rectangle onto the artboard, alter the radius of the corners by pressing the cursor keys. Overlap the rectangle with the circle and Align along the vertical axis using the Align Palette.

Combine the two shapes using the Add to Shape Area option from the Pathfinder palette.

Adjust the stroke of the new shape to add a thick black outline.

Draw a circle filled with black, then duplicate it to the side. Group the two circles then align them centrally with the overall skull outline.

Grab the Star tool and click and drag a shape onto the artboard. Before releasing the mouse, press the downward cursor key to limit the points to three, creating a triangle.
Go to Effect > Stylize > Round Corners, enter a figure of around 10mm to round off the pointed edges.

Scale and position the triangle as a nose on the skull.

Use the Rounded Rectangle to create a long thin shape. Copy (CMD+C) and paste in place (CMD+F), then move to one side while holding Shift.

With the two shapes selected, go to Object > Blend > Make. Go back and adjust the Blend Options under the Object menu to give three specified steps. Go to Object > Expand and select just the Object checkbox.

Duplicate the skull outline and send it to the top of the stack (CMD+Shift+]). Temporarily fill it with a random colour. Ungroup the collection of rectangles, then go to Object > Compound Path > Make. Select both the new skull outline and set of rectangles and use the third option from the Pathfinder palette to trim out the excess.

Repeat the last few stages to create a set of three skull graphics, each with slightly different proportions to add a little variety to the pattern.

Select each graphic individually and click the New Symbol icon from the Symbols palette.

Grab the Symbol Sprayer tool and select the first skull graphic from the Symbols palette. Click and drag across the artboard to place the first few instances of the graphic.

Click and hold the Symbol Sprayer icon to reveal the secondary tools. Double click the Symbol Rotator to adjust the settings. Change the Method to Random.

Use the Symbol Sprayer Rotator to spin the skulls in various directions, creating a purely random layout.

Select the Symbol Sizer tool and change the Method to Random. Then use the tool to add a variety of sizes to the symbols.

Select the next skull symbol in the palette and go back to the basic sprayer to add more graphics to the design.

Repeat the process of rotating and scaling each set of symbols, then move onto the next skull.

In no time the artboard will be packed full of random skulls. Keep alternating between the symbols until all gaps are filled.

Manually drag a symbol onto the design to fill specific areas.

Zoom out and check over the design for balance, ensuring no areas have a bunch of larger skulls or a collection of graphics facing the same direction.

Position individual skulls onto the design to balance out the pattern with large graphics evenly spaced.

Select all and group the skull symbols. Use the Rounded Rectangle tool to draw a shape simulating a skate deck to ensure a large enough area is covered.

Download this handy skateboard deck template from Deviant Art [Nunosk8], and open it up in Photoshop.

Paste in your design to create a realistic mockup of your skate deck graphic.

Skull skatedeck design

The final design uses just the three skull illustrations, but thanks to the Symbol Sprayer, a cool pattern can be quickly created. The result is an awesome deck design!

Join the mailing list and receive my design resources bundle FREE!

Join the mailing list to have every new post hand delivered to your email inbox. Every subscriber gets a FREE bundle of 40+ icons, vectors, brushes & textures!

57 Comments

  1. Excellent tutorial, really simple but taught me some stuff I didn’t know ;) Thanks!

    (0)
  2. Andrea Rufo says:

    No bad: the skulls are very prety!

    (0)
  3. Very nice Chris.

    (0)
  4. Nice tutorial! Only one thing missing => a link to someone who can actually print the design on a board ;)

    (0)
  5. ivalki says:

    very cute skull u have there Chris :)

    (0)
  6. I love that you design decks Chris but suck just as bad as me at skateboarding. Nice little tutorial :)

    (0)
  7. Remus says:

    Simple and original :)

    (0)
  8. Luis Lopez says:

    Really nice skull design, simple and nice, as the tutorial, great article Chris

    (0)
  9. Simple and Effective…! really interesting one

    (0)
  10. davidg says:

    great as usual chris! :)

    (0)
  11. Elena says:

    Cool! Thanks for sharing your stuff!

    (0)
  12. Daniel says:

    Great and simple tutorial! Cute skulls too.

    (0)
  13. Khalil3 says:

    Really nice! Abstract design and very nice piece of creativity :) Good job.

    (0)
  14. Carl Smart says:

    Cool tutorial, nice design.

    (0)
  15. Alex Rogahn says:

    Wow, sick design Chris! Do/did you ever skate? ;p
    You seem pretty into your skateboards :D

    (0)
    • Nope, apart from those cool 80′s wavy shaped skateboards I haven’t ever skated. Just have some strange interest in designing deck graphics for tutorials.

      I might build a ramp in the garden and learn though… :-)

      (0)
  16. DAI Media says:

    Verry verry nice :)

    (0)
  17. Gordymac says:

    I love your deck designs, Chris.

    (0)
  18. really nice article and nice way to make skulls

    (0)
  19. designussion says:

    awesome tutorial chris.

    i used to skate when i was younger and am going to give this a try :)

    thanks

    (0)
  20. xozan says:

    Nice hahha!

    (0)
  21. Mackas says:

    Men, You are genius!

    (0)
  22. Matt Clarke says:

    Skulltastic, thank you!

    (0)
  23. Luan Machado says:

    AMAZING tutorial [-_-] Congratulations Chris!!

    (0)
  24. make and order that skateboard at http://www.boardpusher.com, thats how I produce my skateboards.

    (0)
  25. Ayush Saran says:

    Hey Chris I took your idea offline and put it on my moleskine and wallet.

    http://www.flickr.com/photos/ayushsaran/3902191792/

    I was looking for a way to personalize them, black leather just wasnt saying ‘me’.

    Awesome technique

    (0)
  26. Sneh Roy says:

    Good Stuff Chris!

    (0)
  27. Sam Logan says:

    Very cool, thanks Chris!

    @Christopher Bathgate thanks for sharing that link, always wanted to produce my own skateboard.

    (0)
  28. Jason says:

    Nice tutorial Chris!

    I highly recommend building that ramp and skating, did it for 13 years when I was younger. It’s so much fun!

    (0)
  29. Mars says:

    good tutorial you got here

    (0)
  30. This is such a simple idea that has a very effective outcome.

    I’ll be sure to give this a go when I get a chance!

    Thanks Chris

    (0)
  31. Jack says:

    You make it look too easy.

    I think it’s time to move from the gimp to the shop!

    Jack

    (0)
  32. [...] How To Design A Skate Deck With A Cool Skull Pattern (blog.spoongraphics.co.uk) [...]

  33. zeabiii says:

    awesome tutorial here, liked it very much :)

    (0)
  34. Cameron says:

    Awesome tutorial!! picked up a nice few illustrator tips and tricks on the way!

    (0)
  35. Ben Rama says:

    simple ai tut I like : )

    (0)
  36. Lam Nguyen says:

    Awesome. Simple but awesome!

    (0)
  37. Hearing Aids says:

    Great tutorial. Thanks for the tips.

    (0)
  38. Sty*Lisch says:

    Very Nice! =)

    (0)
  39. [...] How to Design a Skate Deck with a Cool Skull Pattern [...]

  40. That’s awesome!

    (0)
  41. m* says:

    nice tutorial

    (0)
  42. müzik dinle says:

    very cute skull u have there Chris

    (0)
  43. hello123456 says:

    Very cool skull, took me a while to make it tough, since it was only the second time using Illustrator. Instead of making a Skateboard I made a Snowboard cause I still had a template from a long time ago, which turned out rather cool too :D

    (0)
  44. André Souza says:

    Fantastic tutorial. Always loved your stuff, keep it up, you’re the man!

    (0)
  45. the sketch says:

    very nice post thanks for time that you spend with us:-)

    (0)
  46. [...] How to Design a Skate Deck with a Cool Skull Pattern Share and Enjoy: [...]

  47. Awesome, just got a new deck might have to try this out for a fun little project.

    (0)
  48. pATRI says:

    Great tutorial!! Every day i discovered new things with your tutorials. Your tuts help me a lot in my job. Thanks very very much.

    (0)
  49. sema says:

    great tutorial.well explained.
    thank you
    sema

    (0)
  50. [...] Interesante recopilación de tutoriales de Adobe Illustrator. Estos tutoriales son muy instructivos, fáciles de comprender para un usuario principiante y a la vez, de reciclaje para las usuarios más  avanzados. Os recomiendo que le echéis un vistazo… 1. Cómo diseñar una cubierta con un Skate Cool Skull Pattern [...]

  51. [...] layout, but also those small effects that are often overlooked yet essential.Illustrator TutorialsHow to Design a Skate Deck with a Cool Skull PatternThis great tutorial walks you through making skulls with basic objects, creating an Illustrator [...]

  52. [...] How to Design a Skate Deck with a Cool Skull Pattern [...]

  53. CT says:

    [...] layout, but also those small effects that are often overlooked yet essential.Illustrator TutorialsHow to Design a Skate Deck with a Cool Skull PatternThis great tutorial walks you through making skulls with basic objects, creating an Illustrator [...]

    (0)

Comments are now closed