Photoshop(PS)制作一個扁平化胖次圖標效果圖實例教程
效果圖

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

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

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

第四步:點擊畫布拖拉出一個正方形的圓角矩型。

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

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

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

第八步:點擊選擇工具,然后用鍵盤上的方向鍵向右方下方各移動四個像素,就是按各四次。

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

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

選擇白色

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

第十二步:以同樣的方法在旁邊加上錨點

第十三步:單獨點擊下方錨點移動,不熟練的童鞋可以去百度查查。

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

第十五步:移動方向線的方向點至我所指的位置。

第十六步:用直接選擇工具拉出一個框選同時選擇上兩個錨點。向上移動

第十七步:在上方再添加一個錨點。

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

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

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

第二十一步:用矩形工具拉出一個長方形。

第二十二步:添加錨點,移動,形成波浪形。

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

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

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

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

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

第二十八步:點擊矩形1圖層,右鍵混合選項

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

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

第三十一步:新建空白圖層,用多邊形套索工具繪制投影,然后填充黑色。這步就看感覺了,如果你有自己的方法就更好了。
這個可以借用神器的幫助,一鍵生成唷:《超贊的長投影UI組件包免費下載+PS動作生成器》

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

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

完成。

相關(guān)文章
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2025-05-01
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2025-04-25
PS基礎(chǔ)教程之學習應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細請看下文介紹2024-12-23
ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10
PS調(diào)整字體大小是一個非?;A(chǔ)的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調(diào)節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02
ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19
ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30
PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30
Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30




