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
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

- Stop An Action - July 03
- Canvas Size Action - July 02
- Blending Mode Shortcuts - July 01
- Cloning in CS3 - June 30
- Type Shortcut - June 26










Digg This!
Del.icio.us
Blinklist

Photoshop
Illustrator
Indesign
Dreamweaver
Fireworks
Photography
Flash
After Effects
Lightroom
Acrobat