当前位置:首页 > 知识库 > 正文

ps图片马赛克怎么打(ps打马赛克快捷方法)

今天作者为大家分享的是PS绘制时尚大气的马赛克UI图标,效果非常好看,主要知识点是图层样式以及渐变的运用,感兴趣的朋友可以紧跟教程一起实操。

效果预览:

ps图片马赛克怎么打(ps打马赛克快捷方法)  第1张

拉到教程最后可提取PSD文件

1、新建600*350PX白色背景画布,鼠标双击图层添加颜色叠加、渐变叠加以及内发光图层样式,颜色叠加里颜色为#262523,其它参数设置如图。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第2张ps图片马赛克怎么打(ps打马赛克快捷方法)  第3张ps图片马赛克怎么打(ps打马赛克快捷方法)  第4张ps图片马赛克怎么打(ps打马赛克快捷方法)  第5张

2、新建图层,用白色大号柔边画笔在画布中心点击出白色亮光,Ctrl+T将其拉宽压扁,将图层不透明度调整为30%,这里可以根据自己的感觉来调整。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第6张ps图片马赛克怎么打(ps打马赛克快捷方法)  第7张ps图片马赛克怎么打(ps打马赛克快捷方法)  第8张

3、选择圆角矩形形状工具,绘制一个230*230PX,半径为40PX,填充颜色为白色的图标。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第9张

4、选择矩形形状工具,在圆角矩形上方随意绘制一个比其尺寸大一些的形状,因为我们后面会将其转换为剪贴蒙版,鼠标双击为创建的形状图层添加角度渐变图层样式,参数设置如图,右键选择剪切蒙版,然后再右键,将其转换为智能对象。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第10张ps图片马赛克怎么打(ps打马赛克快捷方法)  第11张ps图片马赛克怎么打(ps打马赛克快捷方法)  第12张

5、执行滤镜-像素化-马赛克进行分块处理,单元格大小为40;Ctrl+J复制一层,右键同样转换为剪贴蒙版,然后执行滤镜-风格化-照亮边缘,参数设置如图,将其图层混合模式设置为线性减淡(添加),图层不透明度设置为30%,此时每个格子间都被细线分割开了。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第13张ps图片马赛克怎么打(ps打马赛克快捷方法)  第14张ps图片马赛克怎么打(ps打马赛克快捷方法)  第15张ps图片马赛克怎么打(ps打马赛克快捷方法)  第16张

6、将上一步创建的图层Ctrl+J再次进行复制。将图层混合模式设置为减去,图层不透明度设置为20%。选择移动工具,按键盘上的方向键将其位置向下方与右方分别移动1像素,这样格子的间隔部分便形成了凹槽的效果。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第17张ps图片马赛克怎么打(ps打马赛克快捷方法)  第18张

7、选择椭圆形状工具绘制一个200*200PX的白色正圆,然后鼠标双击添加渐变叠加、内阴影以及投影图层样式,参数设置如图。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第19张ps图片马赛克怎么打(ps打马赛克快捷方法)  第20张ps图片马赛克怎么打(ps打马赛克快捷方法)  第21张ps图片马赛克怎么打(ps打马赛克快捷方法)  第22张ps图片马赛克怎么打(ps打马赛克快捷方法)  第23张

8、CTRL+J复制一层正圆图层,CTRL+T等比例缩放到85%,然后鼠标双击添加颜色叠加、内发光、内阴影以及描边图层样式,参数设置如图。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第24张ps图片马赛克怎么打(ps打马赛克快捷方法)  第25张ps图片马赛克怎么打(ps打马赛克快捷方法)  第26张ps图片马赛克怎么打(ps打马赛克快捷方法)  第27张ps图片马赛克怎么打(ps打马赛克快捷方法)  第28张ps图片马赛克怎么打(ps打马赛克快捷方法)  第29张

9、选择文字工具写上自己需要的字,鼠标双击添加渐变叠加、内阴影以及投影图层样式,参数设置如图。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第30张ps图片马赛克怎么打(ps打马赛克快捷方法)  第31张ps图片马赛克怎么打(ps打马赛克快捷方法)  第32张ps图片马赛克怎么打(ps打马赛克快捷方法)  第33张ps图片马赛克怎么打(ps打马赛克快捷方法)  第34张

10、CTRL+J复制一层圆角矩形图层,这个不需要剪切蒙版,填充调为0,这样我们就可以不受这个图层本身颜色的控制了,然后鼠标双击添加内发光、内阴影图层样式,参数设置如图。到此,作品已全部完成。

ps图片马赛克怎么打(ps打马赛克快捷方法)  第35张ps图片马赛克怎么打(ps打马赛克快捷方法)  第36张ps图片马赛克怎么打(ps打马赛克快捷方法)  第37张

发表评论

最新文章

推荐文章