PS设计教程网欢迎你!

Photoshop设计电脑网站WEB模板教程(2)

文章来源于 夕木木,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/PS教程/其他教程2009-12-07
11.为产品添加介绍和价格等之类必要的信息. 12.选择矩形选框,在左侧画出一个矩形来做产品菜单,并填充#6b7b81. 13.现在来做一个自定义画笔,新建一个3*3px,然后用画笔画出如图所示. 最终结果如图: 14.在下面画两个矩

11.为产品添加介绍和价格等之类必要的信息.

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

12.选择矩形选框,在左侧画出一个矩形来做产品菜单,并填充#6b7b81.

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

13.现在来做一个自定义画笔,新建一个3*3px,然后用画笔画出如图所示.

最终结果如图:

Photoshop设计电脑网站WEB模板教程

14.在下面画两个矩形并填充#d1dbdf.并添加图标,如图所示.

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

15.新建一个图层来创建页脚.使用圆角矩形工具,画一个圆角矩形出来,填充白色,然后利用矩形选区工具把上面的一部分删掉.

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

添加图标:

使用画笔工具给每个LOGO中画一条区分线,颜色为#D2D2D2.

Photoshop设计电脑网站WEB模板教程

16.最后我们来为网页装饰一下,添加一个小图标.下面是步骤载图:

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

利用椭圆工具画一个椭圆,然后填充白色并改为不透明30%.并添加文字.

Photoshop设计电脑网站WEB模板教程

Photoshop设计电脑网站WEB模板教程

17.完成:

Photoshop设计电脑网站WEB模板教程

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=433698

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