Top Navigation

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder

February 16, 2009 from abduzeedo's blog

Last week I posted an article showing some great logos using 3D effects and colorful gradients. There are quite a few ways to do create those effects in Illustrator, however for most of them you will have to use the Pathfinder tools. Because of that I will show you an example based on a few logos from that list.

References

When I was looking for references for a logo design project that I'm still working on, I selected some awesome logos. Below you can see some of them. You can visit the sites of these logos at:

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder

Step 1

Open Adobe Illustrator and create a new document. With the Ellipse Tool (L), create a circle.

Step 2

Duplicate the Circle and resize it, but just the width. Align it to the Left. Also change the Blending to Multiply and use cyan for the color.

Step 3

Repeate the same process of the previous step, this time however reduce the height of the new circle. Also use green for the color. Use the image below for reference.

Step 4

Repeat the Step 2 again, this time align to the right and use yellow for the color.

Step 5

Repeat the Step 3 just aligning the new ellipse from the top. Use red for the color.

Step 6

Select all ellipses and go to the Pathfinder panel (Window>Pathfinder). Click on Divide, it's the first option in the Pathfinders. This command will divide all the elements allowing us to use different colors for each one.

Step 7

Playing with the Abduzeedo colors.

Step 8

You can try gradients with the Gradient Tool (G) to create a nice 3D Effect.

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder

Step 9

If you need the logo in one color over light or dark backgrounds, the best thing to do is add a stroke to the elements.

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder

Conclusion

Even though it looks complex, this technique is quite simple and it results in a very nice effect. That's why we've seen more logos using it. Also one of the coolest things is that you can try different shapes and colors that will result in another type of effect. If you seen thee logos I used for reference, Terra, Qwell and South Creative, they use this effect just changing shape sizes and colors, while the Aramova, uses the same technique but forming a triangle instead of a circle.

Illustrator Quick Tips #1 - Complex Symbols with Pathfinder

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

Comments and Reactions

Featured Tutorial

Tutorial: Case Study with Html5 + CSS3
Tutorial: Case Study with Html5 + CSS3
Last month I did a talk at the Campus Party, one of the biggest technology events of the world, talking about Fireworks, HTML5 and CSS3. It was very nice, the receptivity of the audience was sensational, and thinking that many of you would also like to see the contents of the workshop, so decided to write a full case study and share here on the blog.

Try this Wallpaper

Wallpaper of the Week #88 - Alex Varanese
Wallpaper of the Week #88 - Alex Varanese
The wallpaper of this week is an image created by Alex Varanese, a graphic designer and creative director from San Francisco, USA. Alex has some really cool Typeface designs and an impressive portfolio with a beautiful retro feel. For more information visit Alex's website at http://www.alexvaranese.com/ Desktop Version

Book Suggestion

Book Suggestion: Ordering Disorder - Grid Principles for Web Design
Book Suggestion: Ordering Disorder Grid Principles for Web Design
The book suggestion of the week is a must have for those willing to design nice web sites and pretty much anything. It is called Ordering Disorder: Grid Principles for Web Design (Voices That Matter) and as the name says it is all about grid systems or the principles behind it. Book Description