fireworks切圖教程:制作網頁時如何用fireworks切圖

網頁制作的時候經常會用到切圖,用fireworks切圖就很方便,可以直接導出所有切好的圖片。那么制作網頁時如何用fireworks切圖?本文將為大家介紹這種方法,希望大家認真學習!
工具: fireworks,圖片一張
fireworks切圖方法:
1、 首先打開一張圖片或者網頁設計圖,如下圖所示選擇切片工具,并且把網頁設計圖調整好對應的尺寸。
2、根據自己所要導出的規(guī)格進行切割,用鼠標直接調整其圖片的大小,比如頂部多少像素,底部多少像素。
3、把文件命名好然后導出的時候可以導出到文件夾,這樣比較好查看效果。
4、導出到文件夾后會生成一個問題夾和html網頁,可以用瀏覽器進行查看。
5、最后查看導出后的效果,如果不是很規(guī)范,可以做適當調整后再導出。
END
小提示:
1.導出時候命名可以自定義
2.不要把圖片切的很大
以上就是在制作網頁時用fireworks切圖的簡便方法,現在大家是不是已經學會了。希望這篇教程對學習fireworks朋友有一定的幫助!
相關文章
- firework輸入的文字可以根據需求添加一些效果,該怎么給文字添加字體傾斜效果呢?下面我們就來看看詳細的教程2024-05-23
fireworks淡化邊緣工具在哪里? fireworks輪廓虛化效果的實現方法
fireworks繪制的圖形輪廓線尖銳了,想要虛化一下,需要使用淡化邊緣工具,這個工具在哪?怎么使用呢?詳細請看下文介紹2024-05-23電腦怎么批量添加照片日期? Fireworks給電腦圖片批量添加日期的技巧
電腦怎么批量添加照片日期?電腦中圖片的名字想要添加日期,該怎么操作呢?下面我們就來看看Fireworks給電腦圖片批量添加日期的技巧2023-06-05fw怎么設計科技干的線條? fireworks混合路徑工具制作圖形的技巧
fw怎么設計科技干的線條?fireworks中想要畫曲線線條,我們需要用到混合路徑工具,下面我們就來看看fireworks混合路徑工具制作圖形的技巧2023-01-09Fireworks圖形怎么做高光? fw中幾種制作高光效果的方法
Fireworks圖形怎么做高光?Fireworks中想要做高光效果,有幾種方法可以添加高光?下面我們就來看看fw中幾種制作高光效果的方法2022-12-21Fireworks剪切的圖片怎么導出? fw將裁剪區(qū)域導出保存的技巧
Fireworks剪切的圖片怎么導出?fw中剪切好的圖片想要保存,該怎么保存呢?下面我們就來看看fw將裁剪區(qū)域導出保存的技巧2022-12-20fw圖片漸隱效果怎么做? Fireworks給圖片添加漸隱效果的技巧
fw圖片漸隱效果怎么做?fw中想要給圖片添加漸隱效果,該怎么添加這個效果呢?下面我們就來看看Fireworks給圖片添加漸隱效果的技巧,詳細請看下文介紹2022-11-28Fireworks如何給圖片添加陰影效果? fw給圖片增加陰影效果的技巧
Fireworks如何給圖片添加陰影效果?fw中導入的圖片想要給圖片中的圖形添加陰影,該怎么操作呢?下面我們就來看看fw給圖片增加陰影效果的技巧2022-11-28fw文字怎么添加內陰影? Fireworks給字體添加陰影的技巧
fw文字怎么添加內陰影?fw中輸入的文字想要添加陰影,該怎么添加內陰影呢?下面我們就來看看Fireworks給文字添加陰影的技巧,詳細請看下文介紹2022-11-28Fireworks中如何創(chuàng)建蒙版以及使用? FW蒙版功能的使用技巧
Fireworks中如何創(chuàng)建蒙版以及使用?fw中想要使用蒙版制作一些效果,該怎么創(chuàng)建蒙版并使用呢?下面我們就來看看FW蒙版功能的使用技巧,詳細請看下文介紹2022-11-28