收藏本站 关于我们

【PS教程】解锁新技能之“混合颜色带”(原创文章)

发布时间:2017-04-09 21:45:27   来源:PS教程   人气:0

前言:我将PSD源文件放在附件里了,需要的同学可以下载。 如转载,请署名,谢谢~  先来看看案例的最终效果:    注意:     一定要将填充改

我将PSD源文件放在附件里了,需要的同学可以下载。

如转载,请署名,谢谢~


先来看看案例的最终效果:


\

注意:

    一定要将填充改为“0”,在渐变叠加里选择“角度”。将渐变条上方两个控制不透明度的滑块,一个改为:0%(白滑块),一个保持:100%(黑滑块);并将一个滑块完全压在另一个上面(无过渡区,使边界清晰);单击两个滑块重叠的部分可以切换黑白滑块,也就是“完全显示”和“完全隐藏”之间的切换;

    将两个滑块从渐变条最左端拖拽最右端的过程,就是走完一圈(360°)的过程;



我们了解了上面两个知识,那接下来的小案例将会变得非常非常非常非常非常非常……简单~~~~


以音乐icon为例,让我们来分析一下:


1、我们把小icon各个部分都放在一个组里(名为“音乐-形状”),组里我想把白色隐藏;需注意:不想被隐藏的部分的颜色需要和白色拉开对比,这样才不会受到影响;在这里不想被隐藏的部分我选的是橙色“#f66d08

整个组颜色混合带的设置:


\

图中数字分别代表动画的出场次序,只要童鞋们理解混合颜色带的特点,细心调整时间轴,一定会很容易的做出来一个精致的小动画。


3、最后再在“音乐-形状”组上再建一个组(为整体添加样式必须再嵌套一个组),这个组是为了整体调整icon的样式的,在这里我为它添加了渐变叠加和投影,不用具体纠结是什么效果,大家可以发挥创造力来做不同的效果。也可以参考我附带的PSD。


希望可以对你有所帮助,谢谢~



本文来自PS教程网www.46PS.com,转载请注明!关键词:GUIGUI教程原创自译教程


PS教程