Photoshop设计Wordpress主题网站界面教程(2)

这是实际大小的效果

10、用“圆角矩形工具”，我将创建如下白色图形

11、选择“钢笔工具”的同时按住Ctrl键，在白色图形边缘连续点击鼠标2次。

如果你正确点击的话，你将看到这些节点。

按住Ctrl键并选择如下所示的节点

当你选中此节点后按键盘的下箭头，这个节点就会往下移动!

这是我的效果

11、使用“椭圆工具”创建一个小圆形

12、对小圆形进行调整，使用“矩形选择工具”选择圆形的部分区域

按下键盘的delete删除键，然后按Ctrl+D取消选区，这是我的实际尺寸效果。

13、使用同样的方法，你可以在布局的另一边做相同的效果。这就是最终的效果，你可能注意到了，另外的一个图形在右边。创建它，这个地方主要是放置留言的数目。这主要考虑你用此psd文件创建wordpress主题的情况.

14、在界面的顶部我用“圆角矩形工具”创建4个图形。

15、对所有的图形，我都将应用如下相同的图层样式设置

内发光

渐变叠加

描边

这是最后的效果

16、在每个图形下面我添加了线，你知道如何创建这些线的,前面已经介绍过了!

17、在这条线下面，我创建了另外一条深色的线

18、用“矩形工具”在界面的顶部新建一个图形，并设置背景颜色为#8ba0b5