您的位置: 首页 >日志>流行趋势>详细内容

流行趋势

Figma-渐变色变换位置

来源:本站原创 发布时间:2022-07-11 09:41:25 浏览次数: 【字体:

Figma-渐变色变换位置

刚接触这个Figma的时候对于渐变的应用我还是比较担心的,但是实际用起来个人感觉还是不错的而且还能灵活应用 我现在来演示一下

第一步:我们用矩形工具画出一个你自己想要的尺寸

d71b1d2ffcc44bf8a7777374b38ce292.png

第二步:这个尺寸当然我们自己可以来调节 在右边红色框架内长度和高度 调整好了以后 还可以居中对其

86ed9533fba0436da75a1c7aac52d2f1.png

第三步:左边栏目放置图像把图片拉进来以后我们在右手边红色区域新增

db87bcdb1a2f46cbb74fcda40b6eb352.png

第四步:点击红色框架 把固态改成曲线 减低透明度

b7dc696de9f6421c9bb0dc719488d696.png

第五步:红色是整体图片效果的透明度 我们调整100%,如果要调整颜色就蓝色框里面 ,紫色代表是颜色透明度  如果我们加三色渐变的话也是可以的

1d4c423d2d4a4bafa7be46857eeb2900.png

第六步三色渐变 我们只要在这个紫色区域点击一下就会多出一个色调来 而且banner上也会多出三个框  这三个框 我们可以调整任意角度 和Photoshop一样好调整。

 

接下来就是我调整好的一个效果给你们看看 当然放进来的图片 我们也是可以在这里调整的

b88f746aea024ac3ba70aeb64b95c9d2.png

顺便在这里说说图片调整 图一是刚刚放进来的 还没调整 点击图像跳出窗口暴露 反差 饱和等这些可以调整图片的色彩 明暗等

88501d7d81eb47e09170c5c4f9656c69.png

图一

5cd774f815ec4f0b9c5b419908b66ce3.png

图二

e3c869184d9446d6b63b50d7a5ce2c9d.png

6910116a67c040d9a459b02715b73dba.png6edacdbc49e44c6caaf14c8d3b35ec76.png

调整过后还是有区别的 这个时候在给他们来个渐变色看看效果,两张效果对比调整过的效果背景看起来效果不错。

×

用户登录