茶园资源网

PS制作扁平及长投影的视觉效果
站长资源 2024/11/18 佚名
2 0
茶园资源网 Design By www.iooam.com
PS制作扁平及长投影的视觉效果
　　最终效果
PS制作扁平及长投影的视觉效果
　　第一步 创建一个背景
　　新建画布，尺寸为840*400可以使用纯色做为背景，或是用渐变工具创建，这里的色值为#e0e0e0 这里就不多更描述了。
PS制作扁平及长投影的视觉效果
　　第二步 创建一个形状
　　选择矩形工具。大小为100px，半径为20px，色值：#4ac9b4
PS制作扁平及长投影的视觉效果
　　参考图片上的图层
　　快捷键ctrl+j，复制一层，形状填充黑色，ctrl+G并到一个组里，命名为“ K ”，双击第一个矩形图层调出图层样式
PS制作扁平及长投影的视觉效果
　　图层样式为内阴影，请记得不勾选“使用全局光”。
PS制作扁平及长投影的视觉效果
　　样式效果是这样的
　　第三步 创建一个阴影
PS制作扁平及长投影的视觉效果
　　再复制一个阴影层的副本，拖到原图层的下面，并到一个组里，如图如示
　　*快捷键：ctrl+G 或是 选择要复制的层，按alt +点击拖曳复制
　　按键盘上的方向箭，往右边和底部，移动1px，通过观察下图所示的形状：1px黑色边出现。
PS制作扁平及长投影的视觉效果
　　按上面的方式每以1px的方式重复移动9次，注意总共是10次。
PS制作扁平及长投影的视觉效果
　　接下来要以相同的方式，以10个图层为基础，复制一份(按ctrl+G或是 选择alt +点击拖动)，在选中的状态下按shift+方向键，就会是10的倍数移动，这样的方式再重复7次，注意总共是复制8次。
PS制作扁平及长投影的视觉效果
　　选择阴影的文件夹，设置混合模式为正片叠底，不透明度30%，这里的阴影形状就完成。  1/2    1 2 下一页 尾页赞

    　　第四步 输入字符
    PS制作扁平及长投影的视觉效果
    　　这次，选择圆角的任何字符。选择你喜欢的字体就行了， 双击文字，打开图层样式窗口。
    PS制作扁平及长投影的视觉效果
    　　选择颜色叠加，色值为：#D8EFFF
    PS制作扁平及长投影的视觉效果
    　　下一步，选择内阴影，数据如图。记得不勾选“使用全局光”。
    PS制作扁平及长投影的视觉效果
    　　成品外观这样子也不错。 但是，现在让我们也给字符增加一下影子。
    　　第五步 增加一下字符的投影
    PS制作扁平及长投影的视觉效果
    　　注意图层面板，复制一下字体跟圆角矩形图层，将副本圆角矩形图层和文字的样式去掉，将文字设置成黑色，并在一个组里
    PS制作扁平及长投影的视觉效果
    　　将面版中的高级混合选项中”将剪贴图层混合成组“的部分取消勾选
    PS制作扁平及长投影的视觉效果
    　　”将剪贴图层混合成组“的部分取消勾选后，右边出现相关图标，副本图层的填充设置为0%，为文字“创建剪贴蒙版”(快捷键：ALT+点击)
    PS制作扁平及长投影的视觉效果
    　　现在，通过复制图层副本和以1px移动的方式做出切实的影子，做法跟上面讲的方式一样，总次数为10次。如图所示
    PS制作扁平及长投影的视觉效果
    　　以10个为单位的复制，每一次以10px移动
    PS制作扁平及长投影的视觉效果
    　　选中文件夹，混合模式为“正片叠底”，不透明度设置为30%
    PS制作扁平及长投影的视觉效果
    　　为了解决重叠部分的遮罩层，选中副本矩形图层，移动4px，分别向左和顶部移动。
    PS制作扁平及长投影的视觉效果
    　　最终结果
    　　还有比这个更简单的方法，大家都可以多去尝试，目前分享的就是这种，大家可以通过这种方法创造各种图形和文字
    PS制作扁平及长投影的视觉效果
    　　想要像banner的效果，在长投影上添加图层蒙版，然后用渐变工具拉伸。(按D键，恢复原来的黑白值)
    PS制作扁平及长投影的视觉效果
    　　将一些细节部分，和橡皮擦除一下。记得用软笔刷，不透明设置一下，根据自己的情况调整。
茶园资源网 Design By www.iooam.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
茶园资源网 Design By www.iooam.com
www.iooam.com 茶园资源网
39,976影音资源
44,792技术资源
21,817软件资源
651,128站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
茶园资源网 Design By www.iooam.com