第一次做教程，先来一个公司视频电话的效果图制作。这是古老的视频电话项目需要做一个外观设计，然后当时图方便用PS画了一个大概的效果，下面我把绘制过程发出来。
第一步：绘制草图
首先绘制整个产品的大体形态，并且根据功能对产品进行模块区分，根据功能将整个电话分为摄像头，显示屏，扬声器，物理按键四个模块；其中物理按键又分为数字按键，音量键，功能键和开关机四个区域。所以我们在设计之初要根据这些功能对产品进行大概的布局（完全可以将产品看成一个界面，我们需要在这个界面里实现这些功能）。
第二步：确定大色调
确定好整个产品的布局和大致形状后，根据整个产品的需求进行颜色的设置，我这里用的是黑色，在大家绘制的过程中可以自己根据自己想要的感觉进行颜色的确定。
上面就是对颜色还有按键的大概形状进行了绘制，这个都是用基本的矩形和圆角矩形拼接出来的，技术上很小白，没有难度就不说了。
第三步：绘制显示器
在我们颜色布局确定好以后，我们就要开始给整个产品赋予灵魂了（就是传说中的细节）首先我们需要思考显示器是如何存在在整个产品的结构上，我这里是嵌进去的，所以第一步需要画出内嵌的感觉。
打开屏幕这个图层的图层样式功能，添加内阴影，参数根据自己绘制的分辨率进行设定（我这个分辨率是540*720，仅供参考）
紧接着画出内屏的显示区域，如下图
紧接着我们可以在内屏里面绘制一个主题桌面，在这篇教程我就不讲主题桌面怎么画了，因为我自己画的也很菜，我是拿了一个我几年前画的主题来充个数，如下图：
接下来给屏幕绘制高光，沿着屏幕结构运用减去顶层的方法绘制出高光形状，然后对高光形状创建蒙版
通过渐变工具对高光蒙版进行渐变处理，我是沿着一个方向拉出来的
画完以后发现高光还是太亮了，然后整体给了一个50%透明度
画到这里显示器基本就差不多了。
第四步：扬声器绘制
扬声器的绘制应该是最简单的，就是通过圆的形状，运用外发光的图层样式生成的
首先先绘制一个圆，然后调整外发光参数，紧接着将一个圆粘贴复制成为下图形状：
将复制好的原型全部至于扬声器的图层上面，对绘制好的圆创建剪切蒙版，实现以下效果：
最后给扬声器这个图层添加内阴影，看起来更加立体
现在扬声器就搞定了
第五步：物理按键
下面说如何绘制物理按键，这一块也是让整个产品最出效果的地方，按键区域分为四个模块，所以这边采用四种样式进行区分，虽然是不同的样式但要注意统一。
首先绘制的是功能模块的按键样式，整个按键是大圆角
分为哦三层，最下面一层给一个重色大体结构出来了，然后给最上层的加一个渐变
然后将三层叠加在一起
最后找一个icon或者画一个功能的icon放上去调整颜色就好了
功能模块的按键画好了，我们在来说关机开机，这块也是大圆角三层
同样给最上层添加渐变
接下来复制一个最上层的形状，然后稍微缩小当作高光，同样的高光绘制办法对他创建蒙版
最后添加图标
再下来我们说一下数字按键的绘制，数字按键用的是小圆角的变形，同样也是三层组合
这里我们需要对第二层添加渐变
上面深下面浅，紧接着对最上层添加内发光
随后加上数字就好了
最后音量键的方法也是这样就不介绍了，最后效果
第六步：整体
给产品整个结构加一个面增加立体感
给最上层的面添加渐变，增强光泽度
给下面的面根据光影添加渐变
在转折出加一层白色用来最反光
给这层白色添加蒙版，然后对蒙版从两头开始拉渐变
这样一个视频电话就绘制完成了来看一下效果
总结：
背面就很简单了，估计看了效果也就会了，第一期的视频电话教程绘制完成，下一期我会出机器人吉祥物的伪3D教程，希望大家关注
