1024programmer Photoshop Photoshop Tutorial: Creating 3D Web Page Effects – Web Page Templates

Photoshop Tutorial: Creating 3D Web Page Effects – Web Page Templates

Author: Anonymous Source: UCD Blog

Let’s take a look at the effect first!


1
, the new file size is 1000x750px, double-click the layer ” Layer Style” Color Overlay: #Dark Brown


2
. Pull two auxiliary lines horizontally on the ruler, which are 30px, 250px; pull two auxiliary lines vertically, respectively 100px, 900px position.


3
. Select the rectangle tool and draw a rectangle along the horizontal auxiliary line and fill it with white.


4
, select the foreground color as black. Select the Ellipse Tool and create the shape. Make it a higher than white rectangle as shown. Move it down one layer, convert it to a Smart Filter, apply Gaussian Blur, and change the Opacity to 60 %.


5
. Double-click the white rectangle to bring up the layer style dialog box, mirror gradient


6
. Select the rectangle tool and create two 1px lines. Fill them with black and red respectively.


7
, select the text tool (T), the text is white


8
, select the rectangle to create two 1px straight lines, as shown in the figure .


9
, add a mask, select the gradient from black to white, refer to the picture.


10
, open “Pattern”, above this tutorial Required materials: PatternDownload the picture.

Copy the 3 layer “Rectangle” , copy step 6 “black and red lines”
Then select the rectangular copy layer and “Edit” the custom pattern. Create a new layer “Layer Style”
Cancel the gradient; select Pattern Overlay and the mode is Overlay. Mask the layer with a radial gradient from black to white.


11
. Enter text: Make settings. Put your favorite icon.

Done!


Author: Anonymous Source: UCD Blog

Let’s take a look at the effect first!


1
, the new file size is 1000x750px, double-click the layer ” Layer Style” Color Overlay: #Dark Brown


2
. Pull two auxiliary lines horizontally on the ruler, which are 30px, 250px; pull two auxiliary lines vertically, respectively 100px, 900px position.


3
. Select the rectangle tool and draw a rectangle along the horizontal auxiliary line and fill it with white.


4
, select the foreground color as black. Select the Ellipse Tool and create the shape. Make it a higher than white rectangle as shown. Move it down one layer, convert it to a Smart Filter, apply Gaussian Blur, and change the Opacity to 60 %.


5
. Double-click the white rectangle to bring up the layer style dialog box, mirror gradient


6
. Select the rectangle tool and create two 1px lines. Fill them with black and red respectively.


7
, select the text tool (T), the text is white


8
, select the rectangle to create two 1px straight lines, as shown in the figure .


9
, add a mask, select the gradient from black to white, refer to the picture.


10
, open “Pattern”, above this tutorial Required materials: PatternDownload the picture.

Copy the 3 layer “Rectangle” , copy step 6 “black and red lines”
Then select the rectangular copy layer and “Edit” the custom pattern. Create a new layer “Layer Style”
Cancel the gradient; select Pattern Overlay and the mode is Overlay. Mask the layer with a radial gradient from black to white.


11
. Enter text: Make settings. Put your favorite icon.

Done!


<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/photoshop-tutorial-creating-3d-web-page-effects-web-page-templates-5/

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索