分散特效还能这么玩!今天给同学们来一枚效果超炫的跑鞋海报教程,效果特别惊艳,已经有不少同学交作业,想练手的走起。
最终效果 源文件PSD 微盘下载
素材如下:
![图片[1]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/b4203e58d109b3de9dc8c2cbc9bf6c81810a4c88.jpg)
![图片[2]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/1f71ed34970a304e34558659d4c8a786c8175c88.jpg)
抠出鞋子和鞋底部分。
![图片[4]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/33a60b86c9177f3e718cddae75cf3bc79e3d5643.jpg)
抠出后,再拷贝多一图层填充颜色:1db8ff
再用高斯模糊给予一定值得模糊,不用太大,具体数值自己把握。
如下图再更改混合模式和不透明度:
![图片[6]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/04a3d7899e510fb330f65734dc33c895d0430c10.jpg)
抠出后:
![图片[7]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/ca5a989b033b5bb567a6035d33d3d539b700bc8b.jpg)
样式:
![图片[9]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/7b4b10315c6034a8af8d9422ce13495408237691.jpg)
填充后给2个图像分别用高斯模糊下,数值自己把握。(建议在3~5像素之间)
![图片[11]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/999aa6d162d9f2d32d360b4cacec8a136227ccd9.jpg)
以下是混合模式和不透明度:
![图片[13]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/5095ef166d224f4aad085cb00cf790529922d16b.jpg)
混合模式部分:
![图片[14]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/3278a524ab18972be0b32f69e3cd7b899f510a72.jpg)
现在发光部分已经做好了,看下效果如何(记得新建多个组把发光部分的归纳进去,良好习惯可以让我们很容易找到每个图层)
![图片[15]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/b3b42dcb39dbb6fd7c66cb850c24ab18962b37c6.jpg)
鞋子部分已经处理完了,现在制作荧光分散的效果:
![图片[16]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/2432bc385343fbf204838880b57eca8064388f51.jpg)
用钢笔画出以下大概模样:(点击:编辑——定义画笔预设)
![图片[17]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/dbb51afd5266d01639e2b08b922bd40734fa350c.jpg)
做好笔刷,选择画笔工具,点击画笔预设,然后找到刚刚制作的那个笔刷。
具体数值如下(不用跟着我的数值,自己灵活运用才是真理)
![图片[18]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/734d3bdda144ad34e2a49224d5a20cf430ad85ed.jpg)
![图片[19]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/8756a0d7912397dd186c8da75c82b2b7d1a287ef.jpg)
数值设置完毕,再如下图画出大概的轮廓
![图片[20]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/d41476b44aed2e73d573938f8201a18b86d6fa6e.jpg)
画好后,拷贝多一层,以作光昏用。
以下是画好后的2层图层,我分别命名为:
![图片[21]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/ee9a9dadcbef76098a368d3c2bdda3cc7dd99ec7.jpg)
散光的样式:
![图片[22]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/717d1c7eca806538b98db0b092dda144ac348299.jpg)
![图片[23]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/63a595dbb6fd5266f99528b7ae18972bd5073641.jpg)
散光光昏的混合模式以及样式:
![图片[25]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/7281dac6a7efce1b47f1dc69aa51f3deb58f652e.jpg)
弄完后记得新建多个组归纳进去。
现在制作大点的散光,依旧是画笔预设。
![图片[26]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/41a2d0d98d1001e9fe4003acbd0e7bec55e79780.jpg)
![图片[27]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/41a2d0d98d1001e9fe6803acbd0e7bec55e797a8.jpg)
![图片[28]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/fd5e4524b899a90125594c9518950a7b0308f590.jpg)
![图片[29]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/717d1c7eca806538b884b3b092dda144ac348292.jpg)
颜色随意,后面会更改:
![图片[30]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/38dae6ed2e738bd4eec6a592a48b87d6267ff919.jpg)
命名如下:
![图片[31]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/56e1205494eef01fe56c0966e5fe9925bd317d8c.jpg)
【底光】的样式:
![图片[32]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/6e3a38eef01f3a29cdb0c46d9c25bc315d607c8c.jpg)
![图片[33]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/76805c1f3a292df501bbbdb6b9315c6035a8738c.jpg)
【加光】的混合模式,不透明度以及样式
![图片[34]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/127196292df5e0fe7b6098a2596034a85fdf728c.jpg)
![图片[35]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/d84781f5e0fe99255f7478f331a85edf8cb1718c.jpg)
【光昏】的混合模式和样式
![图片[36]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/cf9b4cfe9925bc31b825103b5bdf8db1ca13708c.jpg)
![图片[37]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/02903525bc315c60d1ed7a4c88b1cb134854778c.jpg)
弄完后记得添加到新建组里面。
这个时候大致的效果已经出来了:
![图片[38]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/3b5d6495d143ad4be237546387025aafa50f06e2.jpg)
我把小点的散光和大点的散光以及鞋子分别创建了3个组,然后分别在组上面添加蒙版,用黑色画笔擦掉不要的地方,画笔的不透明度以及流量自己把握,我这里就不一一说明了。
![图片[39]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/7c41ab0828381f3088ba9f0aac014c086f06f065.jpg)
蒙版擦后的效果如下 :
![图片[40]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/11b0188f8c5494ee2a1d12ba28f5e0fe98257ec1.jpg)
这时感觉散光有点暗了,把图层的眼睛全部点掉留下,小点散光和大点散光 盖印出图层27
![图片[41]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/56e1205494eef01fe1d40566e5fe9925be317dc4.jpg)
在图层27加个样式
![图片[42]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/65b88b7f9e2f070876e837a3ec24b899a801f217.jpg)
得出效果:
![图片[43]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/297de5540923dd54b15bbbcbd409b3de9d8248dc.jpg)
到这步鞋子以及散光部分已经弄好了。
![图片[44]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/45e865177f3e6709cbdb595c3ec79f3df9dc552c.jpg)
以下是地面的不透明度和样式的数值(记得把地面放到图层背景的上面其他图层的下面)
![图片[46]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/2a926fcec3fdfc0382c9fc1bd13f8794a5c2264a.jpg)
![图片[47]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/d4bd7939b6003af39a10c3c3302ac65c1138b65e.jpg)
效果:
![图片[48]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/07b34b1190ef76c6684be4889816fdfaae516763.jpg)
然后再给墙面加个反光:
![图片[49]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/65b88b7f9e2f0708735734a3ec24b899a801f2b6.jpg)
再加个样式和不透明度的调节,再添加蒙版:
![图片[52]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/45e865177f3e6709c9dd5b5c3ec79f3df9dc5526.jpg)
效果:
![图片[53]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/0b4a1499a9014c080fea36060f7b02087af4f42b.jpg)
现在开始制作鞋子再地面反射的镜像。
![图片[55]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/432a01345982b2b77fef226734adcbef77099b94.jpg)
然后编辑——自由变换
![图片[56]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/8eef2c0a19d8bc3e5c4d1d69878ba61ea9d345bf.jpg)
再编辑——操控变形
![图片[58]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/0b4a1499a9014c0833ee32060f7b02087af4f42f.jpg)
再更改下不透明度和添加蒙版(擦去不要的部分)
![图片[60]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/9060a0f3d7ca7bcb8a2bc28cbb096b63f724a8b4.jpg)
到这里发下刚刚给的那个鞋底素材格式需要转换一下,转换后把鞋底抠出来。
![图片[61]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/3075a2f41bd5ad6ecef3604984cb39dbb7fd3cfd.jpg)
依旧如刚刚(制作鞋子在地面反射的镜像)那样的方法再做一次。
鞋底变形到大概以下这个样子:
![图片[62]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/734d3bdda144ad34f0048024d5a20cf430ad854d.jpg)
再更改不透明度,添加蒙版擦去边缘不要的部分。
![图片[63]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/73e10cec08fa513d4b5c6b7d386d55fbb3fbd90a.jpg)
效果:
![图片[65]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/64769a7adab44aed6470b847b61c8701a08bfbc2.jpg)
现在开始做散光部分地面反射的镜像。
步骤跟上面的一样,还是盖印,然后变形,更改不透明度,以及添加蒙版。
![图片[67]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/09aa1b4543a98226f6ce2a848f82b9014b90ebf1.jpg)
效果:
![图片[68]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/9a9e5b36afc379313913878aeec4b74542a9118c.jpg)
最后再做个耐克的LOGO,添加上去,最终效果如下:
![图片[69]-PS教程:手把手教你绘制超炫的夜光分散特效跑鞋-易看设计 - 专业设计师平台](http://image.uisdc.com/wp-content/uploads/2015/08/2432bc385343fbf22e14a680b57eca8064388fcc.jpg)


















暂无评论内容