Upload
lherdhiono
View
227
Download
0
Embed Size (px)
Citation preview
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
1/27
Blog.SpoonGraphics
Skip to content
50767 Subscribers
Subscribe by RSS
Subscribe by Email
Create a Bright Vector Snowboard Design in Illustrator
Follow this Adobe Illustrator tutorial to create a cool snowboard illustration. Well build up the design with an
array of bright shapes, trendy lines and patterns to produce a bright and funky vector composition. The final
design will then be mocked up on a handy snowboard deck template to show off the design in all its glory.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 1/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
2/27
View large scale snowboard design
A typical snowboard deck comes in at 64x12inches, but with the design being created in vector format we can
easily scale this to 32x6inches to ease the strain on our processors. Create a new Illustrator document at the
appropriate dimensions and select CMYK for the Color Mode.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 2/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
3/27
One of the first steps is to plan out a colour scheme for the design. Ive picked out this cool palette from
ColourLovers which has a good mix of bright tones as well as a dark blue which would work perfectly as a
background. Select the rectangle tool and click on the artboard. Enter the dimensions of 32x6inches and align th
rectangle with the Align palette. Press CMD+2 to lock this element to avoid accidentally selecting it.
Elsewhere on the document create a small square, note the dimensions, then Copy (CMD+C) and Paste in Fron
(CMD+F). Hit the Enter key to bring up the Move options and input the same value as the squares height in the
vertical field. Press the Paste in Front shortcut then CMD+D to repeat the move transformation until you have a
row of four squares.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 3/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
4/27
Fill each of the four squares with a swatch from the colour palette, then with all four squares selected click the
new icon at the bottom of the Brushes palette. Select New Art Brush in the subsequent options box.
Make sure the direction arrow is flowing across the squares, then click OK to create the new brush.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 4/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
5/27
Use the Pen tool to draw a zig-zagging path across the design. Hold Shift to constrain the angles to 45 degrees.Add the newly created brush as the paths stroke.
With the path still selected, go to Effect > Stylize > Round Corners. Enter a Radius of around 1.5inches to
transform the angles into smooth bends.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 5/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
6/27
Continue drawing a couple more lined paths with the same round corner styling. Decrease the stroke weight to
create thinner paths.
To transform the paths into solid and editable shapes, select each one and go to Object > Expand Appearance.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 6/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
7/27
Use the Direct Selection Tool to tweak the edges of each coloured strip so each one ends at a different point.
Keep the Shift key held to constrain to that 45 degree angle.
Draw a circle on the artboard and add a thick stroke. Aim to match the weight of the stroke perfectly with the
size of the coloured strips. Use the Direct Selection Tool to delete out the top and right points to leave a quarter-
circle.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 7/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
8/27
Zoom right in and match up the curved strip with the straight strips. Extend the straight edges after the curve by
continuing the path with the Pen tool.
Cool effects can be created by varying the stacking order of each strip, and overlapping the colours so they seem
to seamlessly flow between each path.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 8/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
9/27
Elsewhere on the document draw a small circle and fill it with a colour from the designs colour scheme. Draw a
slightly larger blank square around the circle and align the two perfectly. Select both objects and drag them into
the Swatches palette.
Use the Blob brush to fill a selection within a closed area of the design and add the newly created swatch as a fill
The swatch will repeat to create a repeating pattern swatch. Repeatedly press the shortcut CMD+[ to send the
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 9/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
10/27
pattern underneath the linework.
Draw a series of filled circles on one end of the design and merge them all together with the Pathfinder tool.
Draw a long thin rectangle elsewhere on the artboard, then duplicate it by dragging while holding the ALT and
Shift keys. Press the shortcut CMD+D to create a series of lines.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 10/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
11/27
Select the series of rectangles and go to Object > Compound Path > Make. This allows them to be used with
the Pathfinder in the next step.
Draw a circle in the centre of the rectangles, then use the Intersect option from the Pathfinder to clip the
rectangles to the confines of the circle.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 11/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
12/27
Use copies of these circle graphics in various colours to decorate the design. Alter the stacking order using the
shortcut CMD+[ to allow the circles to creep in from behind other objects.
Study the design for blank spaces or gaps and fill them with various shapes and graphics. A few simple circles
overlapping over areas of the same colour can create a cool effect.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 12/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
13/27
Sticking to the simple 5-colour palette will allow same colour elements to blend together and balance the design
with the same series of colours flowing across the whole board.
When the design is complete, group all the elements together. Dont forget to press CMD+Alt+2 to unlock that
background rectangle. Add a blank rectangle over the design and align it centrally with the artboard.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 13/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
14/27
Select the group of elements and go to Object > Expand Appearance to convert any remaining paths and
strokes to solid objects.
Select both the group of elements and the blank rectangle then hit the Crop option from the Pathfinder palette to
trim everything down to size.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 14/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
15/27
That leaves one completed snowboard deck design. Paste the design into a template supplied by your printer to
finish off the artwork as a print ready file. In the meanwhile, we can mock up the design using the handy
Snowboard template from Nunosk8.
Download the source file
262
42shares
Share
11
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 15/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
16/27
Written by Chris Spooner
Chris Spooner is a designer who has a love for creativity and enjoys experimenting with various techniques inboth print and web. Follow Chris' daily design links on Twitter, and be sure to check out his second blog over at
Line25.com.
More posts like this:
How To Create an Intricate Vector Heart Illustration
How To Create a Vector Soldier Character in Illustrator
How To Create a Mexican Lucha Libre Mask Pin Badge
Create a Cute Vector Reindeer Character in Illustrator
Create a Simple Mechanic Character in Illustrator
Create an Elegant Patterned Vector Owl in Illustrator
54 Comments
Show/Hide Comments
1. ThemeKiss says:
October 4, 2010 at 7:42 am
Great tutorial! Love the color! Thanks!
2. Bones says:
October 4, 2010 at 7:48 am
This is sick Chris! Similar to some stuff Ive seen on Burton decks. Would love to strap that to my feet
and shred some gnar!
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 16/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
17/27
Dapizz says:
October 4, 2010 at 5:42 pm
Yeah, gnar shredding is great fun!
3. Tutorial Lounge says:
October 4, 2010 at 8:23 am
excellent work in this professional tutorial. thanks
4. DesignMango says:
October 4, 2010 at 9:41 am
Fantastic Design. Should be a real board!
5. Hiren Khambhayta says:
October 4, 2010 at 9:43 am
Nice one Chris! I was not aware of such trick of art brush and its implementation. Thanks for it.
6. Print 365 says:
October 4, 2010 at 9:59 am
Great tutorial, thanks!
7. Childmonstersays:
October 4, 2010 at 10:09 am
Thanks for great tut :D
8. LadyJsays:
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 17/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
18/27
October 4, 2010 at 10:34 am
Great, professional, quick and easy steps!
9. Natha says:
October 4, 2010 at 1:33 pm
Awesome tutorial Chris! :D Many great tips, thanks!
10. Vinay says:
October 4, 2010 at 3:59 pm
Beautiful one there Chris!
11. Darko says:
October 4, 2010 at 5:10 pm
I need help, why my line only have the round corner in the outside and the inside no? is round corner
problem? http://s3.subirimagenes.com:81/privadas/previo/thump_1208294untitled1.jpg
12. Adie says:
October 4, 2010 at 5:18 pm
Quality design Chris, should get some of these designs made up
13. Dapizz says:
October 4, 2010 at 5:45 pm
Im not after advertising for free but check out my graphics blog
and comment if you want on what you think. Be honest if you think Im total crap
:D
14. Dan says:
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 18/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
19/27
October 4, 2010 at 6:01 pm
Great tut, Im in the process of designing some paintjobs for a guitar Im modifying and this has inspired
me to use illustrator to draft some ideas and I guess theres nothing stopping me making that in to full-size
stencils/templates to use to help me do the actual painting. cheers!
15. Priscila says:
October 4, 2010 at 6:04 pm
Hey, Chris! I loved this creation, but I missed some things in your tutorial that may help all fellas here.
You could put the icon image of the current tool that youre gonna use, like Blob Brush, and in the
beggining of the tutorial, the version of the software.
Tks!
16. says:
October 5, 2010 at 9:22 am
http://www.jinfu.org
17. Sofia says:October 5, 2010 at 10:14 am
This post is very helpful for me, thank you so much for sharing quality information.
18. Russell Poultersays:
October 5, 2010 at 10:37 am
Cool tut Chris. Ever send any of these to board companies? Maybe theyd use one of them. You neverknow.
19. Alan says:
October 5, 2010 at 11:35 am
Great tutorial Chris, I think Im going to do this one later in the week, as I really need to get to grips with
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 19/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
20/27
Illustrator more.
20. Markus says:
October 5, 2010 at 12:46 pm
sweet tutorial.
21. tim says:
October 5, 2010 at 6:05 pm
nyce.
22. Mhaveersays:
October 5, 2010 at 7:45 pm
Awesome illustration :)
great piece of inspiration. Thanks Chris.
23. phil wrightsays:October 5, 2010 at 8:28 pm
Some great techniques. I dont think Ill need a snowboard design but will definitely use some of the
styling in other jobs. Great tutorial many thanks.
24. Egidius Heerkens says:
October 5, 2010 at 10:16 pm
A very detailed illustrator tutorial. Thanks very muchmany possible applications, snowboard is one of
them.
Cheers
Egidius
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 20/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
21/27
25. iainspadsays:
October 6, 2010 at 5:02 am
This reminds me of a lot of your old Geometric tutorials, oh nostalgia. Very nice, good use of colour as
well. :D
26. bcartersays:
October 6, 2010 at 7:12 am
Enjoyed the tutorial as always. Inspiring, clear and informativewhat else should it be. Oh yeah, a hell-of-
a-good resource You Rock!
27. Teqnoqolorsays:
October 6, 2010 at 8:13 am
Epic tutorial as usual, makes me want to go out and buy illustrator
Anyway the snowboard template was a really handy link, thanks!
28. Marcell Purham | Webdevtuts says:October 6, 2010 at 11:49 pm
This was a great tutorial chris! Another rocking tutorial
29. Arif Jombang says:
October 7, 2010 at 4:22 am
Love the passion of your color. Great pattern! I wanna draw the lines on the other stuff like tshirt.
30. Richard Turnersays:
October 7, 2010 at 8:55 am
Hi Cris !
Are you still single ?? if yes I will apply for a visa right away just to marry you lol .Im totally struck with
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 21/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
22/27
your work
31. Simon Hall says:
October 7, 2010 at 12:32 pm
Brilliant. Very impressive!
32. Ayo says:
October 7, 2010 at 12:46 pm
thank you for the tutorial, I love the vibrant colours and the design!
33. Zylun Graphic Design says:
October 8, 2010 at 6:05 am
This is awesome. I love boarding and would love to get this done on mine.
34. Rock Photo Starsays:
October 8, 2010 at 8:48 pm
Great tutorial, except a couple parts arent clicking with me. I am using CS5.
When I Expand>Appearance and then select (trying both the general and direct selection arrow tools)
an individual line to make longer than the others, either the entire line scales (is made larger, breaking out
from the other lines) or only one side of the line expands (I think this is with the direct tool), resulting in a
point.
Any ideas from anyone on what I am doing wrong that I am unable to just extend an individual line out a
little more from the others?
Lindsey says:
October 9, 2010 at 12:38 am
I think your problem is that your lines are still grouped together so when you try to select one with
the general select tool it picks all of them (to un-group the lines just right click the object and click
un-group) when your trying to use the direct select tool you have to select the two end points
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 22/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
23/27
together or just move either end separately. Hope that helps.
35. Bee-Trees says:
October 11, 2010 at 3:26 am
Great tutorial.
Soon there will be a link to it in my blog.
There are other posts that are already there.
Check it out at http://bee-trees.blogspot.com/and let me know your opinion.
36. pencil sketch says:October 12, 2010 at 12:16 am
awesome tutorial.. easy and very easy to understand thanks 4 d tip ya.. gonna try n do some design
on by skateboard.. yeahh.. keep it up
37. doodle says:
October 12, 2010 at 12:38 am
hey.. thx for the tutorial.. i dont use illustrator.. just cs n corel.. but this is nice.. and its easy too.. thanks
38. leonking says:
October 12, 2010 at 10:49 am
. !!! .
39. Maria says:
October 12, 2010 at 1:17 pm
hi.how are you?can you help me?for learn illustrator?thanks
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 23/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
24/27
40. Maria says:
October 12, 2010 at 1:19 pm
im from iran .i like learn illustrator.thanks help me
41. Marlon says:
October 12, 2010 at 7:32 pm
Loooooooved.
i used it, here is the result.. =P
http://phoenixdow.deviantart.com/art/Play-Snowbord-182437400
42. Alyssa says:
October 14, 2010 at 4:26 am
@Rock Photo Star
I had the same problem, took me a bit to figure it out but its simple:
Direct select the line segment you want to lengthen. Go to the pen tool and make sure BOTH anchor
points are white (able to be manipulated). Go back to the direct selection tool and click on the end of the
line and drag (hold shift to maintain angle).
43. louis gubitosi says:
October 14, 2010 at 7:05 pm
sick! I wonder what the bottom looks like you know you can design your own board over at Burton? I
was going to do it, but didnt have enough confidence. I would totally use this design, good job!
44. TWEN STUDIO says:
October 19, 2010 at 4:08 am
Great Tutorial dude i like it!
45. Mandeep Khunkhuna says:
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 24/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
25/27
October 19, 2010 at 10:30 am
This is a great tutorial, I really love experimenting with vector shapes to create designs. I really like the
overall look, its simple and still intricate. I also really like the colours used, they work really well together.
46. Lu says:October 21, 2010 at 9:19 am
Great~thank you for your info
47. KG says:
October 22, 2010 at 7:36 pm
This Tutorial actually sucks pretty bad. You leave out a lot details that would help the design process.
48. hannah says:
October 24, 2010 at 3:37 am
very clear with multiple useful tricks. thanks.
49. S7Nsays:
October 25, 2010 at 5:31 am
Great tutorial! I love playing around with Illustrator!
50. Andrew says:
October 27, 2010 at 9:02 am
This is a great tut for beginners like me! One of the few I could finish without getting lost or confused
thanks dude.
Newer Comments
Comments are now closed.
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 25/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
26/27
Advertise Here
Home
About
Archives
Advertise
Contact
Articles
Freebies
News
Tutorials
Premium
Search
Access all areas - Become a Blog.SpoonGraphics member
Username: Password: Login
Remember?
Resources
View the Archives
Freebie Terms & Conditions
Advertise on Blog.SpoonGraphics
Subscribe by RSS
Follow Chris on Twitter
9Rules Member
Who writes this stuff?
Chris Spooner
Hi, I'm Chris Spooner, the guy behind Blog.SpoonGraphics. This site acts as both my personal design blog and
my digital playground, where I produce design tutorials and write about all things creative! learn more...
Most popular posts
Handy Techniques for Cutting Out Hair in Photoshop
23/03/2011 Create a Bright Vector Snowboard Desi
spoongraphics.co.uk//create-a-brigh 26/
8/6/2019 Illustrator - Create a Bright Vector Snowboard Design
27/27
How To Give Your Photos a Cool Retro Analog Effect
Create a Detailed Ornate Heraldic Design in Photoshop
Latest premium content
BioThemes 30% Discount for Premium Members
Ronin App Discounted Rates for Premium Members
Pro Theme Design 25% Discount for Premium Members
become a member
23/03/2011 Create a Bright Vector Snowboard Desi