photoshop包装盒设计操作中常见的锯齿问题
有感于一些朋友的作品(尤其是页面\软件界面设计这种对精度要求很高的地方)在细节方面总是受到锯齿的困扰,而拉低了整体档次。特根据自己的经验讲一讲常见的毛刺问题。包装盒设计随笔写写,有些可能不是很完善很对~俺记性一向不好。另外像素风格图片、gif边缘锯齿不再这次讨论范围之内。
(本教程以cs3为例,快捷键的不同不再另行说明。另,cs4中新增的蒙版控制功能可以结合使用)
1、ctrl+t 类变形导致的锯齿问题
1-1 原因:常规选项设置不当(很少有的情况)
解决:打开菜单 [编辑]-[首选项]-[常规]。包装盒设计请确保你的[图像插值]设置为“两次立方(适用于平滑渐变)”。
当然你有特殊需要且明确这里选项的含义则另当别论(比如说像素风格的缩放一般用“邻近”来确保不模糊)。
1-2-2 采用矢量对象(比如常见的文字透视变形,不要选择[栅格化],而采用[转换为形状])。矢量对象在一般情况下变形更保真,另一个显著优点是经得起反复ctrl+t 而不会产生问题。
1-2-3 有多大画多大,最好别ctrl+t (包装盒设计特别适用于简单形状)。同理,能少ctrl+t,就不要反复ctrl+t 。特别忌讳拉大又拉小,转来又转去~~ 结合第一条:如果存在缩小,最好是两次变形,一次形状到位,第二次缩小。
1-3 原因:旋转90度/180度时,如果用中点定位则会发生重新运算。导致模糊or锯齿产生。
解决:要想最大程度保持原样,最好在90度(180度)旋转时用角点定位(随便哪个角点)。这样可以避免重新运算像素导致的质量损失。
1-2-3 有多大画多大,最好别ctrl+t (特别适用于简单形状)。同理,能少ctrl+t,就不要反复ctrl+t 。特别忌讳拉大又拉小,转来又转去~~ 结合第一条:如果存在缩小,最好是两次变形,一次形状到位,第二次缩小。
1-3 原因:旋转90度/180度时,如果用中点定位则会发生重新运算。导致模糊or锯齿产生。
解决:要想最大程度保持原样,最好在90度(180度)旋转时用角点定位(随便哪个角点)。这样可以避免重新运算像素导致的质量损失。
第一节 开篇
[像素画]:构成电脑屏幕画面的点阵图(dot),用一个一个点构成的画。
近年来随着电脑、游戏机的高解像度化的快速发展,作为电脑图形绘画的[像素画]似乎有被掩盖在背后的感觉。不过,电脑桌面上的icon、网页上的贴图、手机上的图像等等,像素画展示的场所还是很多的哦。
虽说像素画算是数码范畴,可总是散发着手工的味道,对于这种虽说有着[艺人]说法的这种表现方式,相信还是有许多人感兴趣吧。
既然是像素画,当然是小小的[画]了,固定的画法是没有的包装盒设计。想怎么画就怎么画,但是,对于初学者总有一个基本的东西在里面哦。
本章就以我的像素画步骤来介绍我仅有的一点要点,供大家参考。
不说那么多了...不想点一点这些像素吗?
第二节 画像的格式和大小
[先来尝试体验一下]
[能偷学的就偷]
这里分几次制作“iMode”(日本多克摩公司推出的一类手机)的手机像素画。因为比icon要大一些最适合初学者......
准备工作:
1.iMode可以接受的画像格式为[gif]。目前有尺寸限制。
2.画像大小为横96×竖72pixel。根据机种不同有差异,如[D502i]尺寸是96×120pixel。这里以彩色为例,iMode为256色显示,如色标图。
第三节 底稿
先画一个简单的[猫]
1.想画的东西用鼠标直接描绘。这时需要的只是一个大概,适当即可[图1]。要注意的是实际画面很小,能省略的尽量去掉,[只要看见想做的]是大前提。
2.轮廓画好后,整理像素。
通常是和图一的工作一同进行的,在这里暂且分开做。根据意图区分线条粗细的情况是有的,基本上要保持粗细的统一、删除多余的像素[图2]。判断哪些点有用或无用,最好自己确定一个规则。
第一节 开篇
[像素画]:构成电脑屏幕画面的点阵图(dot),用一个一个点构成的画。
近年来随着电脑、游戏机的高解像度化的快速发展,作为电脑图形绘画的[像素画]似乎有被掩盖在背后的感觉。不过,电脑桌面上的icon、网页上的贴图、手机上的图像等等,像素画展示的场所还是很多的哦。
虽说像素画算是数码范畴,可总是散发着手工的味道,对于这种虽说有着[艺人]说法的这种表现方式,相信还是有许多人感兴趣吧。
既然是像素画,当然是小小的[画]了,固定的画法是没有的。想怎么画就怎么画,但是,对于初学者总有一个基本的东西在里面哦。
本章就以我的像素画步骤来介绍我仅有的一点要点,供大家参考。
不说那么多了...不想点一点这些像素吗?
第二节 画像的格式和大小
[先来尝试体验一下]
[能偷学的就偷]
这里分几次制作“iMode”(日本多克摩公司推出的一类手机)的手机像素画。因为比icon要大一些最适合初学者......
准备工作:
1.iMode可以接受的画像格式为[gif]。目前有尺寸限制。
2.画像大小为横96×竖72pixel。根据机种不同有差异,如[D502i]尺寸是96×120pixel。这里以彩色为例,iMode为256色显示,如色标图。
第三节 底稿
先画一个简单的[猫]
1.想画的东西用鼠标直接描绘。这时需要的只是一个大概,适当即可[图1]。要注意的是实际画面很小,能省略的尽量去掉,[只要看见想做的]是大前提。
2.轮廓画好后,整理像素。
通常是和图一的工作一同进行的,在这里暂且分开做。根据意图区分线条粗细的情况是有的,基本上要保持粗细的统一、删除多余的像素[图2]。判断哪些点有用或无用,最好自己确定一个规则。
3.上色。从色板选择颜色进行大致上色[图3]。
第四节 收尾和完成
4.添加影。[选择比当前颜色重的色彩]是基本,考虑光线并涂上大致的阴影色。即使视觉不舒服也不要紧[图4]。然后将阴影的色阶增加就会达到自然、光滑的立体效果。
5.收尾。像素画的斜线和曲线是最难的,所以要下一些工夫。要在[线和面]、[面和面]交界处添加中间色[图5]。
这个中间修补就是我们所说的[消除锯齿]。调整影的时候和步骤4一样,中间色添加得越多越光滑........但是要注意的是,这样会渐渐模糊下去,所以自己要把握住感觉见好就收哦。
细部调整完毕作品也就完成了![图6]
相关信息