周易八卦知识网 - 周易八卦 - 点九在线生成-怎么用PS制作点九

点九在线生成-怎么用PS制作点九

自制.9图实现和设计图一致的阴影效果

这次项目遇到老板要求阴影效果,美工离职,又碰上屏幕适配和shadowLayout阴影框架冲突,网上各种方法试遍了效果都不理想,后来发现的好东西,还是自己动手丰衣足食。

Android在5.0中提出了“高度”的概念,并提供了elevation属性给开发者直接设定z值高度。但其效果与Axure设计图相差甚远:

另外我们知道Android制作阴影的方法有很多种,下面就是利用点九图实现与Axure的设计图中一致的阴影效果的方法。

点九图阴影效果在线生成网站:

我们对比一下Axure的阴影属性和该网站支持的属性:

从上表可知,使用点九图制作,理论上可以完美实现和Axure设计图一致的阴影效果。

需要根据屏幕像素等级制作不同分辨率的点九图

虽然Android设备可以根据自身屏幕像素等级对资源进行缩放,但很多人都有切图的需求。针对不同分辨率需要制作的点九图是不同的,这里举例说明一下:

怎么用PS制作点九图片

黑色边代表内容的拉伸区域,设置可以直接规定四边长度,也可以拉伸完成。长度不对代表拉伸过程出现错误。具体的操作步骤为:

1、点9图片是Android系统或ios系统中的一种可拉动和不失真的图片,例如,我们的微信聊天泡泡是典型的第9点图片,因为聊天泡泡需要关注文本的数量。

2、点9图和拉动方法的总图,一般图是整体放大,会有变形,而点9图是拉图的某些部分,不重复如圆圈角落和光泽度不变,从而实现图像的放大而不失真。

3、以之前绘制的气泡按钮为例。首先,用ps剪切图像边缘的图形。

4、使用[编辑][画布大小]将画布设置为向左和向右扩展1个像素。

5、看看图片中的可乐区域,即不包括圆角,光泽等特殊区域的区域,我已在下图中圈出。如果无法确定某个区域是否是可拉动区域,则可以在绘制前放置图片。尝试将其部分拉出来。如果图像的变化失真,则不会拉动该区域。

目前,我可以看到可乐区域包括:纯色区域,渐变区域等,下图中绘制的光泽区域属于水平方向的可乐区域和垂直方向的非可拉伸区域。方向。

6、拿起#000颜色并按照以下标准填充图片周围的1px区域:上部是水平可拉动区域,左侧是纵向可拉动区域。这两个部分根据可牵引区域的特性确定黑条的长度。下部是水平内容区域,右侧是垂直内容区域。

内容区域意味着如果按钮是窗口,则右下两个区域延伸到的矩形是可以显示内容的区域。完成后,将图像保存为png并手动将文件后缀更改为。9.png,完成了第9点地图的制作。

怎么把九张图片合成一张

可以使用微信小程序中的“九宫格照片拼图”进行分割,步骤如下:

所需材料:微信、手机。

一、首先在微信的“发现栏”内点击上方的“小程序”选项。

二、进入小程序后,点击上方的搜索栏,输入“九宫格照片拼图”点击搜索,接着点击下方第一个“九宫格照片拼图”。

三、进入九宫格照片拼图后,点击“切图,一键切九格图”选项。

四、这时会进入九格切图界面,然后点击屏中间的“+”号,添加所需切九格的图片。

五、添加完图片后会自动切割为九宫图,这时点击屏幕最下方的“保存”即可保存入手机的图库。

六、然后会弹出切割后的图片预览和分享页面,在这里可以“分享给好友”,或是“继续切图”。