在Unity開發App應該用PSD, PNG或TGA呢?

id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1409790579.html#_=1410405073115&count=vertical&counturl=http%3A%2F%2Fwww.unityin.com%2F2013%2F10%2F%25e5%259c%25a8unity%25e9%2596%258b%25e7%2599%25bcapp%25e6%2587%2589%25e8%25a9%25b2%25e7%2594%25a8psd-png%25e6%2588%2596tga%25e5%2591%25a2%2F&id=twitter-widget-0&lang=zh-tw&original_referer=http%3A%2F%2Fwww.unityin.com%2F2013%2F10%2F%25E5%259C%25A8unity%25E9%2596%258B%25E7%2599%25BCapp%25E6%2587%2589%25E8%25A9%25B2%25E7%2594%25A8psd-png%25E6%2588%2596tga%25E5%2591%25A2%2F&size=m&text=%E5%9C%A8Unity%E9%96%8B%E7%99%BCApp%E6%87%89%E8%A9%B2%E7%94%A8PSD%2C%20PNG%E6%88%96TGA%E5%91%A2%3F&url=http%3A%2F%2Fwww.unityin.com%2F2013%2F10%2F%25e5%259c%25a8unity%25e9%2596%258b%25e7%2599%25bcapp%25e6%2587%2589%25e8%25a9%25b2%25e7%2594%25a8psd-png%25e6%2588%2596tga%25e5%2591%25a2%2F" class="twitter-share-button twitter-tweet-button twitter-share-button twitter-count-vertical" title="Twitter Tweet Button" data-twttr-rendered="true" style="margin: 0px; padding: 0px; border-width: 0px; vertical-align: baseline; width: 60px; height: 62px;">

name="f23a80b314" width="55px" height="62px" frameborder="0" allowtransparency="true" scrolling="no" title="fb:like Facebook Social Plugin" src="http://www.facebook.com/plugins/like.php?app_id=&channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FZEbdHPQfV3x.js%3Fversion%3D41%23cb%3Df20f101d0c%26domain%3Dwww.unityin.com%26origin%3Dhttp%253A%252F%252Fwww.unityin.com%252Ff352d8631c%26relation%3Dparent.parent&height=62&href=http%3A%2F%2Fwww.unityin.com%2F2013%2F10%2F%25e5%259c%25a8unity%25e9%2596%258b%25e7%2599%25bcapp%25e6%2587%2589%25e8%25a9%25b2%25e7%2594%25a8psd-png%25e6%2588%2596tga%25e5%2591%25a2%2F&layout=box_count&locale=en_US&sdk=joey&send=false&show_faces=false&width=55" style="margin: 0px; padding: 0px; border-style: none; vertical-align: baseline; position: absolute; visibility: visible; width: 50px; height: 61px; max-width: none !important;">

frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" tabindex="0" vspace="0" width="100%" id="I0_1410405073190" name="I0_1410405073190" src="https://apis.google.com/u/0/se/0/_/+1/fastbutton?usegapi=1&size=tall&count=true&hl=zh&origin=http%3A%2F%2Fwww.unityin.com&url=http%3A%2F%2Fwww.unityin.com%2F2013%2F10%2F%25e5%259c%25a8unity%25e9%2596%258b%25e7%2599%25bcapp%25e6%2587%2589%25e8%25a9%25b2%25e7%2594%25a8psd-png%25e6%2588%2596tga%25e5%2591%25a2%2F&gsrc=3p&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.zh_CN.ShCdhhO1gMY.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAItRSTMvb6pK0rkOdr5nAUU72tZV_wHrng#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1410405073190&parent=http%3A%2F%2Fwww.unityin.com&pfname=&rpctoken=97616964" data-gapiattached="true" title="+1" style="margin: 0px; padding: 0px; border-width: 0px; border-style: none; vertical-align: baseline; position: static; top: 0px; width: 50px; left: 0px; visibility: visible; height: 60px;">

每次在放貼圖進Unity時 心中常常會浮現一個問題 就是到底我要用PSD, PNG還是TGA好, 今天這個問題在跟公司的Technical Director聊了一下之後 有了大概的解答：

使用PSD

這跟工作流程有關 我現在只有在自己的專案採用PSD的工作流程 也就是：

• 外部貼圖直接存成PSD格式 不轉換成PNG/TGA
• 只顯示需要的圖層(Layer) 不需要的要隱藏起來 降低Unity在loading assets所需要的時間
• 最後打包出去送審的檔案包 會以Unity中最後的貼圖設定的大小為主 舉例來說(如上圖設定)：
  • PSD原檔為1024
  • 但其實在遊戲中只需要64大小就很清楚
  • 那只需將貼圖設定為64大小

用PSD的好處：

• *解析度方便控制： 可保留高解析的原始檔 又可在輸出時只用較小的檔案 相當方便實用
• *縮短製作時間：在少了PSD轉PNG/TGA這個步驟後 整體製作時間縮短不少
• *方便製作透明alpha貼圖：PSD可解決使用透明alpha貼圖時 外框線(outline)顏色不一致的問題 並且不用製作alpha channel

如果用TGA/PNG格式

• Loading時間比較快
• TGA主要是為了解決使用透明Alpha貼圖時 外框線(outline)顏色不一致的問題
• 轉成TGA/PNG時可保持原本的高解析大小比較方便
  • 例：原本PSD為512 目標設定大小為64
  • PSD 512 轉 TGA/PNG 512(仍是512)
  • 然後在Unity中設定為64
  • 這樣一來如果因為某些情況需要較高的解析度時 可以在不需要重新轉換原始檔的情形下 隨時變換成128, 256, 甚至512

最後

• 使用PSD, TGA或PNG沒有絕對那個最棒 方便就好
• 目前我只在自己的專案使用PSD為製程
• 另外因為公司的專案因為共同工作的對象較多 因為各使用者習慣的關係 所以會以TD為準 (目前公司專案仍是轉成PNG/TGA)

转载：http://www.unityin.com/2013/10/%E5%9C%A8unity%E9%96%8B%E7%99%BCapp%E6%87%89%E8%A9%B2%E7%94%A8psd-png%E6%88%96tga%E5%91%A2/