下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > 圖標設計,模仿QQ旋風圖標實例

圖標設計,模仿QQ旋風圖標實例

時間:2024-03-07 16:31作者:下載吧人氣:19

本教程主要使用Photoshop繪制藍色立體效果的軟件下載圖標,教程不難,重點是形狀工具的運用,已經看到不少同學交作業了,你也來試試吧。有不懂的朋友可以下載PSD文件研究,下面就開始教程的繪制吧。

教程源文件鏈接:http://pan.baidu.com/s/1jGrKMiU 密碼:j09o

先看看效果圖

圖標設計,模仿QQ旋風圖標實例

這個是原圖標

圖標設計,模仿QQ旋風圖標實例

這個是我們的臨摹成果

背景的創建沒什么好說的,只是漸變,然后加了個圖案而已。文檔大小的話,請隨意,本人用的1500*1000像素。首先,我畫了水平居中和垂直居中兩條參考線,方便等會的對齊,選擇橢圓工具,畫一個圓。

圖標設計,模仿QQ旋風圖標實例

為這個圓添加一個漸變疊加。

圖標設計,模仿QQ旋風圖標實例

添加一個1像素的描邊。

圖標設計,模仿QQ旋風圖標實例

添加一個投影。

圖標設計,模仿QQ旋風圖標實例

目前效果如下:

圖標設計,模仿QQ旋風圖標實例

還是使用橢圓工具畫出內部的這個圓。

圖標設計,模仿QQ旋風圖標實例

給內部的這個圓添加一個徑向漸變。

圖標設計,模仿QQ旋風圖標實例

添加一個描邊。

圖標設計,模仿QQ旋風圖標實例

添加一個內陰影。

圖標設計,模仿QQ旋風圖標實例

添加一個外發光,模擬原圖標灰色描邊外面的白色高光。

圖標設計,模仿QQ旋風圖標實例

現在,我們得到如下的效果。

圖標設計,模仿QQ旋風圖標實例

下面,開始畫那個下載的箭頭圖標,首先,畫個圓,再畫個橢圓減去。

圖標設計,模仿QQ旋風圖標實例

選擇矩形工具,畫個矩形,旋轉一下,減去。

圖標設計,模仿QQ旋風圖標實例

畫個圓角矩形,增加。

圖標設計,模仿QQ旋風圖標實例

復制圓角矩形,并旋轉,調整大小。

圖標設計,模仿QQ旋風圖標實例

畫個三角形,把中間空白的位置補上。

圖標設計,模仿QQ旋風圖標實例

合并形狀組件,并添加一個圖層蒙版,用畫筆涂抹,讓箭頭圖標的左邊跟原圖標一樣,有個透明度。

圖標設計,模仿QQ旋風圖標實例

為這個箭頭添加一個漸變疊加。

圖標設計,模仿QQ旋風圖標實例

復制一層這個箭頭圖層,并將填充更改為0,下移一定的像素,并將其置于箭頭圖層的下層,添加一個顏色疊加。

圖標設計,模仿QQ旋風圖標實例

添加一個投影。

圖標設計,模仿QQ旋風圖標實例

再次復制一下箭頭圖層,修改一個錨點,調整成如下圖所示,我們來做那個浮雕效果。

圖標設計,模仿QQ旋風圖標實例

將這個圖層的填充更改為0,添加一個斜面和浮雕。

圖標設計,模仿QQ旋風圖標實例

勾選等高線。

圖標設計,模仿QQ旋風圖標實例

復制這個添加了斜面浮雕的圖層,將圖層顏色更改為白色,將填充更改為10%。

圖標設計,模仿QQ旋風圖標實例

在屬性面板中,為這個形狀羽化10像素,讓其邊緣平滑過渡。

圖標設計,模仿QQ旋風圖標實例

現在,我們強化一下浮雕的效果,畫一個矩形,并將矩形的顏色填充設置為無顏色。

圖標設計,模仿QQ旋風圖標實例

為這個矩形添加一個漸變疊加。

圖標設計,模仿QQ旋風圖標實例

將圖層不透明度更改為40%。

圖標設計,模仿QQ旋風圖標實例

現在我們得到如下效果。

圖標設計,模仿QQ旋風圖標實例

下面,我們開始畫那些刻度。我們首先來畫這個長的刻度,設置前景色為#12c8ff,畫一個矩形,CTRL+T,設置中心點為畫布的中心,旋轉30度,CTRL+ALT+SHIFT+T,得到如下效果。

圖標設計,模仿QQ旋風圖標實例

為這個刻度條添加一個投影。

圖標設計,模仿QQ旋風圖標實例

接下來,我們畫短的刻度,跟剛才是一樣的操作的,只是旋轉角度更改為7.5度,刪除掉跟長的刻度重疊的部分。

圖標設計,模仿QQ旋風圖標實例

一樣的,添加一個投影。

圖標設計,模仿QQ旋風圖標實例

下面,我們來畫指針,首先,用橢圓工具畫出中間那個圓。

圖標設計,模仿QQ旋風圖標實例

添加一個漸變疊加。

圖標設計,模仿QQ旋風圖標實例

添加一個斜面浮雕。

圖標設計,模仿QQ旋風圖標實例

添加一個描邊。

圖標設計,模仿QQ旋風圖標實例

添加一個內陰影。

圖標設計,模仿QQ旋風圖標實例

添加一個投影。

圖標設計,模仿QQ旋風圖標實例

在圓的圖層下層,設置前景色為#000000,畫一個三角形的指針,用矩形刪掉一個錨點,輕而易舉可以得到一個等腰的三角形。

圖標設計,模仿QQ旋風圖標實例

為指針圖層添加一個投影。

圖標設計,模仿QQ旋風圖標實例

在這個指針圖層上層,圓圖層下層,設置前景色為#2e2e2e,畫一個矩形,旋轉一定角度,創建剪貼蒙版,用來構成指針的立體面。

圖標設計,模仿QQ旋風圖標實例

最終效果圖

圖標設計,模仿QQ旋風圖標實例

標簽cuacq,圖標設計,ps網頁設計,photoshop,QQ

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 巨胸喷奶水视频www免费视频| 精品人成电影在线观看| 最近中文字幕mv手机免费高清| 国产精品免费一区二区三区 | 亚洲综合伊人制服丝袜美腿| 正在播放露脸一区| 国产超碰人人爽人人做人人添| 亚洲精品99久久久久中文字幕| 97久久天天综合色天天综合色hd| 法国性经典xxxxhd| 国产精品第九页| 亚洲中文无码mv| 欧美激情成人网| 日韩午夜电影网| 国产一区二区三区播放| 中文国产成人精品久久下载| 精品国产v无码大片在线观看| 学校触犯×ofthedead | 国产精品视频一区二区噜噜| 亚洲成人激情小说| 青青操免费在线视频| 最近2019中文字幕高清字幕| 国产在线视频www色| 丹麦大白屁股hdxxxx| 精品视频久久久| 天堂…中文在线最新版在线| 亚洲欧美精品一区天堂久久| 老司机天堂影院| 日韩AV无码久久精品免费| 嘿咻视频免费网站| www.97色| 欧美大荫蒂毛茸茸视频| 国产好痛疼轻点好爽的视频| 久久91精品国产91久久户| 男的把j伸进女人p图片动态 | 久久婷婷国产综合精品| 色哟哟网站在线观看| 女人扒下裤让男人桶到爽| 亚洲欧美人成综合导航| 国产精品久久女同磨豆腐| 把水管开水放b里是什么感觉|