ps设计蓝色主题风格的网站首页模板教程

教程的主要给大家分析一下首页的制作方法,作者主要想通过教程给大家一个探索设计作品的过程,工具什么并不是最重要的,重要的是要有想法和构思,然后多做实践练习才可以做出优秀的作品

ps cs6设计时尚促销专题页教程

这个教程向你展示了制作一个宣传单的基本步骤,基本上设计完成就可以打印发送了。当然想学习宣传单风格设计的也不要错过!

本教程主要使用Photoshop设计时尚大气的网页首页模板,作者制作的作品都非常的优秀,教程的主要给大家分析一下首页的制作方法,作者主要想通过教程给大家一个探索设计作品的过程,工具什么并不是最重要的,重要的是要有想法和构思,然后多做实践练习才可以做出优秀的作品,下面让我们一起来学习吧,教程遇到什么问题可以下载PSD文件研究。

教程源文件链接:http://pan.baidu.com/s/1gdgSMht 密码:uder

先看看效果图

ps设计蓝色主题风格的网站首页模板教程插图

ps设计蓝色主题风格的网站首页模板教程插图(1)

ps设计蓝色主题风格的网站首页模板教程插图(2)

ps设计蓝色主题风格的网站首页模板教程插图(3)

ps设计蓝色主题风格的网站首页模板教程插图(4)

ps设计蓝色主题风格的网站首页模板教程插图(5)

ps设计蓝色主题风格的网站首页模板教程插图(6)

ps设计蓝色主题风格的网站首页模板教程插图(7)

 

以下的都是教程

ps设计蓝色主题风格的网站首页模板教程插图(8)

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

ps设计蓝色主题风格的网站首页模板教程插图(9)

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

ps设计蓝色主题风格的网站首页模板教程插图(10)

3.继续丰富亮色部分。

ps设计蓝色主题风格的网站首页模板教程插图(11)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(12)

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

ps设计蓝色主题风格的网站首页模板教程插图(13)

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

ps设计蓝色主题风格的网站首页模板教程插图(14)

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

ps设计蓝色主题风格的网站首页模板教程插图(15)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(16)

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

ps设计蓝色主题风格的网站首页模板教程插图(17)

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

ps设计蓝色主题风格的网站首页模板教程插图(18)

11.加上投影。

ps设计蓝色主题风格的网站首页模板教程插图(19)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(20)

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

ps设计蓝色主题风格的网站首页模板教程插图(21)

14.底下放上倒过来的房子,马上有了超现实的色彩有木有。

ps设计蓝色主题风格的网站首页模板教程插图(22)

15.配上主题文字。

ps设计蓝色主题风格的网站首页模板教程插图(23)

 

16.继续丰富物体边缘部分,使物体与背景更加融合。方法就是喷色使用滤色图层样式。此处虚实非常重要,不可以到处喷色。

ps设计蓝色主题风格的网站首页模板教程插图(24)

17.加上菱形光晕素材,还是一样使用滤色。放置在右侧位置,使之有逆光光辉的感受,同时也丰富了画面的色彩,

而且有了炫彩的美感,还起到了虚化物体边缘的作用,是不是一举四得。

ps设计蓝色主题风格的网站首页模板教程插图(25)

18.配件的选择也是有讲究的,此设计是为了突出场景的高大,所以选择了飞机,飞鸟,使之显得空间更加的开阔。

ps设计蓝色主题风格的网站首页模板教程插图(26)

19.配上文字,下面加上高空云,立马空间更加开阔,气氛更加强烈。

ps设计蓝色主题风格的网站首页模板教程插图(27)

 

本教程主要使用Photoshop设计时尚大气的网页首页模板,作者制作的作品都非常的优秀,教程的主要给大家分析一下首页的制作方法,作者主要想通过教程给大家一个探索设计作品的过程,工具什么并不是最重要的,重要的是要有想法和构思,然后多做实践练习才可以做出优秀的作品,下面让我们一起来学习吧,教程遇到什么问题可以下载PSD文件研究。

教程源文件链接:http://pan.baidu.com/s/1gdgSMht 密码:uder

先看看效果图

ps设计蓝色主题风格的网站首页模板教程插图

ps设计蓝色主题风格的网站首页模板教程插图(1)

ps设计蓝色主题风格的网站首页模板教程插图(2)

ps设计蓝色主题风格的网站首页模板教程插图(3)

ps设计蓝色主题风格的网站首页模板教程插图(4)

ps设计蓝色主题风格的网站首页模板教程插图(5)

ps设计蓝色主题风格的网站首页模板教程插图(6)

ps设计蓝色主题风格的网站首页模板教程插图(7)

 

以下的都是教程

ps设计蓝色主题风格的网站首页模板教程插图(8)

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

ps设计蓝色主题风格的网站首页模板教程插图(9)

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

ps设计蓝色主题风格的网站首页模板教程插图(10)

3.继续丰富亮色部分。

ps设计蓝色主题风格的网站首页模板教程插图(11)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(12)

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

ps设计蓝色主题风格的网站首页模板教程插图(13)

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

ps设计蓝色主题风格的网站首页模板教程插图(14)

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

ps设计蓝色主题风格的网站首页模板教程插图(15)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(16)

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

ps设计蓝色主题风格的网站首页模板教程插图(17)

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

ps设计蓝色主题风格的网站首页模板教程插图(18)

11.加上投影。

ps设计蓝色主题风格的网站首页模板教程插图(19)

 

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

ps设计蓝色主题风格的网站首页模板教程插图(20)

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

ps设计蓝色主题风格的网站首页模板教程插图(21)

14.底下放上倒过来的房子,马上有了超现实的色彩有木有。

ps设计蓝色主题风格的网站首页模板教程插图(22)

15.配上主题文字。

ps设计蓝色主题风格的网站首页模板教程插图(23)

 

16.继续丰富物体边缘部分,使物体与背景更加融合。方法就是喷色使用滤色图层样式。此处虚实非常重要,不可以到处喷色。

ps设计蓝色主题风格的网站首页模板教程插图(24)

17.加上菱形光晕素材,还是一样使用滤色。放置在右侧位置,使之有逆光光辉的感受,同时也丰富了画面的色彩,

而且有了炫彩的美感,还起到了虚化物体边缘的作用,是不是一举四得。

ps设计蓝色主题风格的网站首页模板教程插图(25)

18.配件的选择也是有讲究的,此设计是为了突出场景的高大,所以选择了飞机,飞鸟,使之显得空间更加的开阔。

ps设计蓝色主题风格的网站首页模板教程插图(26)

19.配上文字,下面加上高空云,立马空间更加开阔,气氛更加强烈。

ps设计蓝色主题风格的网站首页模板教程插图(27)

 

作者: 791650988

为您推荐