ps图层样式图案叠加怎么旋转 (ps渐变映射合成图层)

学习PS能够增长很多的知识,当然绘图肯定少不了这个软件,今天给大家讲解,使用PS里的图层样式和形状,制作一个创意立体渐变风格的图标,什么是图标?图标代表很多信息和含义,下面给大家分享制作的方法。

步骤一

首先需要新建一个文档,宽度设置为(1000),高度设置为(1000)像素的画布,宽度和高度比例是一样的,新建好了之后,点击确定。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图1

步骤二

接下来,给背景填充一个即好看又单调的颜色,按住AIt+Delete快捷键,填充为粉红色(f27ec2),根据自己的喜好进行填充。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图2

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图3

步骤三

使用工具栏里的形状工具,选择圆角矩形颜色设置为白色,半径设置为(80),然后按住Shift键,绘制一个比较大的圆角矩形,可以按Ctrl+t快捷键,调整一下图标的大小,制作图标的底座结构。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图4

步骤四

形状已经绘制好了,只有形状没有立体的效果,所以必须添加图层样式。双击一下图层,弹出图层样式,添加斜面和浮雕效果,大小设置为(90)像素,软化设置为(16)像素,调节一下阴影模式贴近与红色,但是颜色很深(560101),不透明度设置为(35)%,然后再添加颜色叠加,颜色设置为贴近于白色(f7e6e6)。投影适当的调整一下,不透明度设置为(42)%,距离设置为(42)像素,大小设置为(32)像素。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图5

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图6

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图7

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图8

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图9

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图10

步骤五

添加好效果清楚的发现,形状变为立体的效果,看起来很厚,这就是图层样式的特点。接下来在图标的底座中间绘制一个比较大的圆形,选择椭圆工具。按住Shift键绘制一个正圆,颜色设置为白色,双击图层弹出图层样式,添加渐变叠加,颜色设置为白色到深红色渐变,(fdfdfd)(520707),数值适当的调整一下,不透明度设置为(45)%,这个时候的颜色有点像酱紫色,点击确定。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图11

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图12

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图13

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图14

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图15

步骤六

里面的圆形结构制作好了,继续使用椭圆工具绘制,绘制一个比刚才还要小的正圆,颜色设置为粉红色(fc70bf),点击确定。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图16

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图17

步骤七

重复操作,双击一下图层,弹出图层样式选项,添加内阴影,不透明度设置为(54)%,距离设置为(26)像素,大小设置为(38)像素,颜色还是贴近于深红色。选择渐变叠加,设置为彩虹渐变,也就是七彩渐变颜色,这个颜色不用调整,PS里面都有,不透明度设置为(97)%,样式设置为角度,点击确定。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图18

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图19

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图20

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图21

步骤八

里面的颜色制作好了,我们最终的效果需要在里面,制作出七彩圆环的效果。重复绘制一个小的圆形,但是这个圆形要比前两个还要小,所以我们不用太拘束,但是不需要太大。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图22

步骤九

双击图层弹出图层样式,首先添加斜面和浮雕效果,深度设置为(105)%,大小设置为(6)像素,软化设置为(16)像素,关键的需要调节一下阴影模式,颜色还是选择深红色,不透明度设置为(41)%,然后在添加内阴影,不透明度设置为(52)%,距离设置为(13)像素,大小设置为(21)像素。继续添加渐变叠加,还是相同的渐变颜色,不透明度设置为(5)%,勾选反向,最后添加颜色叠加,将刚才的粉红色设置为白色,图层混合模式设置为变亮,全部调整好了之后,点击确定。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图23

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图24

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图25

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图26

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

图27

这样一个很有创意的立体风格的渐变图标就制作好了,你们可以看一下,最终效果图。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

最终效果图

PS真的很强大,以上教大家制作的图标,还是比较简单的,难做的还有很多种,以前给大家分享制作计算器图标,一起了解一下,看看做的效果还挺像的。

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转

计算器图标(原创)

喜欢我的文章或者是作品,那就点赞加关注嘛,谢谢!

ps两图层重叠渐变,ps图层样式图案叠加怎么旋转