Photoshop(PS)制作一個(gè)扁平化胖次圖標(biāo)效果圖實(shí)例教程

效果圖
第一步:新建圖層,大小自己定,這個(gè)為了更好演示教程,我選擇了500乘500,分辨率為72的畫布大小。

第二步:為了更好的確認(rèn)圖形的大小比例正確。ctrl+r弄出標(biāo)尺,然后在標(biāo)尺工具的邊緣右鍵選擇百分比。這一步忘記截圖,不過我相信對(duì)于大家來說也不是難題。然后用選擇工具從標(biāo)尺的邊上點(diǎn)擊拖拉出四條參考線。

第三步:選擇圓角矩形工具,然后在上方的工具選項(xiàng)欄中選擇形狀模式,圓角半徑為40像素。

第四步:點(diǎn)擊畫布拖拉出一個(gè)正方形的圓角矩型。

第五步:在縮略圖中的右下角雙擊,選擇一種你喜歡的顏色。

第六步:復(fù)制一層,這一步如果你不會(huì),那我會(huì)很無語。

第七步:同樣雙擊選擇顏色。

第八步:點(diǎn)擊選擇工具,然后用鍵盤上的方向鍵向右方下方各移動(dòng)四個(gè)像素,就是按各四次。

第九步:選擇矩形工具。然后拖拉出一個(gè)正方形。

第十步:同樣雙擊選擇顏色。

選擇白色

第十一步:點(diǎn)擊直接選擇工具,然后點(diǎn)擊白色正方形,在出現(xiàn)的路徑邊上右鍵,選擇添加錨點(diǎn)。

第十二步:以同樣的方法在旁邊加上錨點(diǎn)

第十三步:?jiǎn)为?dú)點(diǎn)擊下方錨點(diǎn)移動(dòng),不熟練的童鞋可以去百度查查。

第十四步:這一步我不知道怎么講了,主要是點(diǎn)擊之前添加的錨點(diǎn),然后把方向線的其中一端收回,防止那一端的方向產(chǎn)生變化。不明白方向線和方向點(diǎn)的童鞋同樣去百度一下吧

第十五步:移動(dòng)方向線的方向點(diǎn)至我所指的位置。

第十六步:用直接選擇工具拉出一個(gè)框選同時(shí)選擇上兩個(gè)錨點(diǎn)。向上移動(dòng)

第十七步:在上方再添加一個(gè)錨點(diǎn)。

第十八步:向上移動(dòng)一些少,看起來不那么生硬。

第十九步:ctrl+T自由變換,調(diào)節(jié)大小和方向。

第二十步:創(chuàng)建一個(gè)圖層,為了胖次的條紋,哈哈。

第二十一步:用矩形工具拉出一個(gè)長(zhǎng)方形。

第二十二步:添加錨點(diǎn),移動(dòng),形成波浪形。

第二十三步:復(fù)制一層,變換顏色。條紋嘛!

第二十四步:就是復(fù)制復(fù)制再?gòu)?fù)制啦!

第二十五步:然后合并圖層。

第二十六步:拖到原來的畫布上。位置適當(dāng)變換下

第二十七步:右鍵創(chuàng)建剪切蒙版。

第二十八步:點(diǎn)擊矩形1圖層,右鍵混合選項(xiàng)

第二十九步:在樣式中選擇描邊,大小為3像素,顏色為白色。位置外部最好。

第三十步:打字,用比較粗的字體比較好。

第三十一步:新建空白圖層,用多邊形套索工具繪制投影,然后填充黑色。這步就看感覺了,如果你有自己的方法就更好了。
這個(gè)可以借用神器的幫助,一鍵生成?。骸冻澋拈L(zhǎng)投影UI組件包免費(fèi)下載+PS動(dòng)作生成器》

第三十二步:調(diào)節(jié)不透明度。

第三十三步:以同樣的方法繪制上方字體的投影。

完成。

相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非?;A(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹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