庫(kù)庫(kù)朱寶說(shuō)道：

這次圖標(biāo)打卡可以說(shuō)是一次高質(zhì)量、高水平的打卡。石頭老師對(duì)知識(shí)課的講解非常詳細(xì)，通俗易懂。所以我必須做一個(gè)全面的總結(jié)。一方面為為期21天的簽到畫(huà)上圓滿的句號(hào)。另一方面，也為以后無(wú)數(shù)的21天打下了堅(jiān)實(shí)的基礎(chǔ)。它將作為指導(dǎo)，并可以在以后設(shè)計(jì)圖標(biāo)時(shí)進(jìn)行回顧。

總結(jié)主要從兩個(gè)大方向，一是掌握的知識(shí)點(diǎn)，以操作案例為主；二是所掌握的知識(shí)點(diǎn)，主要是操作案例；另一個(gè)是簽到時(shí)獲得的反思。

一個(gè)知識(shí)點(diǎn)

紋理圖標(biāo)、（半）原始圖標(biāo)、2.5D 圖標(biāo)

1.紋理圖標(biāo)

賦予圖標(biāo)紋理主要是創(chuàng)建圖標(biāo)的“體積”和“光”。體量感側(cè)重于光、影和投影。光影均以真實(shí)物體為參考。投影可以使元素和物體在空間中具有層次感；光感集中在三大面（亮面、灰面、暗面）和五大面。色調(diào)（高光、灰調(diào)、明暗邊界線、反射、投影），這些底層邏輯必須反復(fù)背誦和思考，才能在實(shí)際項(xiàng)目中熟練運(yùn)用。操作案例如下：

第一步：繪制基本圖形

以文件夾圖標(biāo)為例。找到相應(yīng)的參考圖像并繪制基本圖形。注意基礎(chǔ)圖形一定要簡(jiǎn)潔、飽滿，這樣紋理效果才會(huì)更好。

第二步：確定三種主要表面顏色

選擇適當(dāng)?shù)墓逃蓄伾炼群惋柡投纫m中），繪制三個(gè)主要側(cè)面，以反映亮面和暗面的關(guān)系。

第三步：畫(huà)出五個(gè)大調(diào)

確定光源方向，用色塊畫(huà)出五種主要色調(diào)，吸收固有色后調(diào)整顏色（陰影可以疊在底部上面），然后微調(diào)色調(diào)，否則顏色會(huì)太單一，所以要注意需要遮罩。

步驟 4：對(duì)五個(gè)主要鍵應(yīng)用高斯模糊

確定光源方向，用色塊畫(huà)出五種大色調(diào)，吸收固有色后調(diào)整顏色（陰影可以疊在底部上面），然后微調(diào)色調(diào)，否則顏色會(huì)太單一，所以要注意需要遮罩。

第五步：包裝

繪制紋理圖標(biāo)是基礎(chǔ)。圖片的包裝也起著重要的作用?？梢蕴砑颖尘?，然后從圖標(biāo)中提取一些元素作為背景裝飾，讓圖片更加飽滿。

帶紋理的圖標(biāo)需要不斷打磨和反復(fù)調(diào)整，直到達(dá)到最佳效果。

2.（半）原始圖標(biāo)

半原創(chuàng)作品是在抄襲的基礎(chǔ)上，加上自己的創(chuàng)新。確定風(fēng)格后，提取獨(dú)特點(diǎn)，然后找到合適的參考，然后將獨(dú)特點(diǎn)整合起來(lái)。尋找參考時(shí)，不要尋找形狀復(fù)雜或圖標(biāo)不一致的樣式。它們需要協(xié)調(diào)和統(tǒng)一。另外，在借用形狀時(shí)，不要借用顏色。你必須有自己的思考，這樣才能把優(yōu)秀的作品轉(zhuǎn)化為自己的作品。操作案例如下：

第一步：確定風(fēng)格

我選擇的款式是磨砂玻璃效果。近年來(lái)，磨砂玻璃越來(lái)越流行。之前看過(guò)一些教程，但沒(méi)有全身心實(shí)踐過(guò)。我會(huì)利用這個(gè)機(jī)會(huì)去練習(xí)和掌握一些技能。

步驟 2：提取特定點(diǎn)

從上面的參考中，我們可以提取出圖標(biāo)的幾個(gè)特征。例如，造型是兩個(gè)圖形的組合，左邊是主體，右邊是磨砂玻璃；顏色采用高飽和度，帶有漸變效果；投影使用擴(kuò)散效果。將注意力集中在主要物體下方。

第三步：找到正確的參考資料

我選擇了社交微信圖標(biāo)作為參考，畫(huà)了一個(gè)基本圖形?？梢栽趨⒖紙D像的基礎(chǔ)上添加或簡(jiǎn)化基本圖形。

第四步：整合奇點(diǎn)

選擇主色，添加參考圖片的獨(dú)特點(diǎn)：形狀、顏色和投影。過(guò)程中可以添加一些輪廓光來(lái)增加光感sketch導(dǎo)出svg圖標(biāo)，最后進(jìn)行封裝。

Ps：毛玻璃效果是用中間填充色降低不透明度，然后模糊背景。

毛玻璃效果操作起來(lái)比較簡(jiǎn)單，但想要有所作為，還需要多嘗試。

3. 2.5D圖標(biāo)

2.5D是一種活潑有趣的設(shè)計(jì)風(fēng)格。通過(guò)三維元素的運(yùn)用，豐富了畫(huà)面的視覺(jué)，強(qiáng)化了視覺(jué)焦點(diǎn)。

2.5D 圖標(biāo)是單視圖、單視角的。制作一組2.5D圖標(biāo)時(shí)，需要保持色彩的統(tǒng)一（輕重的平衡）、復(fù)雜度的統(tǒng)一（基本造型復(fù)雜度的平衡）、光源的統(tǒng)一。設(shè)計(jì)時(shí)可以使用人工智能和匹配。操作案例如下：

第一步：AI媒介繪制基礎(chǔ)圖形

以相機(jī)圖標(biāo)為例。找到對(duì)應(yīng)的參考圖后，在AI中畫(huà)出2.5D圖標(biāo)的側(cè)面，使用效果→3D→擠壓和斜角（注意以后的版本，選擇效果→3D和材質(zhì)→3D（經(jīng)典）→擠壓和斜角（經(jīng)典） ）），設(shè)置相應(yīng)的參數(shù)，然后展開(kāi)外觀，使用“資源導(dǎo)出”svg格式圖標(biāo)。

第二步：在中間畫(huà)出三個(gè)主要面

將SVG圖標(biāo)拖入 ，確定光源，繪制三個(gè)主要曲面

第三步：選擇主色調(diào)

選擇適當(dāng)?shù)墓逃蓄伾炼群惋柡投冗m中）來(lái)反映明暗表面的關(guān)系。

第四步：畫(huà)出五個(gè)大調(diào)

使用色塊繪制五種主要色調(diào)。顏色吸收固有顏色然后調(diào)整（陰影可以疊在底部的上面），然后微調(diào)色調(diào)，否則顏色會(huì)太單一。請(qǐng)注意，需要戴口罩。

第 5 步：對(duì)五個(gè)主要鍵應(yīng)用高斯模糊

根據(jù)視覺(jué)表現(xiàn)，調(diào)整相機(jī)五大色調(diào)的高斯模糊值，還可以添加一些輪廓光來(lái)豐富畫(huà)面。

第6步：包裝

相機(jī)圖標(biāo)是一個(gè)三維圖標(biāo)，可以添加陰影來(lái)營(yíng)造真實(shí)感。

學(xué)習(xí)使用兩個(gè)軟件的結(jié)合會(huì)更有效率。當(dāng)然，如果你熟悉的話，也可以直接做。

兩個(gè)想法和感悟

1.第一個(gè)作業(yè)的重要性

石頭老師說(shuō)，打卡作業(yè)其實(shí)叫作品更貼切，每一次練習(xí)都是自己努力的成果。那么第一個(gè)作業(yè)一定要100%的對(duì)待，投入更多的精力，因?yàn)榈玫秸J(rèn)可之后，你對(duì)后面的作業(yè)就會(huì)更有信心，能夠更好的完成。

以我為例。當(dāng)我得到第一份作業(yè)的選拔后，我和老師交流的時(shí)候不再那么拘謹(jǐn)，做作業(yè)也變得更加專心，這讓我更有信心了。

2.堅(jiān)持做課堂筆記

我們都知道，好的記性不如不好的文筆。學(xué)習(xí)了這么多有用的信息，不做筆記豈不是很可惜？我認(rèn)為自己是一個(gè)不做筆記就很容易忘記的人，所以對(duì)我來(lái)說(shuō)，這很重要，這樣當(dāng)我記憶模糊的時(shí)候，我可以更好地回顧事情。

知識(shí)需要復(fù)習(xí)3次以上，甚至更多次，才能形成肌肉記憶。

3.多與老師溝通

很多人不敢給老師寄作業(yè)，認(rèn)為老師高人一等，不敢接近大老板。其實(shí)在學(xué)習(xí)的過(guò)程中，他們非常愿意給予指導(dǎo)，希望我們能夠進(jìn)步。如果這個(gè)過(guò)程全部由我們自己完成，進(jìn)度會(huì)比較慢。

4. 效益

“立塔”是一件很有意義的事情。送玫瑰sketch導(dǎo)出svg圖標(biāo)，手留余香。當(dāng)你幫助別人時(shí)，你也會(huì)幫助自己。所以每次我做筆記時(shí)，我都會(huì)分享它們。不是每個(gè)人都需要，但是對(duì)于沒(méi)有時(shí)間聽(tīng)課的學(xué)生來(lái)說(shuō)還是很有用的。當(dāng)然，被認(rèn)可是一件非常幸福的事情。

共同見(jiàn)證3000名設(shè)計(jì)師的成長(zhǎng)歷程：

如有侵權(quán)請(qǐng)聯(lián)系刪除！