Photoshop极坐标滤镜详细讲解

  对于一些抽象的效果图,photoshop中的极坐标滤镜还有很多东西值得研究……

  【摘要】对于一些抽象的效果图,photoshop中的极坐标滤镜还有很多东西值得研究……

  在国外的网站上看到有人把photoshop的滤镜分为两类,一类是对原图没有破坏性的滤镜,另一类是对原图有破坏性的滤镜。破坏性滤镜多以扭曲滤镜为主,其中极坐标的破坏性可以算是相当大的一种。

  因为极坐标的破坏性,很多人认为这个滤镜对于图像、照片的处理没有什么太大的实际应用,但是如果对于一些抽象的图像,我觉得这个滤镜还是有些地方值得研究一下的,希望各位看过本文也会有所启发。

一、极坐标变形的感性认识

  先看一下极坐标对图像做的是一种什么样的扭曲。如图

透析photoshop的极坐标滤镜

  这一组图分别是正方型、圆形和色块通过极坐标变换前后的图像。

  直角坐标到极坐标的变化:可以认为是顶边下凹,底边和两侧边上翻的过程。

  极坐标到直角坐标的变化:可以认为是底边上凹,顶边和两侧边下翻的过程。

  这里所说的“过程”只是用来加深记忆而已,实际上这个上翻下翻的过程是不存在的,而是直接通过坐标映射而成的。

  1、直角坐标—>极坐标

  原图中的竖线经极坐标变换后,变为放射线。

  原图中的横线经极坐标变换后,变为同心圆。

  当然横竖交错画出来就是蜘蛛网啦。

  请观察每种颜色色块在变换之后的位置,原图的顶部收缩为圆心部分,底部的红色成为画布内切圆。左右两个蓝色的色块向上翻转之后最终合并为一个扇型,原来的两个侧边会在上方重合。

  记住每种色块变化前后的位置不仅有住于加深对极坐标滤镜的理解而且在实际应用中也有帮助,至少现在你已经学会画放射线、同心圆、扇型了。

  2、极坐标—>直角坐标

  原图中的竖线和横线(坐标轴除外)经变换后,变为图中的抛物线/双曲线(具体是那种线形我尚未搞清楚,但我更倾向于是双曲线)。

  坐标轴经变换后,变为纵向的5条分隔线,其中1,3,5是原纵轴,2,4是原横轴。

  对于色块的变化,请大家注意一下位置和幅度就是了,这个我研究得不多。

  btw:在前言里我曾说过极坐标对图像有破坏性,其实极坐标滤镜也具有一定的还原性,毕竟这是坐标系间的映射。对于执行了正变换的图形再执行反变换还是可以恢复出原图的一些信息的。但是因为极坐标不是一一对应的关系,所以在图的边缘部分的信息就不能恢复了。比较另类的应用还可以利用极坐标的还原性为图片加密。

二、极坐标滤镜应用

  我使用极坐标滤镜主要还是用于画圆,或者说画以圆为基础的图像。我们经常看到用矢量软件画的一些重复的有规律的图形,其实某些图利用极坐标滤镜就可以完成,有时比用矢量软件做得更好,变化更多。

  2.1 放射线的制作,参见第一部分。

  2.2 同心圆的制作,参见第一部分。

  2.3 扇型,环型,彩虹,参见第一部分。

  2.4 螺线

  螺旋线在矢量软件中画是相当简单的事,有些软件本身就有螺线工具。但是对于ps来说,并没有特别合适的绘制螺线的工具或公式。在扭曲滤镜里有一个旋转扭曲(twirl)滤镜可以做类似螺线的效果,但感觉可控性不强。

透析photoshop的极坐标滤镜

  我从画同心圆得到启发,发现可以利用极坐标滤镜来画螺线,无论是等距的还是开放式的都可以画,步骤也比较简单,只有几步而已。

  先建立一个矩形空白文件(400*20),画一条斜线(如果是粗斜线,那么注意斜线在画布的另两个顶角部分也要画斜线处理一下以保证下一步填充时能够正常衔接),定义图案。如图

透析photoshop的极坐标滤镜

  建立新文件(400*400)用刚才定义的图案填充。如图

透析photoshop的极坐标滤镜

  应用极坐标滤镜,直角坐标——极坐标

透析photoshop的极坐标滤镜

  应用光照滤镜。

透析photoshop的极坐标滤镜

  再应用球面化滤镜和其他的修改,完成。

透析photoshop的极坐标滤镜

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3131570.html

(0)
上一篇 2025年3月30日 05:55:01
下一篇 2025年3月7日 12:43:53

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • Photoshop模拟绘制矢量地球

      不知道有没有人看到这个地球眼熟啊?原作品是矢量图,一直很喜欢这个效果,终于决心对照着原版模仿一个。矢量我不会,还是ps吧   好了,开始我的迷糊教程,看不懂就没办法了,我语言表达能力很差~~~~另外我画的水平也很差,过程也很糟,要是觉得…

    2025年3月30日 编程技术
    100
  • Photoshop技巧:制作长发MM

            本文介绍用photoshop将短发mm的头发接长的方法和技巧。   菜菜的女友心血来潮想留长发,但她却不知道自己留了长发是否好看。在一番思来想去过后,她突然想到了电脑的魔力,所以叫菜菜做出一张她长了长发后的照片,菜菜爽快地答…

    2025年3月30日 编程技术
    100
  • HTML5中的新元素介绍_html5教程技巧

    超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的…

    编程技术 2025年3月29日
    100
  • HTML5的结构和语义(4):语义性的内联元素_html5教程技巧

      HTML4用5个不同的内联元素表示略有差异的计算机代码:var、code、kbd、tt和samp。但是,它无法表示时间、数字等基本数值。HTML5提供了几个新的内联元素来满足非技术作者的需求。m  m元素表示文本被“加上标志”,但是不一…

    编程技术 2025年3月29日
    100
  • H5的通用接口详细介绍

    这次给大家带来h5的通用接口详细介绍,怎样使用h5的通用接口?h5的通用接口的注意事项有哪些,下面就是实战案例,一起来看一下。 先说几个基本类型: DOM注意事项, boolean, long, unsigned long, double,…

    编程技术 2025年3月29日
    100
  • HTML5中使用json对象的实例代码

    这篇文章主要介绍了html5中使用json对象的实例代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 下面通过实例代码给大家介绍HTML5中使用json对象的方法,具体代码如下所示: nbsp;html>    …

    编程技术 2025年3月29日
    100
  • css中text-kashida-space属性的详细介绍

    语法:  text-kashida-space : length 登录后复制 参数:  length :  百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%  说明:  …

    编程技术 2025年3月29日
    100
  • CSS中关于长度单位之间的转换分析

    在写css的时候最常用的长度单位是px(像素),经常看到的还有em,pt等等,其实css中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm。  1、px:像素(pixel),相对于设备的长度单位,像素是相对于显示器…

    编程技术 2025年3月29日
    100
  • CSS中关于样式覆盖规则的详细介绍

    大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。样式覆盖(这种叫法…

    编程技术 2025年3月29日
    100
  • 关于Web性能优化方案的详细介绍

    第一章 打开网站慢现状分析 在公司访问部署在IDC机房的VIP网站时会感觉很慢。是什么原因造成的?为了缩短页面的响应时间,改进我们的用户体验,我们需要知道用户的时间花在等待什么东西上。        可以跟踪一下我们的登录页面,如下图所示 …

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论