使不同的圖像模式出現在一個剪影襯衫

基本上即時尋找對如何處理作出「襯衫設計師」的想法建議：使不同的圖像模式出現在一個剪影襯衫

想象一下，有一個襯衫的輪廓。現在想象一下，我有200多種這種襯衫的面料圖案。

點擊$fabric_x將填充該特定模式的輪廓。

基本上只是喜歡這裏如何做：（點擊面料左側） http://www.savvytailor.com/build-a-shirt.php?osCsid=c55610679180fcaa69abcae9b22dc0c5

我的想法 ...這是艱難的道路走，將是：

保存從Photoshop中填充的每個圖案的輪廓（工作負載）
管理XML列表中的所有不同結構模式
使用jQuery - >加載XML>生成於前端
與jQuery列表 - >創建一個函數來替換/顯示specificly點擊$fabric_x

即時通訊思想將有可能是一些比較容易處理顯示方式剪影中的$布料 - 除了必須爲每個剪影 - $布料選項保存圖像外。

任何想法，意見或建議？

來源

2013-04-11 user1231561

我可能會想到簡單，，但你不能只是在圖案的圖像上放置一個反面形式的T恤（襯衫是透明的，其餘的是白色的）圖像？

<img src="http://us.123rf.com/400wm/400/400/davorr/davorr1101/davorr110100011/8627355-pilze-seamless-pattern-swatch-muster-included-in-eps-datei.jpg" 
width="400" 
height="400" 
STYLE="position:absolute; TOP:0px; LEFT:0px" /> 
<img src="https://dl.dropboxusercontent.com/u/62849616/Stackoverflow/shirts/hemd.gif" 
width="400" 
height="400" 
STYLE="position:absolute; TOP:0px; LEFT:0px" />

到這裏看看： http://jsfiddle.net/Vloxxity/m4APD/

來源

2013-04-11 11:56:17 Vloxxity

嗨Vloxxity，只是想看看你的小提示建議，以獲得你提到的想法。但似乎有些形象是相似的是打破了？ – user1231561 2013-04-11 12:26:16

GIF的鏈接肯定是壞的。 – 2013-04-11 12:27:59

你可以重試嗎？ – Vloxxity 2013-04-11 12:32:30

您的好友在在http://www.savvytailor.com確實做到了：創造每類面料圖像的打（袖口，背面，正面，袖子等），然後加載必要的圖像基於用戶對布料類型的選擇。這些文件分佈在多個文件夾中，每個襯衫都有一個文件夾。文件名稱對應於結構類型。因此，用於織物編碼PC04CP09-05的外領圖像位於http://www.savvytailor.com/3D_Shirt_Files/low-res-images/front-view/opened-collar/outside-collar/CL02/PC04CP09-05.png

如果您使用智能文件夾結構，則不需要單獨的XML來描述哪裏是什麼，您的PHP腳本將無論如何找到它。

您明顯可以自動執行文件和文件夾生成過程 - 使用Photoshop中的腳本功能或最流行的3d製作工具。

或者，您可以使用WebGL將您的襯衫加載爲三維模型，然後只更改紋理。

來源

2013-04-11 12:07:34

嗨，布萊恩。感謝您的支持！哦，是的，我確實看到了大量不同的陰影等圖層 - 並且也認爲使用某些Photoshop宏可能會有些自動化。也許這將是一條路。我唯一的想法是，我可能只是想把所有的面料放在一個文件夾中，然後一些自動化的JavaScript/PHP腳本會照顧其餘的（避免photoshop） – user1231561 2013-04-11 13:15:32

使不同的圖像模式出現在一個剪影襯衫

回答

相關問題