不知道本期直播课上的网页设计大家觉得怎么样呢?今天我们继续本周的话题：PS制作汽车宣传网页效果。主要使用PS强大的合成功能，当然，这对素材的质量要求也是极高的!适合同学们学习网页设计入门。简单的教程，大家赶紧试试吧!
效果图：
教程中需要的素材：
注：本节课需要的素材较大，这里仅展示了主要素材图。大家可以寻找自己,喜欢的素材，或者在群文件中下载(群：151847208)
1、新建画布：1800*850，填充黑色。当然，你可以根据需要建立不同尺寸。不需要一模一样，也许你的更好!
2、直接放进大众汽车素材图，也可以放进自己喜欢的汽车，但是素材图一定要够大。
3、下面放入我们“雨”的素材，不透明度改为51%，稍微调色，这里我们用色阶(ctrl+L)较色。
4、复制刚刚放入的“雨”的素材，不透明度调为51%，添加一层蒙版稍微擦拭。突出主体“车”即可。并用曲线(ctrl+M)调色
5、主体框架已经完成，下面添加文字素材(踏上前所未有的旅程 成为别人前所未见的风景)，也可以用别的广告语，通常会有专门的文案提供文字素材给设计师。所有字体使用通用的“微软雅黑”，适当调整间距。考验大家排版功能力的时候到了!!注意统一字体。
6、这里添加一个小细节，既然是网页，就调整一些细节促进用户点击下一页。
使用椭圆工具画出正圆，填充黑色，不透明度改为40%，输入一个大于符号“>”
7、继续输入文字(蔚揽旅行轿车引领欧式潮流生活 舒行版领衔登陆 Blue wagon leading European trend of life Shu-line version headlining landing)，得到下图效果。
8、输入导航文字(车型总览、购车服务、大众关怀、企业信息、汽车文化、最新资讯、寻求帮助)，每个词后面空格数需要一样。字体颜色可以适当灰一点，将第一个“车型总览”字体加粗、颜色调整纯白，字体调大3-5个像素点左右，细节可以根据整体效果调整。
9、下面为我们选择的导航页面添加选中的效果。使用矩形工具下的直线工具，去掉描边、填充红色，调整2像素，画一条直线。
10、大体效果已经完成了，之后我们加上logo素材图。得到下图的整体效果
11、网页上的大图一般有几张，这里我们作出类似切换的效果。使用椭圆工具，画出小椭圆，复制(ctrl+j)几层。填充白色，大小可以自己把控。只留其中一个椭圆填充100%，其余将不透明度调整为20%
12、为这个汽车添加品牌信息(@大众汽车 2016联系我们版权以及免责声明京ICP备08103718号-17 VOLKSWAGEN AGVolkswagen International)，并将不透明度改为90%，使字体和页面更融合，不喧宾夺主。如果你留心，会发现这类品牌网站上都会添加网页备案信息。
13、再加上一点小细节，使网页信息更丰富而不突出主体，这里我选择添加大品牌常用的分享图标。很多素材站都可以直接下载。
一个简单的汽车宣传网页效果图差不多就完成了，不知道你们还有没有补充的?
需要psd和素材的童鞋可加群：151847208。这篇教程旨在让大家领略其中的设计思路和流程，非常感谢大家的阅读，记得给我点赞哦，祝大家学习愉快!
效果图：
教程中需要的素材：
注：本节课需要的素材较大，这里仅展示了主要素材图。大家可以寻找自己,喜欢的素材，或者在群文件中下载(群：151847208)
1、新建画布：1800*850，填充黑色。当然，你可以根据需要建立不同尺寸。不需要一模一样，也许你的更好!
2、直接放进大众汽车素材图，也可以放进自己喜欢的汽车，但是素材图一定要够大。
3、下面放入我们“雨”的素材，不透明度改为51%，稍微调色，这里我们用色阶(ctrl+L)较色。
4、复制刚刚放入的“雨”的素材，不透明度调为51%，添加一层蒙版稍微擦拭。突出主体“车”即可。并用曲线(ctrl+M)调色
5、主体框架已经完成，下面添加文字素材(踏上前所未有的旅程 成为别人前所未见的风景)，也可以用别的广告语，通常会有专门的文案提供文字素材给设计师。所有字体使用通用的“微软雅黑”，适当调整间距。考验大家排版功能力的时候到了!!注意统一字体。
6、这里添加一个小细节，既然是网页，就调整一些细节促进用户点击下一页。
使用椭圆工具画出正圆，填充黑色，不透明度改为40%，输入一个大于符号“>”
7、继续输入文字(蔚揽旅行轿车引领欧式潮流生活 舒行版领衔登陆 Blue wagon leading European trend of life Shu-line version headlining landing)，得到下图效果。
8、输入导航文字(车型总览、购车服务、大众关怀、企业信息、汽车文化、最新资讯、寻求帮助)，每个词后面空格数需要一样。字体颜色可以适当灰一点，将第一个“车型总览”字体加粗、颜色调整纯白，字体调大3-5个像素点左右，细节可以根据整体效果调整。
9、下面为我们选择的导航页面添加选中的效果。使用矩形工具下的直线工具，去掉描边、填充红色，调整2像素，画一条直线。
10、大体效果已经完成了，之后我们加上logo素材图。得到下图的整体效果
11、网页上的大图一般有几张，这里我们作出类似切换的效果。使用椭圆工具，画出小椭圆，复制(ctrl+j)几层。填充白色，大小可以自己把控。只留其中一个椭圆填充100%，其余将不透明度调整为20%
12、为这个汽车添加品牌信息(@大众汽车 2016联系我们版权以及免责声明京ICP备08103718号-17 VOLKSWAGEN AGVolkswagen International)，并将不透明度改为90%，使字体和页面更融合，不喧宾夺主。如果你留心，会发现这类品牌网站上都会添加网页备案信息。
13、再加上一点小细节，使网页信息更丰富而不突出主体，这里我选择添加大品牌常用的分享图标。很多素材站都可以直接下载。
一个简单的汽车宣传网页效果图差不多就完成了，不知道你们还有没有补充的?
需要psd和素材的童鞋可加群：151847208。这篇教程旨在让大家领略其中的设计思路和流程，非常感谢大家的阅读，记得给我点赞哦，祝大家学习愉快!
