Académique Documents
Professionnel Documents
Culture Documents
11 DRAW HIGHLIGHTS
Now we’re going to apply some subtle highlights. Grab the Pen tool from the Toolbox.
Set the Fill color to white and the Stroke color to none. Then at various corners of the
letters, draw some very small corner shapes to give the letters a little more interest.
Continue this on all the letters but don’t get carried away—it’s easy to overwork
something until it doesn’t look cool anymore. That pretty much does it. You can see the
possibilities here and the many different directions you can go with this. Have fun!
Turn Any Font Into a Sketch Font
Tutorial Details
Final Image
Create a new document and with the Text tool (T), type out some text with the font of
your choosing. I am using Glypha Black as my font.
Step 2
With the text selected, take off any stroke and fill. We are going to add a stroke and fill
separate from each other in the Appearance panel in the next couple of steps.
Step 3
With the no fill and no stroke text selected, open the pop-up menu in the Appearance
panel, and chose Add New Fill. Keep the default black color of the fill.
Step 4
Select the new fill in the Appearance panel, and go Effect > Stylize > Scribble. With the
Scribble Options dialog open, change the Angle to 45, the Path Overlap to 0 px, the Path
Overlap Variation to 2 px, the Stroke Width to 1 px, the Curviness to 0, the Curviness
Variation to 50, the Spacing to 2 px, and the Spacing Variation to 1.5 px.
Step 5
Select the Stroke option in the Appearance panel and give the text a 2 pt stroke.
Step 6
With the Stroke still selected in the Appearance panel, go Effect > Distort & Transform
> Roughen. In the Roughen dialog, change the Size to .5, select the Relative radial
button, change the Detail to 30, and select the Smooth radial button for Point. This will
give the stroke a little distress.
Step 7
Now, we have a custom sketch font. Moreover, you can easily edit the font! To make
this technique even more useful, let’s create a Graphic Style so we can quickly apply
these effects to other fonts and text. First select your font and take a look at the
Appearance panel. You can see all the effects in your type. Now, simply press the New
Graphic Style Button in the Graphic Styles panel and name your new Graphic Style!
Step 8
Now type out some more text and change the font. With the text selected, press the
thumbnail of your new sketchy Graphic Style and see all the wonderful sketchy results!
Experiment
You can apply the sketchy graphic style to other objects other than text. I also suggest
playing around with the Scribble and Roughen effect settings. Post links to images in the
comments with your results!
Create a Cute Vector Monster from a
Pencil Sketch
The tips and techniques explained may be outdated.
I guess with recent topics being based on vector illustrations and cute characters, it's
about time for another Illustrator character tutorial. Previous versions saw the creation of
Captain BlackSpoon and Freddy the Fish which seemed pretty popular, not to mention
the quick and simple monster series. This time follow this Adobe Illustrator walkthrough
on the creation of a cute little vector monster character, beginning with a quick pencil
sketch on paper.
Starting with paper and pencil, sketch out the rough shapes with quick and dirty circular
shapes. With reference to the head in particular, don't worry about drawing a perfect
shape – the disproportionate features is what I think makes this monster so cute.
Sketch in some additional circles to plan out the limbs and ears.
Continue to draw in the facial features, large eyes and a drooling tongue are a must.
Concentrating more on the overall form and shape of the character, outline the building
blocks to develop the body.
I like to go over any final pencil marks with a black marker to give a better view of how
the illustration is looking, this also helps when it comes to scanning or photographing
the image for tracing.
Open up Adobe Illustrator and create a new document. Under the File > Place document
select a scanned or photographed image of the initial sketch. Select the Template
checkbox to set the image as a locked translucent picture ready for tracing.
Begin with an oval using the Circle Tool to outline the rough shape of the head.
As mentioned before, the disproportions of the monster is what adds to it's character, use
the Pen Tool to add in extra points and move these into position with the Direct
Selection Tool to rough the oval into a more inaccurate shape.
Just like when sketching out the character, add in building blocks to make up the body
shape.
Use Rounded Rectangles for the ears and rotate into place.
The eyes and nose are simply made up of basic circles, draw these up and move into
position.
The head shape needs modifying to allow it to merge into the body. Using the Pen Tool
add two additional points where the shape begins to stray away from the initial sketch.
Use the Direct Select Tool to then delete the excess area leaving an unclosed path.
Use a similar process on the ovals than make up the limbs, this time the use of additional
points isn't needed, simply delete one of the existing points to alter the shapes.
Back with the Pen Tool, hover over the unclosed path of the head and notice the icon
with a minus sign appear, continue to click and drag the path following the curvature of
the neck. When you reach the top of the arm look out for another icon change, this time
a little circle that indicates that you will be joining the path.
Extend the paths of the other limbs to give a complete outline of the monster character.
Use the Direct Selection Tool to delete out the lower two points of the rounded
rectangles.
With the Pen Tool use the same technique to extend the paths to merge into the head.
Select the shape that makes up the head and add points at the areas that intersect with the
ears.
With the Direct Selection Tool delete these additional points to remove the line that cuts
right through the ears.
Select the points of the two separate pieces (ears and head) in individual groups of two
and press CTRL / CMD + J to join them together into a single shape.
Add a little detail to the ears with the Pen Tool, simply clicking and dragging a shape
into place.
Open the Artistic-Ink brush library from the Brushes Palette and choose a nice tapered
effect to remove the square edges.
Using the same brush preset draw in the mouth dragging in the rough shape with the Pen
Tool.
Also draw in the shapes that make up the tongue and teeth.
At this point the visibility of the sketch layer can be toggled off to view how the
illustration is looking and to tweak any points with the Direct Selection Tool.
Adjust the thickness of the strokes, with the main outline being the thickest at 7pt.
Adjust the thickness of the eyes to 5pt, making them less than the main outline, but
being important features they are still given prominence.
Begin adding colour by first creating a new layer underneath the vector lines. Use the
Pen Tool to roughly draw around the complete outline of the character, paying attention
not to stray out of the black area.
Fill the complete with a desired colour, this monster is a nice vibrant slimey green.
Some elements obviously don't want to be filled with green, such as the teeth, tongue
and eyes. Use the same technique to add blocks of colour behind the lines.
The following is a technique I personally like to use on characters to give a nice little
touch of depth and dimension.
Copy and paste in place (CTRL + F) the main outline strokes, go to Object > Expand
and check the Stroke option.
With all of the shapes of that make up the outline selected, merge them into one single
shape using the Add to Shape Area option from the Pathfinder Tool.
With the Direct Selection Tool, click on the outer path and press delete a couple of times
to completely remove it. The result will fill the whole character area in black, but simply
swap the Fill and Stroke checkboxes around.
Swap the original black stroke for a darker green, bump up the weight and set the
alignment to the Inside to give a simple shading effect to the character.
Select the facial features and add the same green stoke, this time aligned to the outline.
Remember for objects such as the eyes that already have a stroke applied, simply Copy
and Paste Behind (CTRL / CMD + B).
Add some extra shading to the eyes by drawing in the desired shape with the Pen Tool,
concentrate on a smooth curve across the ear then roughly complete the path within the
confines of the black outlines.
Adjust the order of the shading so that it is placed underneath the black outlines, hiding
the rough edges of the path.
Using the Star Tool drag a triangle onto the artboard, reduce the points by pressing the
down cursor key while dragging. Drag the uppermost point vertically with the Direct
Selection Tool to stretch out the triangle a little.
Duplicate the triangle and move slightly to the left, go to Object > Envelope Distort >
Make with Warp and add a slight vertical Arc.
Duplicate this new curved triangle and head to Object > Transform > Reflect to create a
mirror image.
Go to Object > Expand and select Object to reset the Warped shapes into editable
objects.
Position the groups of triangles in place as toes on the feet of the monster character.
Let's work on the tummy area and add a little interest. Begin with a radial gradient and
stroke with complimentary shades of green.
Draw a long thin rectangle, Copy and Paste in place (CTRL / CMD + F), then move to
the right. Use the shortcut combinations of CTRL / CMD + F then CTRL / CMD + D to
repeatedly paste and move an additional rectangle until a large group has been made.
Group these together by clicking Object > Group.
With both the group of rectangles and belly oval selected, use the Intersect from Shape
Area option from the Pathfinder to trim out the excess rectangle. Press Expand to reset
the shape.
Adjust the colour, blending mode or transparency to suit. Here I use Soft Light to blend
in the lines with the gradient.
While working with gradients, drag a very slight gradient across the main body of the
character to add a little variation in tone.
Using a random colour along with the Pen Tool roughly draw in some spots/scales
across the whole body of the character.
Use the Magic Wand to select one of the scales, with them being the same colour all of
the objects are selected together. Go to Object > Path > Simplify and adjust the settings
to smooth out the shapes and remove any sharp angles.
Adjust the colour, blending mode and transparency to blend in these scales. Keep them
subtle enough to add a little texture to the character while not being too prominent.
That's one cute little monster character complete, now all that is needed is a name – any
suggestions?
Why not combine this walkthrough with a previous Illustrator tutorial: Create a Blissful
Vector Scene to create a nice home for your monster character!
Blueprint-Style Text in Adobe Illustrator
This blueprint technique has been seen just about everywhere—even on the cover of The
Photoshop Help Desk Book by Dave Cross. This is a quick demo using a blend of live
effects, filters, and even a little gradient mesh to create a seemingly complex logo
treatment.
Note: If you can’t see the stroke, make sure the Scribble effect isn’t applied to it in the
Appearance panel.
12 ADD TEXTURE
The last thing is the texture. Use the Rectangle tool to draw another box approximately
the same size as the mesh (make sure you’re back in art mode and not mask mode in the
Transparency panel). Set the Fill color to an off-white like this one shown in the
Swatches panel. Go under the Effect menu, under Photoshop Effects, and choose
Texture>Texturizer. Set the Texture to Sandstone, the Scaling to 100%, and the Relief to
3. For the Light direction, choose Top Right. Click OK. Then go under the Object menu,
under Arrange, and choose Send to Back. This will finish the effect of blueprint paper.
Final Image
How To Create a Distressed Vintage Style
Logo Design in Adobe Illustrator
I recently received a great tutorial suggestion from a reader named Alix, who asked if I
could show how to make a vintage style logo design in a similar style to the fighting T-
Shirts over at Roots of Fight. I’ve produced a few vintage logo tutorials in the past, but
since I’m a big fan of this design style, I’m always happy to play around with that kind
of artwork! Follow along with today’s tutorial to create a distressed type based logo
design in Adobe Illustrator. We’ll apply a range of adjustments to form the layout using
fonts, then finish the artwork with texturing to achieve the aged look.
To complement the fighting theme of those Boxing and MMA T-Shirt designs cited by
Alix, I’ve created a design based on Gracie Jiu Jitsu. Whilst this kind of vintage style
has a hand lettered look, we’ll use display fonts to form our design, with some
adjustments in Adobe Illustrator to produce the layout. We’ll then give the artwork the
old t-shirt look with my free “Washed & Worn” textures.
Working with fonts rather than lettering by hand makes composing the layout so much
easier and gives you the ability to edit or change the wording if you ever needed to. I’ll
be using the fantastic font named Bloomsbury, which is a Script, Sans and Serif typeface
with a hand drawn style. Not only do these fonts perfectly complement each other, the
script variant also includes some great flourishes to decorate your design. If you like the
look of this font, you can purchase it for $16. Create a new document in Adobe
Illustrator and set out your fonts as text elements.
Hold the ALT key and drag the script font to make a copy. Edit the contents to spell the
word ‘Gracie’. Select just the last letter and choose one of the alternative glyphs to apply
a cool underline.
Go to Object > Transform > Shear and select the Vertical option. Edit the Shear Angle
to -10° to flow the text in an upwards direction.
Select the Ellipse tool from the toolbar and draw a circle around the text. Nudge it
roughly central to the text, then clear out the default fill and stroke.
Select the Type on a Path Tool from under the Type Tool’s menu, then click on the
circle path to set a passage of text around its circumference.
Use the Eyedropper tool to quickly convert the default placeholder text to the
Bloomsbury Sans font.
Edit the wording to ‘Jiu Jitsu Academy’, then alter the tracking to 50 from the Character
panel and set the paragraph style to center.
Activate the Direct Selection Tool, then click and drag the middle handle of the Type on
a Path element to reposition the text centrally. If you have Smart Guides turned on
(View > Smart Guides), you’ll see a pink guide appear when the alignment is perfectly
vertical.
Edit the font size so the wording spans from one side of the circle to the other, then
move the whole circle downwards to better compose the layout.
Select the Star tool and draw a small shape underneath the lettering. Hold ALT and Shift
while dragging a copy to the other side, then select them both and make a Group.
Hold the Shift key and select the Type on a Path circle, then release Shift and give the
circle and extra click to make it the key object. Click the Horizontal Align Center button
to align the stars up centrally, without moving the key object out of place.
Make a copy of the Bloomsbury Sans font element and edit its wording to EST.
Decrease its size and set the tracking to 200. Position this text element in the empty
space between the two other text elements.
Drag a duplicate of the text and change the wording to 1925. Hold Shift and select both
the smaller text elements and the circular Type on a Path. Make the circle the key object
and align everything up centrally.
Make another copy of the Bloomsbury Sans font. Change the wording to Rio de Janeiro
Brazil, edit the tracking to 50 and set the leading to suit. Make any kerning adjustments
by placing the cursor between the relevant letters, then use the ALT key and Cursor
Keys to adjust the spacing.
Use the CMD+R shortcut to display the document rulers (if they aren’t active already),
then drag out guides aligned to each side of the word Gracie. Scale and position the Rio
de Janeiro text within the layout.
To add a couple of decorative lines, we can use the letter I of the Bloomsbury font so it
matches the same irregular, hand drawn style. Right click and select Create Outlines to
convert this letter into a shape.
Rotate the shape by 90° and stretch it to fit between the guide and the word Brazil. Make
a copy for the other side.
Another way to create interesting layouts is to use Illustrator’s Envelope Distort feature.
Select the Rio text and the two lines, then go to Object > Envelope Distort > Make With
Warp. Change the settings to Arc at 10%.
Draw a selection around all the elements that form the logo and drag a copy to one side.
We’ll convert the final design into shapes, so it’s useful to retain an editable copy just in
case you need to make any changes.
Select all the elements of the original again, then go to Object > Expand. This will
convert all the text to shapes and permanently apply the Envelope Distort effect.
Since the letters of the script font overlap, merge them all into one continuous outline
using the Unite button from the Pathfinder panel.
The script font is also quite smooth, whereas the sans font has an irregular outline. We
can add a similar effect using the Effect > Distort & Transform > Roughen filter.
Change the settings to Smooth, Absolute, then set the Detail to 30 and experiment with a
small value for the Size, which will depend on the overall size of your artwork.
Select all the elements of your logo design and Group them together. The graphic looks
great, but some texturing will really finish off the vintage style.
Click the Make Mask button in the Transparency panel to apply an Opacity Mask to the
artwork. Click on the square thumbnail on the right to activate the mask.
Open one of my “Washed & Worn” textures and paste it into the mask. Scale the texture
down to cover the artwork. Click on the thumbnail on the left to exit out of mask mode.
The final logo design looks great with a textured appearance that gives the artwork an
aged and distressed look. Apply different fills to change the colour for different
applications. The mask will erase the textured areas to allow the background to show
through.
4 Free Ink Stamp Effect
Styles for Adobe Illustrator
Freebies
13 July 2015
30 Comments
These ink stamp effect styles work best on logos or typography. Scale your artwork to
around 500px for best results, then apply one of the four Styles with increasing levels of
texture.
Optional: Turn off the Roughen effect in the Appearances panel if you prefer to maintain
clean edges, rather than the ink bleed look.
To permanently apply the effect, first go to Object > Expand Appearance, then open the
Image Trace panel from the Window menu.
Configure the tracing settings to around 56 Threshold, 100% Paths, 100% Corners, 1px
Noise. Deselect the Snap Curves To Lines option and check Ignore White. Click the
Preview button to test the result.
Go to Object > Expand to apply the Image Trace and convert the effect to vector paths.
The logo can now be scaled to any size without losing quality or affecting the texturing
effect.
If you’re a little obsessive with your paths in Illustrator, head to Object > Path > Simply
and enter between 98-99% to remove any unnecessary points.
25 Free Linocut & Woodcut Brushes for
Adobe Illustrator
Freebies
14 March 2016
40 Comments
Use the Brush tool to draw your illustrations and select a brush style from the library. A
graphics tablet can make the illustration process easier, but since the pressure and
tapering effects are built into each brush, the same results can be achieved with a mouse.
The Stroke weight can also be used to adjust the size of the brush marks.