PS设计教程网欢迎你!

Photoshop设计简约风格的wordpress模板(4)

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-03-15
创建内容框 33,开始时,我们需要创建边境线.拖动水平参考线将他拉到滑动线上边.留下50px的空隙.然后增加另外一条参考线. 34 现在选择圆角矩形工具,创建一个宽度为260px,高度为170px颜色为#d0d0d0的矩形,命名为bg_1.

创建内容框

33,开始时,我们需要创建边境线.拖动水平参考线将他拉到滑动线上边.留下50px的空隙.然后增加另外一条参考线.

Photoshop设计简约风格的wordpress模板

34 现在选择圆角矩形工具,创建一个宽度为260px,高度为170px颜色为#d0d0d0的矩形,命名为bg_1.

35 安装下面的图片对齐矩形,使用移动工具放置到准确的位置.

Photoshop设计简约风格的wordpress模板

36 在bg_1 图层上面击右键,创建图层蒙版.

37 选择渐变工具,设置前景色和背景色分别为黑与白(也可按D键自动重置颜色).选择线性渐变,从上到下拖到知道你对效果满意.

Photoshop设计简约风格的wordpress模板

38 现在开始创建阴影,复制 bg_1 图层.重命名为shadow.将其放置于bg_1层下方.应用颜色叠加的图层样式叠加一个暗灰色(#3e3e3e).

Photoshop设计简约风格的wordpress模板

39 选定shadow图层,选择 滤镜>模糊>高斯模糊.设置模糊半径为5px.

Photoshop设计简约风格的wordpress模板

40 使用渐变工具,调整图层遮罩类似这样.

Photoshop设计简约风格的wordpress模板

41 在框内增加文字内容,你将会看到我以什么结束.

Photoshop设计简约风格的wordpress模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa