《教你用PS打造网页效果图全过程.docx》由会员分享，可在线阅读，更多相关《教你用PS打造网页效果图全过程.docx（2页珍藏版）》请在三一办公上搜索。
1、教你用PS打造网页效果图全过程教你用PS打造网页效果图全过程 平面广告和网站页面设计的宗旨就是吸引眼球，符合平面视觉冲击特点，如何设计一款有特色、另类能吸引眼球的作品是摆在平面设计人员和photoshop爱好者面前的难题 现在以一款网页平面设计效果图为实例，讲解网页设计方面的创意知识，从网页效果图布局创意、颜色选择，裁减效果图和制作网页特效等方面来学习。下面我们就一起来学习吧。 首先声明一下，这款网页效果图在得到朋友许可后拿来制作教程实例，切勿抄袭和用做其他用途。先看效果图0。 一、 创意设计思路 一个网站在制作前需要确定网站风格、网站主题、和主色调，在没有确切的方案之前，最好不要贸然动手制作
2、，不然最后的结果很可能是以失败而告终。 笔者决定从关键字路行独自行走加上是暗色系的要求上下手，敲定颜色采用沙漠黄，沙漠很容易让人联想到孤单；板式确定为户外广告的样式沙漠黄配合生锈的广告牌。符合颓废艰辛路途主题。 二、 网站效果图及LOGO的制作。 1、LOGO的样式采用的是图形和字符的组合。汉字LOGO的字体不是下载的字体，是笔者用钢笔工具画出来的字体。如图1和1-1。 钢笔工具勾勒出图1的行走的人样式，填充红色，然后调整混合模式斜面和浮雕选择浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默认。这LOGO 的创意是，一个人在崎岖不平的路上坚持自己的方向，配合网站的英文加中文名字，构成一个形象
3、LOGO，刚好路字和行字采用红色，突出了路行。 文字LOGO笔者用钢笔工具勾画出字的各个部件，然后拼接在一起，这里只给出路字的方法，行字方法如同。 2、制作布局参考图。如图2。 3、根据布局效果图，新建文件大小1000X765，填充黑色。布局中的显示区域为广告牌是要挂到墙上的，使用石头材质放置在页面最上方来制作石板墙；使用锈迹皮革材质制作显示区域LOGO区域的边框，将LOGO区域的边框复制一层，调整不透明度为60%放置到LOGO曾下方，这样大体的框架就完成了。如图3和3-1。 4、找来一张沙漠公路的图片，把这张图片进行聚焦处理。点图4示例的按扭进入以快速蒙版编辑模式，选择渐变，渐变模式为径向渐变在图中间向两边拉，屏幕会出现一团红色；然后再点以标准模式编辑画面会出现一个圆圈选择区域，按DELETE删除即可。如图4和图4-1。 5、在路图片上方新建一层，按住CTRL+路图层，单击新建的图层，填充颜色4E341B，调整为暗系沙漠黄。如图5。 制作文字LOGO牌。找来图5-1中的灰色材质，在LOGO边框下面新建一层，然后在其之上新建一层，放置沙漠图片，将其混合模式修改为颜色然后打开一开始制
