前幾節我給大家帶上很多電商美工設計的教程，很多朋友私信我、鼓勵我，這給我不少動力，謝謝大家。
今天繼續給大家帶來網店產品詳情設計教程，不過設計的是產品的細節圖展示教程，我們看看效果吧。
01設計步驟
第1步：打開我們的設計軟體photoshop,新建寬度790像素的文檔，高度1000+即可。高度根據我們具體要設計幾個細節為主。細節圖越多，當然高度越高了。然後在中間位置拉一條標尺線。
第2步：在圖層欄目中新建圖層組，接著在圖層組中新建圖層，在左邊畫一個長方形矩形，填充灰色，接著新建圖層，選擇描邊工具，描1個像素的長方形框。
第3步：選框我們先不要取消，接著新建圖層，按PS菜單點選擇菜單，修改收縮3個像素，得到一個縮小3像素的選框，我們對選框進行填充，填充灰色。
第4步：把圖層2隱藏起來，用選框工具畫一個小小的正方形，新建圖層，然後給正方形描邊1個像素，描邊的顏色我們選擇灰色。
第5步：按Ctrl+T對正方形框選擇45度。這部分我說得細一點，免得大家跟不上我的步伐。大家一步步來，不用急，做設計主要是細心加耐心，一定能設計出滿意的作品。
第6步：旋轉後的正方形我們移到左邊，讓它的上下角跟大的長方形邊框對齊，然後按Ctrl+T給它壓矮一點，形成一點的三角形。
第7步：用橡皮擦工具，把三角形左邊的邊框抹去，然後抹去大的邊框的重疊部分。得到下圖的設計效果。
第8步：複製圖層組1，得到圖層組2，接著點擊編輯變換，選擇水平翻轉，然後把組移到到右邊，對齊邊框的位置，同時往下移動一些位置。
第9步：用同樣的方法，我們把組複製2組，然後移動到下邊位置，形成一個間隔的位置。
第10步：依次把細節圖片複製到每個圖層組裡。複製圖片的方法我們之前的課程有講，其實就是給細節圖增加蒙版就可以了。
第11步：在圖層組上新建圖層，然後用鉛筆工具沿著中間的標尺畫一條豎線，線的像素我們選擇2個像素。
第12步：在最上面位置，右邊的空白處輸入數字序號、淺灰色的英文、深灰色的中文細節描述。排版整齊一點。
第13步：在英文的左邊線上畫一個紅色的圓點，同時給圓點底部添加一個白色的背景，形成的視覺效果如下圖。
第14步：用同樣的方法把其它的細節文字描述添加上去。可以採用複製的方法進行設計，這樣設計的速度更快。
第15步：修改中間線的長度，讓它儘量跟細節圖對齊，然後線的末端輸入英文字END。到此時，我們的設計就完成了。
02設計總結
此方法簡單，但是設計很新穎時尚，給整個店鋪產品詳情設計增添不少精彩部分。設計好這個文件，可以作為模板用於任何的行業。可謂是一個模板走天下之功能。
小夥伴們，你學會了嗎？
關注我，每天為您推送更多的電商美工設計教程。本文由粵北彭生生原創，拒絕轉載，謝謝！