Mccraft-pepsi
本帖最后由 Mccraft-pepsi 于 2016-7-28 14:52 编辑

前言

至于贴图的制作也需要自己的后期练习和钻研,此贴仅供参考与教程,我知道论坛已经有了一篇类似的动态教程帖子,但我自己仔细看过,并不详细,所以我来发一篇简单的




关于版权

            此贴为个人教程及观点,未经允许不得转载

我有一些作品被其他的网络平台转载,但都是未经我个人允许的!所以希望"那些"网络平台可以自重!





需要准备和使用的工具
PhotoShop Cs6/Cs5 -推荐是要 Cs6版本

一些小建议
因为帖子排版都是用文本框来编辑排版的所以有些图片需要点击放大才行,不足之处敬请谅解,不懂可以回帖指出询问,文中的①~⑨系列符号代表备注,会在文章后讲。

                       教程开始

首先打开PhotoShopCs6/Cs5,我们新建一个标题①然后设置图层的大小为:
64×64像素大小,背景内容为透明,如下图所示:↓

接着我们打开时间轴的对话框②,然后点击-创建帧动画,如下图所示:↓
之后我们就可以开始画图啦(想要做动态当然得现有"源"图啦!....)
这里我附上我自己画的一个贴图。
大家可以直接下载,当然,无视我这个贴图的背景,因为是透明的(png格式图片的背景有时候不知道干嘛了一下黑色,一下白色..无视就好)
                                   下面重磅教程开始!
在原图层中新建一个透明的图层(即:新图层)然后吧 新图层拉到"源"图层上面

方便做动态展示的效果...
现在就是我大[kai]显[shi]身[zhuang]手[bi]的时候了!我先画出雷电的效果...
如下图所示: ↓

如果画的不好请大家不要喷..qwq..
下面讲解一下时间轴...时间轴呢它里面的每个图片对应/显示一个图层,所以
这也是动画的关键,时间轴里面我们只需要用到:复制图层&播放这两个按钮即可。
如下图所示: ↓

下面我们点击:"复制帧"(你要显示多少个动画就复制多少个,你复制的帧显示的都是和第一个帧一样的,因为我们还没有给他分配显示的图层,我前面说过,每个帧都只显示/对应一个图层) [注:每个图层画好后记得按Ctrl+Alt+Shift+E键盖印]
我这里画5个帧(即5个不同的展示图层)小技巧:Shift+z -撤销/Shift+Alt+z一直撤销。图层前面的眼睛是代表:显示/不显示该图层的意思。

仔细对比图层与帧位置,你会发现他们都是对应的,做到这里,差不多到一半了
好,接下来我们再次新建一个新标题,大小为:宽64高320像素,背景内容为:透明,下面我们将这5个图层全部选中(按住Shift键不放,鼠标点击第一个图层与最后一个图层既是全部选中)然后右键任意一个图层点击复制图层然后选择复制到我们刚刚新建的另一个标题,具体步骤如下图所示: ↓

之后也就是最关键的一步!即:对齐图层
这个时候我们需要一个"模板"来确定各个图层的位置,这时候我们可以再次新建一个64×64大小背景内容为透明的标题,进入后按Ctrl+Delete键/Alt+Delete键填充颜色,在选择侧边工具栏中的:矩形选框架(即工具栏第二个工具),然后框选整个颜色覆盖区域,按Ctrl+C键复制样式图层,然后转回我们的第二个标题(即第二次创建的标题)中按Ctrl+V键复制,然后用鼠标选择此图层拖到图层栏的倒数第二个位置,再用侧边栏第一个工具:移动工具将刚刚复制过来的图层移动到最上面与背景图层对其,然后再次Ctrl+V键复制,这次给模板换个颜色(步骤:先对着第一个模板图层右键点击复制图层/Ctrl+J然后按住Ctrl键不放点击第二个模板图层的小方块,这时会出现一个虚线选框,那么我们再次按Ctrl+Delete键/Alt+Delete键填充另一个颜色,如果上次是Ctrl+Delette那么这次就要按Alt+Delette键然后选择侧边栏的:矩形框选工具随意单击图层舞台中任意位置,最后用侧边栏第一个工具:移动工具将刚刚复制过来的图层移动到上一个模板图层后与第一个模板图层拼接)即如下图所示:↓

全部拼接好了就会是这样的,随后我们看到图层栏,点击最上面的第一个模板图层
按Ctrl+E键合并所有的模板图层为一个如下图所示:↓
合并
模板图层上面的就是我们的动画帧图层了,现在我们每个模板位置对应一个图层,
使用移动工具,将第二个图层(即图层5,以此类推)移动到第二个模板所在位置,
第三个图层移动到第三个模板的位置...然后以此类推,效果图如下:↓

当然我们在移动的时候要把图层前面的"小眼睛"点出来...我前面说过小眼睛是干嘛的
如果怕对不齐可以使用放大镜工具来辅助对齐!
                                     倒数第二步骤
把倒数第一个图层(背景层)与倒数第二个图层(合并后的模板层)前面的"小眼睛"点没
否则就会出现GG的效果..点没后...进入下一个步骤..
                                最后的一个步骤!!!
按Shift+Ctrl+Alt+S键会出现一个对话框,下面你们跟着我的设置改一下..下图所示

然后点击储存....

前步骤完成
然后有人问我..这就可以了??

当然没有
最后的步骤
我们在开始窗口内输入:记事本然后敲击回车键[桌面创建的记事本不好用]然后在记事本内输入以下内容:
  1. {
  2.   "animation": {
  3.   "frametime":2
  4.   }
  5. }
复制代码
然后保存,注意!这里的文件名格式是:×××.png.mcmeta
然后保存类型是:所有文件
这个文件是让贴图动起来的...文件的前面必须和我们刚刚做的贴图名字一样..
我举个栗子(例子)..:我刚刚做的贴图名字叫:damage.png,那么这个文件名就应该是:damage.png.mcmeta,然后把它俩一起丢进贴图文件夹里面替换即可..



下面是@大法
@fmy19960827 感谢肥肠大大的教程素材...

终于编辑完了
最后BB几下qwq
如果觉得帖子写的好的话请给个评分吧..毕竟纯手输入也花了4个钟..给人气不会花自己的...

另外关于软件-PhotoShop的话我建议大家还是去官网购买..支持官方...

上述序列号①~⑨
①:文件->新建
②:窗口->时间轴




2021.12 数据,可能有更多内容
前言

至于贴图的制作也需要自己的后期练习和钻研,此贴仅供参考与教程,我知道论坛已经有了一篇类似的动态教程帖子,但我自己仔细看过,并不详细,所以我来发一篇简单的





关于版权

   此贴为个人教程及观点,未经允许不得转载

我有一些作品被其他的网络平台转载,但都是未经我个人允许的!所以希望"那些"网络平台可以自重!







需要准备和使用的工具
PhotoShop Cs6/Cs5 -推荐是要 Cs6版本

一些小建议
因为帖子排版都是用文本框来编辑排版的所以有些图片需要点击放大才行,不足之处敬请谅解,不懂可以回帖指出询问,文中的①~⑨系列符号代表备注,会在文章后讲。

  教程开始

首先打开PhotoShopCs6/Cs5,我们新建一个标题①然后设置图层的大小为:
64×64像素大小,背景内容为透明,如下图所示:↓

接着我们打开时间轴的对话框②,然后点击-创建帧动画,如下图所示:↓
之后我们就可以开始画图啦(想要做动态当然得现有"源"图啦!....)
这里我附上我自己画的一个贴图。

大家可以直接下载,当然,无视我这个贴图的背景,因为是透明的(png格式图片的背景有时候不知道干嘛了一下黑色,一下白色..无视就好)
  下面重磅教程开始!
在原图层中新建一个透明的图层(即:新图层)然后吧 新图层拉到"源"图层上面
方便做动态展示的效果...
现在就是我大[kai]显[shi]身[zhuang]手[bi]的时候了!我先画出雷电的效果...
如下图所示: ↓

如果画的不好请大家不要喷..qwq..下面讲解一下时间轴...时间轴呢它里面的每个图片对应/显示一个图层,所以这也是动画的关键,时间轴里面我们只需要用到:复制图层&播放这两个按钮即可。如下图所示: ↓

下面我们点击:"复制帧"(你要显示多少个动画就复制多少个,你复制的帧显示的都是和第一个帧一样的,因为我们还没有给他分配显示的图层,我前面说过,每个帧都只显示/对应一个图层) [注:每个图层画好后记得按Ctrl+Alt+Shift+E键盖印]我这里画5个帧(即5个不同的展示图层)小技巧:Shift+z -撤销/Shift+Alt+z一直撤销。图层前面的眼睛是代表:显示/不显示该图层的意思。

仔细对比图层与帧位置,你会发现他们都是对应的,做到这里,差不多到一半了好,接下来我们再次新建一个新标题,大小为:宽64高320像素,背景内容为:透明,下面我们将这5个图层全部选中(按住Shift键不放,鼠标点击第一个图层与最后一个图层既是全部选中)然后右键任意一个图层点击复制图层然后选择复制到我们刚刚新建的另一个标题,具体步骤如下图所示: ↓

之后也就是最关键的一步!即:对齐图层这个时候我们需要一个"模板"来确定各个图层的位置,这时候我们可以再次新建一个64×64大小背景内容为透明的标题,进入后按Ctrl+Delete键/Alt+Delete键填充颜色,在选择侧边工具栏中的:矩形选框架(即工具栏第二个工具),然后框选整个颜色覆盖区域,按Ctrl+C键复制样式图层,然后转回我们的第二个标题(即第二次创建的标题)中按Ctrl+V键复制,然后用鼠标选择此图层拖到图层栏的倒数第二个位置,再用侧边栏第一个工具:移动工具将刚刚复制过来的图层移动到最上面与背景图层对其,然后再次Ctrl+V键复制,这次给模板换个颜色(步骤:先对着第一个模板图层右键点击复制图层/Ctrl+J然后按住Ctrl键不放点击第二个模板图层的小方块,这时会出现一个虚线选框,那么我们再次按Ctrl+Delete键/Alt+Delete键填充另一个颜色,如果上次是Ctrl+Delette那么这次就要按Alt+Delette键然后选择侧边栏的:矩形框选工具随意单击图层舞台中任意位置,最后用侧边栏第一个工具:移动工具将刚刚复制过来的图层移动到上一个模板图层后与第一个模板图层拼接)即如下图所示:↓

全部拼接好了就会是这样的,随后我们看到图层栏,点击最上面的第一个模板图层按Ctrl+E键合并所有的模板图层为一个如下图所示:↓
合并

模板图层上面的就是我们的动画帧图层了,现在我们每个模板位置对应一个图层,使用移动工具,将第二个图层(即图层5,以此类推)移动到第二个模板所在位置,第三个图层移动到第三个模板的位置...然后以此类推,效果图如下:↓

当然我们在移动的时候要把图层前面的"小眼睛"点出来...我前面说过小眼睛是干嘛的如果怕对不齐可以使用放大镜工具来辅助对齐!
    倒数第二步骤
把倒数第一个图层(背景层)与倒数第二个图层(合并后的模板层)前面的"小眼睛"点没否则就会出现GG的效果..点没后...进入下一个步骤..
  最后的一个步骤!!!
按Shift+Ctrl+Alt+S键会出现一个对话框,下面你们跟着我的设置改一下..下图所示

然后点击储存....

前步骤完成
然后有人问我..这就可以了??

当然没有
最后的步骤
我们在开始窗口内输入:记事本然后敲击回车键[桌面创建的记事本不好用]然后在记事本内输入以下内容:

代码:

  1. {
  2. "animation": {
  3. "frametime":2
  4. }
  5. }
然后保存,注意!这里的文件名格式是:×××.png.mcmeta然后保存类型是:所有文件这个文件是让贴图动起来的...文件的前面必须和我们刚刚做的贴图名字一样..我举个栗子(例子)..:我刚刚做的贴图名字叫:damage.png,那么这个文件名就应该是:damage.png.mcmeta,然后把它俩一起丢进贴图文件夹里面替换即可..



下面是@大法
@fmy19960827 感谢肥肠大大的教程素材...

终于编辑完了
最后BB几下qwq
如果觉得帖子写的好的话请给个评分吧..毕竟纯手输入也花了4个钟..给人气不会花自己的...

另外关于软件-PhotoShop的话我建议大家还是去官网购买..支持官方...

上述序列号①~⑨
①:文件->新建
②:窗口->时间轴




我就是那逗
终于可以愉快的弄动态贴图了……

ImagineBreaker
frametime的单位是什么? 秒还是tick

Mccraft-pepsi
ImagineBreaker 发表于 2016-7-28 14:09
frametime的单位是什么? 秒还是tick

frametime的单位是毫秒

asjwdwan521
还是学不会 哎

Mccraft-pepsi

可以慢慢看的,因为毕竟详细所以字数较多..

asjwdwan521
Mccraft-pepsi 发表于 2016-7-28 14:44
可以慢慢看的,因为毕竟详细所以字数较多..

能手把手教不0.0

kuangwenxin
为什么是这样做的
表示我都是手动ps做的...  不是导出到web所用格式么

Mccraft-pepsi
然而web格式不能用于贴图..

x894855224
RBQ白。我前来支援了!

一鬼
感谢 很有用谢谢

a2391700806
感谢,,,,,,,,,,

爱心魔王FHC
说明一下"frametime":2
里面的2是换贴图的速度,可以自定义的,最小为1

___5
支持换npcmod里面的贴图?能否发下动态贴图(我懒得自己做,免得不行就白做)

___5
初次使用ps不太会,网上找不到教程,
问题:建立了透明背景,怎么把图片加进去

其智乃反不
类似于gif的原理?

夜頥瑿
很精细的一个教程,感谢LZ!

Mccraft-pepsi
夜頥瑿 发表于 2017-1-6 21:58
很精细的一个教程,感谢LZ!

不懂得可以回帖追问的=w=

回忆の信仰
图似乎全炸了

诺尘_
图全挂,此贴作废,滑稽

15303287654
图片全挂了=-=

langyo_v3
本帖最后由 langyo_v3 于 2017-5-22 20:29 编辑

很不错,支持!
一年前问答版有人问这个动态材质怎么制作的,现在也终于有补充下来的教程了

绵羊啪地
那个,图片全挂了诶....

米洛牌猫粮
楼主图挂了!!!

君临工作室
图全挂了

Tensins
说到底,最重要的还是ps能力强

Maotong_qwq
RBQ白。我前来支援了!

ying迎
图卦了。。

天天光耀
感谢楼主 非常好用

暮风零
喵喵喵~图片全死了。。

15855108656
图床好像不行了!显示不出来

3448218409
支持支持

fuchensheng
IP是多少

mk1397
MCBBS有你更精彩~

我的好祖宗
感觉挺不错的

JoishBadeR
frametime感觉是帧时。。为什么是毫秒

孬娃
这么仔细的嘛!有些还是有点不懂

康康噗哟
感谢大佬分享

MC_CZZ
感谢分享

第一页 上一页 下一页 最后一页