无音乐好读图文网志版 http://kirafugames.blogspot.tw/2016/04/0104-roll-turtle-preview-video.html ==================== 开发日志-0104 Roll Turtle - Preview Video 完成 Roll Turtle 的 app store Preview Video 制作完成 \(^o^)/ 前一次制作 Roll Turtle 的影片是去年(2015)准备参加东京电玩展时， 看了一下 Youtube 上显示的日期， 一转眼已经是7个月前的事啦！ 当时的影片是属於 Trailer 预告片的形式， 主要是报名时用来提供给东京电玩展的审查委员看看这是什麽样的游戏， 并且可以在展场的摊位上播放给参观的民众看， 影片时间长度由自己任意发挥，格式也没有任何限制， 简单说就是爱怎麽做就怎麽做，自己爽就好 (ﾟ∀ﾟ ) 所以做了一只1分14秒的影片。 https://youtu.be/bKcBOzYxZhk Roll Turtle - Official Trailer Tokyo Game Show 2015 而这次制作的是要放在 app store 上的 Preview Video， 除了影片长度限制在30秒内， 包括尺寸，影像压缩比，音乐编码等格式，apple 都有严谨的规范需要遵守， 当然 apple 官方也提供了详细的文件资料供参考， iTunes Connect Developer Guide App Preview Resolutions 这个东西看起来简单， 但真的实际做下去就会发现， 要做到好，做到完美符合全机种规范，还蛮花时间的 @@" 如同这张官方的说明图片，apple一共有5个机型为大方向， 扣掉 Roll Turtle 目前不会上架的 apple tv 後可以归纳出4种影片尺寸， 5 Series > 640 x 1136 iPad and iPad Pro > 900 x 1200 iPhone6 > 750 x 1334 iPhone 6 Plus > 1080 x 1920 一开始是觉得， 只要做一种，就可以用那一种去自动产出其他尺寸的，应该不难。 但是实际上并没有办法这麽做， 仔细观察後会发现，比例大致上分成4:3与16:9两种， 4:3 的是 iPad and iPad Pro(900x1200) 16:9的是 5 Series(640x1136)、iPhone 6 Plus (1080 x 1920) 其中又有一个 iPhone 6 是不属於4:3跟16:9任一种， 自己有着特殊的尺寸比例。 也就是说即使是采取最有效率的做法， 同样的内容也要做三次，4:3、16:9、750 x 1334 当然如果不在乎影片在不同的装置上有黑边，没有填满画面， 那就直接不管它，用一个格式硬转再去塞全部装置就好， 但那并不是一个好的做法 (￣ー￣) 由於以上种种， 再加上手边只有 iPod Touch 5，所以只能先从 640x1136 开始做起， 然後再用佩宜的 iPad mini2 制作 900x1200 的尺寸， 1080x1920 的尺寸只有透过 iPhone 6 plus 才能录制， 因为手边并没有 iPhone 6 plus， 原本打算放弃，想用 640x1136 的去输出成 1080x1920， 但佩宜的朋友刚好来家里玩，刚好用的是 iPhone 6 plus ， 刚好可以借来录制游戏画面素材，有没有这麽刚好哈哈哈XD 真的太感谢她了 (oﾟωﾟo) 理想的制作顺序是由大到小， 如果先制作 1080x1920 的话， 就可以拿 1080x1920 的尺寸转出 640x1136 ， 这样倒过来做的话变成多做一次， 但是先前已经分别先做过2次，640 x1136 跟 900x1200 的了， 分镜已经熟到不能再熟， 当天下午只花1个多小时就把要使用的游戏画面素材录制完成。 最後就是 iPhone 6 的 750 x 1334， 由於没有 iPhone 6，再加上实在不想再剪一次了(一样的东西已经剪3次了) 所以开始动歪脑筋， 它等於是再长高一点的16:9，跟16:9真的只差一点点， 就算用改格式的方式去硬转， 在保持原比例的状态，等於只要裁切掉上下方一点点就可以了， 比起4:3与16:9的差距，是真的很难让人察觉出来的， 刚好找到国外有人分享，使用 Quick Time 7 pro， 可以在不改变影片编码，固定比例的情形直接custom size， 到此为止，终於搞定全部版本的 app store Preview Video了。 Quick Time 7 pro 的方便功能 除此之外， 以往都是使用 adobe 的 Premiere 来编辑与输出影片， 这一次经过独立游戏开发者朋友的推荐，用了 iMovie 来制作， 真的是超方便超直觉超好用的， 最棒的一点是预览超快速，正确一点来说根本就不需要预览， 直接游标移上去就是所见即所得，连点都不用点 (°Д°) 软体也很轻量化，做什麽动作速度都超快！ 比起 Premiere，用 iMovie 制作影片真的是一种享受， 而且 iMovie 就是 apple 自家的工具， 直接内建了 "app Preview Video" 的选项， 选这个项目开始制作， 就完全不用烦恼输出时的影像编码以及声音格式问题， 完全都帮你贴心设定好好的符合 apple 标准， 编辑介面与功能也超级好用超直觉， 不只是 app store Preview Video， 以後不管是需要制作什麽类型的影片， 应该都会用 iMovie 来做为主要的影片编辑工具了（^ω^） 如果不是用 iMovie 的话，要照这个apple规范的格式来制作 App Rreview iMovie 里面的专案类型直接就有 App Preview 输出类型也有 App Preview， 按下去就一键输出成apple要求的格式，不用烦恼其他问题啦^^ 接下来就是关於 Roll Turtle 的 Preview Video 内容的制作了， 由於只有短短的 30 秒， 要放进什麽内容真的是很让人苦恼的一件事， Roll Turtle 一共有 5 个不同的世界， 制作方向是，每个世界至少都要在影片中呈现到，各挑一个关卡出来， 光是这样，如果时间平均分配，每个世界就只有不到 6 秒能呈现 Σ(°Д°; 再加上把 Boss 关这个重要的特色也放进去， 最後再秀一下标题，每个世界就只剩个3~4秒了， 原本担心这样时间分配会不会太短， 但是完成後实际看起来的感觉比起东京电玩展的 Trailer 紧凑很多， 结果比预想的好耶 (≧∀≦) 只有30秒就不要想放什麽故事去铺陈啦，打个喷涕的时间影片就跑完了... 音乐与音效的部份是比较费工的， 必须等画面的部份完成後再配上去，而不是直接使用游戏中的音乐音效， 一来是因为透过传输线接 QuickTime 录制装置画面会有电波杂音， 一来是这样的串接方式，背景音乐不太可能跟着3~4秒就切换一次， 那样会让音乐听起来非常奇怪， 所以包括音效在内的音轨，都直接分离删除後重新对时间轴放上去， 音乐的部份还好，挑一个30秒左右想要的区段，做好淡入淡出即可整段放上， 音效就比较麻烦一点，必须一个影格一个影格去对准後再放上时间轴。 最後就来看看完成後的 Roll Turtle - Preview Video 影片（・∀・） https://youtu.be/1L-FVWvXaBY 只有30秒，要专心看，不小心眨个眼睛可能就播完啦。 ============================================================== Roll Turtle官网 http://rollturtle.strikingly.com 对rollTurtle开发进度有兴趣的朋友欢迎到facebook专页按赞追踪喔:) https://www.facebook.com/RollTurtle -- 我有一颗热爱A.C.G的心 千万别忘了当初选择这条路的决心和感动! http://kirafugames.blogspot.tw --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 219.85.51.214 ※ 文章网址: https://webptt.com/cn.aspx?n=bbs/GameDesign/M.1460990998.A.5E1.html ※ 编辑: waldfantasy (219.85.51.214), 04/18/2016 22:50:23 ※ 编辑: waldfantasy (219.85.51.214), 04/18/2016 22:58:29 ※ 编辑: waldfantasy (219.85.51.214), 04/18/2016 23:01:19 ※ 编辑: waldfantasy (219.85.51.214), 04/18/2016 23:13:04