解析photoshop关于描边的一些细节

时间:2012-7-30 作者:剧中人

解析photoshop关于描边的一些细节

小剧在家闲来无事,随手写了些东东准备有时间传到博客里。今天就来说说之前群里有位好友问到的问题:“为什么矩形外描边之后是圆角”。

在刚接触到ps描边的时候小剧也曾被这个问题困扰过,一度小剧认为这是photoshop做得不完善并且需要改进的地方。后来经常用到图层混合模式的时候才发现ps如此设计确有其用意。因为photoshop是位图处理软件,所以在ps里的任何操作都是以像素为基准的,描边也是一样。

小剧猜想photoshop描边的原理

以下所言并非adobe官方说法,纯粹是小剧的揣测而已,并且探讨的是很单纯的直角与圆角边的情况,也不考虑透明像素的情况。

根据小剧的思考及验证,photoshop的描边应该是根据像素点的排布,找出图像的边缘,判断过内外方向后在对每个像素点在边缘的一侧做等距的描边,边缘一圈绘制完毕便形成了一个环状的面,因此再对矩形外描边的情况下会出现圆角。

矩形和圆角矩形描边的几种情况

基于这种现象,小剧总结了对于在对矩形和圆角矩形描边时的几种情况。1、外描边总是圆角;2、矩形内描边总是直角;3、圆角矩形的描边尺寸大于或等于圆角半径时内描边是直角;4、圆角矩形的描边尺寸小于圆角半径时内描边是圆角。下面是几种情况的示意直角边内外描边图

直角边内外描边 圆角边内外描边一 圆角边内外描边二

对使用圆角的一点建议

在网页设计中,小剧一向只用内描边,因为在限定宽度的情况下外描边会影响达到视觉宽度,而且外描边虽然是看似圆角,但却没有真正的圆角细腻,所以,小剧不怎么使用外描边。当然外描边也有自己的用处,视个人习惯吧。