营口网站设计|营口网站优化|营口网络营销
所在位置:营口网站建设 > 中酷观点 > 网站设计 > 正文
网站建设 / 网站策划 / 网站优化 / 网络营销 / 网站设计 / 常见问题

Photoshop制作金属质感网页界面

时间:2013年07月11日 来源:互联网

1. 首先给大家看下整体效果。

Photoshop制作金属质感网页界面

2. 启动本教程你将需要创建一个新文件。使用任?#25991;?#24819;要的值,但是我建议你创建一个文件的最小宽?#20219;?100*1163像素。背景填充# 252118。

Photoshop制作金属质感网页界面

3. 原教材玩神秘没有写怎么做,我用我的方法做了一下,你可以复制一个刚刚做的图层,选择画?#20351;?#20855;,大小设成1100px,硬度0%。柔光,把这个图层透明度调到60%就ok了.

Photoshop制作金属质感网页界面

4. 在中间用圆角矩?#20301;?#20010;995*295的圆角矩形。填充#52442b.

Photoshop制作金属质感网页界面

5. 复制一个上面图形,把颜色改成#e9e9e9。

Photoshop制作金属质感网页界面

6. 在页脚创建一个新的形状。在这里,用来添加一些文本,填充#15120d. 宽度54.

Photoshop制作金属质感网页界面

7. 对第一个矩形做?#21496;?-杂色--添加杂色,数量为3—10.

Photoshop制作金属质感网页界面

8. 这一步元教材说的很模糊,我是对这个矩形做的效果,新建了一个白色矩形,做的不透明度13%,用橡皮擦去掉不要的部分。

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

9. 在页脚上边的位置在创建一个新的矩形。在这里,用来添加一些文本,填充#15120d. 宽度252.

Photoshop制作金属质感网页界面

10. 现在我将创建笔记本螺旋。这相当容易。你所要做的是创造两个很色矩形和一个长方形矩形对你做渐变叠加。组合在一起复制多个就可以了。

Photoshop制作金属质感网页界面

11. 输入文本,你可以给上面的大字加下效果,下面的小字加下投影效果就好了。如图

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

12. 用圆角工具绘制两个按钮,添加文本。126*34.做以下效果。

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

13. 用圆角矩形工具画一个209*223的矩形,做内阴影和描边效果。

Photoshop制作金属质感网页界面

14. 用钢?#20351;?#20855;绘制下面图形,添加文本。

Photoshop制作金属质感网页界面

15. 在顶部的布局我将创建一个简单的矩形。415*281.

Photoshop制作金属质感网页界面

16.做以图层样式

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

17. 然后,我将创建一个较小的形状381*258,图层样式如下图:

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

Photoshop制作金属质感网页界面

18. 我的最后一个步骤是创建导航组合布局.

Photoshop制作金属质感网页界面

19.最后完成的效果

Photoshop制作金属质感网页界面

上一篇:网页设计中的6个小?#35760;?/a> 下一篇:Ps设计移动APP应用类型网页黑色风格网站

提交网站建设需求
玛莎拉蒂莱万特
360票老时时开奖 75秒极速时时号码 17234开奖结果现场开奖 体云南时时开奖号码 今天乒乓球赛事视频 中网内蒙古时时结果 吉林快三开奖号码结果查询 单肖精准规律公式 江苏快三网上购买 大富豪棋牌游戏 黑龙江p62开奖公告l 河北时时走势图结果查询 白小姐免费统一图库彩图 进球网东方拆局 排列五走势连线走势图 三同号内蒙快三推荐