Archive for the ‘Photoshop Warp’ Category

Photoshop Warp, text, and Smart Objects

June 22, 2010 Leave a comment

Warping Text, Smart Objects and Adjusting a composition so it fits on a real life object.

Download the two images below and open them in Photoshop.

Using the Rectangle Shape tool create a rectangle on top of the wine bottle then to adjust the size of it with the Move Tool selected (V)  press Apple T to adjust the scale and rotation of the rectangle.

Then right click on the Layer you just created with the Rectangle and choose Duplicate Layer, then using the Move Tool and pressing Apple T move the 2nd rectangle into place

Next with the Text tool selected (T) click on the Red Rectangle and your new text will be created within the red rectangle.  I googled the definition of olive oil and copied and pasted this into the text layer I created within the red rectangle tool.

Olive oil is an oil obtained from the olive (Olea europaea; family Oleaceae), a traditional tree crop of theMediterranean Basin. It is commonly used in cooking, cosmetics, pharmaceuticals, and soaps and as a fuelfor traditional oil lamps. Olive oil is used throughout the world, but especially in the Mediterranean.

As you can see the text needs to be adjusted a bit.

Select the text and go to Window/Character.  Choose a different Font and adjust the size so the text fits within the rectangle.  (if you triple click on the text it will select all of it)  To adjust how the text is certified (left, center, right) open up the Window/Paragraph

Next move the text over and make some room for some vertical text on the right side.  Hold down the Text icon in the Tool bar and switch to the Vertical Type Tool and Drag a box vertically were we will add some vertical text.

Next we will create a quick Logo for our Oil.  Open the Olive image and drag it onto top of the wine bottle.  Then create the text Olive Oil on two separate lines on top of the white box. If you text doesn’t fit after you adjust the size, adjust the Leading in the Window/Character and adjusting the Tracking under Window character to adjust the spacing between the letters (also called Kerning).  For the purpose of this tutorial we will use Arial Black for this text.

Next move the Olive picture behind the Olive Oil text and size it to your liking.

Then move the olive picture layer on top of the Olive Oil text and adjust the Layer Blending to your liking, I went with Overlay.

Then go to your Olive Oil text Layer and holding down Apple Left Click on the Text Layer to select the text

Then go to Select/Inverse and select the Olive Image Layer and delete the olives outside of the olive lettering.  You should now have something that looks like the image below, I kind of liked the olives blended onto the red, we will add them later.

Next double click on the Olive Oil text layer and open up the Layer styles and add a simple Drop Shadow to the text.  To make the shadow fit in a little better I made it a dark green instead of just black.

Next double click on the layer with the white rectangle and add a Gradient Overlay Style.  In the Gradient Editor, the top squares are the opacity of the gradient, if we had an image instead of just a white box the opacity would allow us to see the image behind the gradient, and the color is just the

So far so good but looking at what we have the text Olive Oil is too high we will move it all down but first we must lock the Olive Image and Olive Oil text layers together, select them both.  Click on one then Shift click the other layer then click on the Link Layers icon on the Bottom Left Corner of your Layer Pallete.  When two layers are linked then have a chain link icon in the layer.  Now you can just nudge or move the text down a bit.

Next select all the layers you just created and Right click on then select Group Into New Smart Object

All your images will collapse to one Layer, next go to Edit/Transform/Warp and you will get a grid on your new layer.  We will use this to adjust the layer so it fits better.

The Grid that is created has little dots where the lines intersect, use these points and move them so you get something that looks like it fits around the bottle, like the image below

The Great advantage of using Smart objects is that you can double click on the smart object on the Layers Pallete and it will opne up the smart object in its own window.  Do this and then add another layer of olives to the red and use the Lighten blending option.  Then just close the image and save when it prompts you.

As you can see it sort of works, but it needs some shadowing.  Next double click on the smart new object layer and add a Gradient Layer Style.

Below you will see the finished image, once you are happy with it, save it as a jpg file.  The image below could use some work, but overall, its done for now.

Categories: Photoshop Warp