View by:

Use Photoshop for 3D Animated Videos!

Sunday, July 5th, 2009 – running time 15:46
Create videos that move while in a 3D space using Adobe Photoshop CS4

Photoshop imports video in CS4
You now have the ability to import Quicktime videos into Photoshop with CS4, so this means you can add video to your images, much like a moving picture within a TV in a living room, or a changing scene outside a window.

Add video layer
Choose Layer > Video Layer > New Video Layer From a File. Bert chooses a video of an old PixelPerfect episode as an example. He then creates a frame around the video using separate layers.

Create a 3D Postcard from the video layer
With the video layer selected, choose 3D > New 3D Postcard from Layer. Nothing will change in the appearance of the layer until you rotate the movie using 3D controls. Apply the 3D settings to both the video and the frame, then merge all the layers so that they become one unit that moves together. Adjust the positioning of individual layers by using the 3D Scene window.

Apply video to a 3D shape
In a separate example, Bert demonstrates Photoshop's ability to apply video to a 3D shape. He creates an example of a curvy object made from a black and white gradient (3D > New Mesh from Grayscale > Plane). To add the video to this shape, open the 3D object layer and choose Layer > Video Layer > New Video Layer. When you save and close this window, you'll see that the video is a part of the wavy 3D shape.

Create animation
In the Animation window, lock the object position. Shorten the movie length to about 5 seconds. At the 4 second mark, rotate and change position of the 3D object. When done, Export > Render Video, then choose your video output settings. This will take a few moments before your exported 3D video can be viewed.

Sponsors:

GoDaddy - All GoDaddy special offers are available in one place for your convenience. Just visit revision3.com/godaddy to see all PixelPerfect coupon codes you can use at godaddy.com.

Netflix - Rent over 90K titles online including Blu-Ray titles with free shipping to and from your home. Membership starts at only $4.99 and get a free 2 week trial by visiting www.netflix.com/pixelperfect. Yes, you need to type in the "www" when visiting that Netflix link.

Want your artwork on PixelPerfect?
Make sure to send in your artwork to bert@revision3.com if you'd like your image used as Bert's background on a future episode of PixelPerfect. Your image should be a 1280x720 JPG.

Highlights
keith davis ( 1:06, 1:06 ) keith davis ( 1:06, 1:06 )

Automatically Generated Transcript(may not be 100% accurate) ( more )

" Wow."

" Hello and welcome to pixel perfect we'll -- Earl Pomeroy. On today's show we're gonna look at creating video walls. Walls and videos look like video and then move around in 3-D. For the -- start today so let's talk about the background. Now this particular background rate here. We of these shows with the kind of put you to do in Photoshop. This is done by. Keith Davis now look at this thing these beautiful somebody might say was just photographed basically it is just a photograph but you know. With the power of television what watch what happens we're gonna kind of changed a mood a little bit here. And it through though we see that boom look at that."

" Beautiful transformation -- that's what push ups about doing that kind of stuff he got a picture. It becomes the basis for whole dream that didn't come up with fantastic job he. Photos now let's think south sponsors. Godaddy.com. -- dot com makes it easy to customize your own virtual dedicated server. It is one of three popular plans or select your own Linux or windows server with all the plan options that you need. Into the code pixel three when you check out annual get. -- domain name -- seven dollars and 49 cents that's not a misprint 749. Be sure to check out revision3.com. Forward slash GoDaddy what all the pixel perfect godaddy deals and -- there's a whole bunch of them in there. Also let's thank Netflix. Our bank of the sponsoring up it's a perfect and with next fix. You can rent over 90000. Titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents. And as a new member you can get a no risk two week free trial membership check it out at www. Netflix.com. Forward slash pixel perfect. And yes you do have to type in net WWW. When using this code. Okay that's I -- that just now. That they would do little video -- Video that moves while it's moving in 3-D space. Now this could come in handy for a lot of different things creating a room to the television often decided he wanted to be on the TV. That's actually showing the photo whatever. The thing is that you could bring in. Quicktime movies that kind of movies into Photoshop. They play within Photoshop where there's a little -- window or mess somewhere -- but now we have that we need function. So -- can be applied to our little movies now quite some months ago I did up a globe it was spinning around and I had actually taken the 3-D movie. Oh -- actual video clip and turn it into it fear. Actually turned a movie into an object. This particular case we're gonna keep the movie flat. But which -- kind of in situations. So I got --"

" We right now. But you experience that create a new layer here. And this layer and let's get some colors in its its a nice kind of a bluish color like this and I went broke above. So the lines in here let's just throw out the color like that may be longer line here. Maybe one. Going this -- like that and you know before you put in you warmth from my one frame -- the video that's going here and say there. Video layer so -- new video layer from a file that's a quick time movie that I -- previously. And it happens to be one of the shows right here. We've got a little loved the feel right there it's a little intro to the show so let's open that up. And narratives that appears on -- which is kind of move it down to this position right here then it's good. Let's take this. And -- which is the directive to it is now its give us one more box or more line going this way. Reckon that if there and we'll just do that I that was good so in another layer. I create a hold those series of boxes it's just go in here in Korea. A long line going down this way which we'll get a different cause they use a nice. Red -- And I threw that in there and though throw little. Thin line going through here. K and maybe one going right across the top here. Like that which is creating these bizarre shapes. -- so right now these look like they've -- note that I really gonna border we're gonna kind of move things around a little bit okay so now. When I'm gonna do do these three objects is a want to take them and I think the movie here -- the movie. And going to send that to. In 3-D postcard from later."

" Now does look like anything has happened."

" I'm gonna take. Let that happen if he now what's happened basically is that I can now take that object. And that our movie and -- look. I can move it around in 3-D space that is the movies that will play in -- space. I don't think this red lines here and turn those into a a postcard. And finally gonna take the blue. Line layer and turn that into three postcards. And I got all three these guys working together now I think the the blue one. I think the blue one and I'm going to rotated we rotated on its side right here and says -- to the rotation. This so it's like about. I like that. Right so now. It's going to out -- there and look at these 3-D objects let's take all three. I think all three objects. Or three of them. Now which is kind of move these guys around -- kind of see these. At an angle affect us to take up. These two. The video layer. And the Red Line layer I'm gonna go ahead and merged those big merged with 3-D layers -- become one. -- right so now I'm gonna take. The video layer the one that's of the video and the red and I'm gonna grab the blue one and I'm gonna merge those -- out all three of them. Now if you would like to have my video. Right there really close to these. Red lines has written articles based here but don't go to my media panel."

" I don't go we get to the shapes -- there and I'm gonna select that. Video live which is the video there is this one right it is the video layer there's the the red glare. And so -- doing now than it has moved that up just a little bit let's move those guys up just a little bit they moving. The video layers moving the video there in space there and move as those just about the same level as the red there. There we go. And we got all that. Five and come back over here and that's just move the whole thing around with an -- of all moved together think."

" So I can animate this and these guys -- move. If they know that's that's fairly cool but the thing is that we can get even far more complex than this. Much more complex than -- was gonna happen. Open up a whole new file. And here. When I'm gonna do now is I'm gonna create a new layer. Here's his new layer and I'm gonna go in here and and that they and it's it's it's open this up a little bit."

" And it. Thank you Patrick Patrick Norton just -- me -- Right that's going to distract. Not the right and then I'm gonna add. A big black rectangle right there like that wouldn't duplicate straight across here and then one more time via right so now. A little ahead of the worthless. And didn't say Ghazi ambler. Make them really soft they're like like that that looks good and -- turn that layer into a 380 -- in Nashville grey scale plane. Didn't create this shape here and any second now they're it is so now when I turn this guy around. You see at this really bizarre object there but what do they do do is I'm going to go in there and put my movies on that. This is bizarre shape here -- to go in there to might later. There's -- one which is. The goal here and I get my movie which comes in and I can in the largest so let's go in there and enlarge it. Let's make it bigger. I'm going to air and let's. -- make it almost the entire sides of our little. Shape there. I -- a little border around size just to make it look good click okay and wouldn't closes. Save it now would come back here we'll see that we have this little movie is gonna appear. And it's gonna be all twisted into shape seat there it is so now -- look at it we -- movie is all twisted around so now. But -- my animation. Window. Let's get our enemies of windows on there."

" And that break here the -- wants with go to -- won't going to lock the object position so -- click on that. I then come over here let's this short delay the bubble we -- about maybe five seconds and then read about here at the 42 mark. About here. I bring this -- over about the fourth second mark so now. -- the time I'll be with you get the faces changed -- in there because we're at a different position in our our movie now. So I'm gonna go in here now and take this movie and it's don't know jumping around it's just because of the fact that it's. -- refresh all of this stuff and puts its kind of move out of shape like this. And maybe bring in a little closer to us. That's gotta go there paying all that stuff there it is and it's going here and bring it closer to us like so. So what's happened here is as they moved -- back and it's going to take a little time to refreshes every time right and move it. But it's going to move to shape in time so what what to do. It actually go in here and show you. A finish movie because now once this is all done which you have to do is you come over here and you say export. Render video. And you could set up the type of -- into wanted to be decides to format. For the movie and -- they render and that takes a little time as well. So at the magic of television is all gonna happen instantly. So I've already. Rented this movie at a time so that's gonna show you right now. So here Wednesday. The movie's -- I would -- little shape which has the video embedded into it and they want to play. That place they can see that the video is playing inside the odd shape as it moves in time towards us. That's send that back here and you see it moving it. It comes into place it moves and in three dimensional space and the movies playing the entire time. Even though it's -- this side that's really shape the movie does play as the regular movie. So you could take three objects. And -- movies -- to them -- the movies themselves and -- that's a whole beauty of the the three SeaWorld now is that it's also mixing in with video. So first ever used to be just as to the photo -- touching campaigning packages that is tremendous. Movie studio where you can set up all kinds of stuff. Bring in live video incorporate multiple videos. -- a month to -- have moving around in space and do some really weird stuff basically whenever you come up with. There's a way of doing it in there. Now does a lot of steps in there. Apply to your own stuff. Create your own shapes rap video onto it could be a building like I can blade running you have all these buildings have all these. Video's playing all over the place. Keep in mind that if you want to see the video to be moving it does have to be an animation good to have that travel over time to open up a Photoshop file. Nothing knows. This -- don't want the buildings to move sort of seen the movie does want the video of the move set up a movie. Go and it in the animation windows both of -- famine and the frame and then play the movie. The believes the staying in place but all of the new videos over the place will be moving because now it is time base that things to move it. That's something you'd like to see. Something in assures that you've been struggling with it where. Email me at -- at revision3.com. We'll -- you can check out the forms at revision3.com. Force that forms where you can join discussions about the show and who knows maybe influence a future show. Once again I want to thank -- Davis for submitting this incredible background look at it one more time. Okay. If you want your work to -- back there and see your name big on the screen. Send me your images that the B. A certain size and send them to -- and revision3.com. They have to be 1280 by seven point pixels and a JPEG. Those are very specific dimensions is very important if you want the entire screen to be taken up instead of the green that I'm seeing here. You want your screen to fill up this whole thing here has to be that size it is not that -- going to be. Black lines things going on you're gonna crop up party picture Sosa and for those particular sizes. And you were to get it back there. Hope that something this number to place to persuade parents to sit there and play. Have fun playing C and so."

" Wow."

" Hello and welcome to pixel perfect we'll -- Earl Pomeroy. On today's show we're gonna look at creating video walls. Walls and videos look like video and then move around in 3-D. For the -- start today so let's talk about the background. Now this particular background rate here. We of these shows with the kind of put you to do in Photoshop. This is done by. Keith Davis now look at this thing these beautiful somebody might say was just photographed basically it is just a photograph but you know. With the power of television what watch what happens we're gonna kind of changed a mood a little bit here. And it through though we see that boom look at that."

" Beautiful transformation -- that's what push ups about doing that kind of stuff he got a picture. It becomes the basis for whole dream that didn't come up with fantastic job he. Photos now let's think south sponsors. Godaddy.com. -- dot com makes it easy to customize your own virtual dedicated server. It is one of three popular plans or select your own Linux or windows server with all the plan options that you need. Into the code pixel three when you check out annual get. -- domain name -- seven dollars and 49 cents that's not a misprint 749. Be sure to check out revision3.com. Forward slash GoDaddy what all the pixel perfect godaddy deals and -- there's a whole bunch of them in there. Also let's thank Netflix. Our bank of the sponsoring up it's a perfect and with next fix. You can rent over 90000. Titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents. And as a new member you can get a no risk two week free trial membership check it out at www. Netflix.com. Forward slash pixel perfect. And yes you do have to type in net WWW. When using this code. Okay that's I -- that just now. That they would do little video -- Video that moves while it's moving in 3-D space. Now this could come in handy for a lot of different things creating a room to the television often decided he wanted to be on the TV. That's actually showing the photo whatever. The thing is that you could bring in. Quicktime movies that kind of movies into Photoshop. They play within Photoshop where there's a little -- window or mess somewhere -- but now we have that we need function. So -- can be applied to our little movies now quite some months ago I did up a globe it was spinning around and I had actually taken the 3-D movie. Oh -- actual video clip and turn it into it fear. Actually turned a movie into an object. This particular case we're gonna keep the movie flat. But which -- kind of in situations. So I got --"

" We right now. But you experience that create a new layer here. And this layer and let's get some colors in its its a nice kind of a bluish color like this and I went broke above. So the lines in here let's just throw out the color like that may be longer line here. Maybe one. Going this -- like that and you know before you put in you warmth from my one frame -- the video that's going here and say there. Video layer so -- new video layer from a file that's a quick time movie that I -- previously. And it happens to be one of the shows right here. We've got a little loved the feel right there it's a little intro to the show so let's open that up. And narratives that appears on -- which is kind of move it down to this position right here then it's good. Let's take this. And -- which is the directive to it is now its give us one more box or more line going this way. Reckon that if there and we'll just do that I that was good so in another layer. I create a hold those series of boxes it's just go in here in Korea. A long line going down this way which we'll get a different cause they use a nice. Red -- And I threw that in there and though throw little. Thin line going through here. K and maybe one going right across the top here. Like that which is creating these bizarre shapes. -- so right now these look like they've -- note that I really gonna border we're gonna kind of move things around a little bit okay so now. When I'm gonna do do these three objects is a want to take them and I think the movie here -- the movie. And going to send that to. In 3-D postcard from later."

" Now does look like anything has happened."

" I'm gonna take. Let that happen if he now what's happened basically is that I can now take that object. And that our movie and -- look. I can move it around in 3-D space that is the movies that will play in -- space. I don't think this red lines here and turn those into a a postcard. And finally gonna take the blue. Line layer and turn that into three postcards. And I got all three these guys working together now I think the the blue one. I think the blue one and I'm going to rotated we rotated on its side right here and says -- to the rotation. This so it's like about. I like that. Right so now. It's going to out -- there and look at these 3-D objects let's take all three. I think all three objects. Or three of them. Now which is kind of move these guys around -- kind of see these. At an angle affect us to take up. These two. The video layer. And the Red Line layer I'm gonna go ahead and merged those big merged with 3-D layers -- become one. -- right so now I'm gonna take. The video layer the one that's of the video and the red and I'm gonna grab the blue one and I'm gonna merge those -- out all three of them. Now if you would like to have my video. Right there really close to these. Red lines has written articles based here but don't go to my media panel."

" I don't go we get to the shapes -- there and I'm gonna select that. Video live which is the video there is this one right it is the video layer there's the the red glare. And so -- doing now than it has moved that up just a little bit let's move those guys up just a little bit they moving. The video layers moving the video there in space there and move as those just about the same level as the red there. There we go. And we got all that. Five and come back over here and that's just move the whole thing around with an -- of all moved together think."

" So I can animate this and these guys -- move. If they know that's that's fairly cool but the thing is that we can get even far more complex than this. Much more complex than -- was gonna happen. Open up a whole new file. And here. When I'm gonna do now is I'm gonna create a new layer. Here's his new layer and I'm gonna go in here and and that they and it's it's it's open this up a little bit."

" And it. Thank you Patrick Patrick Norton just -- me -- Right that's going to distract. Not the right and then I'm gonna add. A big black rectangle right there like that wouldn't duplicate straight across here and then one more time via right so now. A little ahead of the worthless. And didn't say Ghazi ambler. Make them really soft they're like like that that looks good and -- turn that layer into a 380 -- in Nashville grey scale plane. Didn't create this shape here and any second now they're it is so now when I turn this guy around. You see at this really bizarre object there but what do they do do is I'm going to go in there and put my movies on that. This is bizarre shape here -- to go in there to might later. There's -- one which is. The goal here and I get my movie which comes in and I can in the largest so let's go in there and enlarge it. Let's make it bigger. I'm going to air and let's. -- make it almost the entire sides of our little. Shape there. I -- a little border around size just to make it look good click okay and wouldn't closes. Save it now would come back here we'll see that we have this little movie is gonna appear. And it's gonna be all twisted into shape seat there it is so now -- look at it we -- movie is all twisted around so now. But -- my animation. Window. Let's get our enemies of windows on there."

" And that break here the -- wants with go to -- won't going to lock the object position so -- click on that. I then come over here let's this short delay the bubble we -- about maybe five seconds and then read about here at the 42 mark. About here. I bring this -- over about the fourth second mark so now. -- the time I'll be with you get the faces changed -- in there because we're at a different position in our our movie now. So I'm gonna go in here now and take this movie and it's don't know jumping around it's just because of the fact that it's. -- refresh all of this stuff and puts its kind of move out of shape like this. And maybe bring in a little closer to us. That's gotta go there paying all that stuff there it is and it's going here and bring it closer to us like so. So what's happened here is as they moved -- back and it's going to take a little time to refreshes every time right and move it. But it's going to move to shape in time so what what to do. It actually go in here and show you. A finish movie because now once this is all done which you have to do is you come over here and you say export. Render video. And you could set up the type of -- into wanted to be decides to format. For the movie and -- they render and that takes a little time as well. So at the magic of television is all gonna happen instantly. So I've already. Rented this movie at a time so that's gonna show you right now. So here Wednesday. The movie's -- I would -- little shape which has the video embedded into it and they want to play. That place they can see that the video is playing inside the odd shape as it moves in time towards us. That's send that back here and you see it moving it. It comes into place it moves and in three dimensional space and the movies playing the entire time. Even though it's -- this side that's really shape the movie does play as the regular movie. So you could take three objects. And -- movies -- to them -- the movies themselves and -- that's a whole beauty of the the three SeaWorld now is that it's also mixing in with video. So first ever used to be just as to the photo -- touching campaigning packages that is tremendous. Movie studio where you can set up all kinds of stuff. Bring in live video incorporate multiple videos. -- a month to -- have moving around in space and do some really weird stuff basically whenever you come up with. There's a way of doing it in there. Now does a lot of steps in there. Apply to your own stuff. Create your own shapes rap video onto it could be a building like I can blade running you have all these buildings have all these. Video's playing all over the place. Keep in mind that if you want to see the video to be moving it does have to be an animation good to have that travel over time to open up a Photoshop file. Nothing knows. This -- don't want the buildings to move sort of seen the movie does want the video of the move set up a movie. Go and it in the animation windows both of -- famine and the frame and then play the movie. The believes the staying in place but all of the new videos over the place will be moving because now it is time base that things to move it. That's something you'd like to see. Something in assures that you've been struggling with it where. Email me at -- at revision3.com. We'll -- you can check out the forms at revision3.com. Force that forms where you can join discussions about the show and who knows maybe influence a future show. Once again I want to thank -- Davis for submitting this incredible background look at it one more time. Okay. If you want your work to -- back there and see your name big on the screen. Send me your images that the B. A certain size and send them to -- and revision3.com. They have to be 1280 by seven point pixels and a JPEG. Those are very specific dimensions is very important if you want the entire screen to be taken up instead of the green that I'm seeing here. You want your screen to fill up this whole thing here has to be that size it is not that -- going to be. Black lines things going on you're gonna crop up party picture Sosa and for those particular sizes. And you were to get it back there. Hope that something this number to place to persuade parents to sit there and play. Have fun playing C and so."

Please visit the sponsors of this episode. Interested in more Revision3 special offers?

Go Daddy

Transfer your domain to Go Daddy for as little as $6.99 and get a free 1-year extension plus guaranteed renewal pricing! GoDaddy.com makes transferring easy and offers loads of extras including: hosting, a 5-page site builder, complete email, total DNS control and more! What are you waiting for?

Enter the code Pixel3 to get any .COM domain name for $7.49

Netflix

With Netflix, you can order over 90,000 titles including Blu-Ray titles with free shipping both ways to and from your home. Netflix plans start from only $4.99 and new members can start with a 2-week no-risk trial.

Get a no-risk two-week FREE trial membership at www.Netflix.com/PixelPerfect
mari1ee

Started discussion: July 6, 2009 @ 9:44am GMT

Eviltone
5 months ago

The 3rd Dimension

There have been quite a few episodes now relating to the 3d environment and 3d manipulation within Photoshop. I myself find these tool very exciting, it open's up a whole new perspective on things, quite literally.

If you too are new to working within a 3d environment these 3d manipulation tools can feel very alien, fidgety almost ,but with a little practice they can become very powerful tool's, whether it be for placing 3d models within your existing artworks, embedding video's into 3d objects (like in this episode) or for creating fun little animations for your websites.

If you find these new feature within photoshop get you excited about the possibility's of applying 3d into your artworks or projects, as Bert say's there are many free models out there, many different category's of objects just Google it. On the other hand you may be thinking, well how can i create my own model's? well as you have seen in previous episodes you can create shapes by using displacement maps into the 3d plane but what if you want to create something which has more complex or exact shapes. Well you will probably have to fork out a fortune for a professional 3d CAD program, right?

Wrong, i came across a very helpful program for creating 3d model and guess what IT'S FREE , you may be thinking well if its free it wont be very a powerful application, wrong again. Not only can you build 3d model's in this application but you can, just like in Photoshop animate these objects , apply video, texture's, displacement maps and set up 3D scene's in which you can Control the lighting, cameras and reflectivity of objects. Now for all you who are enthusiastic about photoshops 3D capability's this is a tool that could really expand your idea's and creativity,,,,,,,,,,,,

And just like Bert Say's,, Have fun with it , Just play.......................

3d Application....WWW.BLENDER.ORG

This is an open source application and has a huge community of user's who are always there to help with any questions you may have , or solutions to problems you come across.

There are many tutorial's available on the net for beginners and advanced techniques go check them out........Google Blender

PS. Thanks for another insightful episode of Pixel Perfect......Cheers Bert.
oldarney
5 months ago
Quick time movie??? Thats an MP4!

i have no idea what the codec might be, but last time I checked an MP4 container cannot be called a quick time movie.

Why couldn't he just call it a video, whats so special about quicktime. Forgive my bitterness but I am highly oposed to closed formats, why not matroska.
martinyyyy
3 months ago
Hi there,

I have a problem with the "New Mesh from Greyscale -> Plane".

I've done everything like bert (at least I hope so).

When I try to 'convert' those rectangles
http://img195.imageshack.us/img195/2226/tmpaf6d.png
to 3D, nothing happens.
http://img195.imageshack.us/img195/2928/tmp145.png
Can anyone may help me with this?

(yeah it's german photoshop, but I'm pretty sure I pressed the right buttons ;) )
View all 3 comments