Photoshop cs5制作一個(gè)透明風(fēng)格的系統(tǒng)圖標(biāo)
這是一篇photoshop的透明風(fēng)格圖標(biāo)制作教程,主要為大家介紹使用photoshop中的圖層樣式等工具制作透明的玻璃效果。
最終效果:
新建文檔,徑向漸變填充
使用橢圓選框工具按shift鍵框出正圓選區(qū),ctrl+J復(fù)制
添加漸變疊加圖層樣式
新建圖層,載入圓形選區(qū),填充稍深藍(lán)色,改為“疊加”模式
(注:載入的方法:先按住ctrl鍵,鼠標(biāo)點(diǎn)擊需要載入的圖層,即載入了鼠標(biāo)所點(diǎn)擊的圖層選區(qū)。下同)
ctrl+D取消選區(qū)。添加圖層蒙版,載入圓形選區(qū),在圖層蒙版上用徑向漸變拖出
新建圖層,載入圓形選區(qū),羽化20像素
填充白色
變換選區(qū),縮小其范圍,
按delete刪除
載入圓形選區(qū),ctrl+shift+I反選,delete刪除,改為疊加模式,填充不透明度25%
新建圖層,前景色設(shè)為淡青色,使用漸變工具,打開漸變編輯器,樣式為第二種前景色至透明。
新建圖層,繪制正方形選區(qū),選擇——修改——平滑
填充白色后復(fù)制,然后將這幾個(gè)白框合并圖層,ctrl+T旋轉(zhuǎn)后放至圓形的左上方
載入圓形選區(qū),濾鏡——扭曲——球面化
反選,delete刪除多余的部分,ctrl+D取消選區(qū)。添加圖層蒙版,線性漸變(漸變樣式為前景至背景)從白框的左上至右下拖出
新建圖層組,新建圖層。
載入圓形選區(qū),編輯——描邊
高斯模糊0.5像素,將圖層組改為“線性減淡”
在背景層上方新建圖層,載入圓形選區(qū),選擇——修改——擴(kuò)展
填充深藍(lán)色,移至至圓形右下角,高斯模糊3像素
新建圖層,載入圖層6(剛剛填充深藍(lán)色的圖層),選擇——修改——收縮
填充淡青色,改為濾色。圓形部分處理完成。
在最頂層新建圖層,繪制好卡片(非本例重點(diǎn)講述,此處略)
ctrl+T旋轉(zhuǎn)。載入圓形選區(qū),ctrl+J復(fù)制卡片的右側(cè)部分至新圖層。
載入卡片右側(cè)圖層,在卡片圖層按delete刪除。
新卡片的左側(cè)放至背景層的上一層
回到最頂層的卡片右側(cè)圖層,填充透明度60%,改為“強(qiáng)光”模式。
回到最底層的卡片左側(cè)圖層,添加投影和浮雕樣式
最終效果
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計(jì),用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計(jì),教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計(jì)扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計(jì)扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個(gè)四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計(jì),模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)簡(jiǎn)單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計(jì),設(shè)計(jì)抽象的相機(jī)鏡頭圖標(biāo)教程