Photoshop打造一個(gè)簡潔漂亮的語音圖標(biāo)實(shí)例教程

教程介紹如何快速臨摹一個(gè)圖標(biāo),思路:先認(rèn)真分析圖標(biāo)的構(gòu)成,尤其是一些細(xì)節(jié)的構(gòu)造,然后分析一遍各個(gè)部分的大致實(shí)現(xiàn)方法;最后就是新建文件,從底層開始制作即可。下面一起跟小編來看看教程吧!
最終效果
這個(gè)是原圖:
1、下面開始我的制作過程。為了后面的工作更加輕松便捷,所以我把新建的畫布尺寸設(shè)成一個(gè)比較好計(jì)算的整數(shù)。
2、原圖的背景過于簡單,我畫蛇添足,制作一個(gè)iOS風(fēng)格的背景。新建一層純黑色填充層。
3、新建一層,填充白色。執(zhí)行“濾鏡-雜色-添加雜色”,參數(shù)如圖。
4、濾鏡-模糊-動感模糊。
5、把這個(gè)動感模糊層的透明度調(diào)到45%。
6、復(fù)制一層,CTRL+T自由變化旋轉(zhuǎn)90度,把透明度調(diào)回100%,圖層混合模式改為“疊加”。
7、畫布四周的“毛邊”看著很不和諧,選中這兩個(gè)動感模糊層,CTRL+T自由變化,放大一些,直至毛邊不見為止,背景完成。
8、ctrl+r開啟標(biāo)尺,在標(biāo)尺上右鍵選擇百分比。按ALT+V+E快速布置水平和垂直兩條處于中心位置的參考線。
9、為了圖層欄的簡潔以及照顧到以后臨摹方便起見,我把屬于背景的三個(gè)圖層打包成組且隱藏。選擇“編輯-首選項(xiàng)-參考線.網(wǎng)格和切片”,把間隔單位設(shè)為20個(gè)像素,子網(wǎng)格設(shè)為2,單純設(shè)為10像素的話覺得密密麻麻的不舒服。
10、用“橢圓工具”畫一個(gè)直徑為840像素的圓形。為了讓它跟白色的背景區(qū)分開來,我給它設(shè)了一個(gè)85%的灰色。
11、按ctrl+’隱藏網(wǎng)格。雙擊這個(gè)形狀層,添加投影。我稍微調(diào)整了一下“等高線”,讓這個(gè)投影是邊緣收縮一些,再加一點(diǎn)點(diǎn)雜色。
12、再加一個(gè)人見人愛的角度漸變,用它來模擬圓形金屬是最好用了。
13、最后是這個(gè)金屬圓盤的倒角,斜面浮雕是不二之選。
14、我仔細(xì)觀察了原圖,金屬圓盤上似乎有“拉絲”的效果,但不是我們大家習(xí)慣使用的雜色+徑向模糊的那種。而是類似于很細(xì)很密的同心圓。按D恢復(fù)前景色和背景色。新建一層填充白色。選擇濾鏡素描中的半調(diào)圖案。
15、然后極坐標(biāo),一個(gè)同心圓的拉絲效果出來了。
16、如果你對上面的半調(diào)圖案有異議我認(rèn)為很正常,因?yàn)榘胝{(diào)圖案里有“圓形”的選項(xiàng),可以直接制作同心圓。但是直接制作出來的同心圓的線條比較粗,我想要一個(gè)線條很細(xì),很精致的同心圓,所以選擇直線選項(xiàng)再用極坐標(biāo)后它的效果比較符合我的要求。最后把這個(gè)同心圓的透明度調(diào)到8%左右,隱隱約約能看到就行,繼續(xù)把它剪切蒙版到金屬圓盤?;蛘呓o它一個(gè)蒙版也行。
17、接著我要用圖形工具制作圖標(biāo)中間的麥克風(fēng),按ctrl+’開啟網(wǎng)格,先用橢圓工具畫一個(gè)15%灰色,比“金屬圓盤”小1.5個(gè)網(wǎng)格單位的圓形。
18、繼續(xù)用“減去”模式再畫一個(gè)小1.5間隔單位的圓,這樣我得到一個(gè)邊寬為1.5間隔單位的圓環(huán)。
19、制作里面的麥克風(fēng)。打開網(wǎng)格,選用圓角矩形工具,把圓角的直徑盡可能的設(shè)得大一些,比如現(xiàn)在我就是500,用“添加”模式以膠囊狀下半圓直徑為中心畫一個(gè)的麥克風(fēng)支架。
20、繼續(xù)用“減去”模式再畫一個(gè)小1.5間隔單位的膠囊,因?yàn)榫W(wǎng)格的“吸附”功能,精確的完成這些都不叫事。
相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非常基礎(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30