Photoshop Tutorial: Create a Hologram for your iPhone, Smartphone or Tablet | Benjamin Halsall | Skillshare

Photoshop Tutorial: Create a Hologram for your iPhone, Smartphone or Tablet

Benjamin Halsall, Final Cut Pro X & Adobe Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (25m)
    • 1. Introduction to the Hologram Project

      1:40
    • 2. Video, Lighting & Camera Setup

      3:19
    • 3. Import Video & Create a Seamless Loop

      5:51
    • 4. Scale, Position and Extend Your Video Loop

      7:27
    • 5. Export & Upload Your Video to YouTube

      4:15
    • 6. Steps for Creating Your Pyramid

      2:07

About This Class

In this course you will learn how to film, edit and create a special reflective pyramid that will allow you to project a hologram that floats above your iPhone, Smartphone or Tablet. We'll cover all the steps that you need ot work through which includes lighting tips, editing tips, colour adjustments in Photoshop & Premiere Pro as well as how to create a seamless looping video.

Skills & Split Screens
The skills you will cover in Photoshop & Premiere Pro have lots of uses beyond just this project. You will learn how to adjust colour, contrast as well as scaling and rotating images to create a customised split screen.

The Hologram
You will learn how to create a customised pyramid from a downloadable template that will enable you to float videos above your iPhone or iPad using the Pepper's Ghost effect that has its origins in early cinema and special effects.

Sharing
Share your creations on the project page and on YouTube. There is a great community online that is sharing some very cool videos that you can use on your own device once you have created your reflective pyramid. Join in and share your videos here and beyone.

Can't wait to see your projects!

Transcripts

1. Introduction to the Hologram Project: hi there when it's been hassle. And in this video, Siri's we're gonna be having a look at how we use the pepper's ghost effect to create cool three D hologram that you can add to your iPhone to your android tablet. And basically, what we're gonna do is look at how we create the video, how we create this small, upside down pyramid that we pop on top of your tablet or phone, and then look at how we can film and edit the video that you will use to kind of create your own hologram on that kind of floats above your tablet. It's a really cool effect on. We're gonna go right through all the steps that you need to run through right from the filming of the project that you can do a nice three point lighting set up so that you get that really nice contrast to in the foreground and the background. That's really important for this effect. You need a nice dark background when you're correct this pepper's ghost effect, so that it really kind of pulls out the image that you're you're looking out and then we're gonna go on to look at how you edit that footage that you've shot and created in a couple of different applications. We're gonna have a look at how you do it every photo shop, adobe after effects or adobe premiere Pro. So whichever one of those were using you can go and have a look how you set this up. And actually, some of the skills that you'll learn in those applications by doing this will be working with color. So you get a nice high contrast and then also looking at how you manipulate, rotate and scale your images in those three different applications. And then we're gonna go ahead and look at how you create is upside down pyramid, which is essentially made from recycled CD cases. So we're gonna taken old CD or DVD case. We're gonna talk through the process that you need to go through to set it up to cut it up so that you can see your video footage floating above your tablet or iPad on da Yep, sign up to the course and I look forward Teoh running you through all the different steps and I hope you enjoy it. 2. Video, Lighting & Camera Setup: Okay, so here we're gonna have a look at how we set up our filming for our hologram movie. So basically, the main aim is to get a nice contrast between the images and the background, which ideally, you want to be a nice, pure black. So what I've done here is I set up a shoot where I've got a lazy Susan covered in a black cloth and then behind that I've got black felt. That's just kind of lying in the background. Now, when I get this into my video editor, I'll be ableto push what looks kind of gray in this image right back to black. So you get a really clear contrast between the the edge, your figures as they rotate here in this example on the black background. Okay, so that's one of the key things to get right when you're filming is that you really are ableto knock the background right to a pure black. Okay, so I've got three point lighting set up here. I've got one light on directly above these images, A like to the left and then a light to the right, and then a couple of boards. You can see here They're just bouncing like to the edge so that you get a nice clear edge to the shoulders of the sides of their heads in the legs and stuff like that. So we can nice clear edge to our characters here that we're filming. Okay, I'm using a dish less ella. I can rebel toe film this Nothing too fancy on. Basically getting the lighting set up right is what's really going to make this for you if you get the filming right and your editing becomes a lot easier. Okay, so you can see here. We've got help on he man facing off against each other, and then basically, we've set them up so that we can rotate them and film them that you want them to rotate it center in the camera. Okay, So when we actually project that, it doesn't look like they're kind of bouncing around, that's where on your DSLR. As you can see here, the rule of thirds monitor becomes really useful because you can see if that rotation is happening right in the middle. So what you should end up with once you filmed is this nice kind of high contrast image on this, a little bit of gray in the background, even to this video on. That's what we're really gonna push. So we'll use a levels adjustment on within photo shop or premiere pro to really kind of make sure all that the blacks in the background are kind of nice, pure black on. That's one of the things that will really make your characters seem like there they're floating in midair off your tablet or phone when you're when you're kind of showing this off two people. So that's a few points about the lighting set up. I've placed my camera tripod as well as you can see here. Andi, I've been moving the Lazy Susan manually. One nice thing about this is that if you move the lazy Susan slowly and we can always speed up later in the editing process so we can that will. The speed on that will give a nice, smooth rotation as well, so we don't get jerking the sex in time, rotate the characters a few times when we get into the edit, we're going to use one of those rotations and then loop that and will run through all that kind of technique when we get into the edit, and that will give us our final piece, which we can then upload. Okay, so go ahead and have a go out filming your objects. Now you want them nicely framed like I have here, so that when we bring them into photo shop or Premiere Pro, we can really kind of quickly knock out the background and then begin to rotate these objects and pulled together into our kind of split screen set up that will be then be able to play back on the pyramid. 3. Import Video & Create a Seamless Loop: Okay, so now we're in a very Photoshopped and we're gonna import our original video, edit it and create the layout that we need for our hologram or are Pepper's ghost effect. Okay, so we're gonna go ahead to file open, and we can see here on the original videos that we've shot. So we've got to stay Puff the Marshmallow man, a nice horse and then a couple of other animals. And then he man versus the Hulk. Okay, And this is the one we're going to use for our final video. We can see the end result of what we're aiming to get here. So we have four up rotating video that will sit on our iPad on our iPhone on playback. And it's the reflection of that that gives you the pepper's ghost effect. OK, so that's what makes it look like a hologram on the rotation looks kind of nice as well. So you can see is a couple of things that we need to do here. We've got a nice, clean black background, which is one of the key things that gives the illusion of the image floating in space. Okay, when we get the reflection. So you can see here in our original video if we pull this up that we have the original video moving. But we have a lot of detail in the background here, and that's something we need to get rid off using a levels adjustment layer. And then we can go ahead on produce the layout we want for our Pepper's ghost effect. Okay, so let's go ahead and close this preview on now. We're gonna jump in an import this video. Okay, so we're gonna click open. I want your video is imported. You'll see that you have, ah, timeline at the bottom here with a video group and your layers. If you're not used video info shot before you'll see that you've got video group rather than regular kind of folder group for layers in every photo shop. Okay, so we can close up this little tip him on. The first thing we're gonna go ahead and do is add a levels adjustment layer. OK, so we're going to go in to our adjustment layers. Goto levels. Okay. And basically, what we want to do is remove this kind of darker grey area in the black. We want this to be a nice, pure black. I'm gonna do this manually with slider. So all this color information here is in the black area. I want to push that all to be a nice kind of pure black and then weaken over the midpoint so that we get a bit more detail in how to figures here, and he's gonna be quite small, and we finish working with them. So something like you see here is gonna work really nicely. We get a nice, right saturated image, and that's gonna look nice when we're beginning toe playback and reflect those images on our upside down pyramid. Okay, so we can close the levels adjustment there. I'm just gonna pull this out of the video group up here so applies to all the layers below that, because we're gonna end up with four video group layers once we've finished working on this . Okay, so the first thing we're gonna do is mark out the center of our cameras here, So I'm going to switch my rulers here two pixels. And if you don't see the rulers, just go to view on show Rulers, check that box, and then we're gonna right click on the ruler and change it to pixels. Okay, so now we can see we've got 0 to 1920 across here, and it just makes it easier to measure the middle. Okay, So half of 1929 60. So we're gonna bring our midpoint up to around 960 pixels, and you can see I'm snapping to the middle There. It's on 960 pixels. And then I'm gonna bring this down to 540 which is half of 10. 80. Okay, so I need these measurements just so that I know where to align my videos when I'm positioned them here. So the next thing I want to do is actually crop down my video, so I only need one rotation of this video. Okay, so I want to find a point here from which I can measure one rotation from, So I'm gonna look for the hand when that hand just crosses the midpoint there, and then I'm gonna come down to my timeline here and just pull that out point to the play head. And if you got snapping, turned on, it should snap that point. So my last frame here should be that hand just coming to and touching that midpoint there. And that's the point at which you will cut and then swim background to the beginning. I can. I've got a continuous loop because he man and the whole kit I just rotating on our lazy Susans. So I come back around until I see that hand somewhere close to the midpoint here. And then I'm just gonna step forward until we're touching again. And this is where I'm gonna mark my my in points. I'm just gonna drag in at first frame so that it starts at the end point there. So now, under change, a couple more things. At the moment, my rotation is happening quite slowly. So this is really all the video editing I'm gonna do. The rest of it is gonna be to do with positioning my figures, then exporting. Okay, So that's moving quite slowly. And if I speed that up, it's gonna look a little smoother as well. So I'm just gonna press commander zero so I can see my entire frame, and I'm gonna right click here and just adjust the speed. Okay, So I want to increase the speed to 200%. So I've got my speed running at 200%. Press enter. And when you play back in photo shop, you might notice that things aren't playing back in true speed. And you can see in the red here that my frames aren't playing back at 34 seconds or 25 frames per second. That playing back at 15 frames. So it's still slow. So what I'll need to do to get a true preview of that? It's just dragging the levels adjustment layer so that everything is looping around this point on. Then just play that now you can see my playback is 29.97 That's the true speed. And it goes green to highlight that and basically on the first round that it's playing through its rendering those frames, which is why you get this kind of slightly slower pay back. And in my case, it's around 14 to 16 frames per second that it's playing back and it looks like my outpoint there's jumped a little bit, so I'm just gonna fix that. So I'm gonna go ahead and just remake the out point. Yeah, and then play this back again. Okay, so once this goes through one time, it will have rendered those frames. We come to the out point. So if we go to the menu across here on the right hand side in the timeline, we can go to Luke. Playback. I can hit Play on now I can loop. This is rendered now. So it's playing back. It's full frame, right? And you can see I've got a relatively nice smooth he man in the Hulk facing off against one another, and that should look through. And that's seamless enough for the the video playback that we're gonna be working with. OK, so we've created the main part of our loop, and now what we need to do is look at how we duplicate that position. It okay? 4. Scale, Position and Extend Your Video Loop: Okay, so we've adjusted the levels of our video and we've got it looping now. So this is what we have. We have the video loop that we're going to use. And now what we're gonna do is go ahead and look at how we scale this layer and then make a duplicate on rotate it so that it's rotating around the same the same point, this center point that we marked off in the last section of this tutorial. So we've got a nice, looping video, will hit the space barter to stop that playback, and then we're gonna select our video. So when you're transforming layers, it's really important that you select the layer that you want to transform when we're gonna go to head it and free transform. OK, you can use the scale transformed for this ballot. Use free transform because it allows me to scale Andhra. Okay, all in one go. So I'm gonna go to free transform on. Then we'll get this message which says transforming a video layer requires converting it to a smart object layer. We're happy with that, okay? And then we can scale our video. We want to scale it Okay, so that it's gonna be Azaz. Biggest possible within how pyramid sung. Well, position it the main one around about here. And we're going to scale this down just a little bit more to around 30% and then just move it up. We wouldn't want to make sure that the images don't overlap when we rotate them, OK? And we've gone ahead and rename this as top, and we're now going to make duplicates of these layers. So we're gonna hold on the old key on drag up a Jupiter of top copy will call this right, and then we're going to rotate this by and 90 degrees. So we'll go to edit free transform, bring the anchor point down to the middle here, and then hold down, shift on, rotated by 90 degrees. And what we want to be careful of here is that as we rotating, these were not letting the images overlap. Okay, So once I've got that rotated, I'm gonna change this layer mode to lighten under the blend mode here. And that will mean that the image lightens the image below. Okay, so you can see now these air rotating okay on basically the image below is being lightened by that top most image. And we'll go ahead and add one more layer and drop this right down to the background. OK, On this layer, we're gonna make a layer of black. So we have a black background. So on this new layer, one I'm gonna do shift and f five. Okay, which brings up the fill, and I'm gonna fill that in with complete black. Okay, so we have these two images now, one on top of the other, and then it's completely black background, which will need when we export this out. Okay, so now I'm gonna grab the right hand copy, and I'm going to duplicate that, so I'm just going to click on it, hold down the old key and drag it up. So I get a new copy. You can also drag down to the new layer button here to create a copy. So this is gonna be our bottom. And again we'll go to edit free transform, placed the anchor right in the middle. I can with the layer with title bottom here. We're going to go to edit free transform place the anchor right in the middle here on then . Just coming outside our layer here. So we get the hook tower there were gonna hold down shift on, rotate this round by another 90 degrees. And because we've already turned on the light and on the layer below, this is automatically now lightning those layers below. So we're overlaying those those layers in the background. So we'll do this one more time, and this time we'll just highlight the layer. Come to the menu here on go to duplicate layer. Okay? And we'll call this left, and then one more time will go to edit free transform or command and t place the anchor in the middle. And then holding down shift will just rotate that round to the next 90 degree point. Okay, so now I've got those positions. I'm just gonna hold down the wiki or tap V to bring up the move tool. And I'm just gonna move these out a touch. Okay? So if we hold down the shift key and just move these out a couple of points and I can press command on top on this layer and just move these layers out a touch just so they're not too close to the centre will also mean that they appear to be floating a little higher when we actually play back the video on our screen. So I'm just holding down command when I tap on the layer and that turns on auto selection and now those layers of position perfectly. And you can see we've got that rotation happening beautifully. So when we reflect that onto our upside down, pyramid is gonna look like those are floating in space. So the next thing we need to do is create a sequence of these so that it's continually looping over a period of time. Okay, so I'm gonna just pull my layers up here so I can see them when I go to my layer one. And I'm just gonna drag this out until the duration. It's two minutes. I'm just gonna zoom out a little here and keep dragging until I'm around two minutes. Okay, so the time code there that you can see is in hours, minutes and seconds and then frames so you can see em around 1 59 2 minutes there. So what we'll do next will put all these layers in video groups as we do for top object, and then we'll be able to duplicate them on the same timeline. Okay, so I'm gonna go toe video group one here first and just highlight the top layer and then just hold down the okay and drag this up and you'll see that I have those layers just popping next to one another in that video group. Okay, Okay. So we're gonna move a little further than two minutes so that these matchup with our layer one will go to go up a little here. And I'm just gonna minimize this video group one, I'll call this top. Okay? Gonna go to my right layer and then come to the timeline, click here and go to new video group. Okay, Thing I drag that right layer into that video group, and we'll rename that right, and I'll go ahead and do the same. Just duplicate this until I filled that two minute time slot. So I was holding on the okay on dragging up a touch to duplicate those. Okay, let's elect our next clip will click here and go to new video group from clips. Okay, so now it's created a video group in its pop for the bottom video into that, video groups hung. We call this bottom for that video group minimized my right group down here on the layers panel, and I'll do the same. I'm just gonna hold down the old key and drag up until I fit finished selling that period of time. We can do this in groups. If I grab a few layers by holding down shift and selecting those three layers, I can duplicate multiple layers at the same time. And then finally, we need to put our left hand layer into a video group. So new video group from clips name this left and then drag this up until we filled up that layer. Now, at the moment, our levels layer isn't stretching across the whole loop that we set up. So when we passed that, you'll notice, and this is what we're trying to avoid. So when we go beyond that levels layer, you can see we get that gray in the background again. Okay, So I'm gonna come back here and just extend that levels layer so that we have everything covered with it. Now, the nice thing is, if I do want to play with that levels layer. I can double click on the levels icon here, and I can tweak that to darken it or light in it. Okay, so that's how to run through and set up the video loop. We've got about two minutes video loop there. You consent yours up for for longer if you want. And now we're gonna go ahead in the next lesson and look at how we export out this video. 5. Export & Upload Your Video to YouTube: Okay, so now we have our video set up and we can play it back and photoshopped toe preview it to make sure that we have a seamless headed between the cuts in our loop so that we have a smooth flow. And now we're gonna go right ahead, and we're gonna export out the video into a format that we can upload to YouTube. It's going to come to my shop document and then go to file export and render video. So now we're exporting out the video. There's a few options. We just want to double check here for the exports. So I'm gonna change the name of my video here. Okay, I'm gonna drop this into my videos folder, choose that folder and you can choose a folder which you want to export into. I'm gonna use Adobe media encoder to export. My former is gonna be H 264 which is quite a nice compression format, because it means that I can upload it to YouTube on my documents Sized. The moment is 1920 by 10. 80. Now, if you've got time to export full HD and you can do that, but actually, I'm going to drop this down to 12. 80 by 7 20 Okay, which you'll see is HTV or HD TV 7 20 p on. It's basically a lower resolution HD. The effect will just be just as good on most iPhones or iPads. Most them aren't playing at full 10 80 p HD, but if you do on that high quality and export out at 1920 by 10. 80 but we're going to stick to 12 80 by 7 20 Okay, document frame rate. We're gonna leave unchanged. We're going to leave it as progressive and progressive is basically a good format for exporting things out for the weapons. Full frame versions. Okay, Andi, the aspect is one which basically means you have square pixels. We have some other options here for exporting out video, but we don't need to worry about them for this particular export. Okay, we're gonna explode out all the frames. Okay? So basically, that means all the frames that we have in this area here, okay? And we want to do that because we know that the loop at the end of our clips here it's gonna tie and seamlessly with the beginnings of were looping it or looping this video footage at any point in time, it should look relatively seamlessly from the end and then back to the beginning. So let's hit Render. And now we'll wait for that video to render. Okay, so now have jumped to the best top. We've got our human versus Hulk video on. We could just have a quick preview of that. So if I hit the space bar I went back here. You can see we've got a nice, looping version on. This is what's going to shop in our reflection when we view it on our tablet. So what we want to do now is upload this to YouTube. So if we go to our Web browser and navigate to YouTube, we're gonna upload it here. OK, so we're gonna click on the upload button here, and you'll need to obviously have ah YouTube account set up to do this. Well hit upload on, then click to select our files to upload on, we'll grab our human versus hulk in pick for choose that file and it will begin talk load. And while it's uploading, we could begin toe change some of the setting so will type in humans. First is hope hologram rockets Pepper's ghost effect, and you can see once they're uploaded to YouTube, we've got some options toe Add in some extra tags that we can click on here and now. We can either wait for it to upload before we hit Publish, or we can just go ahead straight away and hit. Publish on. Then, as soon as our upload has happened, it will be published. So once you've uploaded the video, we can navigate to it. We can preview on our computer, and this is what we want to navigate to on playback on our tablet with our upside down pyramid used to create the pepper's ghost hologram effect as we're holding that tablet in our hand. So that's the end of this part of the truth. Or, if uploading on now, you should be ready to go ahead. Create your video if you haven't done it already. Create your pyramid from recycled CD or DVD cases, and then go ahead, upload your video and you have a cool hologram that you can show off to people 6. Steps for Creating Your Pyramid: Hi there. So in this to talk, I'm gonna run through how to create the pepper's ghost pyramid from your CD or DVD cover that you're recycling for this project. So what you'll need is one or two CD cases, and that really depends on how big you want to make your pyramid. Okay, I've made quite a big pyramid, so 13.5 centimeters wide. But you can have that as well. Just by printing out a template smaller, grab the CD of DVD case that you have removal the covers and any other paraphernalia and just get it down to the basic flat sheet plastic, which is what you're gonna cut. So basically, lay your DVD or CD case over the printed template. Okay, on, then slice one side at a time. Okay, so you can see here that I'm just slicing carefully on holding the CD or DVD case over the top of the template that I printed out. So keep cutting until you end up with four of these sides to your pyramid, Okay? And then when you're starting out to set up your pyramid, just use some tape in the first instance to set it up on, then you can go ahead and glue the sides of it. Okay. If you don't have time to glue it, then you can place it on top. Justus, the take version, as you can see here and it will still work. It just won't hold together that well. I've also found that around the bottom here, the CD or DVD cases, a little slippy. So sometimes you might want to just put a tiny bit of blue tack. I'm at the bottom just to stop it slipping on the case if you're wanting to hold the iPad or tablet up to show people your hologram. So to recap those of the steps for for creating your your pyramid, grab the template printed out. Grab the DVD CD cases on, then use that template to slice out the four sides to the pyramid that you need. Once you have those four sides, then temporarily taken together before you go ahead on glue the four sides carefully together. OK, so let's go ahead. Now make this on. Then we'll grab our video on our tablet and test out our final product