美工淘寶詳情頁製作（詳細教程）

下面就來簡單介紹一下美工淘寶詳情頁製作教程，希望能幫到你哦！

方法

做好一個完美的款式首先要在產品修圖跟詳情頁排版開始，因為這次是講解如何做好詳情圖，所以不含修圖教程在內，修圖的話主要是修好細節，展現版型特點，就比如寬鬆款式吧，寬鬆款式主要給人的是什麼感覺，舒適與自然，只要修出這種感覺就能讓人體會到衣服的好處！

首先先把要上的寶貝圖片都修好，在開啟PS-檔案-新建-設定畫素寬度高度-寬度750（天貓是790），高度不超過15000足夠用就可以了

新建好以後先把視窗調到50%，這樣方便排版（按個人習慣就好不必介意），排版只能靠自己的創作或者模仿其他詳情頁去做，詳情頁一般都會包含（小海報-款式講解-細節介紹-版型講解-面料或者材料說明-顏色分類-尺寸表或者配置表-模特或者款式展示）

先不用說的那麼複雜其實並不難，首先採用的是形狀工具，裡面的工具都可以使用，用心去創作或者模仿，用形狀工具做好模板如下圖。

排版要根據款式需求去排，例如寬鬆款講究的是簡單明瞭容易看不需要太複雜，這裡就隨便排個版如下圖；每個黑色圖層都代表每個圖片展示的位置，裡面包含著小海報-款式講解-細節介紹-版型講解-面料說明-顏色分類-尺寸表-模特展示。

都設定好以後就開始置入圖片，先考慮好圖片適合放置的位置，然後將圖片拖拉圖片或者檔案-置入圖片，並且把圖片與圖層順序擺放好（就像相片跟相框相片要在相框上置入）右鍵圖片圖層選擇建立剪貼蒙版，這樣圖片就只顯示在黑色圖層以內。

建立完成以後，圖片可以按Ctrl+T重新做調整，調整到適合美觀就可以了，以此類推，其它圖片也是一樣！

為了更美觀，在模特展示的空白位置可以加上一些英文或者韓文之類的語言用語來美觀下詳情，也可以在網上尋找別人的詳情頁把文字跟裝飾截圖下來直接放到自己的詳情頁內。

全部製作完成以後點Ctrl+R建立參考線，把參考線拖拉到適合的位置來切圖片，拖拉完成後，右鍵選擇切片工具-基於參考線的切片，如下圖。

切片完成後，選擇檔案-儲存為 Web 和裝置所用格式。

選擇儲存，選擇你要儲存的位置，然後選擇僅限影象（只要切片的圖片）。

存好後，它就會出現個資料夾裡面就是你做好的詳情圖！