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

軟件下載吧

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

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

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

本教程主要使用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

相關下載

查看所有評論+

網友評論

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

公眾號

主站蜘蛛池模板: 日本人的色道免费网站| 欧美怡红院高清在线| 国产粉嫩白浆在线观看| 中文字幕欧美在线| 热久久视久久精品18国产| 国产最新凸凹视频免费| 一级做a爱过程免费视频高清| 欧美日韩国产va另类| 国产三级精品三级在专区| 99久久免费国产香蕉麻豆| 日韩夜夜高潮夜夜爽无码| 免费一级黄色录像影片| 黑人大长吊大战中国人妻| 天天躁日日躁狠狠躁人妻| 久久精品国产免费观看| 男人j进女人p免费动态图| 国产小视频在线免费| av电影在线播放| 日本边添边摸边做边爱的视频| 亚洲综合色丁香麻豆| 超碰97久久国产精品牛牛| 国内一区亚洲综合图区欧美| 久久久91精品国产一区二区| 欧美日韩精品久久免费| 啦啦啦啦在线直播免费播放| 香蕉久久成人网| 少妇厨房愉情理9仑片视频| 么公的又大又深又硬想要| 狠狠色婷婷丁香六月| 国产做受视频激情播放| 67pao强力打造67194在线午夜亚洲| 无码人妻精品丰满熟妇区| 亚洲国产午夜电影在线入口| 精品人妻中文字幕有码在线| 国产在线视频福利| 91在线国内在线播放老师| 成人毛片一区二区| 久久精品私人影院免费看| 波多野结衣在线观看中文字幕| 国产aaa级一级毛片| 久久福利视频导航|