Photoshop商业应用实战:网站首页设计

2009-09-21来源:本站整理


编者按:这是一个“图片+动画”式的教程,力求直观,生动,一步步引导您学习制作网站页面的技巧。文件大的动画在教程页面中只有一个截图,需要观看动画,请点击该截图即可。

版权声明:(作者赵鹏zhaopeng.net,所在论坛blueidea.com)此教程允许任意转载,允许用于商业印刷,不需经过作者同意,不需支付任何费用。但必须保证教程的完整性,同时注明本版权声明全部内容。

先来看看最终效果图:


--------------------------------------------------------------------------------

1. 背景的制作

1)


--------------------------------------------------------------------------------
2)


--------------------------------------------------------------------------------
3)


--------------------------------------------------------------------------------

4)


--------------------------------------------------------------------------------

5)


--------------------------------------------------------------------------------

6)



--------------------------------------------------------------------------------

7)



--------------------------------------------------------------------------------

8)


--------------------------------------------------------------------------------

2. 渐变条的制作

1)

0
--------------------------------------------------------------------------------

2)

1
--------------------------------------------------------------------------------

3)

2
--------------------------------------------------------------------------------

4)

3
--------------------------------------------------------------------------------

5)

4
--------------------------------------------------------------------------------

6)

5点击小图观看演示动画
--------------------------------------------------------------------------------

7)

6点击小图观看演示动画
--------------------------------------------------------------------------------

3 光环的制作

1)

7
--------------------------------------------------------------------------------

2)

8点击小图观看演示动画
--------------------------------------------------------------------------------

3)

9点击小图观看演示动画
--------------------------------------------------------------------------------

4. 主体文字的制作

1)

0
--------------------------------------------------------------------------------

2)

1
--------------------------------------------------------------------------------

3)

2
--------------------------------------------------------------------------------

4)

3
--------------------------------------------------------------------------------

5)

4
--------------------------------------------------------------------------------

6)

5
--------------------------------------------------------------------------------

7)

6点击小图观看演示动画
--------------------------------------------------------------------------------

8)

7点击小图观看演示动画
--------------------------------------------------------------------------------

9)

8
--------------------------------------------------------------------------------

10)

9
--------------------------------------------------------------------------------

11)

0点击小图观看演示动画
--------------------------------------------------------------------------------

5 变形文字的制作

1)

1
--------------------------------------------------------------------------------

2)

2
--------------------------------------------------------------------------------

3)

3点击小图观看演示动画
--------------------------------------------------------------------------------

4)

4点击小图观看演示动画
(出处:PConline)

看过本文的还看过

热门手游

更多>>

热门应用

更多>>

用户评论

还没有评论,快来抢沙发吧!