step1:先打开你的ps,新建文档,找到矩形工具,画个矩形吧,不要描边,只要添补个颜色就好。

step2:ctrl+j复制一份,关闭掉上面那一层矩形前面的小眼睛,先隐蔽起来。

step3:选到矩形工具,按住ctrl键,点击下面那个矩形,选中它,看到四边涌现四个小黑点,证明你选中它了。
没有选中的话,后面的操作不会对它有效果哦。

扁平化html一分钟搞定扁平化网页设计中出镜率最高的矩形立体后果 CSS

step4:选择你的钢笔工具,在选中的矩形下面那条边的中点,添加一个锚点,然后按住我们键盘上的方向键,向上移动该锚点。

step5:按住ctrl键,点击变形后的矩形,选中它,我们给它换个添补色。
这里我建议不要直接用画板里面给出的颜色,我们自己来调色,点击添补后弹出的小窗口右上角有个彩色的,我们点一下,就出来了取色器,很多人习气性的认为阴影的话,选个玄色不就行了吗,牢记不要这样,会让你的作品显得很low,我们在取色器中,看到我画红框的地方,不变动前面两项色相和饱和度,只把明度降落,这个降落多少呢,看个人喜好,我一样平常都是30-40就可以了。
这样的话,阴影会更逼真,显得不脏不假。

step6:我们将之前隐蔽起小眼睛的上面那一层矩形,显示出来,然后选中下面那个矩形,ctrl+t变形一下,调度下它的位置和大小。

step7:我们在矩形工具下,按住ctrl,点击下面变形后的矩形,选中它,记住所有的关于形状的操作,一定是要选中它,才能对它进行修正哦,这样才有效果,之后我们点击右边的属性按钮,点开之后的面板,我们会看到浓度和羽化两个选项,一样平常我不动浓度,直接将羽化值进行加大,10-15像素都是可以的,看详细情形来定,是不是已经看到点效果了呢?

step8:末了我们微调一下下面矩形的位置,透明度,就落成了,看起来步骤很多,闇练之后,基本也就一分钟的事情,是不是很实用呢?同样的方法,我们还可以做出时下大热的弥散阴影,学东西一定要学会举一反三哦!

爱设计的小白,逐日分享设计方面的一些实用小技巧,希望与大家一同进步,共同发展,喜好的请关注我哦!