Friday, December 31st, 2010

Creating a perfect heart shape in Illustrator

Illustrator heart step9 e1293757961352 Creating a perfect heart shape in IllustratorHere’s how to create a perfectly symmetrical heart shape in Illustrator:

Start in Illustrator and drag a guide to use to position the shape.

Select the Ellipse tool, click on the guide to start and draw a circle shape to one side of the guide. Add the Shift key to make a perfect circle.

Illustrator heart step1 e1293758002627 Creating a perfect heart shape in Illustrator

Select the direct selection tool, drag over the bottom half of the circle to select it and press Delete. You should now have a semicircle shape.

Illustrator heart step2 e1293758252201 Creating a perfect heart shape in Illustrator

Click the pen tool and then click on the outermost anchor point, the one furthest away from the guide. Click and drag downwards adding the Shift key after you’ve started dragging to ensure the line curves correctly.

Illustrator heart step3 e1293758034629 Creating a perfect heart shape in Illustrator

Click again on the guideline and immediately add the Shift key and drag downwards to create half of a heart.

Illustrator heart step4 e1293758055214 Creating a perfect heart shape in Illustrator

Click on the half heart shape to select it. Drag to the right and as you do, add the Alt and Shift keys (Option and Shift on the Mac) and move the shape until it snaps to the grid line. This should create a duplicate shape.

Illustrator heart step5 e1293758375901 Creating a perfect heart shape in Illustrator

Right click this shape, choose Transform > Reflect > Vertical and click Ok. You now have two halves of the heart.

Illustrator heart step6 e1293758427769 Creating a perfect heart shape in Illustrator

With the selection tool, drag over both sides of the heart to select them, choose Object > Path > Join to join these into a single shape. You can now remove the guide and you have a custom heart shape.

Illustrator heart step8 Creating a perfect heart shape in Illustrator

Monday, July 26th, 2010

Photoshop: Pen tool trick

Photoshop pen tool tip Photoshop: Pen tool trick 

Ok, I am first to admit it, when I stumbled across this trick I went “Wow! I didn’t know you could do that!” I was designing a small heart using the pen tool and I dragged near one side of the shape with the Direct Selection tool and woah! The entire side of the heart moved. Amazing what you find when you get some time to play – well I was going over some notes for a Photoshop presentation I was doing but all the same – it was a lightbulb moment and I just love them when they happen.

 So, here’s how to do it. Make a shape with the pen tool or choose the Custom Shapes tool and the Paths option and draw a path in an image. Click the Direct Selection tool (it shares a toolbar position with the Path Selection tool). Drag over one of the nodes to select it and now drag near the path either side of that node. When you do, the path moves with you.  It’s yet another way of reforming your paths and it’s not what I would call intuitive but it is very handy when you know how it works.

Wednesday, April 15th, 2009

How to merge or combine paths in Photoshop

paths4 785977 How to merge or combine paths in Photoshop

One of the most difficult things to work out how to do in Photoshop if you work with paths is to know how to merge or combine two paths into one.

Say, for example, you have a working path and a second path and you want the two to appear as one path so you can save it or work with it as a single entity. It sounds easy but merging or combining paths is anything but.

The solution is this:

paths1 753827 How to merge or combine paths in Photoshop
First, convert the working path to a regular path by double-clicking on its name and click Ok. In this example, I have Path1 and Path2.

Click to select Path2 in the Paths palette. Select the Path Selection Tool and click on the path so it is selected (you will see its nodes appear). Press Ctrl + C (Command + C on the Mac), to copy it to the clipboard.

Click on Path1 in the paths palette so that it is now selected and press Ctrl + V (Command + V on the Mac) to paste the copied path into this path. You now have a single path that contains both your paths and you’re almost done.

paths2 753870 How to merge or combine paths in Photoshop

Check the Tool Options bar as it contains the tools you need to work with the two paths. You can add the shape, subtract the shape, take the intersection of the two shapes or exclude overlapping shape areas – click each and check the diagram in the path thumbnail to see the result to determine which one you want. Select the desired option and click the Combine button and the paths will be permanently joined.

paths3 785940 How to merge or combine paths in Photoshop

Here is an example where one path is contained inside a second path. You can choose from a number of options for combining the paths depending on whether you want the doughnut, the hole or something different!

paths4 785977 How to merge or combine paths in Photoshop