How to cut a line segment in adobe illustrator

2 Comments

Select your line segment.
Slice it with the eraser.
Ungroup it if necessary.
Delete the portion you don’t want.

illustrator-cutting-line-segment

illustrator-cutting-line-segment2

illustrator-cutting-line-segment4

illustrator-cutting-line-segment3

illustrator-cutting-line-segment5

How to fill in a shape that you have drawn with a brush – illustrator

Leave a comment

Sometimes when I draw shapes in illustrator with the brush, and then join the paths, it doesn’t fill in the way I want it to.

how-to-fill-in
It colors outside the lines, and looks pretty ugly.

The problem is some of the anchors points on my path are not completely lined up. I need to join them.

need-to-join-paths

Fortunately this is pretty easy, just go around your shape grabbing x2 segments at a time, and then join them.

join-path

Now when you invert the paint, you should see them fill in nicely.

fill-in-shape

Happy painting!

How to convert an image into vector illustrator

Leave a comment

When copying or converting images, it’s very handy to create uneditable opaque layers to trace over. You do this by:

Creating a new layer

create-new-layer

Then make it transparent

transparency

Then you can start tracing

start-tracing

Links that help

How to stop illustrator from smoothing your brush lines

3 Comments

straigter-lines

Adobe Illustrator brush tool is great in that when you draw something, it smoothes your lines.
That’s great if you want that. But sometimes we want illustrator to respect the jaggedness of your drawing, and not smooth things out so much (like if you are drawing a box by hand).

To reduce the smoothness, double click the brush and drop the fidelity down to 0 (or as low as you can go).

less-smooth-brush

This will remove the smoothness, and make your lines less smooth, and more jagged.

Wacom Bamboo Tablet Pressure Brush Adobe Illustrator

1 Comment

bamboo-illustrator-lines

In order for your Wacom Bamboo tablet to be able to draw pressure sensitive lines, you need to create a new pressurized brush in adobe illustrator. Here is how you do it:

  1. Open brush window.

bamboo-illustrator-brushes-menu

  1. Select new brush.

bamboo-illustrator-new-brush

bamboo-illustrator-new-brush2

  1. Select ‘Calligraphic Brush.’

bamboo-illustrator-pen-type

  1. Choose it’s attributes.

bamboo-illustrator-brush-attributes

We only need to set it’s ‘Size’ parameters.

Give it a name and choose some attributes. Click OK.

Then try drawing with your stylus on your bamboo pad.

bamboo-illustrator-all-done

Voila! Pressure.

To make the line more pronounced increase the size of the stroke

Screen Shot 2019-10-09 at 12.56.23 PM

Links that help

How to cut a circle in half with illustrator

2 Comments

Say you want a semi-circle and you want to split it in half.

half-circle-illustrator

Here’s how you do it.

Draw your circle

cirlce-illustrator

Select the knife tool

knife-tool-illustrator

Holding down the ‘Option’ key on your Mac, with your shape selected, drag the knife across the circle in a straight line.

cut-circle-illustartor

Now you should be able to drag one shape away from the other. Except this doesn’t always work for me (sometimes the whole shape wants to move).

In that case bring up the ‘Path Finder’ Window and with your newly cut shape highlighted select the ‘Minus Front’ option. That should cut away the bottom half of your shape.

minus-front-illustrator

And Voila! Half a circle with a nice contour around all the edges.

half-circle-illustrator

Links that help
http://jenniferbrowndesigns.blogspot.ca/2010/04/knife-tool-in-illustrator.html

How to add curves to a straight line in illustrator

2 Comments

Say you have a shape that you want to add some curves to.

straight-line

Here I want to add some curves to the bottom straight line (it’s the outline of a super hero cape). Here’s how you do it.

1. Add some anchor points.

Select your shape, find the straight line you want to add a curve to, and add anchor points where you want the curves to appear.

First select the ‘Add anchor point tool’

add-anchor-point-tool

Then add your anchor points by clicking on the line where you want them to appear (more dots should appear on the line).

add-anchor-points

See where the straight line used to have no anchor points between the ends. Now it has two.

2. Add some curve.

Select your direction tool (shortcut – A)

direction-tool

then select the anchor point(s) you just added, and pull them in the direction you want your line to curve.

anchor-points-added

See how that bent our line? Next let’s smooth it out.

3. Smooth it out.

If you want jagged lines, you are done. If you want these to be curved, we need to convert these anchor points to ‘smooth’.

Using the same selector tool (short cut – A), select the anchor point you want to convert and then go to the top Illustrator and select ‘Convert Selector Points to Smooth’.

smooth-curve-with-anchor-points

That should now smooth out your line and give it some nice curve.

Happy drawing!

Links that help

http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6246a.html#WS49B38026-E630-4b8e-8ABF-2AA6C629AE59a

How to draw a line with arrowheads at both ends adobe illustrator

2 Comments

1. Draw your line using the pen tool.

draw-your-line

2. Open the Window > Stroke panel.

window-stroke-panel

If you don’t see the arrowhead section try toggling the ‘Show Options’ by hitting the little arrow with squiggly lines.

squiggle-line-options

show-options

3. Add your arrowheads.

add-arrow-heads

arrowheads

http://luanneseymour.wordpress.com/2012/10/30/creating-arrows-and-arrowheads-in-illustrator-cs6/

How to make a cropped image Adobe Illustrator

2 Comments

Say you want to draw a shape in Adobe Illustrator

and you want to do it by drawing one picture, and then subtracting another from inside it.

Using the pen tool…
draw your outside image
draw your inside image

Go Window -> Path Finder

Select both paths

Select Minus front

Done

How to create background color gradient using adobe illustrator

6 Comments

To create a repeating background for your website using a gradient affect that looks something like this:

do the following.

Adobe illustrator CS5

Draw a square.

Open the gradient window (Window -> Gradient)

Click the gradient box (will apply black to white gradient).

Open the color pallette (Window -> Color) and get both the color and gradient window on screen at the same time (tricky because Adobe UI is terrible).

Once you’ve got them both up, click and drag the colors you want for your gradient from the color palette down to the ends of the gradient.

Transform and slim the gradient until your happy. Save this image somewhere you can access from your website. Remember to reduce the size of your canvas (Shift -O) to make sure your image is slim when you export it.

CSS

Now apply the following CSS to the body of your website:

body {
		background-image: url('../images/bg_body.png');
		background-repeat: repeat-x;
		background-color: #c9efed;
		height: 100%;
}

This takes the gradient we just created, and repeats it across the screen and applies a default color to anything below your gradient image where is runs out.

Voila! That’s it. You’ve now got a nice background to build off of.

Newer Entries

%d bloggers like this: