本节课讲解 电商详情页功能图标系列-11.立体质感风格图标,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
那我们开始今天的教程吧。
1.在讲解之前先来对本次案例成品进行浏览,根据当前的效果来讲解案例的制作流程,以及在制作过程中需要注意到的内容,如图所示。
2.首先我们截取需要制作的图片,然后在PS界面上新建一块大小宽度为1080像素,高度700像素,分辨率为72像素/英寸的画布,把截取好的图片粘贴在画布上,如图所示。
3.在背景图层上【填充前景色 快捷键:Alt+Delete】为黑色,在图层0上方【新建图层】添加背景纹理,在图层3上方【新建图层】,使用【矩形选框工具 快捷键:M】框选纹理上其中一个方形格子后【填充】白色,【移动并复制 快捷键:按住Alt拖动】,如图所示。
4.在图层4上方【复制图层 快捷键:Ctrl+J】并使用【自由变换 快捷键:Ctrl+T】拖动白色方形,【重复上步操作 快捷键:Ctrl+Alt+Shift+T】完成整张背景纹理,如图所示。
5.鼠标双击图层3,在图层样式面板里【颜色叠加】混合模式为【正常】黑色,【投影】混合模式为【柔光】白色,设置不透明度为10