当前位置: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面(4)

如何用Photoshop设计一个具有现代感的博客界面(4)


新建一层,再画一个圆角矩形宽度一样,但这次要改改圆角半径,10px足矣。在下面给这个灰色区域添加一点点渐变让他有一种倾斜度。


Photoshop设计现代感的博客界面


复制一个之前的内容区域,然后用橡皮工具从中间将两侧的边线擦出一个渐变来。(注,这里最好选择一个图层蒙版然后用渐变做,橡皮的透明度不好控制,不知道他是怎么做到的-_-”)


Photoshop设计现代感的博客界面


在整个边线上再用铅笔工具画1px的垂线。这里可以按住shift来保持角度和垂直。


Photoshop设计现代感的博客界面


还是要慢慢擦出来渐变(其实这一步可以在擦边线之前做好然后再套上图层蒙版做渐变。)


Photoshop设计现代感的博客界面

教你做一个简单但好看的网页(第二集)
从零开始教您设计一个华丽高档的网页