Wedding Album: Illustrator and Photoshop Warping

CATEGORIES: Tutorials, Photoshop, Illustrator, Video Tutorials | Matt Kloskowski | April 28, 2008

Get the most out of these two applications. Use Illustrator to create a path and warp an image to fit inside of it. Then export the file to Photoshop and add some highlight and shadow with the brush tool.

This video requires Adobe Flash Player.

Visitor Comments

I love the tip "Make with Top Object". Another quality tutorial, thanks Matt!

Michael | April 28, 2008 17:59pm

Awesome !

Boris | April 29, 2008 14:56pm

me encanta............

Guillermo Sevilla | April 29, 2008 19:14pm

Fresh dude, i appreciate you guys so much

Dean Carter | April 30, 2008 09:18am

where can i find the book/album image?

King | April 30, 2008 11:15am

Thanks so much! I'd like to know, too, where to get the book image!

Renee | May 01, 2008 11:31am

You guys are great!!

Gel Smith | May 01, 2008 18:45pm

Great Tut! Saw it on the show - thanks for posting it here. One note, however. I found that it is *far* easier to add the shading to the page by adding a layer style for gradient overlay and setting the blend mode to linear burn (might be different for different images). You have to tweak the angle a bit, but it works as well, and I don't have to worry about my inability to match the angle by hand. Additionally, with the gradient style, there is no need for a layer mask & the gradient remains completely editable, in case a change needs to be made later on.

King: you can find very similar images at http://www.sxc.hu

Matt Lindley | May 01, 2008 19:09pm

I've got an error :-(

Vanderhellen | May 02, 2008 11:37am

realy nice work! i am learning a lot from you! thanx dear.

chandru | May 03, 2008 13:10pm

I posted on the Forum but someone directed me back here. Some photos appear upside down when I apply the envelope distort. Others don't. It seems to be very high resolution pictures that do this nonsence. Have you ever seen this issue of images flipping when enveloping? Any thoughts or suggestions? I draw the path out the way you suggested but think it should not matter how the path is drawn as long as it is closed.
Thanks,

Gary.

Gary Spedding | May 05, 2008 07:40am

Very nice tutorial Matt. Thanks.

Amit | May 07, 2008 17:34pm

Every time I attempt this, I get an error message telling me "The selection contains objects which cannot be distorted." I have one path and one .jpg image selected. Any suggestions?

Pearl | May 07, 2008 17:36pm

Hi everyone, First off, thanks for the kind words.

1) Here's a link to the istock photo I used in the tutorial: http://www.istockphoto.com/file_closeup.php?id=3555822

2) Gary - I'm not quite sure. Maybe try making sure that both images are close to the

same size and if not resize them. Also, as you mentioned, make sure you close the path.

Thanks, Matt K

Matt K | May 08, 2008 09:11am

Extremely useful tip, as it will apply to product packaging demos and the like. Thanks.

Unit B | May 08, 2008 12:37pm

really useful tip. I just used it and came out really impressive.

Thanks a alot!

DiggityDaw | May 09, 2008 03:30am

Im getting the same results as Amit.
I get the"The selection contains objects which cannot be distorted" warning?
Any tips on this please?

erics | May 15, 2008 14:59pm

Thanks, I want to try it myself....where can i find the book/album image?

chuchay | May 21, 2008 15:34pm

What a fabulous tip! Thank you!

caz | May 24, 2008 01:31am

I was getting the same error message and found that if you embed the image before applying the envelope distort, it works just fine. The only caveat to this is that your file size will increase.

Lars1967 | June 10, 2008 11:02am

Great tut!
Thx!

Razvan | June 11, 2008 03:46am

Very useful tutorial, this method really save time wraping in illustrator rather than photoshop

Hugo | June 29, 2008 02:57am

Love to do warping the image into the book but I keep getting this error message "the objects selected cannot be distorted" What's wrong? can someone enlightened me?

Immee | June 27, 2008 14:01pm

I'm a neophite to photoshop. Why is my brush not going straight down when i hold shift and click it won't go straight down but towards the left? HElp!

Immee | June 27, 2008 14:48pm

Leave us a comment

 

 

Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Photography Photography
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat


From our Partners
Subscribe to Layers Magazine