ps_cc:制作sprite拼贴图片

我们的目标是:

合并为一张图片

step1:制作动作,便于批处理和重复使用

首先随便新建空白文档(建议:90x300px) 录制动作,alt+F9

上图中,可以新建分组前端,再新建动作sprite,这样可以方便管理和调用。

正题来了!

创建新动作-> 1、打开一个小图 2、图像->模式->RGB(避免有的图片是索引之类的,那样图片会不清晰) 3、全选 4、复制 5、返回刚新建的空白文档,粘贴 6、关闭小图->不保存 7、停止录制

step2:下次使用的时候,根据图层,算出合适的高度和宽度,新建空白文件

step3:执行批处理,“文件”->“自动”->“批处理” ,找到相应动作-->选择目录文件-->勾选覆盖动作中的“打开”命令

然后就可以看到图层全部导入了

step4:把图层排列

1、把所有图层移到左上角:选择所有图层,选择 “图层”-->“对齐”-->“顶端” 和 “图层”-->“对齐”-->“左侧”

2、找到你希望排到最后的图层,拖动到文档底端

3、选择“图层”->“分布”->“顶端”,这样将平分各个图层间的距离。

上图

至此,制作sprite图片的关键步骤都列出来了。希望能帮到各位看官。

时间: 2024-10-24 13:42:27

ps_cc:制作sprite拼贴图片的相关文章

ios学习-制作一个浏览图片的Demo

一.项目要求:制作一个浏览图片的Demo,要求包含夜间模式,以及改变图片大小,能够显示不同的图片描述 二.开发步骤: 1.在storyboard上添加一个空白的View,然后添加”设置“按钮,添加image View,图片序号Label,图片描述Label,更改图片Slider控件. 2.编写sliderValueChanged方法 3.在storyboard再添加一个空白的View,在新增的View上面添加Switch控件,用于夜间模式,添加Slider控件,用于改变图片的大小. 4.编写se

Qt 制作透明背景图片与裁剪图片(很实用)

这两天想做一个五子棋游戏,想从零开始自己绘制各种图片素材,将经验心得整理如下. 制作透明背景图片: void MyPainter::DrawKit() { QImage image(30, 30, QImage::Format_ARGB32); memset(image.bits(), 0x00, image.byteCount()); // 绘制图片 QPainter painter(&image); painter.setPen(QPen(Qt::red, 2, Qt::SolidLine)

圆角边框以及阴影制作卡片式图片 - 学习笔记

圆角边框以及阴影制作卡片式图片 圆角边框 border-radius 卡片使用阴影 box-shadow 利用阴影给图片底部创造一个长方形 内部的元素会直接覆盖整个阴影 HTML 部分 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>卡片式图片&l

Android程序猿自己动手制作.9.png图片

1:怎样制作9.png图片素材: 打开SDK工具文件夹下: draw9patch.zip  解压执行draw9patch.bat.有的直接搜索会有:draw9patch.bat. 双击执行后,例如以下图:图中图片为须要改动的图片.直接拖动图片到该窗体就可以. 2:  你会看到图中上下会有两条黑线:怎么来的呢? 将鼠标放在白色边框,点住左键不放拖动,会出现黑色线条如上图 解释: 黑线所在的区域,表示仅仅拉伸该区域! 3.假设失误多选了部分,可按住shift键,点击鼠标左键去掉黑色条 4.右边3个黑

JS制作闪动的图片

1 var t; 2 function showportal() { 3 if ($("#图片ID").is(":hidden")) 4 $("#图片ID").show(); 5 else 6 $("#portal").hide(); 7 t = setTimeout('showportal()', 300); 8 } 9 10 闪动: 11 showportal() ; 12 停止闪动: 13 clearTimeout(t)

[Android]使用draw9patch制作可拉伸图片

在项目开发时,为了使app的大小变成尽量的小,因此,美工在切图的时候,一般都会将可以拉伸的图片都制作成很小,因此,我们Android端开发人员要学会使用draw9patch制作可拉伸图片.例如: 这么小的图片: 制作成这么大的,但是又不能变形: 好了,不废话了,下面开始讲步骤: (1)所需工具:draw9patch(路径:G:\eclipse\adt-bundle-windows-x86_64-20140702\sdk\tools)重点是变红的字体,也就是sdk下的tools/draw9patc

android 制作9.png图片

什么叫.9.PNG呢,这是安卓开发里面的一种特殊的图片 这种格式的图片在android 环境下具有自适应调节大小的能力. (1)允许开发人员定义可扩展区域,当需要延伸图片以填充比图片本身更大区域时,可扩展区的内容被延展. (2)允许开发人员定义内容显示区,用于显示文字或其他内容 如下图所示: 左侧和上方的黑线交叉的部分即可扩展区域 右侧和下方的黑线交叉的部分即内容显示区 用它可以实现部分拉伸,从而实现图片在安卓系统上的完美应用 拆过系统framework-res.apk包的机油们细心点看,里面有

制作验证码时 图片无法刷新

1在网页上制作上图中的验证码时,点击图片不能刷新依旧是原图,找了好久终于发现是js语句中的错误,如下: 如果不加后面的new Date().getTime(),每次请求/AuthCode/getAuthCode都是一样的所以图片不会变化,加上之后每次请求会变化,就会重新加载图片了1 function reload(){                    document.getElementById("bt").src="/AuthCode/getAuthCode?&qu

移动端适配之雪碧图(sprite)背景图片定位

为了减少网络请求个数量,提高网站的访问速度,我们一般都会把一些小的图片合并成一张sprite图,然后根据background-position来进行定位.在web端由于是固定的大小与left .top,所以定位起来会比较准确.简单.但是在移动端就不一样了,各种手机的屏幕大小不一样,很难做到使用sprite图然后根据background-position来定位.所以普遍的做法都是使用单张图片,然后使用background-size: cover|100%|contain来控制背景图的大小.其实这样