當前位置:首頁>ps實例教程>ps網頁設計>淘寶美工>教程內容

ps淘寶化妝品廣告圖片設計教程(3)

來源:站酷 作者:白無常電商設計 學習:21192人次

客戶提供的圖片:
ps淘寶化妝品廣告圖片設計教程
效果圖:

ps淘寶化妝品廣告圖片設計教程

設計準備
什么是淘寶鉆展?


眾所周知,在淘寶平臺上的付費推廣中,有兩個效果是最好的,一個是大部分賣家都在用的直通車,另外一個就是鉆展了,鉆展全稱鉆石展位,是淘寶網圖片類廣告位競價投放平臺,其存在是為了應對淘寶的快速發(fā)展,特地為淘寶賣家提供的一種營銷工具,主要是依靠圖片創(chuàng)意吸引買家點擊,獲取超大流量。

鉆展圖片尺寸
首頁二屏小圖270*90,
我的淘寶首頁180*95,
個人收藏夾510*250,
資訊畫報內頁背彈750*490,
服飾頻道首頁950*90
淘1站首頁750*90

鉆展所在位置
鉆展位為賣家提供近200多個淘寶網內最優(yōu)質展位,包括淘寶首頁、內頁頻道頁、門戶、幫派、畫報等多個淘寶站內廣告位,每天擁有超過8億的展現(xiàn)量,還可以幫助客戶把廣告投向站外,涵蓋大型門戶、垂直媒體、視頻站、搜索引擎、中小媒體等各類媒體展位。

鉆展展示規(guī)則
名稱、制法、成分、效果或者性能有虛假夸大的。
使用他人名義保證或者以暗示方法使人誤解其效果的。
宣傳醫(yī)療作用或者使用醫(yī)療術語的。
有貶低同類產品內容的。
其實還有很多,這里就不一一列舉,關注自己的類目要求就行。

1、頭腦風暴

頭腦風暴法是被譽為創(chuàng)造學之父的美國人亞力克-奧斯本提出來的,是一種激發(fā)集體智慧,提出創(chuàng)新設想,為一個特定問題找到解決方法的會議技巧。我把他的頭腦風景四法則,改版了一下,獻給喜歡獨立思考的設計師們。

自由設想:你第一眼看見這個產品會聯(lián)系到什么。不要擔心自己的想法是錯誤的、荒謬的、或者離經叛道的。設計師就要敢于想想。
參考同行:我們現(xiàn)在走的路前面都有人。不要認為淘寶的設計都不值得借鑒。任何一個行業(yè)都有好與差,好的我們向它學習,差的看看到底差在哪里。
追求數量:“運用散發(fā)思維盡可能多提出設想,數量越多越有可能產生高水平的設想。
引申綜合:把已有的兩個或多個設想綜合起來產生一個更完善的設想;蛘呱磉叺耐,他對這個產品的看法,愛到啟發(fā)產生新的設想。

2、收集素材
對于收集素材也是設計師的能力之一,他能決定你完成設計的時間和質量。所以有許多的電商公司對美工有素材收集能力的考核。很多人問我,我的素材都是在哪里找的?在這里吐血推薦我最愛的兩個免費素材網站:

ps淘寶化妝品廣告圖片設計教程

3、產品修圖
修圖并不高深,只需要我們對攝影靈魂光影把握好,產品自然生動有細節(jié)和質感。而產品的光影在原圖里已經告訴我們了。我們只需要對光影進行加強對比和明暗的過度。

ps淘寶化妝品廣告圖片設計教程
原圖比較灰,圖灰的意思就是暗的不夠暗,亮的不夠亮,對比不夠明顯。

ps淘寶化妝品廣告圖片設計教程

去色之后,就更容易觀察圖明暗效果了。可在圖層上方建一個觀察組,用漸變映射去色。

ps淘寶化妝品廣告圖片設計教程
單獨摳出化妝品蓋部分,新建一個圖層,漸變從黑到白到黑到白再到黑。

1、是拉的黑白漸變效果。
2、對漸變效果進行水平動感模糊。
3、瓶身拉的漸變效果并動感模糊,透明度設置為65.
4、對兩個漸變混合模式選擇柔光。
5、新建一層填充百分之50,用白色畫筆透明度設置成20-加強高光,用黑色畫筆加強明暗交界線。

ps淘寶化妝品廣告圖片設計教程

用上面的方法,對化妝品每個層單獨摳出來,用黑白漸變,結合加深減淡工具處理細節(jié)。像小瓶的化妝品蓋章和瓶身中間的高光,用鋼筆工具單獨繪制出來,執(zhí)行鋼筆描邊 》 鋼筆壓力 》 確定。模式選擇柔光,刻稍微模糊一下,看起來更自然。倒影,在原圖單獨里摳出來,放在新建的化妝品底層,模式選擇正片雙底。

ps淘寶化妝品廣告圖片設計教程

4、素材合成
收集的兩張素材

ps淘寶化妝品廣告圖片設計教程
選區(qū)工具,把文字選擇,按SHIFT+F5去除水印。調整好圖片的位置和大小。

ps淘寶化妝品廣告圖片設計教程

把產品圖拖進來,并用色相飽和度工具,單獨對背景圖層調成和化妝品同一個色系,色相參數為-31

ps淘寶化妝品廣告圖片設計教程

在產品后面添加一束背景燈光,把產品和背景分離出來,突出產品。新建黑色圖層,模式選擇濾色然后選擇菜單欄濾鏡 》 渲染 》鏡頭光暈。記得對光高斯模糊一下,這樣光比較柔和自然。光不夠強就多復制幾層,我的是復制了三次。

ps淘寶化妝品廣告圖片設計教程

把素材花的圖摳出來,放在產品和光的后面,處理好細節(jié),調整大小位置如下圖。

ps淘寶化妝品廣告圖片設計教程
在產品前面增加一朵花,增加層次感,有前有后。再加點調光添加文案。最后最后記得銳化哦。

ps淘寶化妝品廣告圖片設計教程
作者微信,每周更新一篇美工教程,每日推薦一篇優(yōu)秀電商設計。

ps淘寶化妝品廣告圖片設計教程

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
錢途2018-03-01 11:24
我的作業(yè):
深藍2016-06-15 04:13
不錯
深藍2016-06-15 04:06
不錯
2015-08-16 02:57
很棒
PS教程自學網網友2015-08-16 02:08
很棒
吃貨杉寶2014-11-27 01:41
感謝分享
mayday2014-11-26 11:56
頂頂頂頂
我喜歡轉筆婷2014-11-26 04:13
來學習的 ,多多指教
悟空剃毛用奔騰2014-11-26 03:50
謝謝指導~
萌歌詩璐璐2014-11-26 12:26
有點簡單
金頂一小金2014-11-26 11:48
挺不錯的教程
天上謫仙2014-11-26 11:09
嘗試著模仿,細節(jié)好難把握
豆腐小少爺2014-11-26 10:46
頂下頂下頂下頂下頂下頂下
安慰的體溫2014-11-26 10:37
樓主那些素材呢?我們論壇教程都是沒有帶素材的嗎?
安慰的體溫2014-11-26 10:11
樓主那些素材呢?我們論壇教程都是沒有帶素材的嗎?

關注大神微博加入>>

網友求助,請回答!