wangyan_cat0730
发表于 2015-2-14 01:35:47
样式：描边；大小：1px；位置：外部；混合模式：正常；不透明度：15%；颜色：ffffff；
http://pic.16xx8.com/allimg/150206/03133W422-63.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
样式：内阴影；混合模式：正片叠底；不透明度：18%；角度：90度；距离：3px；阻塞：16%；大小：2px；
http://pic.16xx8.com/allimg/150206/03133Qc3-64.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
数值都设置好后，效果图和图层状态如下：
http://pic.16xx8.com/allimg/150206/03133R1Q-65.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在要做金属部分的平面部分
选择圆角矩形工具，宽：104px；高:12px; 半径：12px； 色值：787878； 图层命名为“usb-上部-平面” 数值设置好后，将形状绘制在下图位置；
http://pic.16xx8.com/allimg/150206/03133T460-66.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
给“usb-上部-平面”加描边样式，大小：1px；位置：外部；混合模式：正常；不透明度：100%；颜色：bcbcbb；
http://pic.16xx8.com/allimg/150206/03133Q532-67.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在要给“usb-上部-平面”加一条细高光。
选择矩形工具，宽：94px；高：1px；色值：ffffff；图层命名为：“usb-上部-平面-高光”
http://pic.16xx8.com/allimg/150206/03133R636-68.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
再给“usb-上部-平面-高光”添加渐变样式，混合模式：正常；不透明度：100%；样式：线性；角度：0度；缩放：100%；
http://pic.16xx8.com/allimg/150206/03133VE6-69.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
再将该图层上方的填充值调整为0%
http://pic.16xx8.com/allimg/150206/03133S363-70.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
这一步虽然只画了一条高光，但是不要小看这一条高光，下面给大家看一下对比图：
http://pic.16xx8.com/allimg/150206/03133U461-71.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在我们要做金属平面结构里面的部分
选择矩形工具，宽：98px；高：8px；色值：adadad; 数值设置好后，绘制在下图位置，图层命名为：“usb-上部-平面-内部”
http://pic.16xx8.com/allimg/150206/03133S639-72.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
给“usb-上部-平面-内部”加添渐变样式，混合模式：正常；不透明度：100%；样式：线性；角度：90度；缩放：100%；
http://pic.16xx8.com/allimg/150206/03133T000-73.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
再选择矩形工具,宽：98px；高：3px；色值：e4e4e4; 数值设置好后，绘制如下图，图层命名为“ usb-上部-平面-内平面”；
然后将“usb-上部-平面-内平面”的左上角路径点选中，向右移动2px；同样方法，将右上的点向左调节2px；
http://pic.16xx8.com/allimg/150206/03133S446-74.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
调节好后，效果图如下：
http://pic.16xx8.com/allimg/150206/03133T946-75.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
为了提高细节品质，我们给内平面也加 1px 的高光；
选择矩形工具，宽：98px；高：1px； 色值：ffffff；绘制如下，图层命名为“usb-上部-平面-内高光”
http://pic.16xx8.com/allimg/150206/03133U212-76.jpg
wangyan_cat0730
发表于 2015-2-14 01:35:47
现在要做内部的里面细节
选择矩形工具，宽：12px；高：6px；色值：e1e1e1;绘制在下图位置；图层命名为：“usb-上部-平面-立面1”
http://pic.16xx8.com/allimg/150206/03133V236-77.jpg