25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results

Photoshop and Illustrator are two of the most indispensable tools for web and graphic designers. For those of us who are always looking to learn more and improve skills, there are plenty of great tutorials out there for each of these programs.

Most designers feel a bit more comfortable in one over the other as a result of more experience or better understanding. However, sometimes the two can be used together in a way that emphasizes the strengths of each program.

In this post we’ll feature 25 of the best tutorials that utilize both Illustrator and Photoshop to create amazing results.

For more Illustrator tutorials please see:

How to Make Retro/Futuristic Curves in 10 Steps

Super Cool Abstract Vectors in Illustrator and Photoshop

Retro Geometric Vectors in Space with Illustrator and Photoshop

Trendy Geometric Lines Design Tutorial

Swirl Mania in Illustrator and Photoshop

Creating the New Retro

Make a 3D Color Explosion

Photoshop and Illustrator Grid and Glows

Iron Man View Interface Effect in Photoshop and Illustrator

Crazy Cool Vectors in Illustrator and Photoshop

3D Text and Paint Effects in Photoshop

Displace Filter with Vector Effects

Vector Effects

Create a City Night Scene Using Illustrator and Photoshop

Experimental Text Effects in Illustrator and Photoshop

Making Pictures with the “Wow” Factor

How to Create a Set of Photoshop Grunge Brushes

Create an Inspirational Vector Political Poster

Go Nuts in Illustrator, Render in Photoshop

Blend Tool Backgrounds (video)

Banner Ad Templates from Illustrator to Photoshop (video)

Background Experiments with Photoshop and Illustrator (video)

Background Designs (video)

Illustrator Brush Patterns into Photoshop (video)

Wedding Album: Illustrator and Photoshop Warping (video)

For more Photoshop tutorials, please see:

Published February 10th, 2009 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

38 Responses

Comments are now closed on this post.

  • Franz Jeitz, February 10, 2009

    awesome collection. I had not seen all of these. Also want to say thanks for the inclusion.

  • Naved Ahmed, February 10, 2009

    good collection very helpfull thanks for sharing :)

  • Predator7, February 10, 2009

    Great tutorials. Some of them really need to be learned. Keep it up!

  • Al Woods, February 10, 2009

    Some of these are superb!!

    I think I’ll be having a learning day this week at some point now.

  • gruncho, February 10, 2009

    nice :)

  • Dainis Graveris, February 10, 2009

    Actually the last one I evaluate the most, You just can’t stop to get great ideas for tutorial roundups :)

  • joyoge designers' bookmark, February 10, 2009

    nice tutorial collection thanks..

  • Patternhead, February 10, 2009

    Useful collection, thanks for sharing :)

  • Timothy, February 10, 2009

    Nice list! Thanks

  • Mickey Kick, February 11, 2009

    You did a great job, a like the picture with a street at night

  • zlimp, February 11, 2009

    gr8 stuff!! its amazing how these softwares n the person’s creativity can change the whole world! awesome!

  • sports picks, February 11, 2009

    Awesome list of tutorials! It’s amazing how much can be done with only Photoshop let alone all the other programs out there. Very cool.

  • fletcher, February 12, 2009

    i always look for new design and try to create them own. i like the pictures and design and the tips shared. i hope to use them in my desktop for my various pages on web sites.

  • Gary, February 12, 2009

    Fantastic collection, so useful. Thanks a lot!

  • Joy Lynford, February 14, 2009

    Awesome is not a perfect word to describe your post. its excellent pal.

  • Mal, February 15, 2009

    There are sooo many things one can do in Illustrator with brushes and borders and import them into Photoshop for production. Another great post – ty. Cheers

  • Jens, February 15, 2009

    Great ideas for using Photoshop. Thanks a lot, i will try the one with the vector poster now.

  • SRIGANESH, February 17, 2009

    all good stuff at one place. good work. one idea can you use gravartar in your site. it will be good looking. plz

  • Global Politics, March 21, 2009

    Wonderful examples!

  • Overload, June 5, 2009

    Thanks a lot for the tutorials.

  • F Danial, October 14, 2009

    I liked the geometric lines that is really great .

  • diseño web, February 10, 2010

    Tremendos tutoriales!, todos muy bien trabajados

  • free vectors, April 20, 2010

    awesome! You always have great posts.