教你用Fireworks給圖片添加簡(jiǎn)潔漂亮的透明立體網(wǎng)格效果

這篇教程主要是向腳本之家的朋友介紹如何利用Fireworks給圖片添加簡(jiǎn)潔漂亮的透明立體網(wǎng)格效果,制作出來(lái)的整體效果非常漂亮,方法也很簡(jiǎn)單。推薦給腳本之家的朋友,一起來(lái)看看吧!
最終效果:

制作步驟如下。
1、在fireworks中新建文件,大小為50*50。
2、選取矩形工具,繪制一個(gè)50*50大小的正方形,填充及描邊筆觸設(shè)置如圖。

3、將繪制好的圖形保存為png或gif文件,取名為“網(wǎng)格.png”備用。
4、打開(kāi)一副素材圖片。

5、在圖片上方繪制一個(gè)略大于圖像并覆蓋整個(gè)畫(huà)布的矩形框。在屬性面板上,選擇填充紋理為“...”,在彈出的文件瀏覽框中選擇剛才保存好的“網(wǎng)格.png”文件。

6、設(shè)置其他填充選項(xiàng)如圖所示。

7、打開(kāi)層面板,將素材位圖克隆一份(ctrl+shift+d)。

8、同時(shí)選中矩形路徑和上層的位圖對(duì)象,選擇菜單“修改|蒙版|組合為蒙版”命令,組成遮罩組。

9、此時(shí)如果隱藏位于底層的位圖對(duì)象,將會(huì)看到遮罩得到的圖形效果。

10、對(duì)遮罩組對(duì)象應(yīng)用“斜角和浮雕|內(nèi)斜角”效果,特效參數(shù)設(shè)置如圖。

11、取消底層位圖對(duì)象的隱藏屬性,得到最終的透明立體網(wǎng)格效果。

png源文件下載:

教程結(jié)束,以上就是用Fireworks給圖片添加簡(jiǎn)潔漂亮的透明立體網(wǎng)格效果過(guò)程,希望大家喜歡!
相關(guān)文章
- firework輸入的文字可以根據(jù)需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來(lái)看看詳細(xì)的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實(shí)現(xiàn)方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個(gè)工具在哪?怎么使用呢?詳細(xì)請(qǐng)看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來(lái)看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設(shè)計(jì)科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設(shè)計(jì)科技干的線條?fireworks中想要畫(huà)曲線線條,我們需要用到混合路徑工具,下面我們就來(lái)看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來(lái)看看fw中幾種制作高光效果的方法2022-12-21fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個(gè)效果呢?下面我們就來(lái)看看Fireworks給圖片添加漸隱效果的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導(dǎo)入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來(lái)看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內(nèi)陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內(nèi)陰影?fw中輸入的文字想要添加陰影,該怎么添加內(nèi)陰影呢?下面我們就來(lái)看看Fireworks給文字添加陰影的技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來(lái)看看FW蒙版功能的使用技巧,詳細(xì)請(qǐng)看下文介紹2022-11-28