發(fā)文章
發(fā)文工具
撰寫
網(wǎng)文摘手
文檔
視頻
思維導圖
隨筆
相冊
原創(chuàng)同步助手
其他工具
圖片轉(zhuǎn)文字
文件清理
AI助手
留言交流
第一,打開PS軟件。
第二,打開原本準備好的一張圖片,可以把圖片直接拉到PS中,也可以用菜單欄上的文件工具來打開文件。
第三,把圖片亂放到合適的大小,然后選擇【裁剪工具】,工具欄上的一把像小刀一樣的工具,選擇“切片工具”。
第四,然后把圖片切成兩塊。
第五,選擇文件→存儲為WEB和設(shè)備所用格式,這是一種專門為網(wǎng)頁制作人設(shè)置的格式。
第六,保存為“JPG”格式,選擇存儲
第七,選擇“HTML和圖像”格式,保存。
第八,導出后生成兩個文件如圖:
第九,打開網(wǎng)站制作軟件《Dreamweaver CS3》。
第十,選擇“HTML”。導入“123.html”“頁面。
第十一,選擇設(shè)計??吹絻蓮埱泻玫膱D片。
第十二,查看代碼頁,看到兩張圖片的代碼。
第十三,選擇預(yù)覽。
第十四,看到已經(jīng)打開制作好的網(wǎng)頁了。如果把圖片放到相冊空間里,把圖片代碼替代成圖片空間里的代碼,就可以把代碼復制到網(wǎng)站上,或者網(wǎng)店里都可以瀏覽。
來自: 使左手寫字 > 《ps》
0條評論
發(fā)表
請遵守用戶 評論公約
手把手教你做店鋪裝修模板,不要錯過哦!
手把手教你做店鋪裝修模板,不要錯過哦!手把手教你做店鋪裝修模板 下面先介紹下我們所用的軟件。首先是打開你要獲取代碼的圖片,選...
ps切片工具怎么用
ps切片工具怎么用。答:對于切片太多的問題,由于ps的切片選擇工具不能框選,那我們可以將其存為psd格式,然后用AdobelmageReady 打開底...
photoshop切片工具分割圖片制作網(wǎng)頁
photoshop切片工具分割圖片制作網(wǎng)頁。簡介:photoshop切片工具可能很多人都沒怎么用過,本例中我們就學習切片工具的使用方法,主要是在網(wǎng)...
PS切片工具|詳解PS中裁剪工具與切片工具的使用
PS切片工具|詳解PS中裁剪工具與切片工具的使用5:裁剪的功能是對全圖層都有效的,它直接改變的是文檔的畫布大小,舉個例子,我們復制2個...
ps切片工具怎么用?
ps切片工具怎么用?提到ps的切片工具,可能很多網(wǎng)友都會覺得很陌生。在圖片處理教程中,我們都不需要使用到ps的切片工具,也鮮少有教程...
【網(wǎng)頁設(shè)計師的好伙伴】Photoshop與網(wǎng)頁設(shè)計相關(guān)的PS插件
【網(wǎng)頁設(shè)計師的好伙伴】Photoshop與網(wǎng)頁設(shè)計相關(guān)的PS插件【網(wǎng)頁設(shè)計師的好伙伴】Photoshop與網(wǎng)頁設(shè)計相關(guān)的PS插件 ( 南京騷客2013-08-06...
PS用切片工具等分圖片
PS用切片工具等分圖片 - Qzone日志PS用切片工具等分圖片 [圖片]日志地址:請用Ctrl+C復制后貼給好友。1、首先打開圖片,然后選擇工具箱里...
基礎(chǔ)切片
當然有,藍色表示用戶切片(手工切片)、灰色則表示自動生成的切片、褐色表示選中的切片,也就是正在編輯的切片,切片有哪些編輯方式呢...
ps切片如何導出視頻:導出web格式網(wǎng)頁圖片的方法
ps切片如何導出-導出web格式網(wǎng)頁圖片的方法
微信掃碼,在手機上查看選中內(nèi)容