Photoshop design Taobao poster background tutorial

This example is to imitate the day Cat clothing activity page to do a banner, in the Blue Ideal Forum has the Netizen to the example stereo lattice background method question, I calm down, took a little time to make the effect. The structure of three-dimensional lattice is relatively simple, the main thing is to carefully observe the details and deal with the effect of shadow.

This tutorial is the Aman original tutorial for the Civic Forum member, All rights reserved, Reprint asks Aman

HD Picture: http://pan.baidu.com/share/link?shareid=125546&uk=3708036670

Tutorial Details

Program: Adobe Photoshop CS6

Difficulty: Intermediate

Estimated time of Completion: 1 hours

Cat Costume Banner Final effect

The image of the sky cat costumes

First step

1, press CTRL + N, create a new document, size 1200x500px, named "Tmall_banner"

2, with the rectangular tool (U), draw a 1200x500 rectangle, the color is #465074, and the layer named "Background 01"

Second Step

1, copy the layer "background 01", change the rectangle to a gradient fill (#465074--#6676aa--#465074)

2, add mask, with the gradient tool on the mask pull left and right two gradients

Note: The gradient bar is set, one side black, the other transparent

Third Step

1, make a single lattice, with a rectangular tool (U), draw a 125x125 square, color #465173

2, align the edges of the square pull the guide, and add 4 nodes, as shown in the following figure

3, delete the corresponding node, and move up the bottom of the middle node

Classification:

• PS Getting Started Tutorial