photoshop吧 关注:1,247,683贴子:5,231,376
  • 38回复贴,共1

关于Ps矢量工具的反锯齿机制

只看楼主收藏回复

不知道有没有同学认真注意过Apple公司图标的绘制,或者说,不知道是否尝试过去临摹它们。如果有的话,你可能会发现,自己用Ps临摹出来的图标过渡总是不那么流畅。对楼主而言,我在绘制Siri图标的形状时使用的是矢量工具(矩形、椭圆工具等),这些工具是自带反锯齿效果的,但仔细观察会发现,绘制出的结果显然仍旧太过锐利、锯齿很明显。而对比苹果图标,他们的Siri再曲线处的拐弯是很流畅顺滑的,完全没有锯齿来“刺眼”。可能有同学提议,呐加个羽化吧。好,咱转到属性面板,给矢量图层加个羽化,不妨加个0.4px羽化,这回好了,难看的锯齿终于消失了,可问题又出现了:原本于对齐像素网格的像素又出现边缘不清的情况,即原本直上直下清晰的边界出现了不该出现的次像素...
楼主也试过给图层载入选区,转到调整边缘窗口,平滑边缘,再添加蒙版来把锯齿“蒙住”,这确实解决了清晰边缘出现次像素的问题,可曲线处的过渡仍旧不完美,尤其是一旦你在黑色图标上加了白色投影增加质感,锯齿会更加明显。
不知各位吧友能否给予指点一二?


IP属地:江苏来自Android客户端1楼2017-07-13 18:14回复
    首选项里是否有帮助呢?


    IP属地:江苏来自Android客户端2楼2017-07-13 18:16
    回复

      如图,锯齿很明显。


      IP属地:江苏4楼2017-07-13 19:10
      收起回复
        @jbt1221 @蛮和气 @zzrs600


        IP属地:江苏来自Android客户端5楼2017-07-14 20:57
        收起回复
          貌似原图标有2~3个次像素过渡,而Ps只有大概1个次像素……


          IP属地:江苏来自Android客户端6楼2017-07-14 20:59
          回复
            @天下第一懒


            IP属地:北京7楼2017-07-14 21:20
            收起回复
              Photoshop把首选项网格间距改成像素,再对齐到网格。
              然后过渡的地方以像素为单位,图形稍微调大或者缩小一点,能使过渡自然。(视觉对齐)


              IP属地:安徽9楼2017-07-15 10:52
              收起回复


                IP属地:江苏来自Android客户端10楼2017-07-18 12:22
                收起回复