Google+

Wrapped Gift Box Text Effect

This tutorial explains how to use the Bevel and Emboss layer effect, rectangle shape layers, and some simple tricks to create a 3D-like wrapped gift box.

The Final Result:

Tutorial Details

  • Software Used : Photoshop
  • Version : CS6 Extended
  • Time : 1:00 – 1:45

Resources

A Special Thank You!

In textuts’ 2nd anniversary, I’d like to once again thank all textuts’ readers, followers, subscribers and supporters. Your support means a lot, and it just made the previous year a definitely wonderful one.

As always, if you’ve got anything you’d like to share or suggest, go ahead and send us a message through the contact form.

This text effect is yet another simple Thank You ‘gift’. Hope you like it.
Rose

Thanks to Sapri Waldi for suggesting the idea as well.

Step 1

Create a new 1024 x 786 px document. Set the Foreground color to #780500 and the Background color to #210100, pick the Gradient Tool, click the Radial Gradient icon in the Options bar, then click and drag from the center of the document to one of the corners.

Wrapped Gift Box Text Effect step 1

Create the text in All Caps. The font used is Kimberley, the Size is 331 pt, and the color is #ff221d.

Wrapped Gift Box Text Effect step 1

Duplicate the text layer, and change the copy’s Opacity to 70%, and its Fill value to 0%.

Wrapped Gift Box Text Effect step 1

Step 2

Double click the original text layer to apply the following Layer Style:

– Bevel and Emboss

  • Depth : 246
  • Size : 7
  • Check the Anti-aliased box
  • Highlight Mode – Opacity : 10%
  • Shadow Mode – Color : #4f4f4f
Wrapped Gift Box Text Effect step 2

– Contour

  • Check the Anti-aliased box.
Wrapped Gift Box Text Effect step 2

– Drop Shadow

  • Uncheck the Use Global Light box
  • Angle : 147
  • Distance : 10
  • Spread : 7
  • Size : 18
Wrapped Gift Box Text Effect step 3

This will make the text look like a 3D box. But wrapped gifts are usually a bit more glossy and shiny. And this is what we’ll add in the next step.

Wrapped Gift Box Text Effect step 2

Step 3

Double click the copy text layer to apply the following Layer Style:

– Bevel and Emboss

  • Depth : 225
  • Direction : Down
  • Size : 15
  • Uncheck the Use Global Light box
  • Angle : 80
  • Altitude : 60
  • Gloss Contour : Rounded Slope
  • Check the Anti-aliased box
  • Highlight Mode : Vivid Light
  • Shadow Mode – Opacity : 30%
Wrapped Gift Box Text Effect step 3

– Contour

  • Contour : Half Round
  • Check the Anti-aliased box.
Wrapped Gift Box Text Effect step 3

This will create smooth shiny edges.

Wrapped Gift Box Text Effect step 3

Step 4

Ctrl/Cmd + click a text layer’s thumbnail to create a selection.

Wrapped Gift Box Text Effect step 4

Create a new layer between the two text layers, call it Texture, then change its Blend Mode to Hard Light and its Opacity to 25%.

Load the Patterns: Damask Wallpaper pack, and pick the Paint Bucket Tool. Change the Fill to Pattern in the Options bar, and choose the CG_wallpaper11.png pattern.

Fill the selection with the pattern then go to Select > Deselect to get rid of the selection.

Wrapped Gift Box Text Effect step 4

Step 5

Set the Foreground and Background colors to Black and White, then pick the Rectangle Tool. We are going to create the ribbons now. So draw a rectangle on the first letter you have.

Choosing the part of the letter to cover is up to you, and so is the ribbon’s width. Just make sure that the ribbon does not cover more than 50% of the part you place it on.

Wrapped Gift Box Text Effect step 5

Double click the shape layer to apply the following Layer Style:

– Gradient Overlay
You can use any of the gradients from the Goldmedal.grd file in the gradient-shapes for Photoshop pack. The one used here is Brass Bs 30.

Wrapped Gift Box Text Effect step 5

– Drop Shadow

  • Distance : 1
Wrapped Gift Box Text Effect step 5

This will make the ribbon look brighter and more realistic.

Wrapped Gift Box Text Effect step 5

Step 6

Use the Add Anchor Point Tool to add two anchor points where the edge (beveled part) of the letter is.

Wrapped Gift Box Text Effect step 6

Pick the Direct Selection Tool, then click and drag to select the two original anchor points of the rectangle. Move those points using the keyboard’s arrow keys to the right.

Notice that the points added create a curve when the original points were moved. This will fixed next.

Wrapped Gift Box Text Effect step 6

To change the corners into sharp ones, use the Convert Point Tool, and click once on each anchor point.

Wrapped Gift Box Text Effect step 6

Do the same to the upper part of the ribbon.

Wrapped Gift Box Text Effect step 6

Step 7

Duplicate the Rectangle shape layer, then go to Edit > Transform Path > Rotate 90° CW. Notice that this rotates the Gradient Overlay as well.

Wrapped Gift Box Text Effect step 7

Double click the duplicated layer, then change the Gradient Overlay Angle to 0 to match the new shape’s angle.

Wrapped Gift Box Text Effect step 7

The right side of the ribbon looks fine, but the left side is a bit tricky.

Wrapped Gift Box Text Effect step 7

When you add anchor points to the left side, keep the curve, and move the points separately to cover the corner of the letter.

Wrapped Gift Box Text Effect step 7

As for the rights side, just select all the anchor points and move them to the edge.

Wrapped Gift Box Text Effect step 7

Step 8

The ribbons still look a bit flat, so we’ll add some shadows and highlights to give them depth and dimension. Create a new layer on top of all layers and call Shadow, then change its Blend Mode to Soft Light and its Opacity to 70%. Create another new layer on top of the Shadow layer, call it Highlight, and change its Blend Mode to Overlay.

Make sure to keep these two layers on top of ALL the ribbon layers.

Wrapped Gift Box Text Effect step 8

Ctrl/Cmd + click one of the ribbons’ shape layers to create a selection.

Wrapped Gift Box Text Effect step 8

Pick the Polygonal Lasso Tool, and click the Intersect with selection icon in the Options bar. Then, draw a selection around the darker area of the letter’s edge, and make sure to trace the bevel’s edge precisely.

Wrapped Gift Box Text Effect step 8

Pick the Gradient Tool, choose the Foreground to Transparent fill, and click the Linear Gradient icon in the Options bar. Make sure that the Shadow layer is selected, and that the Foreground color is set to Black, then click and drag from the lower edge of the selection to the upper one.

Wrapped Gift Box Text Effect step 8

Ctrl/Cmd + click the ribbon’s shape layer to create a selection once again. This time, use the Polygonal Lasso Tool to draw a selection around the lighter area of the letter’s bevel. Switch the Foreground and Background colors so that the Foreground color is set to White, and make sure that the Highlight layer is selected now, then create the gradient from the upper edge to the lower one.

Press Ctrl/Cmd + D to get rid of the selection when you’re done.

Wrapped Gift Box Text Effect step 8

As for the round corners of the letters, use the Eraser Tool with a hard round brush to shape the Shadows and the Highlights if you don’t want to create complex selections.

Wrapped Gift Box Text Effect step 8

Open the Green Christmas bow, and remove the Background using the Magic Wand Tool. Place the bow on top of all layers, then press Ctrl/Cmd + T to enter the Free Transform Mode. Resize and rotate the bow as you like, then hit Enter/Return to get out of the Free Transform Mode.

Place the bow where the two ribbons intersect.

Wrapped Gift Box Text Effect step 8

Step 9

This is optional, but you can add a ribbon on the top left or right corners of some letters. To do so, create a new rectangle, apply the ribbons’ layer style to it, rotate it, and modify its corners.

Wrapped Gift Box Text Effect step 9

Once again, you’ll need to change the Gradient Overlay Angle. Try different values to see which one matches the ribbon’s angle.

Wrapped Gift Box Text Effect step 9

Once you’re done, add the shadows and highlights just like you did before.

Wrapped Gift Box Text Effect step 9

Another cool tip is that you can move the gradient around while modifying the Gradient Overlay, by simply clicking and dragging the gradient inside the ribbon.

Wrapped Gift Box Text Effect step 9

Repeat the same process for the rest of the letters. This might be a bit time consuming, but the final result will look awesome.

Wrapped Gift Box Text Effect step 9

Step 10

Place the Texture14 image right on top of the Background layer, then change its layer’s Blend Mode to Color Dodge, and its Opacity to 30%. This will add a nice subtle texture to the background.

Wrapped Gift Box Text Effect step 10

Click the Create new fill or adjustment layer icon down the Layers panel and choose Gradient Map.

Wrapped Gift Box Text Effect step 10

Place the adjustment layer between the text layers and the ribbon layers, so that the ribbons won’t be affected. Then change the adjustment layer’s Blend Mode to Pin Light and its Opacity to 10%, and choose a simple Black to White gradient. This helps desaturate the bright reds a little bit which brings out the texture a bit more.

Wrapped Gift Box Text Effect step 10

And your gift is ready now! Hope you like it :)