wangyan_cat0730
发表于 2015-2-14 01:35:47
绘制Usb数据线下部
这是这一步的最终效果图：
http://pic.16xx8.com/allimg/150206/03133W629-18.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
选择圆角矩形工具，宽：48px 高：70px ；圆角半径：16px；色值：c2c2c2；
数值设置好后，将该圆角矩形绘制在下图位置，图层命名为 “usb-下部” , 把图层“usb-下部”放在“usb-中部”的下面：
http://pic.16xx8.com/allimg/150206/03133QB6-19.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
下部的结构和中部一样，需要左右渐变样式来完成，但是由于整体光从上面打下来，中部会给下部一个阴影，所以需要下部需要一个左右渐变和一个上下渐变来完成。
首先复制“usb-下部”图层，改名为“usb-下部-左右渐变”；再右键“usb-下部-左右渐变”图层，点击创建剪切蒙版；
http://pic.16xx8.com/allimg/150206/03133Q202-20.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在开始给“usb-下部-左右渐变”添加渐变样式。
点击“usb-下部-左右渐变”，在点击fx，选择其中的“渐变叠加”；
混合模式：正常；不透明度：100%；样式：线性；角度：0度；缩放：100%；
http://pic.16xx8.com/allimg/150206/03133Q064-21.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
复制“usb-下部”图层，起名为“usb-下部-上下渐变”，放在“usb-下部-左右渐变”的上面；
再右键“usb-下部-左右渐变”图层，点击创建剪切蒙版：
http://pic.16xx8.com/allimg/150206/03133V0U-22.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在开始给“usb-下部-上下渐变”添加渐变样式。
点击“usb-下部-上下渐变”，在点击，选择其中的“渐变叠加”
混合模式：正常；不透明度：29%；样式：线性；角度：-90度；缩放：100%；
http://pic.16xx8.com/allimg/150206/03133RT1-23.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
点击“usb-下部-上下渐变”将它的填充改为：0%
http://pic.16xx8.com/allimg/150206/03133R044-24.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
绘制Usb数据线尾部
这是这一步的最终效果图：
http://pic.16xx8.com/allimg/150206/03133R606-25.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
选择圆角矩形工具，宽：20px 高：190px ；色值：c2c2c2；
数值设置好后，将该圆角矩形绘制在 下图位置，图层命名为 “usb-尾部” , 把图层“usb-尾部”放在“usb-下部”的下面；
http://pic.16xx8.com/allimg/150206/03133U4b-26.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
点“usb-尾部”图层，再单击图层面板下面的添加矢量蒙版工具，图层状态变化如下图：
http://pic.16xx8.com/allimg/150206/03133TR4-27.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
再点击工具栏里面的渐变工具，再点击功能栏里红色框的部分，弹出渐变界面，设置如下：
http://pic.16xx8.com/allimg/150206/03133U4T-28.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
设置好渐变界面后，现在要开始给“usb-尾部”加垂直的渐变蒙版效果图与图层状态显示如下：
http://pic.16xx8.com/allimg/150206/03133R2Z-29.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
由于usb-尾部是一条圆柱体的线，所以我这里用内发光的方式处理圆柱体结构；首先选中“usb-尾部”，点击fx，选择内发光样式，结构【混合模式：正常；杂色：0%；色值：4d4d4d；】
图素【方法：柔和；源：边缘；阻塞：0%；大小：8px；】 品质【范围：50%；抖动：0%】
http://pic.16xx8.com/allimg/150206/03133W496-30.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
效果图与图层状态如下：
http://pic.16xx8.com/allimg/150206/03133U0B-31.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
整理图层
由于图层太多了，在这一步把图层分类整理一下，先选中下图选中的四个图层，打成一个图层文件夹（快捷键ctrl+G），起名“usb-中部”
http://pic.16xx8.com/allimg/150206/03133QY8-32.jpg