psd圖轉(zhuǎn)化html(根據(jù)psd文件生成html)
1在電腦上打開(kāi)PS軟件,在軟件的菜單欄中找到文件,點(diǎn)擊后選擇打開(kāi)按鈕2選中需要處理的PSD文件,點(diǎn)擊打開(kāi)3在軟件的導(dǎo)航欄中選擇切片工具4用切片工具在圖片上進(jìn)行所需要的分割,如本例中分為上下兩塊5在;這個(gè)是不能轉(zhuǎn)化的,首先切片工具把psd里面的文件一張圖片一張圖片的導(dǎo)出來(lái),接著是用手工編寫(xiě)好html,在css中把這一張圖片一張圖片組合回去;將psd網(wǎng)站模板轉(zhuǎn)換成html網(wǎng)頁(yè)形式,首先需要理解,psd的模版,只是對(duì)于網(wǎng)站的一個(gè)整理布局,使用圖片的形式來(lái)做的,而在瀏覽器上需要過(guò)html+css+js等等這些技術(shù)手段才可以來(lái)做出來(lái),如PSD的網(wǎng)站的背景顏色,在網(wǎng)頁(yè)中,需要去;HTML文件一般是通過(guò)瀏覽器或者Dreamweaver來(lái)打開(kāi)的PS不能打開(kāi)HTML文件可以是這樣的用PS來(lái)制作出網(wǎng)頁(yè)的圖像psd格式,然后通過(guò)Dreamweaver來(lái)對(duì)這個(gè)圖片填充HTML和css,js來(lái)進(jìn)行切圖做網(wǎng)頁(yè);1打開(kāi)ps軟件2打開(kāi)psd文件3“文件存儲(chǔ)為web所用格式存儲(chǔ)”,選擇“html和圖像”,保存4在電腦圖像文件里就可以找到保存好得網(wǎng)頁(yè)文件了。
文件導(dǎo)出存儲(chǔ)為Web所用格式,點(diǎn)擊存儲(chǔ)按鈕進(jìn)入具體設(shè)置 關(guān)鍵點(diǎn)格式要選擇HTML和圖像保存就行了;具體的轉(zhuǎn)換步驟是切片工具切圖文件儲(chǔ)存為web和設(shè)備所用格式 點(diǎn)擊儲(chǔ)存后在格式化一欄選擇HTML和圖像 搞定~,很簡(jiǎn)單的LZ只需要了解切圖工具的用法就可以了PS圖片一般儲(chǔ)存為PNG格式一個(gè)網(wǎng)頁(yè)最少需要兩次;psd格式,是Photoshop的文件格式將html網(wǎng)頁(yè)格式轉(zhuǎn)換成psd格式1360瀏覽器帶有將html保存為圖片的功能2瀏覽器打開(kāi)html頁(yè)面,點(diǎn)擊文件,保存為圖片,3在保存時(shí),將文件格式改為psd即可。
用排除法,首先你得確認(rèn)你轉(zhuǎn)過(guò)來(lái)的gif圖片背景是透明的,如果本身gif背景不透明,那么你怎么設(shè)置也不透明,在ps里面,透明狀態(tài)是黑白小方格的底色,這個(gè)我相信你用過(guò)ps就會(huì)知道的,如果gif本身透明了,你再加入到html里面;在ps軟件中打開(kāi)該圖片,用切片工具進(jìn)行切片,之后點(diǎn)文件存儲(chǔ)為web和設(shè)備所用格式下方預(yù)覽,然后關(guān)掉瀏覽器點(diǎn)擊存儲(chǔ),然后點(diǎn)完成,你也可以將圖片發(fā)給我。
建議LZ先用DIV+CSS寫(xiě)出網(wǎng)頁(yè)大致框架,然后再把切出的圖片填進(jìn)去具體的轉(zhuǎn)換步驟是切片工具切圖文件儲(chǔ)存為web和設(shè)備所用格式 點(diǎn)擊儲(chǔ)存后在格式化一欄選擇HTML和圖像 搞定~,很簡(jiǎn)單的LZ只需要了解切圖工具的;切片做好之后 點(diǎn)擊文件存儲(chǔ)為WEB所用格式 然后設(shè)置相關(guān)參數(shù),比如切片的格式等 然后點(diǎn)擊SAVE 選擇保存類型為html and image;一想要將psd轉(zhuǎn)為html,首先需要具備幾個(gè)條件重點(diǎn)1就是會(huì)用切圖工具,如果切圖工具都不會(huì)用,那么就需要先學(xué)習(xí)制作圖片的工具,例如photoshop,fireworks等 重點(diǎn)2會(huì)用代碼編寫(xiě)工具,有編寫(xiě)html,css,js等代碼的工具 重;網(wǎng)上的圖片都是可以被保存的屏蔽右鍵的方法可以輕松破解,不過(guò)是一段javascript代碼,只要在瀏覽器的設(shè)置里取消javascript腳本功能,這段代碼就失效了。
在PS文件中按你構(gòu)想的結(jié)構(gòu)切割,畫(huà)出一塊塊方塊,然后執(zhí)行文件存儲(chǔ)為web和設(shè)備所用格式,打開(kāi)對(duì)話框,點(diǎn)擊儲(chǔ)存,在新彈出的對(duì)話框下方,選擇保存類型為HTML和圖像,選擇切片為所有切片,點(diǎn)擊保存OK;您好1您需要在PS里將這個(gè)PSD格式的文件拼合圖層,壓平為一張單層圖像存儲(chǔ)為jpg或gif格式2在PS里是不能直接存儲(chǔ)為html格式的,您需要將這個(gè)jpg或gif格式拖到 ImageReady 軟件里 這個(gè)軟件一般是和PS捆綁在一起安裝。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。