我的灵感创意
这个标题，可能有朋友要说我是标题党了，其实并没有，这可是大有深意！
要是不信，你往下看！
在 Photoshop 中，工具那么多，同样的一个效果，有时可以用很多种方法，有很多的工具可以实现目的，比如说，你画个渐变背景，你直接用渐变工具拉，可以实现吗？当然可以。如果你用一个图层去应用一个渐变叠加图层样式呢，当然也是可以。又或者说，你用一个渐变调整层，来设置渐变，那可样的是没有问题阿。
虽然说，不管什么方法，只要能达到目的的方法就是好方法。但是，我想，大家还是会希望说实现某一种效果时，它的操作能够尽可能的简单，尽可能的方便。就如我上面所说的，一个渐变背景，最不可取的就是直接用渐变工具拉渐变，为什么，因为用图层样式或者是渐变调整层，它们都是可逆操作的，如果后期有什么一满意，你可以很方便的修改，而直接拉渐变那就不行，即使你只是微调一下颜色，也需要重新制作。
那么，今天，我们操作这个图标的目的，就是这个，跟大家共同探讨一下！
这是前几天，在P大点S的微信群中，有朋友问的，从上面的图中，我想大家都看得出来，整体来说并不算复杂，但是，在其中的一个效果的实现上卡住了。往下的部分，我会着重于被卡步骤的讲解。
同时，我们依旧会跟大家分享我们的PSD，如果看完本文，还是不理解，可以看看我们的PSD文档。
被什么问题卡住，我先不说，我们会一步一步的带着大家，从无到有来完成这个图标。
首先，我们来分析下这个图标。我们可以把它分成两部分来看，一个是背景，一个是图标。这个很好理解，那么首先，我们就先来创建这个背景。
新建一个文档，尺寸为1000*800像素。
把背景填充白色，然后，设置前景色为#065b87，用钢笔画一下如下图的形状。
在形状属性面板中，调大羽化值，现在就有了一个渐变效果。
我把白色背景层隐藏掉，这样看了更直观，大家可以了解到这个形状应用了羽化后的效果呈现。这是一种制作不规则渐变的方法，我个人比较喜欢这样的操作，因为相对于用画笔来说，这样的操作，更方便修改与调整。
同样的操作手法，画出那个乳白色的色块，同样的在属性面板中设置羽化值。
继续一样的套路，画出如下图中的三个白色色块，一样的在属性面板中设置羽化值。
至此，我们就完成了背景的创建。
接下来，创建图标的圆角矩形主体，这个并没有什么可讲的，画个圆角矩形，添加个投影，拉倒。
接下来，我们画个类似原图的6字，直接用个相似的字体输入文字，再转换为形状也行，直接布尔运算画一个也行，都无所谓。
接下来，画出这些圆角矩形方块，并排列好，无压力吧。
在这里我们会穿插一个小技巧，如何的快速排列这些方块。首先，我大致排列了一下最底下的四个方块，每个方块的尺寸是60*60像素，圆角为5像素，然后，每个方块的间隔是5像素。这里需要强调一下，一个方块是一个形状图层，因为等会我们需要给方块变换颜色。
那么，现在我们要 做的是复制方块，并向上排列，让它们覆盖整个6的形状，OK，下面，我们选择住最左下角的方块，复制一层，执行一个Ctrl+T，自由变换，从我用红框框住的X和Y，大家可以看到现在这个方块的位置。
刚才我们横向排列的间隔是5像素，那么，我们现在竖排的间隔也让它是5像素，再加上方块本身的60像素，相当于就是我们的方块要向上移动65像素，所以，我们X的值不变，我们把Y的值减去65像素，原来是584像素，现在我们把它修改为519像素，（如果是垂直往下排列，就变成加了），双击应用，它现在变成这样了。
接下来，又到了嗨的时刻了，我们按住 Ctrl+Shift+Alt+T，再次变换，直到方块排列到6这个形状的最上方。是不是很神奇，这就是再次变换的应用，也是我们穿插的一个小技巧。
把那些跟6这个形状没有交集的方块删掉，然后，选择住这些所有的方块图层，Ctrl+G，创建图层组，我们得到如下的效果。
在原图中，方块只显示在形状6内，形状6外的方块并不显示，想达到这个效果，相信大家第一时间都会选择蒙版，这个毫无疑问，我们同样的也是选择蒙版，不过我们用的是矢量蒙版，蒙版创建完后，把6这个形状隐藏掉，它再也用不着了。
接下来，我们开始赋予方块颜色，原图的每一个方块的颜色，都是同一色调，而左半部深一些，右半部浅一些，但是每个方块的颜色又不一样，直接颜色叠加的话，每一个方块都要修改，那会改得吐血，所以，我决定利用黑色在叠加模式下对颜色的加深，来作为我们这个方块颜色的制作，我们在图层样式中，给方块添加一个黑色到中性色的渐变，在叠加模式下，中性色对原来的颜色没有任何改变，而黑色则是加深。首先，我先挑选一个中间一点的方块试试，将方块的颜色修改为#d36b2c，然后给它添加一个渐变叠加。
接下来就简单了，修改每一个方块的颜色，并拷贝我们添加了渐变叠加的这个方块的图层样式，粘贴，我们最终得到这样的效果。
原图每个方块都有一个描边，描边的颜色是与方块本身色调一致的，只是深一些，我们提问的朋友就是在这一步被卡住了，看看下面的图，就是这样的描边效果，如果是你，你会怎么做呢？
有朋友说，同一色调，只是深一些，那么用黑色描边，颜色加深不就行了？错，它当然不行，它的底色是白色的，往哪加深？于是，有朋友说，描边设置内部，结果是一样的，不信，你试试，而且，这是做在一个图层组里的，你描边的话，在6这个形状的边缘是不会有显示的，就像这样。
那么，直接给图层组添加描边呢？结果是这样的，形状6的边缘显示是显示了，但是，你没办法做到让每个方块的描边都与方块本身是一个色调，只是深一些。
真是淡淡的忧伤，描边描边，你确定一定要描边？其实有些时候，我们的思维禁锢了，被一些特有的东西所迷惑，你看到有描边就觉得是非要描边做，换个思路，我用内发光行不行，那必须行，内发光连渐变的效果都能搞定，何况描边效果！我给这个图层组添加了一个内发光样式，效果如下。
我X，居然一个内发光就解决了，万万没想到。最终的效果如下：
今天的分享就算完了，最后，我们再回顾一下，我们到底扯了些什么。
1. 渐变并不一定要用画笔来画，用蒙版来虚化边缘，你可以试试形状属性里的羽化。
2. 再次变换（Ctrl+Shift+Alt+T），并不是只能用来旋转，它能干好多事。
3. 描边并不一定是描边，内发光并不一定就是发光，孩子他爸不一定真的是孩子他爸！
评论前必须登录！
注册