正文

自制圖標(biāo)（如何自制圖標(biāo)）

發(fā)布時(shí)間：2023-04-19 12:47:05 稿源：創(chuàng)意嶺閱讀： 109

大家好！今天讓小編來大家介紹下關(guān)于自制圖標(biāo)的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，相關(guān)業(yè)務(wù)請(qǐng)撥打電話：175-8598-2043，或添加微信：1454722008

文章目錄列表:

1、如何制作簡(jiǎn)約時(shí)尚的社交媒體圖標(biāo)
2、怎么制作圖標(biāo) ico圖標(biāo)制作教程
3、photoshop制作圖標(biāo)的案例教程
4、在ppt中怎樣制作logo圖標(biāo)

自制圖標(biāo)（如何自制圖標(biāo)）

一、如何制作簡(jiǎn)約時(shí)尚的社交媒體圖標(biāo)

1. 創(chuàng)建新文檔

啟動(dòng) Illustrator 創(chuàng)建新的項(xiàng)目文件“ 文件”>“新建” 或者 “Control-N” 。然后為新文件命名，設(shè)置尺寸，然后選擇像素為單位和 RGB 的色彩模式。

接下來，轉(zhuǎn)到編輯>首選項(xiàng)>常規(guī) 并將鍵盤增量設(shè)置為 1像素，然后轉(zhuǎn)到單位將數(shù)據(jù)設(shè)置如下圖所示選項(xiàng)。接下來繪制的過程中你會(huì)發(fā)現(xiàn)這些設(shè)置將為你提供很大的幫助。

2. 創(chuàng)建圖標(biāo)形狀

第1步

使用橢圓工具（L）畫板上繪制一個(gè) 98 x 98像素的圓圈,并創(chuàng)建 4px 深灰色描邊。

轉(zhuǎn)到“ 視圖”>“標(biāo)尺”>“顯示標(biāo)尺” ，然后在圓的四周創(chuàng)建參考線，作為活動(dòng)繪圖區(qū)域。

第2步

接下來，使用矩形工具（M）繪制一個(gè) 30 x 30像素的正方形，在正方形的對(duì)角線之間繪制一個(gè)三角形。將此三角形移動(dòng)到灰色圓圈的左下方。確保它沒有超出繪圖區(qū)域。

第3步

接下來我們需要做一些小調(diào)整。使用添加錨點(diǎn)工具（+）在三角形上添加一個(gè)新的錨點(diǎn)。將此點(diǎn)拖動(dòng)到灰色輪廓上避免接觸到圓圈內(nèi)部。最后，用與圓圈相同的深灰色著色。

第4步

選擇灰色圓圈并轉(zhuǎn)到對(duì)象>擴(kuò)展外觀，將圓圈內(nèi)部筆觸變?yōu)樘畛洌x擇生成的灰色環(huán)形狀以及三角形，然后在“ 路徑查找器” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個(gè)形狀。圖標(biāo)的主要形狀就完成了。

第5步

制作“ 圖標(biāo)形狀 ”的五個(gè)副本，然后依照參考圖像或進(jìn)入“ 對(duì)齊” 面板將它們排列在畫板上。將每個(gè)圖標(biāo)形狀移動(dòng)到單獨(dú)的圖層并相應(yīng)地命名它們，方便之后在“ 圖層” 面板中進(jìn)行圖標(biāo)的調(diào)整。

3. 創(chuàng)建臉書（ Facebook ）圖標(biāo)

第1步

定位到“ Facebook圖標(biāo) ”圖層，選擇文字工具（T）并使用 World of Water字體，粗體，在畫板上輸入字母“ f ” ，尺寸為 68pt 。填充與形狀相同的填充顏色并賦予文字2pt的輪廓。

轉(zhuǎn)到對(duì)象>擴(kuò)展輪廓兩次以展開文本。然后在圖標(biāo)形狀內(nèi)移動(dòng)字母，與圖標(biāo)形狀對(duì)齊。

第2步

將圖標(biāo)形狀和徽標(biāo)保存為兩個(gè)單獨(dú)的形狀，將它們合并為復(fù)合路徑。進(jìn)入“ 路徑查找器” 面板中按“ 聯(lián)集” ，然后按“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）。

4. 創(chuàng)建照片墻（Instagram）圖標(biāo)

第1步

定位在“ Instagram圖標(biāo) ”圖層上。使用矩形工具（M）畫板上繪制 44 x 44像素正方形; 然后轉(zhuǎn)到形狀面板并在圓角半徑中輸入 10 px 獲得圓角（1）。用相同的深灰色填充此形狀。

使用橢圓工具（L）繪制一個(gè) 25 x 25像素的圓; 然后選擇兩個(gè)形狀并選擇對(duì)齊面板中的水平對(duì)齊中心和垂直對(duì)齊中心（2）。

選中兩個(gè)形狀的同時(shí)，在“ 路徑查找器” 面板中選擇“ 減去頂層 ” 獲得復(fù)合路徑（3）。

第2步

接下來，在圖標(biāo)上繪制一個(gè)細(xì)長的 46 x 2 px 矩形; 然后選擇兩個(gè)形狀并在“ 路徑查找器” 面板中選擇“ 減去頂層” ，然后進(jìn)入“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（1）。

在圖標(biāo)的右上方繪制一個(gè) 5 x 5 px 圓圈，選中兩個(gè)形狀后，在“ 路徑查找器” 面板中選擇“ 減去頂層” ，然后選擇“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（2）。

第3步

繪制 18 x 18像素的圓圈，使用相同的深灰色給它創(chuàng)建一個(gè) 2pt 的輪廓。選擇圖標(biāo)形狀以及此圓圈，然后在“ 對(duì)齊” 面板中按“ 水平對(duì)齊中心” 和“ 垂直對(duì)齊中心 ” 確保它們完美對(duì)齊（1）。

保持選中狀態(tài)，轉(zhuǎn)到對(duì)象>擴(kuò)展對(duì)象以將筆劃轉(zhuǎn)換為形狀（2）。選擇兩個(gè)形狀并在“ 路徑查找器” 面板中選擇“ 聯(lián)集” ，然后選擇“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（3）。

第4步

將完成的復(fù)合形狀排列在圖標(biāo)形狀的中心（1）。

此時(shí)，“ Instagram圖標(biāo) ”圖層上應(yīng)該有兩個(gè)形狀：徽標(biāo)和圖標(biāo)形狀。保持選中它們，進(jìn)入“ 路徑查找器” 面板中按“ 聯(lián)集” ，然后選擇“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）（2）將它們合并到新的復(fù)合路徑中。

5. 創(chuàng)建推特（Twitter）圖標(biāo)

第1步

定位在“ Twitter圖標(biāo) ”圖層上，創(chuàng)建一個(gè) 27.5 x 27.5 px 的圓圈，填充與圖標(biāo)形狀相同的深灰色。切換到鋼筆工具（P）繪制小鳥的主體形狀，如下圖所示。

創(chuàng)建喙，繪制一個(gè)類似三角形的形狀，然后轉(zhuǎn)到對(duì)象>變換>反射，選中水平，然后點(diǎn)擊復(fù)制以獲得下半部分。

最后，用鋼筆工具（P）繪制翅膀的形狀。選擇所有形狀并在“ 路徑查找器 ” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個(gè)形狀。

第2步

將鳥標(biāo)志移動(dòng)到圖標(biāo)形狀內(nèi)，將其排列在中心位置（1）。

在“ Twitter圖標(biāo) ”圖層上，您現(xiàn)在應(yīng)該有兩個(gè)形狀：徽標(biāo)和圖標(biāo)形狀。選擇兩個(gè)形狀進(jìn)入“ 路徑查找器” 面板單擊 “聯(lián)集” ，然后選擇“ 對(duì)象”>“復(fù)合路徑”>“制作”（Control-8）。

6. 創(chuàng)建優(yōu)兔（YouTube）圖標(biāo)

第1步

定位在“ YouTube圖標(biāo) ”圖層上。使用矩形工具（M）在畫板上繪制一個(gè) 50 x 37像素的矩形（1）; 然后轉(zhuǎn)到變形面板并在圓角半徑中輸入 8 px 獲得圓角（2）。

接下來，在圓角矩形的中心位置（3）繪制一個(gè)小三角形，然后保持選中兩個(gè)圖形，進(jìn)入“ 路徑查找器” 面板中選擇“ 減去頂層 ” 獲得復(fù)合路徑（4）。

第2步

將徽標(biāo)移動(dòng)到圖標(biāo)形狀內(nèi)并將其排列在形狀中心（1）。如果需要，將圖標(biāo)形狀和徽標(biāo)合并到新的復(fù)合路徑中（2）。

7. 創(chuàng)建色拉布（Snapchat）圖標(biāo)

第1步

在“ Snapchat圖標(biāo) ”圖層上，繪制一個(gè) 27 x 43像素的矩形（1）; 然后轉(zhuǎn)到“ 變形” 面板并在“ 圓角半徑” 中輸入 12px ，獲得圓角矩形（2）。

使用直接選擇工具（A）選擇形狀的左下角和右下角錨點(diǎn)，將它們向外移動(dòng)一段距離（3）。切換到添加錨點(diǎn)工具（+）并使用它在底部添加三個(gè)新的錨點(diǎn); 然后移動(dòng)它們并調(diào)整手柄以創(chuàng)建波浪形形的底部（4）。

使用添加錨點(diǎn)工具（+）在左側(cè)和右側(cè)添加其他兩個(gè)錨點(diǎn); 然后將它們向內(nèi)移動(dòng)，獲得類似幽靈的形狀（5）。

第2步

使用相同的深灰色填充上一步驟中獲得的形狀（1）。然后使用鋼筆工具（P）繪制兩條短線條作為手臂，并將粗細(xì)設(shè)置為 4pt 。選擇“描邊 ” 面板中的“ 圓形端點(diǎn)” 選項(xiàng)以獲得圓形末端（2）。保持選中手臂形狀的同時(shí)，轉(zhuǎn)到對(duì)象>擴(kuò)展外觀將筆劃變?yōu)樾螤睿?）。

選擇所有形狀，然后在“ 路徑查找器 ” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個(gè)形狀（4）。

第3步

將徽標(biāo)移動(dòng)到圖標(biāo)形狀內(nèi)，將其排列在圖標(biāo)形狀的中心（1）。如果需要，也可以將徽標(biāo)和圖標(biāo)形狀合并到一個(gè)新的復(fù)合路徑中（2）。

8. 創(chuàng)建矢量Pinterest圖標(biāo)

第1步

在“ Pinterest圖標(biāo) ”圖層上，使用文本工具（T）使用 Magnolia腳本字體在畫板上寫下字母“ P ” ，大小設(shè)置為 64pt （1）。轉(zhuǎn)到對(duì)象>擴(kuò)展外觀將文本轉(zhuǎn)換為形狀（2）。

在直接選擇工具（A）的幫助下，移動(dòng)文字上的一些錨點(diǎn)獲得尖形的底端，使其頂部變得更圓，使其右側(cè)不那么圓（3），最后，你會(huì)得到一個(gè)更像原始徽標(biāo)的形狀（4），當(dāng)然也不需要完全相同。

第2步

將徽標(biāo)移動(dòng)到圖標(biāo)形狀的中心位置（1）。如果需要，可以將徽標(biāo)和圖標(biāo)形狀合并為新的復(fù)合路徑（2）。

9. 保存圖標(biāo)

第1步

首先將所有圖標(biāo)整齊的排放在畫板上

第2步

我們以Facebook圖標(biāo)為例。使用矩形工具（M）繪制一個(gè) 98 x 98像素的正方形。選中圖標(biāo)和方形，選擇水平對(duì)齊中心和垂直對(duì)齊中心確保它們居中對(duì)齊。

僅選擇正方形并轉(zhuǎn)到對(duì)象>畫板>轉(zhuǎn)換為畫板以定義新區(qū)域。轉(zhuǎn)到文件>導(dǎo)出>另存為Web 來保存圖標(biāo)。選擇您需要的文件類型， PNG ，透明背景或 JPEG ，然后點(diǎn)擊保存。對(duì)其余圖標(biāo)執(zhí)行相同操作以單獨(dú)保存它們。

10. 創(chuàng)建圖標(biāo)通知符號(hào)

第1步

使用矩形工具（M）繪制一個(gè) 80 x 50像素矩形，并用淺紅色（1）著色。在“ 變換” 面板中，選擇“ 圓角半徑” 輸入 10px 獲得圓角矩形（2）。

在圓角矩形的底部繪制一個(gè)小三角形（3），然后保持選中兩個(gè)形狀，進(jìn)入“ 路徑查找器” 面板選擇“ 聯(lián)集 ” 將它們合并為單個(gè)形狀（4）。

第2步

在圓角矩形的左側(cè)繪制白色的 11 x 11像素圓圈，然后在其下方繪制一個(gè) 15.5 x 6像素矩形。在圓角矩形中將圓角半徑設(shè)置為 4px （1）。

使用文本工具（T）并使用 Sniglet字體寫入“ 1 ”或者任意的數(shù)字，大小設(shè)置為 27磅。給它一個(gè)白色填充和 0.75pt 的輪廓（2）。

第3步

首先繪制一個(gè) 14 x 14像素的圓圈，填充白色（1）。使用直接選擇工具（A）選擇底部錨點(diǎn)并向下移動(dòng)一定距離獲得類似花瓣的形狀（2）; 然后在“ 變換” 面板（3）中將此形狀旋轉(zhuǎn) 20度。轉(zhuǎn)到對(duì)象>變換>反射，選中垂直并單擊復(fù)制獲取第二個(gè)形狀，通過使它們的底部錨點(diǎn)重疊來對(duì)齊它們（4）。

保持選中兩個(gè)形狀的同時(shí)，在“ 路徑查找器” 面板中選擇“ 聯(lián)集 ” 將它們合并為心形（5）。

最后，使用相同的字體和設(shè)置在形狀的旁邊輸入數(shù)字（6）。

第4步

將創(chuàng)建好的形狀放置在圖標(biāo)的右上方，完成通知符號(hào)。

完成

二、怎么制作圖標(biāo) ico圖標(biāo)制作教程

如何制作圖標(biāo)?圖標(biāo)的作用很明顯，當(dāng)選擇使用一個(gè)圖標(biāo)來執(zhí)行一個(gè)命令的話，只需要單擊或雙擊圖標(biāo)即可。這對(duì)于迅速辨識(shí)一個(gè)圖標(biāo)主題也是非常有效的。使用相同的擴(kuò)展名的所有文件都具有相同的圖標(biāo)。

那么，如何制作圖標(biāo)?圖標(biāo)制作軟件哪個(gè)好?圖標(biāo)制作軟件Axialis

IconWorkshop具有很強(qiáng)大的圖標(biāo)處理功能，用戶不但可以直接繪制新建圖標(biāo)，能夠在圖像的基礎(chǔ)上制作圖標(biāo)，還能轉(zhuǎn)換圖標(biāo)。

下載：IconWorkshop

1、如何制作圖標(biāo)之創(chuàng)建新圖標(biāo)項(xiàng)目

在Axialis

IconWorkshop中選擇新建或按Ctrl+N創(chuàng)建一個(gè)新的圖標(biāo)項(xiàng)目，可以選擇創(chuàng)建Windows圖標(biāo)或Macintosh圖標(biāo)項(xiàng)目。選中項(xiàng)目類型后，下一步確定項(xiàng)目名稱、顏色以及像素大小等。

完成后，點(diǎn)擊確定。開始創(chuàng)建一個(gè)新的圖標(biāo)，可在右側(cè)的編輯面板選擇相應(yīng)的繪制工具進(jìn)行新圖標(biāo)的繪制。

制作完成后，直接選擇保存或按Ctrl+S，選擇保存路徑和名稱即可完成圖標(biāo)保存。

2、如何制作圖標(biāo)之從圖像中新建圖標(biāo)

Axialis

IconWorkshop可以根據(jù)不同格式的圖像文件制作圖標(biāo)。打開文件瀏覽器或者按Ctrl+O選擇一個(gè)圖像文件，也可在庫中選擇一個(gè)圖像文件或是從啟動(dòng)時(shí)選擇從圖片新建作為素材來制作圖標(biāo)。

然后再根據(jù)出現(xiàn)的界面設(shè)置相應(yīng)的項(xiàng)目名稱、格式等。

完成后，點(diǎn)擊確定則會(huì)出現(xiàn)選取的多個(gè)格式的圖標(biāo)。

圖標(biāo)制作完成。接下來就可以進(jìn)行保存，可以將其添加至圖標(biāo)庫中，也可單獨(dú)保存至電腦中。如何制作圖標(biāo)?Axialis

IconWorkshop就是一款最好用的圖標(biāo)制作軟件，而且操作簡(jiǎn)單，能夠讓圖標(biāo)制作更省心!

三、photoshop制作圖標(biāo)的案例教程

photoshop其實(shí)除了圖像處理很厲害之外，我們一般還可以制作很多精美的圖標(biāo)。接下來就是我精心整理的一些關(guān)于photoshop制作圖標(biāo)的案例教程的相關(guān)資料，供你參考。

photoshop制作圖標(biāo)的案例教程

新建文檔，我用的大小是1500*1000像素，透明背景。創(chuàng)建一個(gè)“漸變”調(diào)整層，設(shè)置一個(gè)#bdc3ce到#e7e9ee的90度的線性漸變。

再創(chuàng)建一個(gè)“漸變”調(diào)整層，模擬背景上的頂部中央位置的高光效果。設(shè)置為#e7e9ee到透明的90度的徑向漸變。

畫一個(gè)480*480像素的圓，將圓的不透明度更改為80%。

為這個(gè)圓添加一個(gè)漸變疊加。

添加一個(gè)內(nèi)陰影

設(shè)置一個(gè)白色的投影

現(xiàn)在，我們完成了外圓的設(shè)置，得到了如下效果。

下面，我們用橢圓工具畫出按紐外圓，我用的大小是400*400像素。

為其添加一個(gè)斜面浮雕

添加一個(gè)白色的內(nèi)陰影

添加一個(gè)漸變疊加

添加一個(gè)投影

OK，完成了圖層樣式的設(shè)置，我們目前得到如下效果。

復(fù)制一層按紐外圓圖層，將其命名為投影，放置在按紐外圓圖層下層，右鍵清除圖層樣式，將填充更改為0，添加一個(gè)投影圖層樣式。

下面，我們畫按紐內(nèi)部的那個(gè)圓，用橢圓工具畫一個(gè)240*240像素的圓，將圖層不透明度設(shè)置為80%。

為這個(gè)圓添加一個(gè)漸變疊加。

添加一個(gè)內(nèi)陰影。

添加一個(gè)白色的投影。

現(xiàn)在我們得到如下效果

接下來，我們來畫最外層那里那個(gè)顏色的環(huán)狀。

我們復(fù)制一下最底層的那個(gè)外圓圖層，放置在外圓頂層，其余圖層下層，我們把顏色改成綠色，看了直觀一些，方便操作。

按住ALT鍵，畫一個(gè)矩形，ALT鍵在這里的作用是減去，當(dāng)然，你直接畫好再減去也是一樣的。

用路徑選擇工具選擇住矩形，按ALT鍵，拖動(dòng)鼠標(biāo)，復(fù)制一個(gè)矩形的路徑，這里的ALT鍵是復(fù)制，將矩形旋轉(zhuǎn)45度。

下面，按住SHIFT鍵畫一個(gè)40*40的圓，擺放到矩形減去的那個(gè)位置，兩個(gè)圓形都是如此操作。這里SHIFT的作用是增加。

OK，我們說一下，為什么那個(gè)小圓畫40像素，你看下面的圖就明白了。

下面我們來完善一下這個(gè)綠色的環(huán)狀，一種顏色太單調(diào)了，首先，我們給它添加一個(gè)漸變疊加。

添加一個(gè)內(nèi)陰影。

添加一個(gè)投影。

現(xiàn)在我們得到如下的效果。

當(dāng)然，這個(gè)漸變，隨便你喜歡什么顏色，無所謂，比如下面。

下面，就該畫那個(gè)下載的圖標(biāo)了。

如果你感覺直接畫不好操作，你也可以新建個(gè)文檔來畫，下面，我也用一個(gè)新文檔來演示。

首先，先畫出三個(gè)圓。

復(fù)制圓的路徑，減去。

這里需要注意的是如何保證圓環(huán)的寬度是一致的，其實(shí)有個(gè)很簡(jiǎn)單的方法，網(wǎng)格。我們可以利用網(wǎng)格來對(duì)齊，保證我們所畫的各個(gè)線條的大小是一致的。從我們下圖中網(wǎng)格的顯示，可以很清楚的看出，我們的寬度已經(jīng)保持了一致。

畫一個(gè)矩形，減去。

畫兩個(gè)圓把兩邊那斷開的圓補(bǔ)上。

畫一個(gè)矩形，增加。

畫兩個(gè)圓，增補(bǔ)到矩形的兩端，讓其構(gòu)成圓角。

再畫一個(gè)矩形，旋轉(zhuǎn)45度，擺放好位置。

復(fù)制這一個(gè)矩形，水平翻轉(zhuǎn)，擺放到右邊。

最后，再畫兩個(gè)圓，移動(dòng)到那兩個(gè)旋轉(zhuǎn)45度的矩形的位置。

到這里，下載圖標(biāo)，我們就畫好了，你要再不會(huì)畫，我也沒辦法了。P大點(diǎn)S作為一個(gè)熱愛分享的小團(tuán)隊(duì)，免不了在這里我也會(huì)將這個(gè)形狀定義到預(yù)設(shè)分享給大家，在附件中，你可以找到，那個(gè).CSH的文件就是了，導(dǎo)入到PS中，你可以在自定義形狀中找到這個(gè)形狀。

話扯得有點(diǎn)遠(yuǎn)了，現(xiàn)在我們回到我們的圖標(biāo)文件，把下載的圖標(biāo)放進(jìn)去，調(diào)整好大小和位置。

為其添加一個(gè)顏色疊加。

添加一個(gè)內(nèi)陰影。

添加一個(gè)投影。

現(xiàn)在我們得到如下效果。

打上文字，文字直接拷貝圖標(biāo)的圖層樣式，完工。

到這里就算完工了，國際慣例，前面我們把PSD分享給了大家，歡迎交流，

PSD中我們另外提供了一個(gè)淺紅色的，希望你喜歡。

四、在ppt中怎樣制作logo圖標(biāo)

我們?cè)谥谱鱬pt演示文稿的時(shí)候，除了可以在網(wǎng)上下載logo圖標(biāo)外，還可以自己親手制作logo圖標(biāo)，下面就讓我告訴你在ppt中怎樣制作logo圖標(biāo)的方法，希望對(duì)大家有所幫助。

在ppt中制作logo圖標(biāo)的方法

首先，如果ppt左上角沒有形狀工具，可以打開文件點(diǎn)擊選項(xiàng)，再點(diǎn)擊快速訪問工具欄，找到形狀將其添加到右側(cè)方框中，關(guān)閉該界面后就將形狀添加到左上角了。