ps cc設(shè)計(jì)扁平化內(nèi)褲UI圖標(biāo)(5)
這個(gè)有愛的圖標(biāo)是在B站看視頻時(shí)無意中看到了,覺得蠻不錯(cuò)的,而且也簡(jiǎn)單,一般學(xué)到基礎(chǔ)的童鞋都可以做到,不過我這個(gè)教程為了照顧到新手,截圖有點(diǎn)多,對(duì)其中一些工具不是很熟練的童鞋可以多動(dòng)動(dòng)手做做。
漲姿勢(shì):什么是胖次
萌娘百科:胖次即指內(nèi)褲,是一種高防御頭部裝備,是日文パンツ的音譯,來自英文pants(短褲,襯褲意味)。
據(jù)說日文里的パンツ是在第二次世界萌戰(zhàn)日本娘戰(zhàn)敗后,美國(guó)娘強(qiáng)行”接管”日本娘之后才傳入日本的,所以日本人就直接音譯pants這個(gè)詞成胖次了。
第一步:新建圖層,大小自己定,這個(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)教程
- TA的教程
- 收藏
- 返回
- 圖標(biāo)設(shè)計(jì)
- 經(jīng)驗(yàn)分享
- ps教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- ps設(shè)計(jì)盒子圖標(biāo)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- UI知識(shí),做UI的工作方式與流程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- PS繪制磚塊ICO圖標(biāo)
- ps日歷圖標(biāo)
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程