最大的石头 发表于 2014-10-18 02:39:25

Photoshop设计创意风格网页首页模板

      本教程主要使用Photoshop设计时尚大气的网页首页模板，作者制作的作品都非常的优秀，教程的主要给大家分析一下首页的制作方法，作者主要想通过教程给大家一个探索设计作品的过程，工具什么并不是最重要的，重要的是要有想法和构思，然后多做实践练习才可以做出优秀的作品，下面让我们一起来学习吧，教程遇到什么问题可以下载PSD文件研究。
教程源文件链接：http://pan.baidu.com/s/1gdgSMht 密码：uder
先看看效果图

http://pic.16xx8.com/allimg/141017/2201492121-0.jpg


http://pic.16xx8.com/allimg/141017/220149D56-1.jpg


http://pic.16xx8.com/allimg/141017/2201492K0-2.jpg


http://pic.16xx8.com/allimg/141017/22014a116-3.jpg


http://pic.16xx8.com/allimg/141017/2201492404-4.jpg


http://pic.16xx8.com/allimg/141017/2201495K8-5.jpg


http://pic.16xx8.com/allimg/141017/220149E36-6.jpg


http://pic.16xx8.com/allimg/141017/22014959A-7.jpg
提示：教程详细步骤在二楼，不用回复也能看到！想下载该教程的可以回复获取下载网址:点击进入下载页教程编号:134804 作者：Axin123 出处：站酷

最大的石头 发表于 2014-10-18 02:39:27

Photoshop设计创意风格网页首页模板

      
?
以下的都是教程

http://pic.16xx8.com/allimg/141017/2201494010-8.jpg

最大的石头 发表于 2014-10-18 02:39:28

Photoshop设计创意风格网页首页模板


1.加上底色绘制平面色块作为物体形状，注意透视形状。

http://pic.16xx8.com/allimg/141017/2201492407-9.jpg

最大的石头 发表于 2014-10-18 02:39:29

Photoshop设计创意风格网页首页模板


2.在平面上用画笔工具选取白色绘制亮色过度。

http://pic.16xx8.com/allimg/141017/22014a045-10.jpg

最大的石头 发表于 2014-10-18 02:39:30

Photoshop设计创意风格网页首页模板


3.继续丰富亮色部分。

http://pic.16xx8.com/allimg/141017/2201495636-11.jpg

最大的石头 发表于 2014-10-18 02:39:31

Photoshop设计创意风格网页首页模板


?
4.在前面的色块上面贴入上面的平面图即可，注意颜色要调成类似蓝色。填进去是不是有点石头机理的感觉了。注意的是这里不需要太逼真的机理，界于半真半假的假三维形式更有设计感。

http://pic.16xx8.com/allimg/141017/22014a222-12.jpg

最大的石头 发表于 2014-10-18 02:39:32

Photoshop设计创意风格网页首页模板


5.用深色丰富石头肌理的边缘过度。

http://pic.16xx8.com/allimg/141017/2201491T2-13.jpg

最大的石头 发表于 2014-10-18 02:39:33

Photoshop设计创意风格网页首页模板


6.继续丰富过度，肌理只需看的见即可，不用太明显。以免抢主体建筑的视觉。

http://pic.16xx8.com/allimg/141017/220149D18-14.jpg

最大的石头 发表于 2014-10-18 02:39:34

Photoshop设计创意风格网页首页模板

      
7.用亮色提亮边缘，使整个物体的暗部不至于过于硬朗，与背景有融合，但是要注意他边缘的虚实变化。

http://pic.16xx8.com/allimg/141017/2201494952-15.jpg

最大的石头 发表于 2014-10-18 02:39:35

Photoshop设计创意风格网页首页模板


?
8.放上扣好的建筑物体。

http://pic.16xx8.com/allimg/141017/22014920A-16.jpg

最大的石头 发表于 2014-10-18 02:39:36

Photoshop设计创意风格网页首页模板


9.在建筑图层上面新建图层填上深蓝色，使用滤色。目的是减弱深色让他偏蓝色融入环境。

http://pic.16xx8.com/allimg/141017/2201493N1-17.jpg

最大的石头 发表于 2014-10-18 02:39:37

Photoshop设计创意风格网页首页模板


10.画笔喷上稍亮的蓝色减弱部分区域，让其有逆光背面透光的感觉。

http://pic.16xx8.com/allimg/141017/220149E48-18.jpg

最大的石头 发表于 2014-10-18 02:39:38

Photoshop设计创意风格网页首页模板


11.加上投影。

http://pic.16xx8.com/allimg/141017/2201492G9-19.jpg

最大的石头 发表于 2014-10-18 02:39:39

Photoshop设计创意风格网页首页模板


?
12.加上其他配件丰富场景。

http://pic.16xx8.com/allimg/141017/22014939E-20.jpg

最大的石头 发表于 2014-10-18 02:39:40

Photoshop设计创意风格网页首页模板


13.摆放其他配件的时候注意不要过于堆积，并且注意整个的重量平衡。位置很重要。不是随便哪个位置都可以摆放。

http://pic.16xx8.com/allimg/141017/2201493G4-21.jpg
页: [1] 2
查看完整版本: Photoshop设计创意风格网页首页模板