当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计现代企业产品主题网站教程(7)

Photoshop设计现代企业产品主题网站教程(7)

设计内容区域

30 选择横排文字工具(T)在3D分割线下方,右分割线的左边加入任意的文字标题和段落。

Designing the Content Area

 

31 使用圆角矩形工具(U)在内容文本区域的左边创建一个圆角矩形;半径设为10px(默认情况下背景是10px)。

Designing the Content Area

 

32 路径画好之后,选择钢笔工具(P),右击矩形内部,选择建立选区。

33 设置前景色为#00315C,背景色为#001B32 ,然后选择渐变工具(G),渐变类型为径向渐变。

34 从顶部把渐变拖动到中间,和我们绘制背景方法相同。效果如下图。

Designing the Content Area

 

35 现在需要给圆角矩形图层加入投影、内阴影和描边的图层样式(双击图层面板上面的图层,打开图层样式对话框)。设置如下。

Designing the Content Area

 

Designing the Content Area

 

Designing the Content Area

 

36 使用多边形套索工具(L),然后在矩形上面做一个三角形的选区。

Designing the Content Area

 

37 剪切并复制选区到一个新图层,一般这样做将会丢失掉选取的图层样式,所以在这之前我们必须给右下角图层重复添加一次样式。

38 通过编辑 > 变换 > 旋转给边角图层翻转180度;

Designing the Content Area

 

39 加入一些任意文字以完成内容框的绘制。

Designing the Content Area

  • 共8页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 下一页
  • 上一篇:Photoshop打造Windows 7风格网站导航条
    下一篇:教你做一个简单但好看的网页(第一集)

    图集推荐

    • 灵感
    • 美图