-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當前位置：首頁 > 創(chuàng)意學院 > 技術 > 專題列表 > 正文
圖標設計制作（圖標設計制作教程）
發(fā)布時間：2023-03-21 06:19:02
稿源：
創(chuàng)意嶺 閱讀：
1397
問大家
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于圖標設計制作的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關鍵詞，就能返回你想要的內容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com
創(chuàng)意嶺作為行業(yè)內優(yōu)秀企業(yè)，服務客戶遍布全國，設計相關業(yè)務請撥打175-8598-2043，或微信：1454722008
本文目錄:
一、ps怎樣制作設計圖標
首先打開ps，新建文檔，大小大于256*256像素，背景為透明，這里為了方便觀察，設置成白色
如何用ps制作個性化圖標
2
雙擊該圖層解鎖，設置背景圖案，如果是制作圖標，可以跳過這一步
如何用ps制作個性化圖標
3
然后選擇圓角矩形工具，設置大小為256*256像素，圓角半徑為30像素
同時設置好顏色和描邊
如何用ps制作個性化圖標
4
之后點開該層的圖層樣式，加一個漸變疊加，設置底部的亮光
如何用ps制作個性化圖標
5
注意在確定前，要將漸變拖到底部
如何用ps制作個性化圖標
6
之后新建一個圖層，加一個蒙版，選擇圖層，先畫一個橢圓選區(qū)，使用油漆桶工具填充為白色，也可以做成其他的形狀
如何用ps制作個性化圖標
7
在選擇蒙版，使用漸變工具，拉出漸變效果
如何用ps制作個性化圖標
8
取消橢圓的選區(qū)，按ctrl，點擊圓角矩形圖層，載入該圖層的選區(qū)，再進行反選，刪除額外的部分
如何用ps制作個性化圖標
9
調節(jié)該層的不透明度
如何用ps制作個性化圖標
10
添加上文字
如何用ps制作個性化圖標
二、如何從零開始學習圖標設計
對于有基礎的人來說，圖標制作最好的方式是臨摹，通過大量的臨摹去解剖、學習和分析圖標制作的方法，然后再大量的練習、修改。圖標繪制雖然看起來是個UI設計中很小的一部分，但是也是不可忽視的一部分，圖標的風格多種多樣，最重要的還是需要依據(jù)產(chǎn)品特色設計出符合該產(chǎn)品的圖標。
一、制作圖標的視頻教程
那我們來簡單分享幾個不同風格的圖標，去看看這些風格的圖標應該如何制作呢？
1、剪影圖標
剪影圖標大多數(shù)是單色表現(xiàn)，當然也有雙色圖標。剪影圖標簡潔大方、高度提煉出圖標的意義，能夠通過最簡單的線條的表現(xiàn)出該圖標代表的作用?？此坪唵蔚募粲皥D標，其實考驗了設計者對于產(chǎn)品需求的高度提煉，突出理性與感性在功能傳達上的邏輯思維。
2、扁平圖標
扁平化設計風格在APP的設計中常常都能看到，那圖標也不例外。所以學習扁平化的設計風格有很高的通用性，在平時設計工作中也會經(jīng)常遇到。那扁平化風格其實是從iphone開始流行起來，其特點就是所有元素的邊界都干凈利落，沒有特效、沒有過多的裝飾效果，組成元素簡單，能夠直觀的傳達信息。
4、臨摹圖標
都說學習圖標設計最好的方式是先臨摹，
那我們選擇毛線圖標、毛球圖標和播放器圖標去看看，這類的圖標是如何設計出來的。
毛線圖標和毛球圖標是兩種圖標的表現(xiàn)形式，毛線型的圖標繪會將毛線針織的一針一線體現(xiàn)在設計中，有中溫暖和溫馨的感覺。如果毛線的質感運用得恰當，會讓設計出彩，那毛球圖標也是一樣。雖然這類的圖標實用性較小，但是了解一下增加一下自己的設計知識儲備。
5、擬物圖標
雖然現(xiàn)在大多數(shù)應用都是扁平化發(fā)展，但是流行是個圈，擬物化風格又在悄悄開始流行起來了。想必UI設計師們都能感受到“新擬物風格”這股風現(xiàn)在刮的多么兇猛了。那我們通過擬物話筒圖標、擬物籃球圖標、擬物傘、水滴圖標、擬物甜甜圈圖標的學習去緊跟這個流行趨勢吧。
二、圖標網(wǎng)站
學習的過程匯總需要大量的臨摹素材，在這里分享幾個圖標類的網(wǎng)站。
1、阿里巴巴矢量圖標庫：國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能。
圖片來源：Iconfront
2、IconStore：是一個提供一流的免費圖標包素材的站點,匯集了很多優(yōu)質的icon素材。
圖片來源：IconStore
3、Flaticon：圖標設計豐富。
圖片來源：Flation
4、Material Design Icons：包含常用的圖標，如用于媒體播放、通訊、內容編輯、連接等等。
通過視頻和圖標網(wǎng)站的分享，希望能對你學習圖標設計與制作有些幫助。
三、經(jīng)驗分享：7個超贊的圖標設計技巧(一)
一、捕捉對象的特征
捕捉對象的特征對于圖標設計是關鍵的一步。畢竟圖標設計的核心就是小而易懂，設計師如果能夠抓住對象的主要特征，那么對于圖標設計的成功就進了一大步。總之，圖標需要突出對象的最典型特征，表現(xiàn)它所表達的概念和細節(jié)。當你設計出一個圖標，用戶需要能夠立即辨認，這樣它所表達意義的識別性，必須一目了然，必須具備經(jīng)典的隱喻特征。
二、讓圖標簡單、通用，從而讓它適應一系列項目
設計圖標的關鍵在于讓圖標盡量簡單些，瞄準一個風格和目標，這有助于讓軟件開發(fā)者更加靈活的使用圖標，增加圖標的可用性，當然，如果你的圖標設定范圍更廣，可以使用在首頁或其他地方，那它的潛在市場會更大。
三、使用一致的光源
光源的設置可是直接關系到圖標設計整體的質量，在這里，青藤小編分享一個特別有用的技巧：當你在設計一系列圖標時,不緊緊要在風格上一致,像“光源”這些細節(jié)也需要注意。因此來說，在圖標設計中，使用一致的光源是非常重要的一個技巧。
四、創(chuàng)建矢量格式的圖標
矢量格式在平時工作中也是很常見的，它的優(yōu)勢非常明顯，圖標通常在一個尺寸范圍內使用，因此創(chuàng)建一個視覺效果很棒的可縮放矢量圖形，可以有多種用途，當你需要不同尺寸時，矢量繪圖可以讓你不需要重繪。
以上就是小編關于圖標設計技巧的相關分享，希望對學習設計的小伙伴們有所幫助，當然，想要了解更多相關內容，還請關注本平臺，小編期待與大家共同學習成長。
四、圖標設計怎么做更受歡迎？
1.層疊手法2.圖標圖形化3.單色弱漸變透明圖標 層疊手法顧名思義圖標之間有縱深前后關系，通過這樣去處理，可以讓圖標層次豐富，增加設計細節(jié)，打破枯燥無味的單色扁平圖標。通常大部分人設計一個圖標就直接將圖形畫出來后，這樣就完事了，沒有繼續(xù)深入下去。這樣圖標看著枯燥乏味，普通了一些。如上圖，將圖標在接口處進行細節(jié)弱透明度處理，那么效果就完全不一樣了。 這里需要注意，一般都是在圖標的接口處進行層疊處理，從A到B的一個線性漸變。下面來看看案例：Atlassian的品牌圖標系統(tǒng) 使用建議：運用在面形圖標效果會更好些，或者線條粗一些的圖標，一般運用在TabBar上面居多。 圖標圖形化這種比較好用，將圖標進行抽象放大化處理，變成一種圖形方式。一般運用在卡片設計上面居多。 左側卡片上面，圖標直接使用描邊效果?？ㄆ锩骐m然加了一些底紋圖形，但是整體效果略顯平庸了一些 。重新將圖標進行圖形化處理，既能夠表達當前含義，同時設計上細節(jié)和品質感有所提升。 其他思路延展示例：當然還有一種類似的思路，可以將圖標進行放大化，并進行色彩分割處理為背景，前景放圖標和文案等。如圖，我將前面兩個思路綜合運用，圖形化背景和層疊圖標。這里的圖形希望大家不要亂用，盡量使用圖標的圖形來演變。 單色弱漸變透明圖標圖標通過弱漸變透明處理，其思路有點類似第一個。但是這個方法圖標整體帶透明度的范圍更大。先來直接看個案例： 這種圖標給人比較新穎的時尚感，層次也豐富。如何處理這種圖標？非常重要的一點，需要注意不識別度問題。如左側圖，圖標和背景之間幾乎融為一體，看不清主體元素。右側處理剛好，能夠識別出圖標含義。處理時候一定要注意透明度的關系，當然也與卡片背景色有關系。
以上就是關于圖標設計制作相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。
推薦閱讀：
贛公網(wǎng)安備 50019002502384號
