Photoshop Training Video Site

This video is going to show some basic for creating a Prototype Product Packaging in Photoshop. Before you present a product it is important to pack it in a nice and beautiful wrapper, and Photoshop can help to create one such. In this video we will learn this, lets see the video.

This is a quick tutorial on how to wrap a logo around a photographed object. Let us say I am working on a new product packaging job. Here is a way of how to create quick prototypes of how your label design is going to look when wrapped up under the finished product. The process is fairly easy once you understand the technique and can be used for some pretty remarkable results. So this is what we are going to end up with at the end of this project. I am going to delete my two layers over here and we can start from scratch. Alright! The first step in this process happened well before we got into Photoshop. One of the tricks in this technique is we are actually taking two photos of this particular product. Early on before we actually went in for our photo shoot I printed out, I created a grid pattern in an illustrator and I printed out on our printer and trimmed it out two shots of our particular bottle.

One shot with just the bottle by itself and the other shot with this grid pattern adhered to the bottle and shot at the same angle and position as everything else. Now the bottle with the grid attached to it is just a reference point. We are not going to end up using this in the final lay-out but its going to help us arrange everything so we can work exactly around the shape of the bottle and get our image looking very realistic. Now that we have the photo with the printed grid adhered to it, I am actually going to place the electronic photo from where it actually came from. You know so we have got a file here called label grid. This is actually the illustrated file that we printed in order to get this grid. So it’s right here. You know it’s got the same number of boxes, this is exactly the file we used to print this. Now what I want to do is I want to warp this image so it matches our reference example. Normally I can go to edit and pull them to transform and pull them to warp. However there is an extra step we need to add. We place the illustrator, I’m actually creating it as a smaller object but we can’t actually warp it until we do something.

We actually have to go into a layer and group it into a new smart object. This is just an extra step that is the required step and I’m going to make this work. Nothing really changes on the screen except, now we are going to transform, warp is available. So before I warp it I’m actually going to do a free transform and I’m going to size this down just to save myself a little bit of time. So I’m doing this little warping that is needed and I’m going to try to line this up and really quickly. So that atleast one side of it is some what close. I’m not sure its going to be exact but you can see how I’m transforming this and now we go back under edit, transform, warp and here’s a really cool part. I’m going to grab my corners and line my corners first and I’m actually warping this placed grid so it matches our reference point. And I’m grabbing my little curves here and what I’m trying to do is I’m trying to adjust the end points of this grid until it all matches up. Lets go and take a look at me floundering around a little bit and we are going to try to line up all the edges so that our red overlaid grid matches the black grid precisely. Now there are some really talented people that can do this type of things without the reference grid but I actually cannot.

I am not talented enough to really be able to recreate this warping three dimensions, to really get a realistic looking image, so I am cheating; I am using a printed reference point instead to line up my edges and grabbing this grid on the interior and see if instead of lining it up I am just grabbing these corner points and warping on the inside and I am just going to keep playing with it a little bit off and on until we get it lined up pretty exactly. I am doing this live so I think this would probably be close enough for me to take a quick look to see if there is anything else I want to touch up here. I may play a little bit. Okay. You can take as long in this as you want to, I think I am going to have to call black grid to plan that change. Now if you look it looks like a grid here is a little bit missing up here. Let me get it close enough for demonstration. I overlaid this label grid which is a pre-illustrated graphic right on top of my black grid. It is actually printed and is here to the actual product and once this is taken care of, you know what, I am going to just clean it up. I don’t want to let that go. I’ll just do some quick little touch up on a couple of these pieces, okay so it will be better.

Now that we have got the overlay already warped and on place I am going to turn off our references in between. We no longer need this; the photo of the bottle that we took with the grid adhered to it. That was just a reference point. What we have got now is we have this small object which I am opening up here, actually placed and warped into position on top of a bottle which is going to lead us to our next step. Okay now the fun part; let us reopen our smart object, our label grid smart object, let us open it up in a separate window. And now we are actually going to place our logo or our label graphic right into this place. So place, we have got one called label art and that is the plan. And this is a fictitious label called Creative-techs, our company and we can line this up using the grid as a reference point. And normally I would make my grid invisible at this point but I just want to close this up so you can see what happens. Quick save and the smart object has automatically adjusted and warped, the whole small object is warped into position and anything we place into that smart object is automatically warped right on to the bottle. Go back in here and I can actually go over to the layers of the smart object and then turn off the label grid layer, close this up. Save changes. a label and logo around a three dimensional object that you photographed yourself. I hope this is fun to play with.

And there we go; our placed overstated graphic has now been warped right on to the bottle. Now that’s where we need a few little details to make this a little more realistic. The last thing I am going to do is go ahead and place a graphic that I have gotten ready before, a shadow graphic where I have pulled out some of the shadow graphic elements and this is just a shadow detail for this particular bottle. I am going set this to multiply and I am going to hold on my option key and click between these two layers and what that’s going to do is it is going to three more shadows just within the transparency of our label grid. So when we turn the shadow layers on and off a few times we will see that it is going to add a little bit of shadowing in just to give a little bit of dimension in to make it look like a little more realistic label and there we go; we have a fairly realistic label, done very quickly and placed in. Now we could call ourselves done, but let’s explore some real magic of using smart object. We are going to go back in, double click on the smart object; there is the grid that we adjusted now we placed an illustrated graphic called label art. This actually is another smart object embedded in our first smart object. If I double click on this we switch over to illustrated and we can actually edit this. So in this case I am going to edit this just a little bit. I am going to drag it down, make it a little bit long. Close that up and you should update here. There we go, make it a little bit longer and I am going to place in another graphic that I have already got ready here, use your i-pod book. So our little product now supports our ipods. Just a little burst. By the way, I am not, I am a left point support guy for the graphic designers. I am not a designer myself. So please excuse the look. Click ok and it automatically updates and the whole label is adjusted. Basically once you have got this in place we can go in here and pretty much edit to our heart’s content whatever we want to do like get rid of this particular piece, turn it off, adjust our elements, adjust the way it looks and every time I apply my changes it updates right live all our little placed graphics. There we go. Wrapping

Tags: adobe photoshop 7.0, adobe photoshop download, plugin photoshop, plugins photoshop, photoshop adobe, adobe photoshop 5.0, photoshop demo

Tags

Photo Retouching

This entry was posted on Friday, December 26th, 2008 at 11:39 pm and is filed under Photo Retouching. You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site.