win7系統(tǒng)下載
當(dāng)前位置: 首頁 > 硬件軟件教程 > 詳細(xì)頁面

PS制作圓潤立體漂亮主題圖標(biāo)案例圖文詳細(xì)教程

發(fā)布時(shí)間:2024-04-18 文章來源:深度系統(tǒng)下載 瀏覽:

橢圓矩形介于圓和圓角矩形中間的形狀,主題圖標(biāo)繪制最流行的形狀之一;有一些新人和身邊朋友問我怎么制作這形狀,所以,分享一下我的繪制方法。最終效果

制作圓潤立體漂亮主題圖標(biāo)的PS教程

準(zhǔn)備工作: 打開Photoshop,新建600 * 600的畫布,其它參數(shù)默認(rèn),點(diǎn)確定。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

方法1: 鼠標(biāo)移至左側(cè)工具欄矩形工具上,點(diǎn)擊三角箭頭切換成多邊形工具。鼠標(biāo)移至選項(xiàng)欄設(shè)置邊:4,點(diǎn)擊設(shè)置圖標(biāo)(齒輪),按下展開,勾選平滑拐角。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

按住Shift,按住鼠標(biāo)左鍵在畫布中央繪制就可以了。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

放大之后發(fā)現(xiàn)它的邊緣是虛的像素,為了更加精確的顯示,要讓邊緣對(duì)齊像素網(wǎng)格。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

左擊首選項(xiàng) > 常規(guī),勾選最后一條讓矢量工具與變化的像素網(wǎng)格對(duì)齊。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

設(shè)置好后,回到畫布Ctrl + T選中形狀,按住左鍵輕輕移動(dòng)鼠標(biāo)形狀圖形就自動(dòng)對(duì)齊像素網(wǎng)格。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

這個(gè)是最快速簡單的一種方法,如果需要調(diào)整角度大小,精確的做法是用直接選擇工具依次對(duì)四條邊的錨點(diǎn)向內(nèi)或向外進(jìn)行移動(dòng)。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

方法2: 選擇圓角矩形工具,點(diǎn)擊畫布,設(shè)置彈窗的參數(shù)。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

點(diǎn)確定,繪制出一個(gè)圓角矩形。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

可以看出來圓角矩形與橢圓矩形的區(qū)別,就是在四條邊向外微微彎曲,所以只要在圓角矩形基礎(chǔ)上添加向外的弧形就可以。選擇橢圓工具,選項(xiàng)欄選擇合并形狀。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

在圓角矩形上添加橢圓形狀,橢圓兩端的弧度要與圓角矩形兩端的弧度重合,這樣才平滑。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

復(fù)制、粘貼橢圓,添加至其他三條邊,完成。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

方法3: 選擇橢圓工具,點(diǎn)擊畫布,設(shè)置彈窗的參數(shù)。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

點(diǎn)確定,繪制一個(gè)圓形。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選中圓形,復(fù)制,粘貼,按住Shift和鼠標(biāo)左鍵向上或下移動(dòng)90px。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選項(xiàng)欄選擇與形狀區(qū)域相交。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選中兩個(gè)圓,復(fù)制,粘貼。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

旋轉(zhuǎn)90度。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選中左邊的圓,選項(xiàng)欄選擇與形狀區(qū)域相交。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

點(diǎn)擊,形成下圖的形狀圖形,已經(jīng)像橢圓矩形了,只是四個(gè)角不是圓角。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

把尖角變成圓角,選擇橢圓工具,選項(xiàng)欄選擇合并形狀,添加74px的圓形,注意兩個(gè)圖形要重合才能圓滑。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選擇矩形工具,選項(xiàng)選擇“減去頂層形狀”,沿著重合點(diǎn)減去矩形。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選中圓形,復(fù)制,然后刪除圓形,粘貼,尖角變成圓角。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

選中圓形和矩形,復(fù)制,粘貼,自由變換,垂直翻轉(zhuǎn)。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

移至右下角,邊緣重合。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

左邊也使用同樣的步驟。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

內(nèi)圓調(diào)整圓角大小。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

外圓調(diào)整弧度大小。

制作圓潤立體漂亮主題圖標(biāo)的PS教程

最終效果:

制作圓潤立體漂亮主題圖標(biāo)的PS教程

當(dāng)前原文鏈接:http://czecheden.com/soft/soft-50821.html