本帖最后由 Mccraft-pepsi 于 2016-7-28 14:52 编辑
前言 |
|
关于版权 |
此贴为个人教程及观点,未经允许不得转载 我有一些作品被其他的网络平台转载,但都是未经我个人允许的!所以希望"那些"网络平台可以自重! |
|
|
教程开始 |
首先打开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的效果..点没后...进入下一个步骤.. 最后的一个步骤!!! ![]() 然后点击储存.... |
前步骤完成 | |
|
当然没有 | ||
|
|
终于编辑完了 | ||
|
另外关于软件-PhotoShop的话我建议大家还是去官网购买..支持官方... |
上述序列号①~⑨
|
2021.12 数据,可能有更多内容
前言 |
|
关于版权 |
此贴为个人教程及观点,未经允许不得转载 我有一些作品被其他的网络平台转载,但都是未经我个人允许的!所以希望"那些"网络平台可以自重! |
|
|
教程开始 |
首先打开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键会出现一个对话框,下面你们跟着我的设置改一下..下图所示![]() 然后点击储存.... |
前步骤完成 | |
|
当然没有 | ||
|
|
终于编辑完了 | ||
|
另外关于软件-PhotoShop的话我建议大家还是去官网购买..支持官方... |
上述序列号①~⑨
|
终于可以愉快的弄动态贴图了……
frametime的单位是什么? 秒还是tick
ImagineBreaker 发表于 2016-7-28 14:09
frametime的单位是什么? 秒还是tick
frametime的单位是毫秒
还是学不会 哎
asjwdwan521 发表于 2016-7-28 14:43
还是学不会 哎
可以慢慢看的,因为毕竟详细所以字数较多..
Mccraft-pepsi 发表于 2016-7-28 14:44
可以慢慢看的,因为毕竟详细所以字数较多..
能手把手教不0.0
为什么是这样做的
表示我都是手动ps做的... 不是导出到web所用格式么
然而web格式不能用于贴图..
RBQ白。我前来支援了!
感谢 很有用谢谢
感谢,,,,,,,,,,
说明一下"frametime":2
里面的2是换贴图的速度,可以自定义的,最小为1
里面的2是换贴图的速度,可以自定义的,最小为1
支持换npcmod里面的贴图?能否发下动态贴图(我懒得自己做,免得不行就白做)
初次使用ps不太会,网上找不到教程,
问题:建立了透明背景,怎么把图片加进去
问题:建立了透明背景,怎么把图片加进去
类似于gif的原理?
很精细的一个教程,感谢LZ!
图似乎全炸了

图全挂,此贴作废,滑稽
图片全挂了=-=
本帖最后由 langyo_v3 于 2017-5-22 20:29 编辑
很不错,支持!
一年前问答版有人问这个动态材质怎么制作的,现在也终于有补充下来的教程了
很不错,支持!
一年前问答版有人问这个动态材质怎么制作的,现在也终于有补充下来的教程了
那个,图片全挂了诶....
楼主图挂了!!!
图全挂了
说到底,最重要的还是ps能力强
RBQ白。我前来支援了!
图卦了。。
感谢楼主 非常好用
喵喵喵~图片全死了。。
图床好像不行了!显示不出来
支持支持
IP是多少
MCBBS有你更精彩~
感觉挺不错的
frametime感觉是帧时。。为什么是毫秒
这么仔细的嘛!有些还是有点不懂
感谢大佬分享
感谢分享
