如翼視點
首頁>如翼視點>貼紙設計過程全解析,原來設計貼紙這么簡單
貼紙設計過程全解析,原來設計貼紙這么簡單
發表時間:2021-06-23

針對不同的設計載體,設計方法也會有所不同,這篇教程我們來學習如何設計插圖貼紙。今天的內容是先分析擬人插畫風格的特點,然后講貼紙的文字編排,最后繪制插圖與設計貼紙。




這是最后的效果,感興趣的小伙伴就繼續看下去吧!








先分析這次使用的插圖風格,這個我稱為美式擬人插畫風格,這些插圖大家能發現它們的共同點嗎?




這些插圖是否會讓你想起米奇呢,美國在1928年出現世界第一部有聲動畫片《汽船威利號》,這部電影的問世標志著米老鼠形象的正式誕生。隨后米老鼠一步步做了形象的修改,最后演變成了我們最熟悉的樣子。




而這個形象已經在我們的認知里扎根。




它身上幾乎所有的部位都成為了一種視覺符號。




所以后來的插圖參考了這種風格,主要體現在運用了手臂腳臂呈管子狀,只有四個手指的手掌,有時候會帶著白色手套,眼睛的缺角、嘴巴的特點,以及大號的腳掌等?;旧鲜褂玫竭@些元素就能還原這種風格的特點。




一個無生命的物體,添加表情和手腳后,它就會變得很生動,這就是擬人化。因此我為這個風格命名為美式擬人插畫。這種風格出現的頻率也越來越高。




比如2019年上線的茶杯頭游戲,創作團隊就明確表明游戲風格是受20世紀30年代動畫片啟發,兩個主形象的設計都和我剛剛所說的特點一致。




插畫師Yeye Weller也充分地使用了這些特點。




                             插畫師McBess作品                                                          插畫師steve_ gavan作品


也可以在這些特點之上進行改動,比如腳掌大小變得正常、或者手掌也可以去掉白色手套、眼睛的部位也有了新的處理,但是這種擬人化整體來看,它們體現的還是20世紀30年代動畫片的味道。









說到文字編排,比較熟悉的應該是海報了,用海報與貼紙作對比會更容易理解。首先海報里面的文字信息比較多,因為海報的尺寸比較大,字體在版面中看起來很小也能看清。但是貼紙里的信息編排一般沒有這么復雜,貼紙的尺寸一般很小,相比于海報來說,同等大小的文字在貼紙里會顯得更大。




海報的尺寸一般為矩形,而貼紙可以根據不同內容形成的邊緣而變化。

包括去掉插圖直接用文字,再配上合適的形狀都是非常常見的。




在貼紙的編排里,無論用什么方式編排,基本是為了解決圖形的負空間。




比如這些固定形狀的標簽,在編排文字時就會盡量去貼合邊緣去排,

這樣整體的文字與形狀是貼合的,也就不存在讓人不舒服的負空間。




這個時候應該沒有人會排一個兩端對齊的文字組吧?

兩端對齊的文字更適合放在矩形里。












在貼紙里經常使用繞排的文字,因為繞排總能讓文字與形狀邊緣貼合。圓形的、三角形的、方形的都可以。




以插圖為主的貼紙,可以先分析插圖的形狀,再選取和插圖比較貼合的貼紙形狀,

貼紙的形狀越貼合插圖,需要解決的負空間就會少,文字編排起來不會太費力。




Cahya Sofyan設計的插圖


但是插圖與形狀之間的貼合性肯定不總是完美的,以Cahya Sofyan的這個插圖為例,我猜測他通過插圖形狀的判斷,選擇了拱門形的貼紙形狀。發現上方和形狀很貼合,但是下方空出的空間有點不舒服。因為插圖花盆的形狀與文字的外輪廓非常抵觸,就像一個尖銳的東西要和墻面碰撞在一起一樣。




而這位設計師的解決辦法,就是在插圖的背后加上和形狀邊緣非常貼合的背景,

這樣看起來,這個背景和插圖是一個整體,而插圖與文字的沖突也被沖淡了。




最后一點是貼紙的風格要一致,因為貼紙它一般不會以單個出現,一般是以多個為一組出現。




如果你要讓這些貼紙呈現一個比較完整的效果,就要注意每個貼紙之間的風格要一致。比如色彩、文字都要注意統一。和系列作品所呈現的一樣,因此貼紙也算是系列作品的一種形式。








在插畫擬人化的主題選擇上,我選擇了常用的水果,打算對它們進行一些聯想。




比如說香蕉,在撕開香蕉皮的時候,它讓我聯想到一個提起裙子行屈膝禮的人。

有畫面感就可以開始執行了。




先加人物表情。管子手加上提著裙子的手勢。

腳掌是簡化的形狀。

那么香蕉的擬人化形象就畫好了。




接下來是櫻桃,我們一般畫櫻桃的時候很喜歡畫并蒂的兩個櫻桃。

它們看起來就像感情很好的兩兄弟一樣。

所以我打算畫它們勾肩搭背交談的樣子。




它們的表情最好有一些區別,比如有的睜開完整的眼睛,有的瞇起眼眼。

就畫了它們正在走路的樣子。

最后畫勾肩搭背的手。為了增加活潑感。




后面的就不講這么詳細了,主要是桃子和屁股聯想到一起,

葡萄吃自己的葡萄,芒果正在度假這些聯想。

相信這些簡單的表情與手的繪制不會難倒大家。




到現在為止,我們的插圖都畫好了,最后就是要將它們做成貼紙。



插圖本身就可以制作成貼紙的,但是有時候我們需要形狀更簡單一點的貼紙,或者希望貼紙表現不一樣的形式感時,文字的加入就有必要了。接下來我將會為大家演示,如何根據不同形態的插圖選擇不同的基本形與添加文字編排。




先確定物體的形態,首先它的比例偏向長方形,因為形態上有弧度,所以用拱門形的貼紙形狀會比較貼合。

剩余的空間就是我們需要編排文字的空間了。




先嘗試繞排一段文字,字體是大還是小,都感覺文字與插圖不夠貼合。

是因為插圖邊緣和文字的邊緣不夠貼合,產生比較零碎的負空間。




所以這就需要用到剛剛講到的一個方法:為插圖加一個貼合貼紙形狀的背景。因為這個形狀的加入,圖形與插圖看起來更像是一個整體了。在這個基礎上,只需要把下方的空間安排好就可以了。下方加入中文,剩余空間加入小元素點綴。這個貼紙就完成了。




櫻桃整體形狀是接近三角形的,在選取貼紙形狀時候要選擇和三角形相關的形狀,

又要留有一定的文字空間。我選擇的是菱形。




它四個邊的角度是比較貼合插畫邊緣的,但是上下左右的角太尖銳,可以作圓角處理。

因為上方的形狀和插圖比較貼合,只需要在插圖下方的空白處加文字就可以了。




下方的結構是倒三腳,所以用居中對齊的方式比較合適。

在外圍加一圈描邊,發現它們走路沒有影子感覺有點飄,所以就加了影子。




桃子插圖的形狀整體是圓滾滾的,偏向橢圓。




插圖和橢圓形周圍的空間比較均勻,所以文字選擇直接繞排。文案不夠的時候加小元素點綴是很好的方法,既可以填補空間又可以作裝飾。加了陰影平衡插圖上方的重量。貼紙的外圍我加了一層底色,豐富貼紙的顏色。




葡萄的外形接近三角形,這一次不選擇菱形,選擇三角形嘗試。




大概規劃好,上方是插畫,下方是文字的結構。同時對太過尖銳的角進行切除和圓角處理。




大體外形是貼合的,但是有些小地方還是顯得很空。所以又要用剛剛的技巧了。

添加貼合形狀的背景。如果還覺得不夠,可以豐富一下背景。最后添加上文字。




芒果下方的形狀非常接近于正圓,所以可以直接使用正圓。




插圖放置于底部,上方用于編排文字。

這個形狀是圓弧形的,想要貼合這個形狀,文字用繞排的方式比較好。

前面我們有提到繞排與居中對齊相結合的方式,在這里就可以用上。

最后再加個描邊,讓文字與插圖整體性更強。




現在所有的貼紙都完成了,但是放在一起的時候,會覺得有點單調,我們可以加入一些簡單的、比較小的貼紙來豐富貼紙的種類。只是簡單的文字編排或者小圖案就可以達到這個效果。




最后貼個樣機或者做個動圖。那么可愛的貼紙就完成了!





總的來說,這一類的貼紙可以先繪制出插圖,再根據插圖的形狀特點,

和考慮到預留的文字空間,挑選適合的形狀,再根據形狀特點編排文字。

但是最重要的一點是,一定要注意每個貼紙之間風格要統一。


作者:研習設K先生    如翼推薦

新婚少妇毛茸茸的性_老头舒服FULLHD_亚洲高清国产拍精品嫩草影院_IGAO视频网在线观看