点九图在线生成-怎么用PS制作点九图片
这次项目遇到老板要求阴影效果,美工离职,又碰上屏幕适配和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点地图的制作。
怎么把九张图片合成一张可以使用微信小程序中的“九宫格照片拼图”进行分割,步骤如下:
所需材料:微信、手机。
一、首先在微信的“发现栏”内点击上方的“小程序”选项。
二、进入小程序后,点击上方的搜索栏,输入“九宫格照片拼图”点击搜索,接着点击下方第一个“九宫格照片拼图”。
三、进入九宫格照片拼图后,点击“切图,一键切九格图”选项。
四、这时会进入九格切图界面,然后点击屏中间的“+”号,添加所需切九格的图片。
五、添加完图片后会自动切割为九宫图,这时点击屏幕最下方的“保存”即可保存入手机的图库。
六、然后会弹出切割后的图片预览和分享页面,在这里可以“分享给好友”,或是“继续切图”。
相关介绍:
九宫格,一款数字游戏,起源于河图洛书,河图与洛书是中国古代流传下来的两幅神秘图案,历来被认为是河洛文化的滥觞,中华文明的源头,被誉为"宇宙魔方"。
相传,上古伏羲氏时,洛阳东北孟津县境内的黄河中浮出龙马,背负"河图",献给伏羲。伏羲依此而演成八卦,后为《周易》来源。又相传,大禹时,洛阳西洛宁县洛河中浮出神龟,背驮"洛书",献给大禹。大禹依此治水成功,遂划天下为九州。
请问怎么用美图秀秀做那种很长的图片?就是用手机往上看到下一直拉下来...
具体操作方法如下：1.浏览器上搜索美图秀秀，可以在线网上使用网页版的美图秀秀，这里我们来到美图秀秀的官网，点击拼图。2.在第二个导航栏中点击图片拼接。3.点击中间的上传。4.选择多张图片，系统会自动帮我们拼接出一张整的图片。5.按住照片的一张可以拖动照片的位置，选择自己想要的位置。6.最后...
在线二维码设计-如何免费制作二维码
1、首先百度搜索“二维码生成器”,然后打开一个在线制作二维码的网站,这种网站很多,打开第一个即可。2、在页面上选择文本,然后输入二维码包含的文本内容,点击生成二维码即可。3、在右边修改二维码的颜色,容错率,添加嵌入LOGO等。4、如何保存制作的二维码呢?只需要把鼠标放在制作好的图片上,会出现保存窗口,...
商标在线设计制作流程-如何申请商标注册流程
轻点鼠标便可做出LOGOlogo一键生成器免费版。 您的公司\/网站需要设计LOGO?五分钟内您可以自助完成! 1、提供公司名称及行业 2、从适用您行业的图标中选中一款免费logo图片大全。 3、调整LOGO样式、颜色,完工 简单实用的创作工具 我们的在线标志设计工具可以让你用不同的图标,字体和颜色搭配尝试。商标设计logo图案。 调...
网页生成海报-用电脑做海报,用什么软件好?
问题七:怎么样制作宣传海报图片用PS软件专门制作海报 问题八:海报制作,怎么插入图片和抠出图形10分在ps里,点击文件-打开,找到需要的图片打开。快捷键ctrl+o。抠图可以用钢笔工具、魔棒工具等等,不懂可以百度。 问题九:用word制作海报(页面为A4纸),如何把组图转变为.jpg格式?将你设计的海报直接另存为HTML或MHT之类...
手机怎么生成海报?美图秀秀怎么制作海报
问题九：手机海报用什么软件制作？最专业的还是Photoshop美图秀秀也可以 问题十：敢问大家，如何在手机上制作海报？有啊，一键生成，只需要输入文字，就可以自动生成一整套企业VI的设计神器。还可以可在线下单打印，全国范围邮寄。怎么用手机制作海报?1、点击软件图标，打开MIX手机APP。2、进入软件界面之后，...
怎么把图片做成动态
图片在线处理 iephotoshop\/ 问题九：怎么用PHOTOSHOP将几张照片做成动态图片 以三张图片为例：分别为相片A、B、C 预先将三张相片裁剪为一样的规格，关闭动画编辑窗口。文件---打开相片A 文件---置入相片B 文件---置入相片C 关闭相片B、C图层的眼睛 窗口---动画 复制一个桢 开启B图层眼弗 复制一...
类图在线绘制-如何绘制UML类图?
1、可绘制9款UML图:用例图、类图、序列图、状态图、活动图、通信图、构件图、部署图以及复合结构图等。2、完全免费:StarUML是一套开放源码的软件,不仅免费自由下载,连代码都免费开放。3、多种格式影像文件:可导出JPG、JPEG、BMP、EMF和WMF等格式的影像文件。4、语法检验:StarUML遵守UML的语法规则,不...
地铁图在线绘制图-校园"地铁线路图"是如何画出来的?
校园"地铁线路图"是如何画出来的？2017年7月份,北京林业大学的学生绘制了一张校园地铁线路图,深受众多读者的好评。于是,这股创意被不少高校学子纷纷效仿,中国人民大学、浙江大学和西南交通大学的学生们纷纷脑洞大开,也绘制了自己本校的轨道交通图。对于没有绘画基础的同学,该如何用软件生成线路图呢?一...
在线切图工具-网页如何切图
选择“生成CSS” 单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。 问题八:网页美工是怎样进行图片切图的步骤如下: 1.首先我们需要用到的文件就是psd的文件了,一般都是由设计师来完成的,我们切图也就是切psd文件,因为psd文件是分层的,所以想切哪里切哪里。 2.之后用Photoshop软件打开psd...
用例图在线绘画图片-word如何画用例图
问题七:用例图用什么工具画?visio,新建D软件和数据库DUML模型图DUML用例,里面就有需要的图标 问题八:用例图里面的小人在word里怎么画?物理试卷上用吗?有个“物理图符”的WORD(模板)里有 目录:软件>办公应用 问题九:uml用例图参与者之间怎么画参与者之间是泛化关系,具体可以参考trufun网站的在线帮助,...
刀松氟伐： 一、使用Photoshop绘制点九的方法.确定切图后直接改变图片的画布大小,手动将上下左右各增加1px使用铅笔工具,手动绘制拉伸区域,色值必须为黑色(#000000).存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png不过这种方法的缺点是不能实时预览,判断并测试拉伸区域的准确性.使用此方法需要注意以下2点:1. 手绘的黑线拉伸区必须是#000000,透明度100%,并且图像四边不能出现半透明像素;2. 你的.9.png必须绘有拉伸区域的黑线.
娄底市18537619778： PS如何切点9图 - ？
刀松氟伐： 1. 确定切图后直接改变图片的画布大小,2. 手动将上下左右各增加1px3. 使用铅笔工具,手动绘制拉伸区域,色值必须为黑色(#000000).4. 存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png 用draw9patch不好吗?~
娄底市18537619778： android 投影 背景怎么实现 - ？
刀松氟伐： 用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开发同学技术实现.切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图、精准的位置可以最大限度的还原效果图的设计,精妙的切图更...
娄底市18537619778： PS进行点九切图法时,命名“.9.png”时,提示我以.开头的名称已被系统预留.我该怎么处理? - ？
刀松氟伐： 直接使用 PS等平面工具绘制流程2个步骤就可得到.9.png图片,具体步骤为:1. 确定切图后直接改变图片的画布大小,2. 手动将上下左右各增加1px3. 使用铅笔工具,手动绘制拉伸区域,色值必须为黑色(#000000).4. 存储为web所用格式,选择png-24,储存时手动将后缀名改为.9.png
娄底市18537619778： 怎么用Photoshop把一张照片一下分成九块 - ？
刀松氟伐： 用切片选择工具,设置划分切片,点确认,再另存JPG,打开另存的图片为9张小图片组合成为一张大图.如附图,
娄底市18537619778： 请问,能不把一张普通图片(.jpg)变成一张点九图(.9.png)? - ？
刀松氟伐： 可以啊,最好有图像处理软件PS,会方便一点.方法:在PS中打开图片,双击背景图层中的小锁图标,把背景图层解锁为普通图层,按Ctrl+Alt+C打开画布大小面板,把高度与宽度各增加2像素.此时你的图片外围会有一圈透明像素,用铅笔工具选纯黑色在上下左右四边标出特殊区域.上、左两边代表被拉伸区域,一般拉伸区域有1像素就可以了;下、右两边代表添加文字等内容的区域,一般根据你的设计来决定.完事之后按Shift+Ctrl+Alt+S存储为Web格式,手动把后缀名改为.9.png
娄底市18537619778： 为什么用PS做的点9图用不起 - ？
刀松氟伐： http://zhidao.baidu.com/question/480020119.html 看看这个 是不是对你有点帮助
娄底市18537619778： 关于点九图的制作,请大神助我 - ？
刀松氟伐： 在顶部位置,箭头两边的位置划,不要包括箭头那部分,两边的线的比例影响缩放后的比例,如果长度相同,那底部的箭头就在中间了.左右的则是在左边,中间划一点就行.
娄底市18537619778： ps怎么保存.9.png格式的文件 - ？
刀松氟伐： 可以使用文件菜单下的保存为web格式,里面有将图片保存为png格式的选项
娄底市18537619778： PS中怎样将一图片九等分 我是菜鸟 谢谢 步骤详细点 我是PS是英文版本 - ？
刀松氟伐： 选择切片工具-点中图片鼠标右键-划分切片(顺数往下第五个选项)-分别在水平与垂直划分为填入三,就可以了.最后储存为web和设备所用格式(快捷键是Ctrl+Alt+Shift+S)就可以了,如果你选择保存在桌面,你就会看到一个名为images的文件夹了
