注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

品味人生博客

网页及博客素材,软件教程,网赚教程,技术知识总汇

 
 
 

日志

 
 

PhotoShop利用液化滤镜打造流体效果插画创意设计教程  

2014-07-21 11:17:23|  分类: ps创意设计 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Jo?o Oliveira 告诉我们怎样用液态滤镜来为ps中的插画创建流动效果。
这次教程您将知道怎样用液化滤镜来创建有趣的液态元素。只要用一个简单的图片,你就能创建整个丰富多变的效果,通过叠加,拉伸旋转,镜像等等,作出您想要

的效果。当然,结果并非会一模一样,随机性的创意过程,会给您带来更多的灵感以及乐趣。

效果图:

ps教程-品味人生-品味人生博客

01 首先,用PS打开之前下载的bird.png文件。或者找个你喜欢的图片吧,你朋友的照片或是狗狗的大头照~

ps教程-品味人生-品味人生博客

02 复制该图层然后隐藏原本的图层,选中复制的那图层。使用神奇魔法shift+ctrl+x来打开液化滤镜面板,当然你也可以直接滤镜菜单>液化来打开。选择镜像工具(M)。

使用大笔刷,点击然后再鹦鹉的身上拖动,做这步的时候,用鼠标进行圆周运动,体验一下他的操控感吧,达到上图的效果就差不多了。

ps教程-品味人生-品味人生博客

03 在复制一个图层,然后打开液态面板。现在换用一个更大的笔刷,使用镜像工具,来创建一些液态效果。使用左推工具,顺时针方向在图片上拖动。

你也能使用镜像工具(O),试着用小一号的笔刷顺时针拖动来看看效果。

ps教程-品味人生-品味人生博客

04  现在你有了一些元素,开始将他们组合起来。复制多个之前做的图层,然后将它摆放在不同的位置。我们得要创建个液态效果,所以将这些图层有动态的组合起来,

有着一个统一的趋势,将会丰富流体效果。

ps教程-品味人生-品味人生博客

     

05  复制第二步所做的图层,然后打开液态面板。选择膨胀工具(B),然后用比鸟喙小些的笔刷,从黄色那部分逆时针方向拖动,直到改区域停止扩展。

现在选择镜像工具然后逆时针拖动来创建流体效果。不断尝试顺时针和逆时针移动所产生的不同效果。

ps教程-品味人生-品味人生博客

06  移动图片到你画面的适当位置。删除任何不需要的区域然后创建背景图形,这里我们用了一个黄色的原型和黑色的三角形。

ps教程-品味人生-品味人生博客

07  复制第二步的图层,然后再将它液化。这次我们想让他出现比较细的圆形。使用相对大的笔刷,在空白地方点击逆时针方向拖动。不断尝试使之最后变的更加圆。

ps教程-品味人生-品味人生博客

08  多复制几个图层,来增强液态效果。并且去除不需要的部分。

ps教程-品味人生-品味人生博客

       

 09  当主题部分完工后,我们能创建一些细节。点击笔刷工具,然后选择一个较大圆形的笔刷,硬度设置为100%,颜色为黑色。打开笔刷设置面板,形状动态中

大小抖动设置为100%,散步中设置为1000%。在原图片和黄色圆形的中间新建一个图层,绘制一些圆点 

ps教程-品味人生-品味人生博客

10  在最上方新建一个图层然后做之前一部相同的事情,当然有点不同,颜色动态中设置为100%。使用#d52327为前景色,#ffe429为背景色,绘制一些圆点。

ps教程-品味人生-品味人生博客

11 我们能使用多种技术来给画面创建点动态效果。动态模糊是非常给力的,所以滤镜>模糊>镜像模糊然后设置为缩放,数量设置为5。

再设置图层的叠加模式为颜色减淡,这样我们就能得到很真实的镜头光斑效果。复制该图层,改变它的大小放置在画面中。 

ps教程-品味人生-品味人生博客

12  为了创建图片发光的效果,你能新建一个图层,然后设置为颜色减淡,选择渐变工具,透明度设置为100%到0%,然后你就能绘制一些颜色块了,

这里我用了#d52327和#ffe429。

ps教程-品味人生-品味人生博客

       

13  我们能使用羽化工具来增强细节。新建一个图层在黄色圆形的上方,选择笔刷工具,稍小一些的圆形来绘制一条随意的曲线。然后滤镜>模糊>径向模糊

就像我在第五步做的一样。

ps教程-品味人生-品味人生博客

14  为了让那些光斑更加明显,我们能加上一个朦胧的背景在最底层,透明度为25%,在不同的位置绘制模糊的圆形。使用12步的颜色设置,调试下透明度,

直到你的光斑比较明显为止。

ps教程-品味人生-品味人生博客

15  最后一步就是合并所有图层,然后复制一层,滤镜>其他>最大值,设置半径,到你能清晰的看到图片的轮廓。点击确定然后将该图层设置为叠加或者强光,

为了使边缘更加清晰。

ps教程-品味人生-品味人生博客

最后效果!

ps教程-品味人生-品味人生博客      

  Flash教程  U5教程  html技巧  Ps教程
2014年05月17日 - 品味人生 -        品味人生的博客
  电脑技巧  现代人物  古韵人物  gif图片
  flash动画  png免抠图  动植物图  背景素材  顶栏图片  博客制作  模块代码  音画边框

  评论这张
 
阅读(191)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017