791650988
电商登陆注册页设计分析(2)
6.必要时加入动画效果 虽然登陆页面讲求简洁，但不可否认动态的事物总能在第一时间抓住用户的眼球。当用户不愿阅读文字的时候，在网页中加入动画或小视频就是个提高转化率的另一个方法。但这样的做法如果把握不好界
先看一下前后对比图
很多时候，看到那些精美的瓶瓶罐罐，感觉不是自己能驾驭的，尽量感叹：哇塞，这么精美逼真，这得达到怎样的境界才能做出来。当你真的尝试去做的时候就会发现，其实并没有想象的难。
练习素材：
一、范例分析
1、注意观察产品，分析优秀案例，学习前辈们的技巧：不同材质和瓶身所展现出来光感不同，画法也不同，磨砂瓶身的光较柔和，光滑的瓶身光较硬。
2、光的表现技巧：不要太在意细节，注意黑白关系，了解素描基础。
二、勾绘产品轮廓
1、在拍摄图上面新建图层，用钢笔工具照着产品勾勒形状，如下右图。
2、分别给盖子、盖子与瓶身边缘、瓶身，建立选区，描边1px，高斯模糊1px。
3、再次载入瓶身选区，新建图层，描边1像素，高斯模糊1像素，变换缩小一点。
4、新建图层，勾勒瓶底分割部分，填充，剪贴图层蒙版，然后描边1像素，高斯模糊1像素。
二、画瓶身阴影光感。
1、新建图层，分别添加瓶身和瓶身金属边缘的暗部面积，以及金属边缘的投影。描边，高斯模糊1,透明度调低。
2、新建图层，根据摄影图，用画笔工具和涂抹工具，画出瓶身的主要几个暗影连接处。
3、观察摄影图的瓶身内部纹理，有点类似乳膏状，先用深色画笔画几笔需要的线条，然后用涂抹工具擦出需要的纹理效果，颜色深浅可用图层透明度调节。
4、①观察摄影图，添加中间阴影过度面积，先用钢笔工具勾勒大概形状，用动感模糊，数值看着调，如下左图。
②分别添加高光边缘线和明暗交界线，高斯模糊1像素，如下右图。
5、观察摄影图，添加反光部分，同样用画笔工具画线，然后涂抹擦出来。
三、画盖子阴影光感
1、观察摄影图，添加盖子的纹理，在盖子的图层上面新建图层，勾勒好形状，填充颜色，剪贴图层蒙版，画线，多复制几条，高斯模糊1像素，调节图层透明度。
2、给盖子添加暗面，新建图层，画笔涂抹，高斯模糊10像素，正片叠底，图层透明度调低点，如下图。
3、添加高光，新建图层，白色画笔点出高光区，然后高斯模糊10像素，按CTRL+F3可重复模糊操作，图层正片叠底，图层透明度根据需要的效果调节，如下图。
四、添加贴文
用钢笔工具勾勒形状，填充颜色，查找相近的字体，打上方案。
五、添加投影和背景光
1、阴影部分还是用老配方，用黑色画笔擦出需要部分，然后高斯模糊，正片叠底，图层透明度调节。
2、背景色调节，在背景添加产品反光，突出产品质感通透感，习惯用画笔画光，不自然就用高斯模糊，每个人有自己的手法，只要用得顺就可以。
3、CTRL+E合并全部图层，如下图，进行整体颜色微调节，增强整体饱和度，完成，整体稍微锐化一下即可。
六、再来看看前后效果对比
2、给盖子添加暗面，新建图层，画笔涂抹，高斯模糊10像素，正片叠底，图层透明度调低点，如下图。
3、添加高光，新建图层，白色画笔点出高光区，然后高斯模糊10像素，按CTRL+F3可重复模糊操作，图层正片叠底，图层透明度根据需要的效果调节，如下图。
四、添加贴文
用钢笔工具勾勒形状，填充颜色，查找相近的字体，打上方案。
五、添加投影和背景光
1、阴影部分还是用老配方，用黑色画笔擦出需要部分，然后高斯模糊，正片叠底，图层透明度调节。
2、背景色调节，在背景添加产品反光，突出产品质感通透感，习惯用画笔画光，不自然就用高斯模糊，每个人有自己的手法，只要用得顺就可以。
3、CTRL+E合并全部图层，如下图，进行整体颜色微调节，增强整体饱和度，完成，整体稍微锐化一下即可。
六、再来看看前后效果对比
先看一下前后对比图
很多时候，看到那些精美的瓶瓶罐罐，感觉不是自己能驾驭的，尽量感叹：哇塞，这么精美逼真，这得达到怎样的境界才能做出来。当你真的尝试去做的时候就会发现，其实并没有想象的难。
练习素材：
一、范例分析
1、注意观察产品，分析优秀案例，学习前辈们的技巧：不同材质和瓶身所展现出来光感不同，画法也不同，磨砂瓶身的光较柔和，光滑的瓶身光较硬。
2、光的表现技巧：不要太在意细节，注意黑白关系，了解素描基础。
二、勾绘产品轮廓
1、在拍摄图上面新建图层，用钢笔工具照着产品勾勒形状，如下右图。
2、分别给盖子、盖子与瓶身边缘、瓶身，建立选区，描边1px，高斯模糊1px。
3、再次载入瓶身选区，新建图层，描边1像素，高斯模糊1像素，变换缩小一点。
4、新建图层，勾勒瓶底分割部分，填充，剪贴图层蒙版，然后描边1像素，高斯模糊1像素。
二、画瓶身阴影光感。
1、新建图层，分别添加瓶身和瓶身金属边缘的暗部面积，以及金属边缘的投影。描边，高斯模糊1,透明度调低。
2、新建图层，根据摄影图，用画笔工具和涂抹工具，画出瓶身的主要几个暗影连接处。
3、观察摄影图的瓶身内部纹理，有点类似乳膏状，先用深色画笔画几笔需要的线条，然后用涂抹工具擦出需要的纹理效果，颜色深浅可用图层透明度调节。
4、①观察摄影图，添加中间阴影过度面积，先用钢笔工具勾勒大概形状，用动感模糊，数值看着调，如下左图。
②分别添加高光边缘线和明暗交界线，高斯模糊1像素，如下右图。
5、观察摄影图，添加反光部分，同样用画笔工具画线，然后涂抹擦出来。
三、画盖子阴影光感
1、观察摄影图，添加盖子的纹理，在盖子的图层上面新建图层，勾勒好形状，填充颜色，剪贴图层蒙版，画线，多复制几条，高斯模糊1像素，调节图层透明度。
先看一下前后对比图
很多时候，看到那些精美的瓶瓶罐罐，感觉不是自己能驾驭的，尽量感叹：哇塞，这么精美逼真，这得达到怎样的境界才能做出来。当你真的尝试去做的时候就会发现，其实并没有想象的难。
练习素材：
一、范例分析
1、注意观察产品，分析优秀案例，学习前辈们的技巧：不同材质和瓶身所展现出来光感不同，画法也不同，磨砂瓶身的光较柔和，光滑的瓶身光较硬。
2、光的表现技巧：不要太在意细节，注意黑白关系，了解素描基础。
二、勾绘产品轮廓
1、在拍摄图上面新建图层，用钢笔工具照着产品勾勒形状，如下右图。
2、分别给盖子、盖子与瓶身边缘、瓶身，建立选区，描边1px，高斯模糊1px。
3、再次载入瓶身选区，新建图层，描边1像素，高斯模糊1像素，变换缩小一点。
4、新建图层，勾勒瓶底分割部分，填充，剪贴图层蒙版，然后描边1像素，高斯模糊1像素。
二、画瓶身阴影光感。
1、新建图层，分别添加瓶身和瓶身金属边缘的暗部面积，以及金属边缘的投影。描边，高斯模糊1,透明度调低。
2、新建图层，根据摄影图，用画笔工具和涂抹工具，画出瓶身的主要几个暗影连接处。
3、观察摄影图的瓶身内部纹理，有点类似乳膏状，先用深色画笔画几笔需要的线条，然后用涂抹工具擦出需要的纹理效果，颜色深浅可用图层透明度调节。
4、①观察摄影图，添加中间阴影过度面积，先用钢笔工具勾勒大概形状，用动感模糊，数值看着调，如下左图。
②分别添加高光边缘线和明暗交界线，高斯模糊1像素，如下右图。
5、观察摄影图，添加反光部分，同样用画笔工具画线，然后涂抹擦出来。
三、画盖子阴影光感
1、观察摄影图，添加盖子的纹理，在盖子的图层上面新建图层，勾勒好形状，填充颜色，剪贴图层蒙版，画线，多复制几条，高斯模糊1像素，调节图层透明度。
2、给盖子添加暗面，新建图层，画笔涂抹，高斯模糊10像素，正片叠底，图层透明度调低点，如下图。
3、添加高光，新建图层，白色画笔点出高光区，然后高斯模糊10像素，按CTRL+F3可重复模糊操作，图层正片叠底，图层透明度根据需要的效果调节，如下图。
四、添加贴文
用钢笔工具勾勒形状，填充颜色，查找相近的字体，打上方案。
五、添加投影和背景光
1、阴影部分还是用老配方，用黑色画笔擦出需要部分，然后高斯模糊，正片叠底，图层透明度调节。
2、背景色调节，在背景添加产品反光，突出产品质感通透感，习惯用画笔画光，不自然就用高斯模糊，每个人有自己的手法，只要用得顺就可以。
3、CTRL+E合并全部图层，如下图，进行整体颜色微调节，增强整体饱和度，完成，整体稍微锐化一下即可。
六、再来看看前后效果对比
