当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计Wordpress主题网站界面教程(2)

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

6、在左边创建一条垂直白线(你可以用“单列选择工具”创建这条线)。用以上相同的方法,你可以用“橡皮工具”删除线的顶部与底部。下面就是此效果。你能注意到这条线放在了哪,将这条垂直白线放在离边框1px的位置是非常重要的。

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

 

7、选择圆角矩形工具,我将创建一个白色图形!

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

 

8、为此白色图形添加如下图层样式

混合选项

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

 

内发光

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

 

描边

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

 

9、复制三份该图形,摆放效果如下面的截屏所示

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

 

 

这是实际大小的效果

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

 

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

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

  • 共7页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 下一页
  • 上一篇:Photoshop设计一个多媒体网站布局教程
    下一篇:Photoshop制作一个糖果店网站教程

    图集推荐

    • 灵感
    • 美图