Wedding Album: Illustrator and Photoshop Warping

Get the most out of these two applications. Use Adobe Illustrator to create a path and warp an image to fit inside of it. Then export the file to Adobe 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!

 

Comment by Michael | April 28, 2008 @ 5:59 pm

 

Awesome !

 

Comment by Boris | April 29, 2008 @ 2:56 pm

 

me encanta…………

 

Comment by Guillermo Sevilla | April 29, 2008 @ 7:14 pm

 

Fresh dude, i appreciate you guys so much

 

Comment by Dean Carter | April 30, 2008 @ 9:18 am

 

where can i find the book/album image?

 

Comment by King | April 30, 2008 @ 11:15 am

 

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

 

Comment by Renee | May 1, 2008 @ 11:31 am

 

You guys are great!!

 

Comment by Gel Smith | May 1, 2008 @ 6:45 pm

 

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

 

Comment by Matt Lindley | May 1, 2008 @ 7:09 pm

 

I’ve got an error :-(

 

Comment by Vanderhellen | May 2, 2008 @ 11:37 am

 

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

 

Comment by chandru | May 3, 2008 @ 1:10 pm

 

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.

 

Comment by Gary Spedding | May 5, 2008 @ 7:40 am

 

Very nice tutorial Matt. Thanks.

 

Comment by Amit | May 7, 2008 @ 5:34 pm

 

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?

 

Comment by Pearl | May 7, 2008 @ 5:36 pm

 

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

 

Comment by Matt K | May 8, 2008 @ 9:11 am

 

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

 

Comment by Unit B | May 8, 2008 @ 12:37 pm

 

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

Thanks a alot!

 

Comment by DiggityDaw | May 9, 2008 @ 3:30 am

 

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

 

Comment by erics | May 15, 2008 @ 2:59 pm

 

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

 

Comment by chuchay | May 21, 2008 @ 3:34 pm

 

What a fabulous tip! Thank you!

 

Comment by caz | May 24, 2008 @ 1:31 am

 

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.

 

Comment by Lars1967 | June 10, 2008 @ 11:02 am

 

Great tut!
Thx!

 

Comment by Razvan | June 11, 2008 @ 3:46 am

 

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?

 

Comment by Immee | June 27, 2008 @ 2:01 pm

 

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!

 

Comment by Immee | June 27, 2008 @ 2:48 pm

 

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

 

Comment by Hugo | June 29, 2008 @ 2:57 am

 

Fantastic……as usual where can i buy this book….I need to learn Illustrator. Cheers Wendy

 

Comment by Wendy Hazelgrave | August 6, 2008 @ 3:13 am

 

I also got an error…and my path was on TOP of the image layer

“The selection contains object which cannot be distorted”

I tried saving the image i want to distort as a Tiff, eps, jpeg, and same error message…help!

 

Comment by Michael Roussetos | August 14, 2008 @ 2:05 pm

 

Very nice!! really really help!! i love it!!

Tnx!!
Feri Nicdao

 

Comment by Feri Nicdao | August 16, 2008 @ 10:01 am

 

GREAT JOB REALY! thanks

 

Comment by Traniee | August 21, 2008 @ 9:39 am

 

icant help but clap for you thanks your audio is very bad check it next time

 

Comment by bubunyo | September 9, 2008 @ 12:02 pm

 

“The selection contains object which cannot be distorted”

embed your picture …. then it will be fine !

thanks for your tutorial !
just suscribed to the magazine !!!

 

Comment by bahiia | September 29, 2008 @ 11:26 am

 

where’d you get the picture

 

Comment by Tom | October 17, 2008 @ 10:15 pm

 

I traced a plain aluminum can to make my mask. I created my own label in PS. I imported all my images to illustrator and correctly placed the mask above my label shape. I made the Distort with top object, but my label did not distort properly, but rather skewed and pinched in. Help? :(

 

Comment by confused | October 21, 2008 @ 8:37 pm

 

Oh, and by the way. If most of you are trying to distort an image you imported into Illustrator and it gives you the error:“The selection contains object which cannot be distorted”–that means your image is probably not embedded into the file. Select the image and click Embed button above on the image menu options.

 

Comment by confused | October 21, 2008 @ 8:43 pm

 

I solved my own problem….I was trying to create a can label. I used a traced mask I drew out with the pen tool of the can. The more points you use with the pen tool, the more chances are that your image will be distorted awkwardly. If you are going to make a mask with the “Distort with top object feature”, use the least amount of points possible to avoid a bad distort.

Cheers

 

Comment by confused | October 21, 2008 @ 8:53 pm

 

[...] Wedding Album: Illustrator and Photoshop Warping – muito legal ensina a usar o illustrator e o photoshop juntos para fazer um livro (lembrei da carol) [...]

 

Pingback by Bookmarks for Diciembre 27th through Diciembre 28th | FACIL TUTORIALES | December 27, 2008 @ 6:15 pm

 

“The selection contains object which cannot be distorted”

How can i embed The picture ?

 

Comment by Todd | January 21, 2009 @ 10:21 pm

 

I have the path above the image On command envelope_distort>make_with path on top I get this dialog :This requires a selection of multiple object …
What am i doing wrong?
The image is embedded – I have PC Vista and illust. CS4 Thx Matt for the tut I am missing the finer detail -newbie

 

Comment by colin1942 | February 8, 2009 @ 12:27 am

 

Thanks, I want to try it myself….where can i find the book/album image that was in this tutorial?

 

Comment by I'm Flawless | February 14, 2009 @ 1:21 am

 

Thanks, I want to try it myself….where can i find the book/album image that was in this tutorial?

 

Comment by I'm Flawless | February 14, 2009 @ 1:21 am

 

[...] Wedding Album: Illustrator and Photoshop Warping (video) [...]

 

Pingback by 25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results | Web Design,Photoshop Tutorial,Design News | February 27, 2009 @ 10:01 pm

 

Yeah, but how great of quality are these really??? I mean is it the same as going to http://www.smilebooks.com or another reputable company? Is it even close..?

 

Comment by Dave | July 1, 2009 @ 6:41 pm

 

hi! i’m new to Ai but with your wonderful tutz, i learn much!! god bless and many thanks!

 

Comment by manny macam | July 4, 2009 @ 6:44 am

 

i stilll need to know how to mak my albums into books!

 

Comment by lesa campbell | July 18, 2009 @ 11:59 am

 

[...] Wedding Album: Illustrator and Photoshop Warping (video) [...]

 

Pingback by 25 Tutorials for Using Illustrator and Photoshop Together for Outstanding Results | Cosmos Blog -- Internet News,Life,Culture,Polices,Resource,Make Money | October 5, 2009 @ 5:02 am

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

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

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine