【淘寶美工教程】一招學會Banner設計製作!

2021-12-29 電商美工設計PS設計教程

收錄於話題 #美工教程 50個

在電商設計環境中,由於更新迭代非常快,設計師時間倉促,所以很多抄襲現象。一個優秀設計師出了一個作品,沒多久就能在各種類目看到這個作品的各種展現。很多設計師心裡也非常納悶,明明我臨摹了那麼多作品,為什麼還是無法原創自己的作品?

其實並沒有什麼東西是完全「原創」的,很多設計師的靈感也是從自然而來,從現實而來,整理這一篇教程的用意,就是希望能幫助大家如何原創一張BANNER。

『 設計解析』

這邊我先拿一張以前的海報舉例,把它拆分開看看構成。首先確認它的風格,這是一張寫實的合成海報。

通過解析,大概可以看出構成一張海報需要這些元素,於是得到如下的結構:

知道這些元素以後,那麼再來分析一些平常見到的抄襲。如下展示,上圖是我的原稿,下圖是抄襲稿,由於當時是別人截給我看,所以沒有大圖。從以上5個構成來看,風格,構圖,字體色彩,和元素基本全是一模一樣的照搬。這個就是我們常見的抄襲,那麼如何參考才能做出自己的東西,而不是直接抄襲呢?這邊我整理了幾點方法。

從上面知道BANNER由五大元素組成,日常我用到最多的就是只參考一種元素,這樣會大大降低相似度。

如下圖我參考的點是風格,實景+淡色背景為主,人物與建築結合,體現情懷。當時是想展現一種積極向上的狀態,於是覺得風格比較合適。粗粗一看,兩張風格還是比較像的,但是對於構圖,字體,色彩和元素就要根據自己的需求來另外設計,得到了一張不一樣的圖。

同樣一張圖,這次參考的點是構圖,左右構圖,左人物右文案。同樣運用了雙重曝光,然後再針對自己的海報,進行字體設計,顏色設計,還有元素變換,出來的風格也是完全不同。其實在這個過種當中,有思考很多東西。先抓準了一個點,去想它的創作手法,然後再根據這種手法進行再創作,這樣不僅這次有學到東西,下一次還會在這基礎上熟練運用。


參考現實,這是很多大師運用的手法,比如服裝設計師用植物來裝飾服裝,動畫大師會畫一些真實場景。這也是最容易獲取靈感的渠道,平常多多觀察生活,遇到有趣的事物,用相機拍下來,創建自己的靈感庫。

如下圖我參考了一張街道照片,在畫的過程當中,因為街道本身顏色較弱,於是加入一些顏色讓它豐滿起來。去掉複雜的電線,會覺得畫面較空,於是畫了山和雲朵,讓畫面足夠飽和。

最後再畫人物,人物是參考的另一張照片,這個人物本身背影不夠帥氣,我就在髮型和身材上都做了修改,衣服的顏色也稍微變換了,感覺更有層次感。

創作時期,因為製圖軟體的限制,覺得很多效果無法實現。但多看國外大師的作品,會發現他們運用各種手法,比如拍攝+軟體結合,這樣可以避免製圖軟體的平面限定。

如下圖,我們需要白兵坐在車裡,但是現有的網圖沒有合適的角度,完全靠合成又會花費具大的時間來找圖修圖。我們直接購買了一個模型,拍攝+精修再合成海報。節省了工作時間,也開拓了更多的作圖方法。

當然這只是方式之一。現在會C4D的設計師也越來越多,這種三維軟體也解決了很多平面製圖軟體的弱勢。

自己手工塗塗寫寫也是一種好辦法。字體版權意識越來越強烈,很多字體是非免費,那麼這個時候就可以嘗試自己隨便寫一些字。

首先根據自己的需求來制定字體風格,當時我的需求要做簡單的手繪,於是我選了可愛的風格。寫的時候故意不規整一點,然後導入軟體鋼筆描繪再進行一些筆劃的修改,比如太長的修短一點,也可以調解字體的形狀。這種方法可以做很多字體,多嘗試一定可以做的更好。

除了手繪字體,還有很多其他的也可以嘗試,比如泥塑,還有手工製作場景等都是一些好玩又有趣的方法。這樣你的作品就是獨具一格的了。

除了以上所述,最好的方法就是積累與思考。我有很多小習慣,如果一空下來,就會上各種設計網搜集一些新的設計海報,然後再給它們歸類。看的時候不要只看表面,更多的是想想它的創作思維和方式,如果有時間最好就是臨摹一下,這樣更容易學習別人的創作思維。

平常生活當中,很多APP的閃屏,街邊的櫥窗廣告,公交站牌,地鐵廣告,都會有很多非常棒的創意和設計,看到喜歡的我也會拍下來,回家再仔細思考,雖然我做電商,但是不一定只參考和學習這一種設計,更多從其他方面學習,才會打開我們的眼界。

『 總結 』

以上就是我所總結的小技巧。製作一張原創的圖片沒有那麼難,雖然平常在頁面設計中,有時候靈感來的比較及時,不需要參考,但大部份時間,設計師都需要看些參考,來碰撞出自己的想法。學會總結別人的優點會比直接拿來主義要好的多,不停的思考,不停的總結才是進步最好的動力。希望這篇教程有幫助到大家~

相關焦點

  • PS製作大氣的店鋪banner廣告 Photoshop自學課程電商美工設計教程
    做電商美工絕對是個辛苦的工作,除了產品上新以外,我們每隔段時間都要根據季節的變化,或者節日促銷活動做一些店鋪banner廣告。不過呢,痛並快樂著。今天交大家一個最簡單的設計教程,我們來看看效果先吧。01設計步驟設計步驟1:打開PS新建文檔,文檔的尺寸自己根據自己的banner尺寸來定義。
  • 淘寶美工設計掌握的知識有哪些?零基礎怎麼快速學會淘寶美工?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享淘寶美工設計掌握的知識有哪些?零基礎怎麼快速學會淘寶美工?很多學習淘寶美工設計的新人,往往學習了好一段時間,都不見什麼成效。像小編最近會經常被問到:淘寶美工需要掌握哪些知識?零基礎該怎麼快速地學好美工設計?等等問題。據了解,很多人學習沒有效果的原因是一直盲目地學習,沒有抓住美工設計的重點知識去學,讓自己走了不少彎路,也浪費了不少時間和精力。淘寶美工設計需要掌握哪些知識?
  • 淘寶美工難學嗎?如何學習淘寶美工設計?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享淘寶美工難學嗎?如何學習淘寶美工設計?入門容易,做好不易,美工這行不是舒適區,但卻是付出多少努力就一定會有相應的回報!二、做淘寶美工需要學什麼?
  • photoshop製作網店產品廣告banner電商美工設計教程 PS自學課程
    夏季的到來,我們做電商的朋友估計也要忙開來了,尤其是做設計的朋友,為新品添加新的廣告也是迫在眉睫哦。今天由我來教你一個用photoshop設計店鋪廣告的方法吧。設計的步驟簡單,可設計的影響力卻非同小可哦。此方法用在各個行業皆可。
  • photoshop製作大氣網店廣告 產品詳情圖片設計 電商美工設計教程
    所以設計一個吸引人的店鋪廣告就變得尤為重要了。今天我教大家一個簡單的方法,用photoshop快速設計一個簡潔大氣的店鋪banner廣告。我們先一起來看看設計的效果吧。這個尺寸是天貓、京東、阿里巴巴詳情的寬度,淘寶跟拼多多的寬度是750像素,我今天就用天貓店鋪詳情的尺寸要求為例。保存文檔後,我們新建圖層,填充前景色,顏色隨意。然後給圖層添加一個漸變樣式,漸變我習慣用3個色標,如圖,色標分別為:e6e6e6、dbdada、e6e6e6,漸變的角度為0。第2步:漸變添加好後,文檔的背景如圖所示。
  • 淘寶美工設計前途到底怎麼樣?零基礎該怎麼學淘寶美工設計?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享淘寶美工設計前途到底怎麼樣?零基礎該怎麼學淘寶美工設計?在這個日益激烈的經濟社會裡,想要穩固立足於職場之中,沒有一技之能,談何容易。據了解,很多有志青年人士都非常看好電子商務這個行業,並以此希望能夠在美工設計方面發展。那淘寶美工的前景怎麼樣呢?做這一行是否有前途?零基礎要如何學好呢?如果你有這方面的疑問,且隨兔課菌一起來探究一下。一、美工前景如何?有沒有前途?就目前而言,美工的就業前景還是不錯的。
  • 淘寶美工設計的發展前景是怎麼樣?做淘寶美工需要什麼技能
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享淘寶美工設計的發展前景是怎麼樣?做淘寶美工需要什麼技能?隨著電子商務的迅猛發展,想創業自己開淘寶店的,或者看好這個行業,想從事淘寶美工工作的人越來越多。那目前淘寶美工的就業前景如何?現在學習還有前途嗎?需要掌握哪些技能呢?以上這些是很多小夥伴都比較想了解的問題,那兔課菌今天也來跟大家聊聊自己的一些看法。希望對你有些幫助。
  • 如今轉行做美工設計怎麼樣?零基礎如何學好美工設計?
    那麼問題來了,美工那麼受歡迎,競爭那麼大,發展也挺長時間了,現在轉行做美工還有前途嗎?零基礎的話,又該如何學好它呢?那兔課菌今天就跟大家談一下這些問題。一、現在轉行做美工有前途嗎?就目前而言,美工的就業前景還是不錯的。
  • 淘寶美工設計需要掌握哪些必要的技能
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 淘寶美工設計需要掌握哪些必要的技能?寫在前面,如果是想少走彎路,節省時間,需要有人管著才能學得進去,建議找個靠譜點的培訓班,入門快一點,如果自學自律能力強,又差錢,自學就相對好一點。
  • 淘寶美工設計入門需學習哪些知識?需要學多久?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 淘寶美工設計入門需學習哪些知識?需要學多久?關於這個問題,小編想先就「學多久」這一個疑問做解答。
  • 【淘寶美工教程】電商圖精修,玻璃類化妝瓶後期修圖解密!
    >,每天更新最優秀的設計教程,大量乾貨!!2015最全面淘寶美工設計教程,需要的請點擊「閱讀原文」來越多人進入了淘寶美工行業,但是修圖的質量可是作為美工考核的重要指標今天憨憨就給大家介紹一篇既簡單又實用的淘寶美工必看教程: PS精修電商中的化妝瓶圖作者修圖的思路非常好,過程:拿到產品圖片後先不要急於處理,先分析構成,並找出缺點;然後由底部開始修復,不同的材質需要用不同的高光來渲染。原圖
  • 做淘寶美工設計師需要掌握哪些專業的知識?零基礎怎麼學好?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 做淘寶美工設計師需要掌握哪些專業的知識?零基礎怎麼學好?很多學習淘寶美工設計的新人,往往學習了好一段時間,都不見什麼成效。
  • 新手學淘寶美工會不會很難?怎麼學習效率高?
    在學習淘寶美工之前,首先你要鍛鍊自己有足夠的耐心,因為淘寶美工也是設計,而設計不是一時半會兒能學好的,是需要長時間的積累和沉澱的,還要有足夠的細心,因為在設計上如果出現了一個小小的問題就可能出現很大的錯誤。很多人都會問:怎麼鍛鍊呢?
  • 皇冠賣家如何自學美工,ps教程免費送.新手開店做圖一定要學會
    但是當時來講都沒有什麼資料可以學習的,就算有教程資料,那都是非常貴的,當時唯一學習的地方也就只有淘寶大學,還有一些稍微老點的賣家在論壇上分享的一些經驗,其實什麼時候都這樣,開店初期都很迷茫,沒有東西指引你,你找不到方向,我當時唯一的好處就是我自己開了實體店,除了接待客戶外,剩下的就是時間了。
  • 原來Banner設計還有這麼多套路!
    今天分享的文章來自於UI中國會員-FLYXMF 的Banner製作的套路分析。
  • 淘寶開店你還在自學美工嗎?別傻了快來淘季網吧
    朋友小夏這幾年上班也攢了一點積蓄,決定自己出來做點事情,多方了解決定在淘寶開個店,準備做床上用品。家人看他下定決心要做也支持他。從想法到變成現實中間隔了一條銀河,小夏先去南通家紡批發市場做了一個了解。然後在附近找個房子租下來,簡單收拾了一番,配置了電腦就這樣開啟了自己的創業之旅。
  • 零基礎想學美工設計要掌握什麼軟體?如何入門學美工設計?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享零基礎想學美工設計要掌握什麼軟體?如何入門學美工設計?阿里巴巴的發展,帶動了電子商務的運營,而電子商務的運營離不開淘寶美工,美工無疑成為了時下比較受歡迎的職業之一。像最近就有不少小夥伴私信小編,問淘寶美工需要掌握哪些軟體?自學該從何入手?等問題,今天兔課菌也來跟大家分享一下。一、淘寶美工需要掌握哪些軟體?
  • 【淘寶美工教程】教你做出雙11效果的banner
    因為雙十一的關係,最近天貓的頁面、banner的設計都變得很絢麗,熱鬧。出跳的設計在雙十一的促銷活動裡往往更能刺激用戶的購買慾望,提高轉化率。快節奏的生活使人的專注力越來越分散,熱鬧,靚麗的設計往往能更吸引用戶的眼球。
  • 網頁設計製作案例教程,網頁設計製作案例教程視頻
    這就是在騰訊h5教程工作浪漫雅園字體時紙箱包裝ai設計教程大部分時設計平面設計技術教程視頻間面對的問題,如何將一款60分banner電商設計教程以上的產品優化若水插畫、迭代到100分或100海報ps平書籍封面cdr 面產品設計教程教程+?
  • 美工知識,在PS中製作動感十足的噴濺油漆運動鞋創意海報
    教程通過PS製作動感綠色噴濺油漆運動鞋海報,可以用於一些產品製作,在設計上還是很值得借鑑的,同學們可以通過教程來切實的學習一下,相信通過教程可以製作的更好,在淘寶美工中,有很多需要創意的設計,根據教程所示,可以試著來製作一下,相信做出來的作品更驚豔,也更有設計感。