啟動(dòng)Photoshop,打開(kāi)所需的圖片文件。這時(shí),我們?cè)趫D層面板中可以看到一個(gè)名為“背景”的圖層,因?yàn)樵赑hotoshop中,背景圖層是不允許直接編輯的,要把它轉(zhuǎn)換成普通的圖層。雙擊該圖層,出現(xiàn)“新圖層”對(duì)話框(如圖4),直接點(diǎn)[好],即可將“背景”圖層轉(zhuǎn)換成普通圖層。
圖4“新圖層”對(duì)話框
接下來(lái),在工具面板中選擇魔術(shù)棒工具,單擊需要?jiǎng)h除的背景色,然后按下“Delete”鍵,就可將背景色完全刪除,這時(shí)我們看到的圖片應(yīng)該如圖5所示,圖中的方格部分就表示該部分是透明的。
圖5設(shè)置好的圖片
最后,我們要把它輸出為PNG格式文件,單擊“文件/存儲(chǔ)為Web所用格式…”,在右側(cè)的保存選項(xiàng)中選擇“PNG—24”格式,把下面的“透明區(qū)域”選項(xiàng)選上,單擊[好]保存。
現(xiàn)在,就可以在上述的三個(gè)課件制作軟件中把PNG格式的圖片導(dǎo)入了,圖6是在三種軟件中導(dǎo)入圖片的最終效果。注意,在Authorware中,選擇透明方式時(shí)必須選擇“阿爾法”模式,PowerPoint和Flash導(dǎo)入后無(wú)須進(jìn)行任何設(shè)置。
圖6三種軟件中導(dǎo)入圖片的最終效果形
PS:如何制作透明圖片?
***********************************************************************************************************************************
在我們常用圖片的格式中,像BMP、JPG格式的圖片是不能保存透明信息的,系統(tǒng)會(huì)默認(rèn)為白色背景。GIF格式的圖片可以保存透明信息,但GIF格式的圖片最多只能有256種顏色,因而只能使用在對(duì)圖片要求不高的場(chǎng)合。
比較理想的是圖片處理軟件Photoshop的圖片格式PSD,但以上三種常用課件制作軟件中,只有Authorware可以支持PSD格式,而另外兩種均不支持。所以今天我們這里要介紹另外一種格式:PNG格式,PNG格式的圖片支持無(wú)損壓縮,而且可以很好地保存透明信息,最重要的一點(diǎn)是,以上三種軟件都可以支持該格式。
下面我們就來(lái)看一下,如何利用Photoshop輸出帶有透明信息的PNG格式的圖片。
啟動(dòng)Photoshop,打開(kāi)所需的圖片文件。這時(shí),我們?cè)趫D層面板中可以看到一個(gè)名為“背景”的圖層,因?yàn)樵赑hotoshop中,背景圖層是不允許直接編輯的,要把它轉(zhuǎn)換成普通的圖層。雙擊該圖層,出現(xiàn)“新圖層”對(duì)話框,直接點(diǎn)[好],即可將“背景”圖層轉(zhuǎn)換成普通圖層。
接下來(lái),在工具面板中選擇魔術(shù)棒工具,單擊需要?jiǎng)h除的背景色,然后按下“Delete”鍵,就可將背景色完全刪除,圖中的方格部分就表示該部分是透明的。
最后,我們要把它輸出為PNG格式文件,單擊“文件/存儲(chǔ)為Web所用格式…”,在右側(cè)的保存選項(xiàng)中選擇“PNG—24”格式,把下面的“透明區(qū)域”選項(xiàng)選上,單擊[好]保存。
*************************************************************************************************************************************
在網(wǎng)頁(yè)制作中,往往會(huì)發(fā)生這種事情,當(dāng)你把辛辛苦苦制作好的圖像插到網(wǎng)頁(yè)中后,會(huì)發(fā)現(xiàn)這幅圖像的背景顏色和網(wǎng)頁(yè)背景顏色怎么看也不協(xié)調(diào)。圖片在那里好像一塊補(bǔ)丁,去掉吧,太可惜了,不去掉吧,看著實(shí)在別扭。這時(shí)你就要用透明的背景圖像來(lái)幫忙了。
關(guān)于怎么使圖像的透明背景,在一些雜志中介紹了不少方法,但步驟都很麻煩,而且效果也不是太好。其實(shí)在PhotoShop 5.5以后版本中,只需簡(jiǎn)單幾步,就可以“搞定”一幅透明背景圖像。
下面就是操作步驟:
1. 打開(kāi)你要處理的圖片(可以是任何格式的),先調(diào)整它的尺寸大小,這一點(diǎn)雖然與透明背景圖像沒(méi)有什么聯(lián)系,但圖像太大會(huì)影響瀏覽速度,誰(shuí)想只為了看一幅圖片而“等你等得我心疼”呢!所以,在不影響視覺(jué)效果前提下應(yīng)把圖像盡量縮小,而且圖像的長(zhǎng)寬要和它在網(wǎng)頁(yè)中的大小基本一致,否則圖像插入后會(huì)發(fā)生變形。調(diào)節(jié)尺寸可用Image(圖像)菜單中的Image size(圖像尺寸)命令。
2. 用套索工具選定需要的部分,這一步是為了把所需圖像同原圖中的不透明背景分離開(kāi)來(lái)。PhotoShop 5.0以上的版本中增加了磁性套索工具,這個(gè)工具對(duì)于選定與背景顏色反差較大的部分非常方便,但也需要一定耐心,才能把所需圖像完整地選下來(lái)。然后使用“Edit(編輯)”菜單項(xiàng)中的“Copy(復(fù)制)”命令,把所選的內(nèi)容復(fù)制到剪貼板中。
3. 使用“File(文件)”菜單中的“New(新建)”命令新建一圖像。尺寸使用對(duì)話框中的默認(rèn)值,這是系統(tǒng)根據(jù)剪貼板中的數(shù)據(jù)給出的最小值。在“Contents”這一欄中,一定要把“Transparent(透明)”項(xiàng)選中,這是是否能生成透明背景圖像的關(guān)健。單擊“OK”后,如果不出意外的話,你會(huì)看見(jiàn)一幅有網(wǎng)格的新圖像,其實(shí)這是一幅背景透明的空白圖像。
4. 用“Edit(編輯)”菜單中的“Paste(粘貼)”命令把剪貼板的內(nèi)容粘貼到新圖像中,在左邊的工具欄中選擇移動(dòng)工具,把圖像移到合適的位置。到這一步,基本的操作已經(jīng)完成了,記住在這里千萬(wàn)不要合并層,否則前面的工作就前功盡棄了。
5. 最后選擇“File(文件)”菜單中的“Save a copy(另存為一備份)”命令保存文件,在“Save as(另存為)”選擇框中選定*.gif格式,單擊“OK”進(jìn)入下一步。
6. 在下一步出現(xiàn)的對(duì)話框中,同樣也要選擇“Transparency(透明)項(xiàng)”,其他各項(xiàng)使用默認(rèn)值,單擊“OK”完成。
現(xiàn)在,一幅完美的透明背景圖像就做成了!趕快試一試,把它插入到網(wǎng)頁(yè)中,預(yù)覽一下!怎么樣,天衣無(wú)縫吧?
另提供一種給photoshop比較熟練的朋友:
將圖像轉(zhuǎn)換成 Index Color,選擇要透明的部分,制作通道,帶通道將文件直接保存為 GIF 格式,OK.
聯(lián)系客服