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

老胤祥 YOU CAN, DO IT!

Illustrator CS6/CC 插件 脚本 动作 笔刷 符号 教程

 
 
 

日志

 
 

让旋转后的像素完美呈现【PS旋转技巧】[转]  

2014-11-16 22:13:08|  分类: 【Photoshop】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
【PS旋转技巧】让旋转后的像素完美呈现

「如果你不够小心,在Photoshop 中旋转图像时,可能会毁了你辛苦完成的作品!」

 

在Photoshop 中旋转图像时(这边指顺时钟或逆时钟旋转90 度的情况),如果你的图像的长跟宽都是奇数,或者都是偶数时,并不会发生什么问题。但是当你的图像只有一边为奇数时,你会得到预期之外的结果,如下图:

【PS旋转技巧】让旋转后的像素完美呈现

 

为了更清楚的了解发生什么事情,我们取一张3X4 像素的图形,可以发现由于旋转中心在两像素的邻边,当我们对此图形做90度旋转后、原本的图形并没有完整落在像素范围(灰色格线)内,因此系统就必须重新计算格线内像素的色彩(我们称之为重新取样),这么一来你原本的图形就会遭受破坏:

【PS旋转技巧】让旋转后的像素完美呈现

 

解决方法

一个快速的解决方式是,不要直接旋转你的图像,而是使用Photoshop 的旋转工具做一个方型范围的选取,并且旋转这个方型范围,如此一来由于旋转中心在像素交会处,可以得到确实填满像素的结果:

使用Photoshop 的旋转工具做一个方型范围的选取

 

更好的解决方式

在执行变形工具的时候,将旋转中心选择在左上方(或者任何一个角落都可以)perfectPixel_06-1,如此一来即可解决这个问题:

将旋转中心选择在左上方(或者任何一个角落都可以)

 

对于网页以及UI 介面设计师而言,一边考虑设计之余还得小心处理像素实在令人觉得枯燥乏味,要不断的检查每个像素的位置、纹理是否准确,是否被重新取样造成模糊边缘等等。但是如果在工作习惯上开始做一点点的小改变,就可以确保你辛苦绘制的图形不会化为乌有。

 

参考资料:Pixel perfect rotation by  Marc Edward

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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