如何設計商品圖片大全

❶ 網店商品主圖的設計是怎樣的

（1）啟動軟體，打開准備好的商品素材文件，該圖像應該在使用前經過修飾，已經達到可用的范圍。

（2）在軟體界面新建一個文件，命名為「首圖」。其高度與寬度為80000像素，解析度為72像素／英寸，背景為白色。

（3）對商品進行摳圖，選中商品圖像部分，並用移動工具把商品素材圖像移到新建立的文件中，調整位置與大小，使之在畫面上合理。

（4）在Photoshop工具箱中，選擇多邊形套索工具，羽化值設置為0，適當調整畫布，然後在圖像的右下方位置製作一個三角形選區，注意三角形的斜邊為45度角。

（5）首先單擊工具面板上的顏色拾色器中的前景色，彈出顏色拾色器面板，選擇顏色為#ff6633。

（6）在Photoshop中的圖層面板上，單擊圖層面板右下方的「新建圖層」按鈕，創建一個新的像素圖層，然後將上面製作的三角形選區用前景色填充。

（7）在Photoshop的圖層面板中，選擇商品「鞋」所在的圖層，這個操作不能缺少。執行「編輯」菜單中的「自由變換」命令，出現圖像變換控制選框。

(8)把滑鼠移到變換圖像控制選框的邊緣，直到出現雙箭頭的轉動圖標，這是運用轉動圖像功能調整商品的角度，使之與45度角基本匹配。

(9)運用軟體中的文字工具，切換為中文輸入狀態，在圖中三角形區域，單擊滑鼠，直接輸入相關文字。

(10)在保證文字圖層為當前編輯圖層的狀態下，執行「編輯」菜單中的「自由變換」命令，移動滑鼠，按住「Shift」鍵，使文字轉動45度。

(11)選擇轉動好位置的文本，打開字元面板，設置文本的屬性，設置文字字體為「微軟雅黑」，字體形式為「Bold」，字體大小為60點，文字間距設置為50，字體顏色為白色。

(12)在確定當前工作圖層為「拍下立減」圖層的前提下，選擇工具箱中的移動工具，把上一步設置完成的文本移動到合適的位置。

(13)選擇工具箱中的文字工具，用與上面同樣的方法，輸入文本數字「20」，位置、大小等可以先隨意。

(14)執行「編輯」菜單中的「自由變換」命令，對文字旋轉45度，可以直接在工具選項的轉動角度中輸入－45度，然後按「Enter」鍵確定。

(15)用字體工具重新選擇文字，使文本處於被選狀態，進入字元面板，設置文字屬性，字體為常用的「Arial」字體，文本屬性為「Bold」，大小為100點，字間距為50，顏色為白色。

(16)選擇文字所在的圖層，運用移動工具，調整文字的位置，注意不能移動背景，只能移動文字。

(17)選擇文字「20」所在的圖層，雙擊圖層，或者選擇「圖層」菜單下的「圖層樣式」命令，用來給文字「20」添加圖層樣式。

(18)在圖層樣式面板中，選擇「斜面和浮雕」選項，在結構欄中，設置樣式為「浮雕效果」，方法為「雕刻清晰」，深度為100%，方向為「上」，大小為5像素。特別要注意在陰影欄中，設置陰影的角度為151度，盡量使陰影的方向與圖像中鞋子的陰影方向基本一致。高度設置為37。其中高光模式的不透明度設置為0，而陰影模式的不透明度設置為100%。最後按「確定」按鈕。

(19)繼續運用文本工具，輸入文本，其字體、大小、位置等到下一步去調整，以便更好地設置文字效果。

(20)選擇「RMB」所在的文字圖層，執行「Ctrl」＋「T」自由變化命令，將文字正確轉動45度角。

(21)接下來是設置文字「RMB」的字體屬性，把字體設置為「Arial」字體，模式為「Regular」。字體大小為30點，顏色為白色，並處在「加粗」狀態。

(22)選擇文字圖層，運用移動工具，對文字的位置進行適當的調整，也可以用方向鍵對文本的位置進行微調。

(23)接下來設計首圖中修飾性、提示性、引導性以及表述銷售狀態的文字，要求簡潔明了，色彩突出，直接能引起消費者的注意，字體的設計特別要注意文字的顏色與圖像右下方的三角形的顏色一致。

(24)字體設計好後用移動工具調整文字的位置，需要提醒的是，首圖是商品圖像信息中最重要的部分之一，任何細節都必須認真設計。

(25)最後設計「火爆熱賣」或「降價甩賣」等文字，設計字體為「幼圓」

體，大小為48點，加粗設計，顏色為黑色。

(26)最後對文字的位置進行調整。

❷ 如何製作淘寶商品圖片模板

1。軟體工具：要自己製作寶貝模板，首先要選擇網頁編輯工具，目前業界最流行得就是 dreamweaver 了，用老微的frontpage也可以。想自己做的朋友最好選擇前者，frontpage我以前也用過，後來很少用，主要還是覺得dreamweaver使用更加方便，功能更加強大，畢竟是專門以這個起家的嘛。 需要dreamweaver 軟體的朋友可以 從網路上下載，下載方法：在 google 搜索欄中輸入「 dreamweaver 軟體下載 」 就可以找到很多下載網站了！！！，其它工具軟體你都可以這樣搜索到，下載就可以了。不過，記得下載完了一定要先殺毒哦，對我們這些店家來講，安全是非常重要得。

2。網頁製作之前，首先要考慮自己模板的基本布局。先不要著急用dreamweaver開始編輯，正式編輯之前我建議朋友們多看一些別人的作品，總結出寶貝描述模板的大體布局方法，需要的各個選項！最好的辦法就是先紙上談兵，在紙上用筆先勾畫出描述模板的布局，註明需要做的一些工作等。不過，寶貝模板的主要模塊我總結就是以下就是幾塊

A. 商品的大圖 B。商品的描述 C買家事宜 D配送方法 E店鋪分類 F 店鋪連接

可以在紙上粗粗描繪一下大體的布局，然後再開始下面的工作。

3。 准備素材。做網頁不能沒有素材，素材就是指一些養眼的圖片，文字，背景等資源。還有最重要的，也最可能用到的就是你店鋪的logo，寶貝的圖片，文字介紹跟店鋪商品有關的一切了。把這些素材都統統歸到一個目錄下面（真正正規的編輯方法是按照文件夾來組織自己的素材），方便以後尋找。另外，為了做出更好的效果，可能還要動用一下photoshop這個工具，特別對圖片處理都離不開它。下載的方法象上面所說的就可以了。

4。現在基本的東西已經准備好了。那麼就開始做吧。

淘巧網

A。首先打開Dreamweaver ，新建一個html網頁。這個時候工作台上你看到一個白色的區域，就是編輯區域了。

B。添加表格進行布局。這一點很重要，因為表格能夠比較方便的讓我們進行布局的分配，以及以後各種素材的定位。有了表格，我們心裏面就對布局基本有數了。在表格裡面可以添加我們的素材，文字，更改背景等。這些文字一般是通用的文字，固定不變的，不會隨著寶貝的不同而變化，比如【買家事宜】，【配送方法】等標題性和說明性的文字。這個時候我們還要留出放置寶貝圖片，和寶貝描述的位置，這些都是會變化的，因為每個寶貝的圖片，和描述都是不同的。因此一定要留出這個位置。 龔樹華的淘巧網

提示：這一步之前首先要把需要用到的圖片上傳網路上去，我推薦給大家這個網站。首先上傳有一個好處，以後在使用圖片的時候，直接可以找到圖片，然後復制下該圖片的連接添加到圖像佔位符的來源上面就可以了，不用再一邊上傳圖像，一邊編輯網頁。

C。在需要添加圖片的位置上，添加一個圖像佔位符，記住，寶貝描述模板中所有的圖像都一定是一個圖像佔位符，不能直接圖像。添加完後我們看到一個斷裂的方塊，證明該對象是個圖像佔位符。 淘巧

【重點理解】為什麼不直接插入圖像呢？直接插入圖像在淘寶裡面是無法顯示的。在要放置圖像的地方，包括背景圖等都要使用圖像佔位符。有了圖像佔位符，等於是先佔好了這個位置，然後在這個位置上添加相應的圖片連接地址，這樣當在瀏覽器中查看網頁的時候，瀏覽器自己按照圖片的連接地址下載圖像，就可以顯示出自己想要的圖片了。這點很重要哦。

D。在其它位置上也添加一些圖像佔位符，比如店鋪logo，店鋪分類等等，這些位置可以為你以後操作帶來方便。

E。把圖像佔位符的地方填好圖片的網路連接地址，具體到每個商品圖片時候，我們在淘寶里寶貝編輯器中再填進來。在淘寶的寶貝描述編輯器里，我們找到該商品的圖片連接地址，填到圖像佔位符的圖片來源上就可以了。這樣的話，只需要改動商品圖片圖像佔位符的圖像來源地址，就可以顯示我們想要的圖片了。

6。以上如果不出所料，按照自己的設計，基本上可以算完工了。具體美不美觀要自己慢慢調整。現在最重要的就是在Dreamweaver中切換到代碼編輯窗口，CTRL+a 選中所有代碼，選擇復制，然後選擇一個寶貝，在淘寶裡面編輯該寶貝，在寶貝編輯器裡面，選擇編輯源文件，這個時候就切換到代碼編輯窗口了。將先前復制的代碼粘貼到該窗口，然後選擇編輯模式，切換到圖形編輯模式。這個時候你就發現，以前你設置的圖像佔位符現在都顯示成圖片了。如果不能顯示，就證明該處沒有圖像連接地址。敢緊選擇該圖像佔位符，然後點擊插入/編輯圖像按鈕，輸入相應的圖片連接地址就可以了。 特別要提示的是：修改寶貝描述主要是能夠直接顯示寶貝的大圖。這個時候一定要更改寶貝圖片佔位符，把該佔位符的圖像來源改成是當前寶貝的圖片連接地址就可以了。 內容來自淘巧網

點擊一下預覽，可以看看編輯的效果，有什麼不滿意的，只能以後慢慢修改了。

切換寶貝編輯器到代碼模式，選擇所有代碼復制並拷貝到一個TXT文本文件中保留，以後每個寶貝都可以用到。新建一個寶貝的時候將這些代碼在代碼編輯模式下面直接拷貝過來，然後切換回圖像編輯模式改變對應的寶貝圖片就可以了。

怎麼樣，一切都很簡單吧。

下面的圖是dreamweaver中圖形編輯模式下的寶貝模板的布局，紅色字體說明部分是常用到的哦，一定要多加留意。

具體的效果大家可以到我的店鋪裡面隨便點擊一個寶貝看下就可以。還有很多地方要完善的，請大家多多指教。有什麼問題可以一起探討噢。只能算是拋磚引玉。希望高手們把你們的設計經驗跟大家交流一下。

補充說明一下,在寶貝編輯器中可以使用熱點連接這個功能來創建圖像上的直接連接功能.比如我的模板上麵店鋪介紹,逛逛本店,信用評價這些文字上面都使用了連接功能.這個連接功能怎麼實現的呢?方法如下 :

選中你需要做連接的圖片，圖像佔位符也是支持的。然後這個時候你發現dreamweaver左下腳有一些綠色的小圖標。這些是用來在圖片上畫出一些方形，圓形或其它形狀區域，在瀏覽器中，滑鼠經過這些區域的時候就會變成小手的形狀，這些區域就是熱區。滑鼠點擊這一熱區的時候就會連接到相應的網頁。

趕快在圖上畫一個區域，然後在dreamweaver左下角連接地址中輸入你想要連接的網頁地址。

將代碼考到寶貝編輯器，然後預覽一下，當滑鼠放到這些區域上的時候，就會變成小手的形狀。點擊一下，就會連接到相應的網頁了。

❸ 網店商品詳情頁主圖怎樣設計

消費者通過商品搜索頁主圖進入商品詳情頁以後，展現在消費者眼前的就是商品詳情頁主圖，商品搜索頁主圖與商品詳情頁主圖中的首圖可以相同，也可以不同（商家可以通過後台設置為不同）。各類網路零售平台系統允許商家發布的主圖最多是5張，有些平台要求5張圖全部上傳，有些沒有嚴格的要求，但對於正規的商家來說，用於銷售的商品的5張主圖一般是要做全的，除了首圖以外，其他主圖的作用與首圖比相對要輕一些，但也是非常重要的。一般主圖需要展現商品各個視角的外觀，也可以用於展現同款但不同顏色的幾個商品圖。商品詳情頁主圖的設計與製作相對比較簡單，一般情況下不需要像搜索頁主圖一樣進行詳細的策劃與設計，製作方法一般為：

先啟動Photoshop軟體，打開選擇好的4張表現商品不同角度，或者表現商品同款不同色彩，或者展現商品組合的不同角度，或者展現商品特殊細節的圖片。

然後，執行「Ctrl」＋「N」新建一個圖像文件，文件大小設置為80000像素，解析度為72像素／英寸，色彩模式為RGB。

接下來，運用選擇工具選取商品所在的圖像，把選中的商品圖像移到創建的圖像文件中，並調整相應的角度與大小即可。

如果需要背景的可以新建一個圖層，放置合適的背景，就能完成商品主圖的設計了。

❹ 商品主圖有哪些設計要點

在各類平台中，大部分類目對商品的主圖都有比較明確的設計要求，根據不同類目的情況，對商品的主圖有不同的設計要點。

（1）在設計商品主圖時，首先應該了解該平台商品類目對主圖的製作要求與規定，通過對規則的良好解讀，才能避免主圖的違規。如果經營的類目沒有主圖規范，商戶就必須了解什麼樣的主圖才會影響搜索排序。

（2）要明確在商品搜索頁主圖上添加文字的目的，一般是突出賣點、材質、折扣、促銷信息等。但這些添加信息過多，會遮蓋或影響商品主圖的展現，影響消費者對商品基本屬性的辨認、對比與篩選，影響商品搜索主圖的美觀性，很難將商品的視覺價值提升，甚至會嚴重影響消費者的購物體驗。

（3）在保證商品主圖的輪廓清晰的同時，盡可能在有限的空間中放大商品的主體圖像，在商品主圖上添加文字時，要合理設計文字的大小與顏色，但文字的大小與顏色不能影響消費者對商品的理解與判斷。

（4）商品圖片的清晰度是一張主圖的首要條件，模糊的圖片不僅影響消費者的視覺體驗，還會影響商品的價值體現。在選擇商品主圖素材時，應選取一張曝光正常的商品圖片，因為在計算機上顯示圖像時，圖片光線的色溫以及明暗，會造成商品的色差問題，如果採用了一張曝光有問題的圖片，就容易引起售後糾紛。

（5）合理的展現商品的角度。對於商品主圖，合理的展現角度，不僅能夠增強商品的立體感，同時也能讓消費者清晰地看到商品的全貌。一個好的產品角度，可以讓產品更加靈動。

❺ 淘寶網店如何設計商品主圖

1、首先打開一張拍攝得相對清晰的圖片，精度要高。只有精度高，才能經得起各種處理。

❻ 淘寶商品的主圖怎麼樣做比較好看

淘寶主圖怎麼做更有魅力？淘寶賣家要知道哪幾點？對於店鋪來說，好的寶貝確實能帶來很多的流量，但是要知道好的寶貝也需要好的主圖來襯托出來，所以主圖也是至關重要的，那麼主圖該怎麼做更好呢？下面我們就來看看淘寶主圖怎麼做更有魅力和淘寶賣家要知道哪幾點。
淘寶主圖怎麼做更有魅力
淘寶主圖怎麼做更有魅力？淘寶賣家要知道哪幾點？
一、主圖簡明扼要，突出主題要做好一個注主圖，首先是肯定需要主圖能夠讓消費者們有一個好的視覺效果，所以優化主圖時，一定要使主圖條理清晰，主次分明，還有壓迫讓消費者在卡被盜主圖圖片時，一眼就能夠看出關鍵點在哪裡，以及自己產品的賣點。淘寶賣家不應該在主圖上添加太多的東西和信息。盡管本意是好的，但如果信息太多，就會讓消費者覺得淘寶主圖是混亂的，不僅沒有體現主圖的價值，而且失去了原有的競爭力。所以，所以在繪制主圖時，必須簡明扼要。
二、主圖吸引買家，有代入感如果只是一張白底圖，那就太簡單了，而且也會顯得很僵硬。與同類商品相比，它也將缺乏競爭力。所以當我們製作淘寶的主圖時，我們可以根據產品添加一些畫面感的圖片，使淘寶主圖看起來更令人印象深刻。只要有賣點，就不必在主圖上寫太多東西。
三、要想店鋪有賣點，主圖要更優質除了要讓主圖有賣點外，其次就是形式在做主圖的時候，對於它的照片，一定要是精挑細選的，要讓主圖的拖具有較強的感染力。所以絕對不能隨便找一張圖片，就作為商品的主圖圖片。在選擇圖片時，一定要想好，因為圖片是吸引買家，並且能夠引起買家點擊慾望目的，這個是非常重要的。在製作主圖時，可以多從顧客的角度去進行分析，多思考一些創意，不要僅僅只是站在不要站在賣家的角度去思考，比如說，我買這個商品，我對這個商品的關注點是什麼，以此來進行思考的話，可以多多多去往顧客體驗進行優化。作為一幅好的主圖，它不僅需要精心的圖片拍攝，還需要更具創意的主圖，從而達到引人注目的效果，吸引人們點擊並有購買慾望。因此，在設計商品的第一張圖片時，必須將商品的焦點突出在第一張圖片上，或者添加一些個性化的東西使其脫穎而出。
好了，今天就和大家說到這里，祝大家工作順利，更上一層樓。

❼ 如何用adobe photoshop設計商品圖片

設計商品圖片一般用到ctrl+B,ctrl+U,ctrlM,用來調整圖片的亮度,色調,飽和度等.

❽ 淘寶商品的主圖怎麼樣做比較好看

1/10
打開美圖秀秀，點擊【拼圖】進入製作。

2/10
本節主要是使用模板製作主圖點擊模板拼圖……

3/10
添加多張寶貝圖片，你可以選擇美觀，且突出商品特色的圖片。按住CTRL+點擊選擇多張圖片，打開即可。

4/10
圖片即添加到左邊框，及顯示在主圖展示框（中間框）處；現在你可以在右邊，在線選擇你的模板，下載下來，以便以後使用。並選擇一個你喜歡的模板即可。

5/10
先對模板主圖的整體像素調整為700*700以上像素；如果你先做下面的步驟後，再調整大小，那麼下面所調整的圖片將要重新調整。因為模板的默認像素是寬500以內的。步驟的先後順序不能錯，特別是這一步。

6/10
製作主圖，調整各圖片：從左邊拖動圖片到中間框對應的位置，可更換圖片；點擊中間框內的圖片，會出現一個在右邊的調整框，在框內有一個白色的方形框，你可移動它，以及按住圓點拉動可縮小或放大；在框內調整時，你會在中間的框內，看到圖片也跟著變化。這樣，你就能對每一張圖片進行調整出最好的顯示部位了。你看看，加入的圖片，全部不用你事先用PS調整統一規格，就能完成了。.注意：淘寶主圖一般是700*700以上的，所以你在調整圖片前，最好先設置好這個主圖的像素。如上一步所說的。

7/10
多種底紋，任你選。

8/10
多種邊框任你選，選你喜歡的吧

9/10
也可以換一個模板然後重新像上面的調整方法，調整圖片即可。.完成，保存。

10/10
以下就是剛做好的幾張主圖。供你看看，發揮你的想像力，做出具有你特色的主圖吧。

❾ 網店圖片怎麼製作 網店圖片如何製作

1、淘寶商品圖片是對商品的展示，是對關於商品的文字描述的補充。商品圖片一般有五張，其中，第一張是商品主圖，將呈現在商品搜索頁面，第五張是白底圖，用於在手機端淘寶網進行展示。

2、商品圖片應為實物拍攝圖，包含對應品牌官網圖、雜志圖等。與本商品無關的其他品牌商品的圖片不算實物拍攝圖，只有文字信息而無相關商品圖的圖片等不算實物拍攝圖。

3、商品圖片中不得出現與商品信息無關的描述，如外部網站的聯系賬號、二維碼等廣告信息及虛假宣傳信息等。

4、白底圖的製作。手機端淘寶網首頁上大部分商品會針對不同的用戶需求推薦不同的商品入口圖，在發布商品的時候，上傳白底圖（建議作為第五張圖片上傳）才有機會出現在手機端淘寶網的首頁上。因此，商品白底圖的製作也是必要的。

5、白底圖除了背景色為白色外，還應當滿足以下要求。圖片應為正方形，尺寸為800像素x800像素。

6、圖片格式為JPG，圖片大小為38x3000。

7、無LOGO、水印、文字、拼接、陰影。最好將素材中的商品圖案進行摳圖處理，並將圖案的邊緣處理干凈。

8、圖片中不可以有模特，必須是平鋪或者掛拍，不可出現衣架、商品吊牌等。

9、商品需要從正面展示，不可從側面或從背面展示。

10、圖片美觀度高，質感強，商品應盡量放置平整。

11、構圖明快、簡潔，主體突出，商品要居中放置。

12、每張圖片中只能出現一個主體，不可出現多個相同的主體。

❿ 如何設計一個產品主圖

如何設計一個產品主圖，如下：

打開在線工具平台，進入工具平台的產品中心找到【雲設計】選項，在【模板中心】中找到（寶貝主圖）分類，進入主圖模板當中。在主圖模板頁面，選擇其中的一個主圖模板，點擊【在線編輯】進入模板的編輯界面。

進入編輯頁面中，雙擊模板中的圖文進行編輯，或者用右側的圖文編輯工具修改。在左側的內包含了許多素材，利用【文本】工具添加文字素材到主圖上，用【素材】工具內自帶的【免扣素材】可以添加圖片到主圖的模板中。

用【上傳】工具上傳本地圖片素材。再用自帶的AI摳圖工具處理圖片，點擊右上角的預覽主圖的最終效果。確認了主圖的展示效果後，就直接點擊【下載作品】就行。

產品主圖特點：

主圖體現產品的款式、風格、顏色等多個特徵，一張誘人的主圖可以節省一大筆推廣費用。這也正是有些店鋪在沒有做任何付費推廣的情況下，依然可以吸引很多流量的主要原因。

目前，很多賣家通常會在主圖上放很大的字體作為促銷信息，以致遮蓋住了商品主體。此舉雖然可以提升點擊率，但會影響美觀度，嚴重影響買家的消費體驗。所以，大部分類目對商品的主圖有比較明確的設計要求，對商品的主圖也有不同的要求和規范。