这个效果,来自于一位朋友的求助,初看上去,好像并没有什么难度,动手后才知道,原来,也不是很好折腾的。顺便说一下,密集恐惧症的朋友就不要看了,你会晕

我们的最终效果如下:

ps做立体图标(制作一个镂空图标)(1)

首先我们要分析一下这个镂空的排列规律,在下图中我画了一条弧线作为标记,这应该是一排镂空的最初组成。

ps做立体图标(制作一个镂空图标)(2)

这条弧线上的镂空有个特点就是镂空从小到大逐渐放大,而且两个镂空之间的中心距离始终一样,在下图中我给每个镂空的中心位置坐了一个白色圆点的标记,你会发现它们的中心距离几乎相等~

ps做立体图标(制作一个镂空图标)(3)

如果要实现这个效果单纯的使用旋转复制最终的效果似乎跟原图有些不一样,它们的距离会变得越来越大,背离了我刚才提到的距离相等的要素,而且弧线也会变成一条螺旋线~

ps做立体图标(制作一个镂空图标)(4)

作为一个非专业的PS爱好者,我承认我对PS的了解确实不是很透彻。不过任何问题都有解决的办法,尽管我的办法是个笨办法,但它很适合像我们这样的门外汉。最先想到的是我可以通过动作来解决。先新建一个正方形的画布~

ps做立体图标(制作一个镂空图标)(5)

画一个圆角矩形,填充很浅的灰色~

ps做立体图标(制作一个镂空图标)(6)

安排横向和垂直两条居中的参考线,ctrl t适当的调整这个圆角矩形的大小和居中位置后备用~

ps做立体图标(制作一个镂空图标)(7)

用椭圆工具在靠近画布边缘的地方画一个小小的圆形,颜色接近原图的镂空底色,或者随意填充一个颜色,利用图层样式再修改颜色~

ps做立体图标(制作一个镂空图标)(8)

打开动作,点击新建按钮新建一个新动作,随意命名,只要你能记得住就行~

ps做立体图标(制作一个镂空图标)(9)

点击矢量蒙版取消路径选择,这是很重要的一步~

ps做立体图标(制作一个镂空图标)(10)

ctrl alt t,打开锁定长宽比按钮,在缩放比例里输入105。因为我只是做一个演示,所以这里的数字不一定是正确的。这个数字就是每个镂空逐渐放大105%的意思,回车确定让这条命令结束~

ps做立体图标(制作一个镂空图标)(11)

ctrl t,按住alt移动圆形的参考点到画布的中间,也就是参考线的交叉点,你完全可以在数字栏里直接输入精确的数字,我就是这样做的。最后是旋转角度,这个角度决定镂空的间隔距离。完成后按停止键储存~

ps做立体图标(制作一个镂空图标)(12)

最后就是一个体力活,狂按动作中的播放键,一组排列有序的“珍珠链”出现了~

ps做立体图标(制作一个镂空图标)(13)

在合并这串珍珠链的所有图层时我给你一个建议,最好先把它们打包备份,万一你后面搞砸了还有备胎可用,这也花不了你多少时间~

ps做立体图标(制作一个镂空图标)(14)

我把刚才完成的珍珠链跟原图做了一下比较,发现距离和圆弧差的太大了,这个不算问题,起码我们的方法是正确的,重新制作一个跟原图差不多的珍珠链应该轻而易举~

ps做立体图标(制作一个镂空图标)(15)

双击动作里的各条命令修改数据,也就是放大比例和旋转时的参考点位置,最后我做了一个跟原图差不多的珍珠链~

ps做立体图标(制作一个镂空图标)(16)

这里有个大问题,我也说不出为什么会是这样,可能因为PS是位图软件的原因。问题是这样的:如果你就这样一直旋转复制这个珍珠链,开始的几次没有多大问题,到最后它的模样会变得乱七八糟,边缘参差不齐。下面图中红色弧线左边是开始,右边的是结束的形状,你可以看出两者的不同~

ps做立体图标(制作一个镂空图标)(17)

虽然在图形工具上不会出现这个毛病。但是我们这里用的是位图,我发现减少旋转次数能避免这种情况的出现。所以我在这里尽量不让她旋转,而是垂直或者横向复制,虽然比较麻烦,但是能解决问题,先垂直180度复制一条~

ps做立体图标(制作一个镂空图标)(18)

继续ctrl alt t,旋转复制90度~

ps做立体图标(制作一个镂空图标)(19)

原图一圈正好是60个,刚刚我很认真的数过了,6X60不是正好等于360?每次旋转的角度都是6的倍数。以此类推,减少旋转次数。最后我得到了一个可以接受的效果,几乎看不出有变形的问题~

ps做立体图标(制作一个镂空图标)(20)

剪贴蒙版到圆角矩形,添加一个蒙版,我要把那些不完整的和太靠近边缘的镂空隐藏掉。你也可以直接用橡皮擦除,不过我还是推荐使用蒙版,效果一样,而且蒙版比较灵活,万一哪里错了可以恢复回来~

ps做立体图标(制作一个镂空图标)(21)

这是经过修整之后的效果~

ps做立体图标(制作一个镂空图标)(22)

模仿原图那样,在空隙太多的地方点几个小圆圈,比较像了~

ps做立体图标(制作一个镂空图标)(23)

给圆角矩形添加投影~

ps做立体图标(制作一个镂空图标)(24)

再就是斜面浮雕,我增加了等高线的效果,让边缘出现一点“内发光”的效果~

ps做立体图标(制作一个镂空图标)(25)

继续给镂空添加内阴影~

ps做立体图标(制作一个镂空图标)(26)

还有外发光,我还是用了等高线让外发光显得明显一点,亮度提高一些~

ps做立体图标(制作一个镂空图标)(27)

最后我给这个镂空添加径向渐变,让颜色从里往外逐渐减淡。貌似原图就有这样的效果,不知道是不是我的眼睛有点花~

ps做立体图标(制作一个镂空图标)(28)

拷贝图层样式,粘贴在上面图层的小点上。这个数值对那些小点来说有点不合适,所以要稍微修改一下,比如内阴影还可以接受,但是外发光的范围太大了,调小一点~

ps做立体图标(制作一个镂空图标)(29)

最后是图表中间带有logo的圆圈,画一个颜色任意的圆形,我需要的是这个圆形的轮廓,最后我还是要把它的填充透明度调为0,所以它是什么颜色根本无所谓~

ps做立体图标(制作一个镂空图标)(30)

为了缩减今天的篇幅,减少工作量,我把这个效果实现在一个图层里,把填充透明度调为0,进入图层样式,先给一个比较复杂的外发光,这几乎是完成大半了~

ps做立体图标(制作一个镂空图标)(31)

深浅对比色很接近的渐变~

ps做立体图标(制作一个镂空图标)(32)

还有一点点的内发光~

ps做立体图标(制作一个镂空图标)(33)

最后是圆形中间的英文logo,幸好我有这样的字体,这个图层样式没什么技术含量,所以略过~

ps做立体图标(制作一个镂空图标)(34)

完成!

ps做立体图标(制作一个镂空图标)(35)

,