您的位置:首頁>設計>正文

LOGO設計教程實戰案例:視覺造型能力終極教程

本文通過這個實戰案例, 為你揭秘LOGO設計中的視覺造型能力和設計流程。

他是一位成都籍藝人;

他是鼓手, 說唱歌手, 人民藝術家;

他詼諧幽默, 現場感染力極強;

他就是來至東漢末年的Rapper — 說唱傭

第一天 線性LOGO

線性LOGO 看起來精細極致, 常應用於icon設計中, 線性LOGO的設計的要點在於對設計物件的整體抽象能力和歸納總結能力。

1, 資料收集

設計前腦海中一定要有個大概風格, 有了明確的目標, 你找到資料才會更加的精准, 設計也更加準確。

比如我想設計下圖的建築類線性LOGO, 你就需要分析, 這種線性的LOGO, 主要通過線條來概括建築外輪廓, 圖片的選取儘量突出設計項目的外輪廓, 選取能全面概括設計項目的圖片。

我選取的是說唱傭平視45度角, 這個角度是因為這個角度說唱傭的動作表現更加舒展, 正視圖和側視圖說唱傭的動作都會被遮擋,

2, 勾勒草圖

草圖目的在於快速的瞭解設計物件的整體輪廓, 找出設計物件亮點。

比如一提起蝸牛就聯想起蝸牛殼的螺旋線, 一提起說唱俑聯想的就是笑臉和誇張的動作。 這個聯想點就是你設計需要突出的亮點,

給圖形確定一個圖形的細節記憶點, 使它區別於其他的圖形:

3, 幾何化元素

對於任何物體來說, 都可以用以下四種形態來組合。 設計就是一個抽象簡化的過程, 用簡單的元素概括出設計項目。

在幾何化之前, 先畫出幾個大小不同的圓, 直徑比例為:1, 2, 3, 5, 8, 13, 21… … 就是著名的斐波那契數列, 數值越大越接近黃金比例。

設計的時候儘量去套用大小不同的圓:

4, 確定線寬

按照上圖的曲線勾劃出後, 減去多餘的線段, 給剩下的曲線加上了線寬。

可以看見, 很多細節都不能表現, 甚至擠在一團, 這個時候需要再次簡化設計, 把更多不影響設計的線條剔除。

題外話:

我現在習慣在Rhino(超級奇葩有木有)裡面勾線然後轉AI進行編輯。

Rhino

優點:隨意倒角以及超強的切線功能

缺點:不好修改線寬

Coreldraw

優點:倒角+貝塞爾線功能, 按兩下就能編輯, 隨意的刪除及添加節點, 以及刪除後自動優化線條(AI無法匹敵)

缺點:MAC系統沒有, 沒有, 沒有, 我的天啊, 讓我自斷一隻手,所以才有奇葩的用Rhino畫線

AI

優點:強大的編輯功能(雖然我沒有深入研究)

缺點:讓CDR先入為主了,第一時間沒有遇見你,你再好,現在也對你有偏見了,不好意思

Sketch

優點:做UI的時候超級超級超級方便

確定:對於圖像和圖形的處理不是很強大

軟體是其次,學會多種軟體之間的轉化,設計的思想與輸出比軟體重要。

5,優化細節

調整多餘冗長的線條。設計要有捨得精神,不是越多越細就好,剛才畫了很多細節,但是現在看起來都是累贅,不斷的簡化設計,突出細節細節記憶點。

設計當中也還是有二八原則,即80%的設計項目都可以普普通通,20%的亮點足夠精彩精彩就行了。

比如咬一口的蘋果,你把Apple 的logo填滿,它就是一個普通的蘋果,但是咬一口之後,它變得與眾不同。

6,繼續優化

前面的優化基本上一個圖形都到90%了,但是整體看起來不透氣,不通透。沒事可以可以多多學習國畫,書法當中的氣韻,國外也有同樣的理論叫視覺流。一個連貫的視覺流,讓設計看起來氣韻神合。

同時設計也推崇存在即合理,一個元素的存在要有合理性,你舍去的東西和留下的東西同樣重要。

7,潤色定稿

修改一個顏色,檢查最後的東西,比如該打碼的就打碼,(下垂我就不管了)

第二天 圖文結合型LOGO

第一天玩的都是線,第二天想嘗試玩玩新花樣。不能老是用線玩捆綁,至少也試試皮鞭蠟燭之類的。

老司機腦海裡浮現了各種CLUB,那就做一個類CLUB或者球隊類風格的圖文結合類的LOGO。

1,收集資料

按套路出牌,確定一個方向目標,大概找一下心理想要的風格,我一般會流覽Pinterest 和花瓣,上面應有盡有。

2,勾勒草圖

分析了上面收集案例,主要是通過明暗對比來對元素進行造型,而且線條都很堅硬,且元素形態相對于集中,

在繪製的時候需要先勾畫大概的面,我選擇勾畫暗部,通過明暗對比來畫出元素形態,

3,細化形態

用貝茲曲線或鋼筆工具勾勒,注意線條的流暢度,勾完後再轉化成面的形式,進行調整。

小技巧:

隨時把圖放大縮小來回觀看;

放大瞪著眼睛看,觀察細節是否到位;

縮小眯著眼睛看,觀察整體形態是否偏離;

4,添加細節

上面的圖片疊加顏色後顯得比較平淡,黑色相當於暗部,黃色和紅色相當於本色,如果要用多顏色來表現圖示,就需要增加一個高光面。

添加後明顯圖形層次感增加,有了更多的表現細節。

5,組合文字

這類LOGO還有一個特點,就是圖文結合,用一個背景把圖形和文字統一結合起來,統一後形成一個完整的圖案。

注意:由於自己書讀得少,說唱的英文是RAP這我知道,但是說唱歌手的單詞是Rapper,我寫設計的時候寫成了Raper(弓雖奸犯)。

6,潤色定稿

先來一張線稿版:

再來一張黑白照

最後來一個豪華高配版的:

第三天 圖形插畫類LOGO

前面兩天的設計讓我更加喜歡這位人民藝術家,依稀記得第一次見老師,還是在人教版小學課本上看見(好像暴露了年齡),動作神態豐富,現場感染力極強,想必當年也是一線的老藝術家。

被我玩了兩天后,總覺得還不夠色,不對是不夠色彩豐富,沒有那種等紅酒綠的氣氛,沒有體現出老藝術家騷浪賤的氣質。

無意在bechance看見設計Luca Qiu (https://www.behance.net)的系列作品自己也想模仿一下,這種高飽和度漸變在添加一點小肌理應該在未來五年都是fantasty。Instagram的LOGO,justin bieber 的《what do you mean》MV,甚至薛之謙的新專輯封面都是運用這系列漸變。

值得做一個小練習:

1,收集資料

前面兩天的設計已經對於需要設計的東西元素越來越清晰了,設計風格也確定了所以直接跳轉下一步。

2,勾畫草圖

草圖階段最開始想做成隔壁老王的賤賤的嘴臉,表現藝術家的獨特氣質,最後再三斟酌,還是放棄了老王,我怕老王翻院牆,

3,幾何化元素

同樣將草圖幾何化,我在這裡畫的半身像,有兩個原因:

一、第一天畫全身,第二天畫局部,第三天自然畫半身照;

二、設計物件的主意視覺中心還是停留在上半身;

4,調整比例

調整色塊比例大小, 給出大概的明暗比,話說老藝術家已經被我玩黑臉了,哈哈

5,添加漸變

為了安慰這位藝人,我選擇了小粉紅騷氣的背景色,加入藍色和黃色這一冷暖對比色,畫面更加富有張力,色彩理論大家如果感興趣,後面我也會寫的。

6,調整細節

我做了一定的切圖處理,常用的構圖法推薦九宮格構圖法,簡單粗暴,把圖像的視覺中心點放在對應的交叉點就可以了。一張完美構圖搞定。

7,潤色定稿

最後增加局部提亮或變暗,疊加噪點,讓畫面更加附有肌理感。

玩了三天玩得我精疲力盡,但是樂此不彼,三種不同風格的LOGO各種表現不同,但是設計的手法方式都類似,不斷持續的聯繫,訓練的是心靜,堅持做一件事,你會很開心的。

讓我自斷一隻手,所以才有奇葩的用Rhino畫線

AI

優點:強大的編輯功能(雖然我沒有深入研究)

缺點:讓CDR先入為主了,第一時間沒有遇見你,你再好,現在也對你有偏見了,不好意思

Sketch

優點:做UI的時候超級超級超級方便

確定:對於圖像和圖形的處理不是很強大

軟體是其次,學會多種軟體之間的轉化,設計的思想與輸出比軟體重要。

5,優化細節

調整多餘冗長的線條。設計要有捨得精神,不是越多越細就好,剛才畫了很多細節,但是現在看起來都是累贅,不斷的簡化設計,突出細節細節記憶點。

設計當中也還是有二八原則,即80%的設計項目都可以普普通通,20%的亮點足夠精彩精彩就行了。

比如咬一口的蘋果,你把Apple 的logo填滿,它就是一個普通的蘋果,但是咬一口之後,它變得與眾不同。

6,繼續優化

前面的優化基本上一個圖形都到90%了,但是整體看起來不透氣,不通透。沒事可以可以多多學習國畫,書法當中的氣韻,國外也有同樣的理論叫視覺流。一個連貫的視覺流,讓設計看起來氣韻神合。

同時設計也推崇存在即合理,一個元素的存在要有合理性,你舍去的東西和留下的東西同樣重要。

7,潤色定稿

修改一個顏色,檢查最後的東西,比如該打碼的就打碼,(下垂我就不管了)

第二天 圖文結合型LOGO

第一天玩的都是線,第二天想嘗試玩玩新花樣。不能老是用線玩捆綁,至少也試試皮鞭蠟燭之類的。

老司機腦海裡浮現了各種CLUB,那就做一個類CLUB或者球隊類風格的圖文結合類的LOGO。

1,收集資料

按套路出牌,確定一個方向目標,大概找一下心理想要的風格,我一般會流覽Pinterest 和花瓣,上面應有盡有。

2,勾勒草圖

分析了上面收集案例,主要是通過明暗對比來對元素進行造型,而且線條都很堅硬,且元素形態相對于集中,

在繪製的時候需要先勾畫大概的面,我選擇勾畫暗部,通過明暗對比來畫出元素形態,

3,細化形態

用貝茲曲線或鋼筆工具勾勒,注意線條的流暢度,勾完後再轉化成面的形式,進行調整。

小技巧:

隨時把圖放大縮小來回觀看;

放大瞪著眼睛看,觀察細節是否到位;

縮小眯著眼睛看,觀察整體形態是否偏離;

4,添加細節

上面的圖片疊加顏色後顯得比較平淡,黑色相當於暗部,黃色和紅色相當於本色,如果要用多顏色來表現圖示,就需要增加一個高光面。

添加後明顯圖形層次感增加,有了更多的表現細節。

5,組合文字

這類LOGO還有一個特點,就是圖文結合,用一個背景把圖形和文字統一結合起來,統一後形成一個完整的圖案。

注意:由於自己書讀得少,說唱的英文是RAP這我知道,但是說唱歌手的單詞是Rapper,我寫設計的時候寫成了Raper(弓雖奸犯)。

6,潤色定稿

先來一張線稿版:

再來一張黑白照

最後來一個豪華高配版的:

第三天 圖形插畫類LOGO

前面兩天的設計讓我更加喜歡這位人民藝術家,依稀記得第一次見老師,還是在人教版小學課本上看見(好像暴露了年齡),動作神態豐富,現場感染力極強,想必當年也是一線的老藝術家。

被我玩了兩天后,總覺得還不夠色,不對是不夠色彩豐富,沒有那種等紅酒綠的氣氛,沒有體現出老藝術家騷浪賤的氣質。

無意在bechance看見設計Luca Qiu (https://www.behance.net)的系列作品自己也想模仿一下,這種高飽和度漸變在添加一點小肌理應該在未來五年都是fantasty。Instagram的LOGO,justin bieber 的《what do you mean》MV,甚至薛之謙的新專輯封面都是運用這系列漸變。

值得做一個小練習:

1,收集資料

前面兩天的設計已經對於需要設計的東西元素越來越清晰了,設計風格也確定了所以直接跳轉下一步。

2,勾畫草圖

草圖階段最開始想做成隔壁老王的賤賤的嘴臉,表現藝術家的獨特氣質,最後再三斟酌,還是放棄了老王,我怕老王翻院牆,

3,幾何化元素

同樣將草圖幾何化,我在這裡畫的半身像,有兩個原因:

一、第一天畫全身,第二天畫局部,第三天自然畫半身照;

二、設計物件的主意視覺中心還是停留在上半身;

4,調整比例

調整色塊比例大小, 給出大概的明暗比,話說老藝術家已經被我玩黑臉了,哈哈

5,添加漸變

為了安慰這位藝人,我選擇了小粉紅騷氣的背景色,加入藍色和黃色這一冷暖對比色,畫面更加富有張力,色彩理論大家如果感興趣,後面我也會寫的。

6,調整細節

我做了一定的切圖處理,常用的構圖法推薦九宮格構圖法,簡單粗暴,把圖像的視覺中心點放在對應的交叉點就可以了。一張完美構圖搞定。

7,潤色定稿

最後增加局部提亮或變暗,疊加噪點,讓畫面更加附有肌理感。

玩了三天玩得我精疲力盡,但是樂此不彼,三種不同風格的LOGO各種表現不同,但是設計的手法方式都類似,不斷持續的聯繫,訓練的是心靜,堅持做一件事,你會很開心的。

Next Article
喜欢就按个赞吧!!!
点击关闭提示