ps設(shè)計(jì)立體風(fēng)格的Bbox寄存器圖標(biāo)的教程
我要評(píng)論閑時(shí)繪制了一個(gè)Bbox寄存器的擬物圖標(biāo)，把過程寫出來分享給大家，希望對(duì)新手設(shè)計(jì)師的成長(zhǎng)有幫助。本篇主旨的是要學(xué)會(huì)逐步去分解結(jié)構(gòu)，進(jìn)行形狀組建來繪制圖標(biāo)。那我們開始吧。先看看效果圖：
首先把它分為五個(gè)部分來制作：1、主體；2、金屬部分；3、端口；4、墊腳；5、文字。
一、主體的繪制
1：建一個(gè)800x800px的畫布，背景色為#f9f9f9。
2：繪制一個(gè)400x400px圓角半徑為70px的圓角矩形，命名為“主體”，將填充色設(shè)置為#f4f4f4，描邊寬度為2px，顏色為#BBBBBB。
3：給主體圖層添加內(nèi)發(fā)光，然后在左右以及上部添加高光。(用鋼筆繪制出白色形狀，在屬性里將羽化值改為7，再添加圖層蒙板，用柔邊圓畫筆選擇黑色涂抹邊緣，使其更緩和。)降低上部高光的不透明度到60%。
至此主體部分就先告一段落，接下來我們繪制金屬部分。
二、金屬部分
1：繪制一個(gè)400x80px的圓角矩形命名為“金屬”，圓角半徑分別為：0，0，70，70，顏色為#cecece，命名為金屬部分。將其與“主體”圖層底邊居中對(duì)齊。
2：為其添加內(nèi)陰影以及漸變疊加。
此時(shí)的效果應(yīng)該是這樣的：
三、端口
1：繪制一個(gè)80x30px的圓角矩形命名為“端口”，圓角半徑分別是：0，0，20，20，顏色填充：#1b1b1b。將其與金屬部分頂邊居中對(duì)齊。
2：為它添加一個(gè)內(nèi)陰影
3：繪制一個(gè)白色的橢圓命名為“白光”，羽化值設(shè)置為7，剪切到“端口”圖層。
四、墊腳
1：創(chuàng)建一個(gè)20x20px的圓角矩形，圓角半徑分別是：6，6，2，2 ，然后用直接選擇工具去選擇左上，右上的錨點(diǎn)更改它們的位置。
2：為它添加內(nèi)陰影，然后復(fù)制一份水平翻轉(zhuǎn)放到對(duì)稱的位置。
五、文字
1：用文本工具打出“Bbox”，顏色為#8b8b8b;
2：給文字添加內(nèi)陰影。
完成后效果：
相關(guān)推薦：
相關(guān)文章
ps將照片處理為手繪很方便，今天我們就來看看一個(gè)比較簡(jiǎn)單的實(shí)例教程，可以快速將照片處理為鉛筆手繪的教程，需要的朋友可以參考下2017-07-06
這篇教程教腳本之家的照片處理學(xué)習(xí)者們使用ps把建筑照片變成手繪設(shè)計(jì)圖紙效果圖的方法，教程使用的方法不難，模擬的建筑設(shè)計(jì)圖紙效果卻非常不錯(cuò)，值得借鑒學(xué)習(xí)2017-07-05
PS結(jié)合SAI軟件把美女照片轉(zhuǎn)為粉嫩的仿手繪效果教程
這篇教程教腳本之家的照片處理學(xué)習(xí)者們使用PS結(jié)合SAI軟件把美女照片轉(zhuǎn)為粉嫩的仿手繪效果的方法，教程打造的效果非常粉嫩可愛，難度不是很大，喜歡的朋友可以自己試試看2017-06-29
ps怎么手繪一個(gè)畫動(dòng)漫眼睛？我們?cè)诶L制卡通人物的時(shí)候，需要繪制眼睛，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-29
ps怎么手繪出一朵熒光的花朵？ps中想要繪制出熒光棒組成的花朵的效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-24
PS大神教你如何把古風(fēng)漢服美女圖片轉(zhuǎn)為水墨風(fēng)仿手繪效果
PS大神教你如何把古風(fēng)漢服美女圖片轉(zhuǎn)為水墨風(fēng)仿手繪效果？教程比較詳細(xì)，打造的效果非常漂亮，推薦到腳本之家一起分享學(xué)習(xí)2017-06-22
ps怎么手繪一個(gè)簡(jiǎn)單的菊花圖？ps中想要制作一個(gè)漂亮的菊花圖，該怎么創(chuàng)建呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-15
ps怎么制作古典風(fēng)格的工筆畫手繪效果圖片？想將一位為外國(guó)美女設(shè)計(jì)成中國(guó)工筆畫效果的圖片，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-06-15
本教程教腳本之家的各位ps文字特效學(xué)習(xí)者使用ps制作漂亮的手繪風(fēng)格漸變字體的方法，教程主要用到PS的液化工具和手寫字體Belinda，制作出來的效果非常好看，感興趣的朋友一2017-06-08
ps怎么手繪龜背竹的葉子？龜背竹是我們經(jīng)常養(yǎng)的植物，該怎么繪制龜背竹的葉子呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-06-02
