ps教程：ps制作扁平长投影的视觉效果

《ps教程：ps制作扁平长投影的视觉效果》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn____________________________________________________________________________________________PS教程：PS制作扁平长投影的视觉效果【PConline教程】这期PS教程带来Photoshop制作扁平长投影的视觉效果。下面先看看最终效果图。　　最终效果图图00　　第一步创建一个背景　　新建画布，尺寸为840*400

2、可以使用纯色做为背景，或是用渐变工具创建，这里的色值为#e0e0e0这里就不多更描述了。图01　　第二步创建一个形状　　选择矩形工具。大小为100px，半径为20px，色值：#4ac9b411清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn____________________________________________________________________________________________图02　　参考图片上的图层　

3、　快捷键ctrl+j，复制一层，形状填充黑色，ctrl+G并到一个组里，命名为“K”，双击第一个矩形图层调出图层样式图03　　图层样式为内阴影，请记得不勾选“使用全局光”。11清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn____________________________________________________________________________________________图04　　样式效果是这样的图05　　第三步创

4、建一个阴影　　再复制一个阴影层的副本，拖到原图层的下面，并到一个组里，如图如示11清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn____________________________________________________________________________________________图06　　*快捷键：ctrl+G或是选择要复制的层，按alt+点击拖曳复制　　按键盘上的方向箭，往右边和底部，移动1px，通过观察下图所示

5、的形状：1px黑色边出现。图07　　按上面的方式每以1px的方式重复移动9次，注意总共是10次。图08　　接下来要以相同的方式，以10个图层为基础，复制一份(按ctrl+G或是选择alt11清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn____________________________________________________________________________________________+点击拖动)，在选中的状态下按

6、shift+方向键，就会是10的倍数移动，这样的方式再重复7次，注意总共是复制8次。图09　　选择阴影的文件夹，设置混合模式为正片叠底，不透明度30%，这里的阴影形状就完成。第四步输入字符　　这次，选择圆角的任何字符。选择你喜欢的字体就行了，双击文字，打开图层样式窗口。图10　　选择颜色叠加，色值为：#D8EFFF11清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn__________________________________________

7、__________________________________________________图11　　下一步，选择内阴影，数据如图。记得不勾选“使用全局光”。图12　　成品外观这样子也不错。但是，现在让我们也给字符增加一下影子。11清新教育提供1.办公2.平面3.网页4.室内5.模具6.淘宝7.UI8.动漫9.SEO培训10.程序（PHP，JAVA，IOS，安卓）等10大课程培训www.qingxinedu.cn________________________