![0a67cefb20f9b4a90a04206ee1b68cd4.png](https://i-blog.csdnimg.cn/blog_migrate/93c5c1358ff0349abd4a7237674f5e51.jpeg)
分解一:星空背景制作
首先我们打开帅气的PhotoshopCS6新建一个1000像素×1455像素,分辨率为72像素/英寸的文档,然后保存下。
选一张美丽的星空高清大图,导入到文档里,调整下大小和位置。比如这样:
![4667a266b7f92c9277b7ef35fd154f8d.png](https://i-blog.csdnimg.cn/blog_migrate/f8c8534fb8bbccc250db7d688e3cbd8d.jpeg)
你未来会是一名专业的设计师吗?60秒完成性格测试获取免费学习资料:
http://www.silusheji.com/zhuanti/xinggeceshi/?zh-fxy
(如无法点击,复制到浏览器打开即可,完成测试可获得相关学习资料一份)
看!多美迷人的星空,引人无限遐想……然后我们把这个迷人的星空做成LOMO风格的效果。个人建议用形状工具来做,为了方便以后修改。
![5d11c820674127cc4ebeeda95c1c036c.png](https://i-blog.csdnimg.cn/blog_migrate/4c2422de40625ab9ff01d68b2c9e0edf.jpeg)
A:用矩形工具拉一个和画布等宽等高的矩形,注意下,这里做出来的是形状而不是路径哦!
B:用椭圆工具,路径操作换成“减去顶层形状”,就是这样:
在矩形的中间减去一个椭圆,调整下位置和大小,只留下四个角落。
C:调出属性面板(窗口-属性),把这个形状图层羽化一下,调整下透明度和羽化值即可。
这样背景算是做完了,我们选中所有的图层,建一个图层组,命名为“背景”。之后我们每做一样就建个图层组。
分解二:“90’s”数字制作
其实做这个效果并不难,就是烦了点。所以大家一定要有耐心哦!
我们先来分解下这个9字,知道了一个数字的制作方式就容易多了,因为其他的都是同样的方法做出来的。
![2ca1ee43978e8933a8896d6919fce7df.png](https://i-blog.csdnimg.cn/blog_migrate/ae8e09a8e900a73f2a951553946098e9.jpeg)
我们把这个9字分成了好几个面(关于这立体效果是怎么出来的,我在这里是抠图的,因为我这个字体。各位可以用各种方式来做,比如PS里的3D滤镜、AI的3D效果等。),我们一个面一个面的来做。每个面都用矩形工具哦!
我们先来做最顶上黑色的面。用矩形工具,拉一个矩形出来,颜色为#42f9ff,大小盖住黑色部分即可,然后转成智能对象,执行滤镜-杂色-添加杂色,设置如下:
![08e136f0e5660b90f4388d9af60dde2f.png](https://i-blog.csdnimg.cn/blog_migrate/139d9eda603ac512cd664dd8a5b20f22.jpeg)
给这个智能对象添加图层样式,设置如下:
![637f4f542082b6ca8ad27ff8dc93de25.png](https://i-blog.csdnimg.cn/blog_migrate/917951c6939fd2eebfea4273210785d9.jpeg)
渐变设置如下:
![e3255e3ae9fbf34b9ac4054cbfd696a6.png](https://i-blog.csdnimg.cn/blog_migrate/037658c01d84513f8996232e3f576881.jpeg)
设置完渐变后,我们选中智能对象的图层,建立剪切蒙版,快捷键为:ctrl+alt+g或者alt+鼠标左键,就像这样:
![a301c27de143e8980d425a9b8d11b269.png](https://i-blog.csdnimg.cn/blog_migrate/35d2f5b8c085fede9bd0b28e238e64a4.jpeg)
。
效果如下:
![c9a340cd8c4418e82584c31ab1c4a854.png](https://i-blog.csdnimg.cn/blog_migrate/3393b772e03041e35a66de31867ee08d.jpeg)
就用这样的方法做好数字9 的每个面,不过请注意光影关系哦!大家要注意不断修改每个面的渐变数值,来加强立体感。效果如下:
![988b5ad166b0ad183a9f3d51d0588783.png](https://i-blog.csdnimg.cn/blog_migrate/f5ac0da2765e31eb4c3e52fa23b4029a.jpeg)
做完每个面再来添加顶上那个面的边缘突出。我们可以把顶上这个面复制一层,放到最顶上然后设置填充为“无”,描边为1个像素(如果太细了就加粗,呵呵~~)。
描边设置如下,颜色为:#ffffff至#25dae5
![06d5e05957a170e7bb2509231f8c9b4a.png](https://i-blog.csdnimg.cn/blog_migrate/0acf5f5c25a7ff9d46757053404b0bfc.jpeg)
形状的填充和描边设置是一样的,从左到右分别是:“无填充”、“纯色填充”、“渐变填充”、“图案填充”,最右边那个孤零零的……是可怜的拾色器。大家记住了哦!
设置完毕复制下这个图层,把描边的模式改成“纯色填充”,颜色为黑色,调整下不透明度,将该图层置于下一层,调整下节点即可。效果如下:
![c4335cc03bd684dd28fcbd065ef61f16.png](https://i-blog.csdnimg.cn/blog_migrate/2ba5d9ef3b0d4882238f662b75f88085.jpeg)
嗯,这样做好之后我们选中和数字9相关的所有图层,新建一个图层组,命名为9。方法有了,我们就这样把其他的也做完吧!记得建图层组哦!
这个分解的最后部分就是网格的制作了。我们新建一个40像素×40像素的文档,图层背景透明,然后画一个和画布等宽等高的矩形,描边为3像素,描边颜色为#55f4ef,填充为无。全选一下,定义为图案,保存后关闭(不保存也无所谓)。
我们回到海报的文档,用矩形工具拉一个大大的矩形,有多大呢,大到能盖住“90’s”的全部就行了。然后把这个图层的填充设置为“0”,图层名称改为“网格”并添加图层样式,设置如下:
![7a0dd400f1d9012b2d05a2aa66335088.png](https://i-blog.csdnimg.cn/blog_migrate/77f3dbbcbfd135548d46016a6dd0adec.jpeg)
盖住之后把这个大大的矩形转成智能对象,再自由变换,透视和数字的顶面一致就行了。
![8c0ed0816afec9e266560e59fcfd3acd.png](https://i-blog.csdnimg.cn/blog_migrate/9d62ccf73a11d31306ff1091bc4d3004.jpeg)
变换好了先别急着做其他的,我们把这个图层复制3次,因为其他地方也会用到。我们先把这4个图层链接起来,就像这样:
![d41aaa3a70078cd52b4478f9710c4cde.png](https://i-blog.csdnimg.cn/blog_migrate/498eb36357164acbb87685fb43646348.jpeg)
复制完了之后我们分别把这几个图层分配到数字“9”、数字“0”符号“‘ ”、字母“s”的顶面上,就是这几个面:
![7d36b927e37d80a6e0f40451b0a97467.png](https://i-blog.csdnimg.cn/blog_migrate/30b481f7989ad489bb43bbb806bf71e7.jpeg)
分配好了之后分别创建剪切蒙版,把网格塞进去,就是这样:
![dba88e1e19670c929008935edfa5e029.png](https://i-blog.csdnimg.cn/blog_migrate/74fe04043e92a2ad246549343125ef48.jpeg)
这个步骤做完之后我们再来看看效果:
![881de071261746c8cf281d5f44f1e62e.png](https://i-blog.csdnimg.cn/blog_migrate/571de8ef8183fb419a9746f4291a8937.jpeg)
嗯,感觉还挺像模像样的。现在知道为什么要把这4个图层链接起来了吧?啥?还不知道?是为了移动的时候4个一起移动啊,这样透视就不会变了。
分解三:霓虹灯效果
首先我们用钢笔工具在形状模式下画勾勒出这样的一个图形:
![eb63e17422f9b1e338136c5da0dacb26.png](https://i-blog.csdnimg.cn/blog_migrate/67a40ab540af213d9bddd27bb12a2ae0.jpeg)
画完后把这个图层命名为“形状V”(其实大家随意啦),再添加一个图层样式,设置如下所示:
![1f365ceddb28c13be82e4a462cf2fb3f.png](https://i-blog.csdnimg.cn/blog_migrate/1887e3dfe220789a6e2416a6afa6b2ae.jpeg)
![34a09888b338766614797cdf20f97cae.png](https://i-blog.csdnimg.cn/blog_migrate/53c93df6b2bf4afd1051c35d89f31049.jpeg)
![e9f25869d347b4c5fab06e8a0bd4c957.png](https://i-blog.csdnimg.cn/blog_migrate/39e2998d563d96b36e574bccfeda3926.jpeg)
![ebe5c5bbe328e05597cbfac71c42df2c.png](https://i-blog.csdnimg.cn/blog_migrate/44b4e6e1169a443f56396175a8418a3f.jpeg)
![745434b6f84e650482e0d04c59cf8f47.png](https://i-blog.csdnimg.cn/blog_migrate/a798cebc55fc66470437a93e6128da39.jpeg)
接下来我们做上面的图形和文字部分。由于没有原稿上的字体,我们就用其他好看的字体来替代吧,我这选择了Freehand521 BT这个字体。上面的图形也用钢笔在形状模式下勾勒出来哟!然后调整下位置及图层样式(样式和形状V基本是一样的,稍微调整就行了)让这些和形状V图层对好就OK了。
回到“形状V”图层,添加蒙版,把应该被数字盖住的地方给遮盖掉。
![0881bea9fde42e8f6954dff7b6e5c0eb.png](https://i-blog.csdnimg.cn/blog_migrate/05b4fb10286edec14b4c21df0cac86db.jpeg)
貌似有地方看起来不和谐啊!
![83214b59ad2e9fabebc960cc7779a630.png](https://i-blog.csdnimg.cn/blog_migrate/8f3326569f90643dc47c0dcd86e00184.jpeg)
这里我们看到红圈内有不科学不和谐的地方,非常影响美观。不要急,我们再次打开形状V的图层样式,在“混合选项”里勾选“图层蒙版隐藏效果”即可,如图所示:
![d48c84cdf034d19ea8dc944f38cda354.png](https://i-blog.csdnimg.cn/blog_migrate/8b3707997b19d201bd9bedcecf6bbb94.jpeg)
分解四:天马流星拳
哈哈,这里当然不会是拳法啦,只是流星的绘制而已。用自定义形状工具,选择里面的雨滴形状,按住shift键拉出一个雨滴形状,垂直变化下,把形状的颜色改成渐变填充,渐变从浅蓝色到透明(此处颜色可自定),效果如下:
![689835f384ac601210679830aa82a0e1.png](https://i-blog.csdnimg.cn/blog_migrate/3a40630ad424d155de1378c6548b63fe.png)
01:用钢笔工具把下面的节点拉长,做出流星尾巴的样子;
02:复制该图层,颜色填充的渐变由“浅蓝到透明”改成“白色到透明”,然后调整下大小和位置,让该图层看起来小一圈;
03:选中这俩图层,转成智能对象,命名为“流星”,添加外发光的图层样式(稍微发点光就行了)。然后根据近大远小的透视关系,调整下流星的角度和流星组的数量及大小。
![03d028f42189c8ae71966f49037c40b5.png](https://i-blog.csdnimg.cn/blog_migrate/d012629cdc1a72ad25db196c57f10a2a.jpeg)
最后我们在数字9和数字0与形状V相近的面上添加一个反光,建议数值#ea289b。同样的,用形状哦!然后转成智能对象。大家或许注意到了,本教程里,反复提到用“形状”、“智能对象”的字眼,这样做的目的是为了方便以后修改。之后置于剪切蒙版内,比如这样:
![2e5682897be106f3257077d2b5ad8f04.png](https://i-blog.csdnimg.cn/blog_migrate/d0c78e75654fab4dc960ca7741725e9e.jpeg)
转成智能对象后,调整透明度,高斯模糊下,数值随意,让反光看起来自然点就可以了。
最后的最后,添加文字和签名,还有闪闪的光芒(光芒可以用笔刷来做,怎么喜欢怎么做)。呼~~~OK了,全部完工,效果是不是很棒呢?
![187715b7adc16dbb86daee1c128afa1e.png](https://i-blog.csdnimg.cn/blog_migrate/aac66f261c09b1ef1986e710655d5509.jpeg)