-
當前位置:首頁 > 創(chuàng)意學院 > 景觀設計 > 專題列表 > 正文
自制圖標(如何自制圖標)
大家好!今天讓小編來大家介紹下關于自制圖標的問題,以下是小編對此問題的歸納整理,讓我們一起來看看吧。
創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務客戶遍布全球各地,相關業(yè)務請撥打電話:175-8598-2043,或添加微信:1454722008
文章目錄列表:
一、如何制作簡約時尚的社交媒體圖標
1. 創(chuàng)建新文檔
啟動 Illustrator 創(chuàng)建新的項目文件“ 文件”>“新建” 或者 “Control-N” 。然后為新文件命名,設置尺寸,然后選擇 像素 為 單位 和 RGB 的 色彩模式 。
接下來,轉到 編輯>首選項>常規(guī) 并將 鍵盤增量 設置為 1像素 ,然后轉到 單位 將數(shù)據(jù)設置如下圖所示選項。接下來繪制的過程中你會發(fā)現(xiàn)這些設置將為你提供很大的幫助。
2. 創(chuàng)建圖標形狀
第1步
使用 橢圓工具(L) 畫板上繪制一個 98 x 98像素的 圓圈,并創(chuàng)建 4px 深灰色 描邊。
轉到“ 視圖”>“標尺”>“顯示標尺” ,然后在圓的四周創(chuàng)建參考線,作為活動繪圖區(qū)域。
第2步
接下來,使用 矩形工具(M) 繪制一個 30 x 30像素 的正方形,在正方形的對角線之間繪制一個三角形。將此三角形移動到灰色圓圈的左下方。確保它沒有超出繪圖區(qū)域。
第3步
接下來我們需要做一些小調(diào)整。使用 添加錨點工具(+) 在三角形上添加一個新的錨點。將此點拖動到灰色輪廓上避免接觸到圓圈內(nèi)部。最后,用與圓圈相同的深灰色著色。
第4步
選擇灰色圓圈并轉到 對象>擴展外觀 ,將圓圈內(nèi)部筆觸變?yōu)樘畛?,選擇生成的灰色環(huán)形狀以及三角形,然后在“ 路徑查找器” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個形狀。圖標的主要形狀就完成了。
第5步
制作“ 圖標形狀 ”的五個副本,然后依照參考圖像或進入“ 對齊” 面板將它們排列在畫板上。將每個圖標形狀移動到單獨的圖層并相應地命名它們,方便之后在“ 圖層” 面板中進行圖標的調(diào)整。
3. 創(chuàng)建臉書( Facebook )圖標
第1步
定位到“ Facebook圖標 ”圖層,選擇 文字工具(T) 并使用 World of Water字體 , 粗體 ,在畫板上輸入字母“ f ” ,尺寸為 68pt 。填充與形狀相同的填充顏色并賦予文字2pt的輪廓。
轉到 對象>擴展輪廓 兩次以展開文本。然后在圖標形狀內(nèi)移動字母,與圖標形狀對齊。
第2步
將圖標形狀和徽標保存為兩個單獨的形狀,將它們合并為復合路徑。進入“ 路徑 查找器” 面板中按“ 聯(lián)集” ,然后按“ 對象”>“復合路徑”>“制作”(Control-8) 。
4. 創(chuàng)建照片墻(Instagram)圖標
第1步
定位在“ Instagram圖標 ”圖層上。使用 矩形工具(M) 畫板上繪制 44 x 44像素 正方形; 然后轉到 形狀 面板并在 圓角半徑 中輸入 10 px 獲得圓角(1)。用相同的深灰色填充此形狀。
使用 橢圓工具(L) 繪制一個 25 x 25像素的 圓; 然后選擇兩個形狀并選擇 對齊 面板中的 水平對齊中心 和 垂直對齊中心 (2)。
選中兩個形狀的同時,在“ 路徑查找器” 面板中選擇“ 減去頂層 ” 獲得復合路徑(3)。
第2步
接下來,在圖標上繪制一個細長的 46 x 2 px 矩形; 然后選擇兩個形狀并在“ 路徑 查找器” 面板中選擇“ 減去頂層” ,然后進入“ 對象”>“復合路徑”>“制作”(Control-8) (1)。
在圖標的右上方繪制一個 5 x 5 px 圓圈,選中兩個形狀后,在“ 路徑 查找器” 面板中選擇“ 減去頂層” ,然后選擇“ 對象”>“復合路徑”>“制作”(Control-8) (2)。
第3步
繪制 18 x 18像素 的圓圈,使用相同的深灰色給它創(chuàng)建一個 2pt 的輪廓。選擇圖標形狀以及此圓圈,然后在“ 對齊” 面板中按“ 水平對齊中心” 和“ 垂直對齊中心 ” 確保它們完美對齊(1)。
保持選中狀態(tài),轉到 對象>擴展對象 以將筆劃轉換為形狀(2)。選擇兩個形狀并在“ 路徑 查找器” 面板中選擇“ 聯(lián)集” ,然后選擇“ 對象”>“復合路徑”>“制作”(Control-8) (3)。
第4步
將完成的復合形狀排列在圖標形狀的中心(1)。
此時,“ Instagram圖標 ”圖層上應該有兩個形狀:徽標和圖標形狀。保持選中它們,進入“ 路徑查找器” 面板中按“ 聯(lián)集” , 然后選擇“ 對象”>“復合路徑”>“制作”(Control-8) (2)將它們合并到新的復合路徑中。
5. 創(chuàng)建推特(Twitter)圖標
第1步
定位在“ Twitter圖標 ”圖層上,創(chuàng)建一個 27.5 x 27.5 px 的圓圈,填充與圖標形狀相同的深灰色。切換到 鋼筆工具(P) 繪制小鳥的主體形狀,如下圖所示。
創(chuàng)建喙,繪制一個類似三角形的形狀,然后轉到 對象>變換>反射 ,選中 水平, 然后點擊 復制 以獲得下半部分。
最后,用 鋼筆工具(P) 繪制翅膀的形狀。選擇所有形狀并在“ 路徑查找器 ” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個形狀。
第2步
將鳥標志移動到圖標形狀內(nèi),將其排列在中心位置(1)。
在“ Twitter圖標 ”圖層上,您現(xiàn)在應該有兩個形狀:徽標和圖標形狀。選擇兩個形狀進入“ 路徑查找器” 面板單擊 “聯(lián)集” ,然后選擇“ 對象”>“復合路徑”>“制作”(Control-8) 。
6. 創(chuàng)建優(yōu)兔(YouTube)圖標
第1步
定位在“ YouTube圖標 ”圖層上。使用 矩形工具(M) 在畫板上 繪制一個 50 x 37像素的 矩形(1); 然后轉到 變形 面板并在 圓角半徑 中輸入 8 px 獲得圓角(2)。
接下來,在圓角矩形的中心位置(3)繪制一個小三角形,然后保持選中兩個圖形,進入“ 路徑查找器” 面板中選擇“ 減去頂層 ” 獲得復合路徑(4)。
第2步
將徽標移動到圖標形狀內(nèi)并將其排列在形狀中心(1)。如果需要,將圖標形狀和徽標合并到新的復合路徑中(2)。
7. 創(chuàng)建色拉布(Snapchat)圖標
第1步
在“ Snapchat圖標 ”圖層上,繪制一個 27 x 43像素 的矩形(1); 然后轉到“ 變形” 面板并在“ 圓角半徑” 中輸入 12px ,獲得圓角矩形(2)。
使用 直接選擇工具(A) 選擇形狀的左下角和右下角錨點,將它們向外移動一段距離(3)。切換到 添加錨點工具(+) 并使用它在底部添加三個新的錨點; 然后移動它們并調(diào)整手柄以創(chuàng)建波浪形形的底部(4)。
使用 添加錨點工具(+) 在左側和右側添加其他兩個錨點; 然后將它們向內(nèi)移動,獲得類似幽靈的形狀(5)。
第2步
使用相同的深灰色填充上一步驟中獲得的形狀(1)。然后使用 鋼筆工具(P) 繪制兩條短線條作為手臂,并將粗細設置為 4pt 。選擇“描邊 ” 面板中的“ 圓形端點” 選項以獲得圓形末端(2)。保持選中手臂形狀的同時,轉到 對象>擴展外觀 將筆劃變?yōu)樾螤睿?)。
選擇所有形狀,然后在“ 路徑查找器 ” 面板中選擇“ 聯(lián)集 ” 將它們合并為單個形狀(4)。
第3步
將徽標移動到圖標形狀內(nèi),將其排列在圖標形狀的中心(1)。如果需要,也可以將徽標和圖標形狀合并到一個新的復合路徑中(2)。
8. 創(chuàng)建矢量Pinterest圖標
第1步
在“ Pinterest圖標 ”圖層上,使用 文本工具(T) 使用 Magnolia腳本字體 在畫板上寫下字母“ P ” ,大小設置為 64pt (1)。轉到 對象>擴展外觀 將文本轉換為形狀(2)。
在 直接選擇工具(A) 的幫助下 ,移動文字上的一些錨點獲得尖形的底端,使其頂部變得更圓,使其右側不那么圓(3) ,最后,你會得到一個更像原始徽標的形狀(4),當然也不需要完全相同。
第2步
將徽標移動到圖標形狀的中心位置(1)。如果需要,可以將徽標和圖標形狀合并為新的復合路徑(2)。
9. 保存圖標
第1步
首先將所有圖標整齊的排放在畫板上
第2步
我們以Facebook圖標為例。使用 矩形工具(M) 繪制一個 98 x 98像素 的正方形。選中圖標和方形,選擇 水平對齊中心 和 垂直對齊中心 確保它們居中對齊。
僅選擇正方形并轉到 對象>畫板>轉換為畫板 以定義新區(qū)域。轉到 文件>導出>另存為Web 來保存圖標。選擇您需要的文件類型, PNG ,透明背景或 JPEG ,然后點擊 保存 。對其余圖標執(zhí)行相同操作以單獨保存它們。
10. 創(chuàng)建圖標通知符號
第1步
使用 矩形工具(M) 繪制一個 80 x 50像素 矩形,并用淺紅色(1)著色。在“ 變換” 面板中,選擇“ 圓角半徑” 輸入 10px 獲得圓角矩形(2)。
在圓角矩形的底部繪制一個小三角形(3),然后保持選中兩個形狀,進入“ 路徑查找器” 面板選擇“ 聯(lián)集 ” 將它們合并為單個形狀(4)。
第2步
在圓角矩形的左側繪制白色的 11 x 11像素 圓圈 ,然后在其下方繪制一個 15.5 x 6像素 矩形。在圓角矩形中將 圓角半徑 設置為 4px (1)。
使用 文本工具(T) 并使用 Sniglet字體 寫入“ 1 ”或者任意的 數(shù)字 ,大小設置為 27磅 。給它一個白色填充和 0.75pt 的輪廓(2)。
第3步
首先繪制一個 14 x 14像素 的圓圈,填充白色(1)。使用 直接選擇工具(A) 選擇底部錨點并向下移動一定距離獲得類似花瓣的形狀(2); 然后在“ 變換” 面板(3)中將此形狀旋轉 20度 。轉到 對象>變換>反射 ,選中 垂直 并單擊 復制 獲取第二個形狀,通過使它們的底部錨點重疊來對齊它們(4)。
保持選中兩個形狀的同時,在“ 路徑查找器” 面板中選擇“ 聯(lián)集 ” 將它們合并為心形(5)。
最后,使用相同的字體和設置在形狀的旁邊輸入數(shù)字(6)。
第4步
將創(chuàng)建好的形狀放置在圖標的右上方,完成通知符號。
完成
二、怎么制作圖標 ico圖標制作教程
如何制作圖標?圖標的作用很明顯,當選擇使用一個圖標來執(zhí)行一個命令的話,只需要單擊或雙擊圖標即可。這對于迅速辨識一個圖標主題也是非常有效的。使用相同的擴展名的所有文件都具有相同的圖標。
那么,如何制作圖標?圖標制作軟件哪個好?圖標制作軟件Axialis
IconWorkshop具有很強大的圖標處理功能,用戶不但可以直接繪制新建圖標,能夠在圖像的基礎上制作圖標,還能轉換圖標。
下載:IconWorkshop
1、如何制作圖標之創(chuàng)建新圖標項目
在Axialis
IconWorkshop中選擇新建或按Ctrl+N創(chuàng)建一個新的圖標項目,可以選擇創(chuàng)建Windows圖標或Macintosh圖標項目。選中項目類型后,下一步確定項目名稱、顏色以及像素大小等。
完成后,點擊確定。開始創(chuàng)建一個新的圖標,可在右側的編輯面板選擇相應的繪制工具進行新圖標的繪制。
制作完成后,直接選擇保存或按Ctrl+S,選擇保存路徑和名稱即可完成圖標保存。
2、如何制作圖標之從圖像中新建圖標
Axialis
IconWorkshop可以根據(jù)不同格式的圖像文件制作圖標。打開文件瀏覽器或者按Ctrl+O選擇一個圖像文件,也可在庫中選擇一個圖像文件或是從啟動時選擇從圖片新建作為素材來制作圖標。
然后再根據(jù)出現(xiàn)的界面設置相應的項目名稱、格式等。
完成后,點擊確定則會出現(xiàn)選取的多個格式的圖標。
圖標制作完成。接下來就可以進行保存,可以將其添加至圖標庫中,也可單獨保存至電腦中。如何制作圖標?Axialis
IconWorkshop就是一款最好用的圖標制作軟件,而且操作簡單,能夠讓圖標制作更省心!
三、photoshop制作圖標的案例教程
photoshop其實除了圖像處理很厲害之外,我們一般還可以制作很多精美的圖標。接下來就是我精心整理的一些關于photoshop制作圖標的案例教程的相關資料,供你參考。
photoshop制作圖標的案例教程
新建文檔,我用的大小是1500*1000像素,透明背景。 創(chuàng)建一個“漸變”調(diào)整層,設置一個#bdc3ce到#e7e9ee的90度的線性漸變。
再創(chuàng)建一個“漸變”調(diào)整層,模擬背景上的頂部中央位置的高光效果。 設置為#e7e9ee到透明的90度的徑向漸變。
畫一個480*480像素的圓,將圓的不透明度更改為80%。
為這個圓添加一個漸變疊加。
添加一個內(nèi)陰影
設置一個白色的投影
現(xiàn)在,我們完成了外圓的設置,得到了如下效果。
下面,我們用橢圓工具畫出按紐外圓,我用的大小是400*400像素。
為其添加一個斜面 浮雕
添加一個白色的內(nèi)陰影
添加一個漸變疊加
添加一個投影
OK,完成了圖層樣式的設置,我們目前得到如下效果。
復制一層按紐外圓圖層,將其命名為投影,放置在按紐外圓圖層下層,右鍵清除圖層樣式,將填充更改為0,添加一個投影圖層樣式。
下面,我們畫按紐內(nèi)部的那個圓,用橢圓工具畫一個240*240像素的圓,將圖層不透明度設置為80%。
為這個圓添加一個漸變疊加。
添加一個內(nèi)陰影。
添加一個白色的投影。
現(xiàn)在我們得到如下效果
接下來,我們來畫最外層那里那個顏色的環(huán)狀。
我們復制一下最底層的那個外圓圖層,放置在外圓頂層,其余圖層下層,我們把顏色改成綠色,看了直觀一些,方便操作。
按住ALT鍵,畫一個矩形,ALT鍵在這里的作用是減去,當然,你直接畫好再減去也是一樣的。
用路徑選擇工具選擇住矩形,按ALT鍵,拖動鼠標,復制一個矩形的路徑,這里的ALT鍵是復制,將矩形旋轉45度。
下面,按住SHIFT鍵畫一個40*40的圓,擺放到矩形減去的那個位置,兩個圓形都是如此操作。這里SHIFT的作用是增加。
OK,我們說一下,為什么那個小圓畫40像素,你看下面的圖就明白了。
下面我們來完善一下這個綠色的環(huán)狀,一種顏色太單調(diào)了,首先,我們給它添加一個漸變疊加。
添加一個內(nèi)陰影。
添加一個投影。
現(xiàn)在我們得到如下的效果。
當然,這個漸變,隨便你喜歡什么顏色,無所謂,比如下面。
下面,就該畫那個下載的圖標了。
如果你感覺直接畫不好操作,你也可以新建個文檔來畫,下面,我也用一個新文檔來演示。
首先,先畫出三個圓。
復制圓的路徑,減去。
這里需要注意的是如何保證圓環(huán)的寬度是一致的,其實有個很簡單的 方法 ,網(wǎng)格。我們可以利用網(wǎng)格來對齊,保證我們所畫的各個線條的大小是一致的。從我們下圖中網(wǎng)格的顯示,可以很清楚的看出,我們的寬度已經(jīng)保持了一致。
畫一個矩形,減去。
畫兩個圓把兩邊那斷開的圓補上。
畫一個矩形,增加。
畫兩個圓,增補到矩形的兩端,讓其構成圓角。
再畫一個矩形,旋轉45度,擺放好位置。
復制這一個矩形,水平翻轉,擺放到右邊。
最后,再畫兩個圓,移動到那兩個旋轉45度的矩形的位置。
到這里,下載圖標,我們就畫好了,你要再不會畫,我也沒辦法了。P大點S作為一個熱愛分享的小團隊,免不了在這里我也會將這個形狀定義到預設分享給大家,在附件中,你可以找到,那個.CSH的文件就是了,導入到PS中,你可以在自定義形狀中找到這個形狀。
話扯得有點遠了,現(xiàn)在我們回到我們的圖標文件,把下載的圖標放進去,調(diào)整好大小和位置。
為其添加一個顏色疊加。
添加一個內(nèi)陰影。
添加一個投影。
現(xiàn)在我們得到如下效果。
打上文字,文字直接拷貝圖標的圖層樣式,完工。
到這里就算完工了,國際慣例,前面我們把PSD分享給了大家,歡迎交流,
PSD中我們另外提供了一個淺紅色的,希望你喜歡。
四、在ppt中怎樣制作logo圖標
我們在制作ppt演示文稿的時候,除了可以在網(wǎng)上下載logo圖標外,還可以自己親手制作logo圖標,下面就讓我告訴你在ppt中怎樣制作logo圖標的 方法 ,希望對大家有所幫助。
在ppt中制作logo圖標的方法首先,如果ppt左上角沒有形狀工具,可以打開文件點擊選項,再點擊快速訪問工具欄,找到形狀將其添加到右側方框中,關閉該界面后就將形狀添加到左上角了。
在ppt中制作logo圖標的步驟圖一第一,插入兩個橢圓。
在ppt中制作logo圖標的步驟圖二
第二,調(diào)整兩個橢圓的大小和位置。點擊處在下方的橢圓后按住鍵盤上的ctrl將上方的橢圓也點上(注:點擊橢圓的順序不同剪裁出來也形狀不同),然后點擊左上角的形狀再點擊形狀剪除,開始第一步裁剪
在ppt中制作logo圖標的步驟圖三
再插入一個矩形,放在圖案左側,點擊形狀減除,將左側裁平,同理,右側也裁平
在ppt中制作logo圖標的步驟圖四
在ppt中制作logo圖標的步驟圖五
同樣作出另外一個圓弧,再設置兩個圖案的漸變顏色
在ppt中制作logo圖標的步驟圖六
看了在ppt中怎樣制作logo圖標的人還看:
1. 怎么制作ppt加logo的背景圖片
2. ppt怎樣添加公司logo圖標
3. 在ppt中怎樣添加logo圖片
4. 如何在ppt中制作logo
5. 如何在ppt中添加logo圖標
6. ppt怎樣插入公司logo圖標
以上就是小編對于自制圖標問題和相關問題的解答了,如有疑問,可撥打網(wǎng)站上的電話,或添加微信。
推薦閱讀: