建站
咨詢
售后
建站咨詢
新聞中心
本文目錄一覽
1，關(guān)于PS制作網(wǎng)頁切片后儲存什么格式問題
儲存為wed和設(shè)備所用格式就行
{0}
創(chuàng)新互聯(lián)是專業(yè)的定結(jié)網(wǎng)站建設(shè)公司，定結(jié)接單;提供成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行定結(jié)網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
創(chuàng)新互聯(lián)建站長期為近千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為索縣企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè)，索縣網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
2，網(wǎng)頁如何切圖
問題一：網(wǎng)頁切圖怎么做? 網(wǎng)頁設(shè)計切圖 網(wǎng)頁切圖怎么做？網(wǎng)頁設(shè)計切圖 制作網(wǎng)頁，很多的時候，首先要用圖片處理軟件制作出網(wǎng)頁的效果圖。效果圖做好是一幅完整的圖片，不可能把這一整張的圖片都用在網(wǎng)頁里。把效果圖中有用的部分剪切下來作為網(wǎng)頁制作時的素材，這個過程就是切圖。（當(dāng)然是用剪切、選擇工具也可以，但是用切片工具處理更精確。） 切圖的目的就是更加精確的進(jìn)行網(wǎng)頁布局。photoshop、fireworks等軟件都帶有切片工具。問題二：頁面設(shè)計頁面制作 這種背景的頁面怎么切圖的啊。。。主要是背景怎么整的。。。目前我無法判斷你那些圖片帶鏈接，所以只能大概的給你講一下（目前文字部分我先不管），具體我拿第三張來講給你吧。首先，把所有要做鏈接的圖層都隱藏掉，剩下的層，就可以用來切圖，整體背景是藍(lán)色，所以css搞定就行。其次，背景有一張整體的背景圖，這個需要全部單獨切下來，圖片上面不要帶任何其他元素，就只是這張單獨的圖片就好，布局的時候引用為背景！ 然后，剩下的就是主體部分，上面的播放視頻和文字我就不講了，簡單，底部的汽車促銷圖片也切一張大圖就好，也簡單。最后，就剩下最難搞的中間部分，大概想了一下，2種方法實現(xiàn)，如下： 1、切成整張大圖，需要做鏈接的地方，畫上不規(guī)則熱區(qū)就好了！這種比較簡單些。
2、圖片什么樣，就切成什么樣，每張小圖都單獨切出來（注意：要做成png格式保存，背景設(shè)置為透明），然后寫html的時候，用css畫出等大的不規(guī)則圖形，吧圖片當(dāng)做背景加進(jìn)去，然后用css絕對定位一下，如有鏈接加鏈接，完美實現(xiàn)！ 備注：css畫不規(guī)則圖形，網(wǎng)上可以搜到教程，看一看就差不多，不難！ 至于其他幾張圖，比較簡單，簡單說一下第二張，第二張的其實如果想簡單實現(xiàn)，那就除文字和純背景色外，整張切，然后有鏈接的地方加熱點就好，想做復(fù)雜一點，就可以用到我所說的css畫不規(guī)則圖形，純色的三個縱橫條，不用切，css畫出來，添加背景色，然后絕對定位就好，其他的該切多大就切多大，然后用css絕對定位，設(shè)置好z-index的關(guān)系，就ok了！ 之前做過很多這樣的網(wǎng)站，這都是經(jīng)驗之談，完全能實現(xiàn)，要有問題再問我！完全純手打啊~~ 問題三：photoshop網(wǎng)頁切圖怎么用 1、首先需要用photoshop把psd源文件打開，看看源文件的整體布局。源文件是分層的，方便切圖的層次。
2、切圖的工具叫做“切片”，在左側(cè)面板可以看到。右擊可以看到“切片工具”和“切片選擇工具”按鈕。
3、用放大鏡將所要切的圖片部分放大，可以用參考線確定大小，切圖是可以沿參考線切。
4、切換到切片工具，沿參考線劃出切片，右擊可以看到有可以編輯切片的選項，可以設(shè)置切片像素大小。
5、切好后就可以單擊菜單欄“文件”，選擇“存儲為web所用格式”選項。
6、選擇要存儲的切片，然后右上角可以設(shè)置圖片的格式、質(zhì)量大小，設(shè)置好以后就可以單擊保存了。
7、保存需要保存的切片，選擇好路徑即可，單擊保存即完成。打開保存好的圖片，如圖。注意事項 注意保存時最好自己設(shè)置路徑，settings選項。問題四：怎么用ps做html切圖 ，詳細(xì)！ 10分 先切小片然后寫代碼 不是一句話兩句話能說清楚的 問題五：UI 中網(wǎng)頁設(shè)計切圖怎么切 PxCook，目前我還沒用上Mac，所以也不知道傳說中的Sketch到底多神奇。PxCook在Windows上標(biāo)注還比較順手，雖然它還附帶切圖功能，但是比較雞肋，不推薦用它切圖。切圖工具： Cutterman 一款PS的插件，切圖非常方便，但不支持綠色免安裝版本PS，而且對PS版本要求比較高，針對CS 6的已經(jīng)不維護(hù)更新了。推薦安裝官方完整版PS cc，然后自行破解。官網(wǎng)上有安裝使用教程，自己研究下吧，因為我也是最近才開始接觸這款插件。Part 2 Photoshop 現(xiàn)在常用的幾種設(shè)計尺寸 1. 640*960 4時代的尺寸，剛接觸APP設(shè)計用的是這個尺寸，擬物盛行的時代(現(xiàn)在用這個尺寸設(shè)計的應(yīng)該比較少了吧)； 2. 640*1136 5/5S/5C，IPhone更新，咱們設(shè)計也得跟著與時俱進(jìn)(應(yīng)該還有人用這個設(shè)計尺寸)，進(jìn)入扁平的時代了； 3. 750*1334 6 目前我做設(shè)計稿的設(shè)計尺寸，IPhone6的尺寸，向下可以適配4，5，向上可以適配6 plus；我記得IP6推出后，我問總監(jiān)應(yīng)該用什么尺寸設(shè)計，他說用IP6的吧，好適配，切出來就是@2x了，改一改上下都能照顧到。問題六：網(wǎng)頁切圖是不是一般只切按鈕部分？別的比如背景都用CSS實現(xiàn)？ 一般來說，比如網(wǎng)站logo、網(wǎng)站相關(guān)的圖片(例如產(chǎn)品圖片,不規(guī)則的形狀圖片等)、漸變、特殊字體(宋體、黑體、微軟雅黑以外的字體)，幾乎都是要切成圖片來做的。切成圖片又分為2膽，一種通過設(shè)置css背景，另外一種是直接標(biāo)簽加路徑調(diào)用。其他的全部用css來實現(xiàn)。問題七：ps如何切圖成HTML頁面 希望給一個詳細(xì)流程操作 修改好相應(yīng)的文字與圖象之后，我們就將PSD文件輸出(X)HTML文件。首先得先對PSD文件做切片，有兩種方法： ①使用工具欄上的“切片工具”， 然后在圖象上劃出一塊一塊的區(qū)域。②使用基于參考線的切片，按ctrl+R調(diào)出標(biāo)尺欄， 把鼠標(biāo)移動到標(biāo)尺上，按住鼠標(biāo)左鍵，移動到圖象上，將會看到一條綠色的參考線，如圖 將參考線；排好，然后點一下工具欄上的切片工具圖表，然后點上面 選項欄里的“基于參考線的切片”。于是在原來的參考線上就變成了一塊一塊的切片了。接下來就可以輸出了: ①依次選擇菜單欄上的“文件”→“存儲為Web所用格式”→“存儲”。②接下來就會彈出一個“將優(yōu)化結(jié)果存儲為”的窗口，如圖 在“保存類型”處有個下拉列框可以選擇，因為我們要存儲為網(wǎng)頁的格式，所以選擇“HTML和圖象(* html)”，再選擇“保存”就可以輸出憨個網(wǎng)頁格式的HTML文件與一個包含圖象的名為“images”的文件夾。③如果我們需要輸出“div+css的網(wǎng)頁”我們還可以這么做： 在“設(shè)置”處的下拉列框，選擇“其他” 就會彈出一個“輸出設(shè)置”的窗口 在第2個下拉列框處選擇“切片” 選擇“生成CSS” 單擊“好”→“保存”就可以輸出一個目前流行的“div+css”的HTML網(wǎng)頁。問題八：網(wǎng)頁美工是怎樣進(jìn)行圖片切圖的 步驟如下： 1.首先我們需要用到的文件就是psd的文件了，一般都是由設(shè)計師來完成的，我們切圖也就是切psd文件，因為psd文件是分層的，所以想切哪里切哪里。
2.之后用Photoshop軟件打開psd文件，這里小魚用CC版本演示，其他版本大同小異。我們打開之后可以雙擊左側(cè)的放大鏡工具，將圖片縮放到原圖大小。
3.我們要切圖，當(dāng)然用到的就是“切片”工具了，可以點擊左邊的切片工具，也可以右擊這個圖標(biāo)選擇更多的相關(guān)工具。切圖都是用切片工具。
4.選擇好切片工具之后，想要切哪里就直接拖動鼠標(biāo)就可以了，然后會出現(xiàn)切線，在切線框內(nèi)右擊還可以彈出菜單。
5.點擊菜單的編輯切片選項還可以對切片進(jìn)行編輯，可以編輯大小等項目。
6.但是如果我們只想要字怎么辦，不要底層背景，那么可以用“移動”工具。選擇移動工具，在不要的背景上單擊，這時候在“圖層”面板里面就會選中這個圖層。注意勾選上面的“自動選擇圖層”。
7.把選中的不需要的背景前面的小眼睛去掉，最后只剩我們想要的部分。
8.然后點擊左上角菜單欄的“文件”，選擇“存儲為web所用格式”選項。
9.如果要透明的，那么一般選擇png格式，如果要非透明的，那么哪個格式存儲的文件小就選擇哪個，這樣能保證網(wǎng)頁加載速度快。然后點擊下面的“存儲”按鈕。
10.然后給圖片命名，選擇一個保存地址，最后選擇“選中的切片”，不然好多沒用的圖片都會保存下來。
11.最后找到保存好的圖片打開，已經(jīng)是一個我們想要的圖片了。問題九：如何把圖片切成HTML頁面 用 ImageReady 其次打開你想做切片的圖片 在英文輸入法下，在程序界面中按 K 切換到切片工具 在圖片上隨意進(jìn)行切片 按CTRL+ALT+SHIFT+S 將優(yōu)化結(jié)果存儲為 保存類型下拉框拉下來選擇“HTML和圖像” 進(jìn)行保存 或者使用photoshop的 切片工具 操作！ 這是教程 wenku.baidu/...a wenku.baidu/...6 希望幫到你 問題十：網(wǎng)頁切圖什么意思，怎么切法 如果你登著QQ 同時按下Ctrl+Alt+A這三個鍵就可以切圖了。如果沒登QQ，系統(tǒng)也有自帶的截圖功能，就是鍵盤上的PrtScrSysRq，不過這是全屏截圖 然后在開始~所有程序~附件中打開“截圖工具”，然后再按下ctrl+print（鍵盤上的PrtScrSysRq鍵）即可 切的圖可以保存在自己電腦，也可以發(fā)給自己的朋友。謝謝！
{1}
3，網(wǎng)頁上的圖形格式有哪些
圖形的格式千奇百怪，但是一般 WWW 瀏覽器支持的圖形格式只有 .gif 和 .jpg(.jpe)，這兩種都是經(jīng)過壓縮的圖形文檔。所以文件較小，適合在網(wǎng)絡(luò)上傳送。如果你的圖形是別的格式， 則必須使用圖形處理軟件來將其轉(zhuǎn)存成 .GIF 或 .JPG 的圖形格式。但到底該用那一種圖形格式呢? 先看看下面的比較： GIF 格式 JPEG 格式 壓縮比例 較小 從大到小有四種選擇 最多支援的顏色 256色 全彩(16百萬色) 漸顯功能(“隔行”方式) GIF89a有 無 背景透明功能 GIF89a有 無 動畫 GIF89a有 無
主要用的的就是 jpg gif png bmp(用的不多，常用于驗證碼)
jpg gif png jpeg
{2}
4，網(wǎng)頁從切圖到生成網(wǎng)頁的步驟
先熟悉那個公司以及行業(yè)的文化，有自己積累的素材當(dāng)然很好，在此基礎(chǔ)上用ps改改。如果從頭設(shè)計圖案，雖然比較耗時，但如果熟悉ps也不算難阿。通常可以在紙上或者方便易用的畫圖軟件上設(shè)計整體的布局，然后嘗試不同的顏色色調(diào)什么的--當(dāng)然要與那個公司的文化背景一致。這樣當(dāng)布局設(shè)計好了后，后再考慮用html實現(xiàn)。設(shè)計的時候不要考慮html，那會影響你的設(shè)計。html+css表現(xiàn)力已經(jīng)非常強了，幾乎沒什么別人設(shè)計了它卻實現(xiàn)不了的。不過我見很多UI設(shè)計人員都懂html，畢竟很簡單。他們只是不怎么寫服務(wù)器端程序代碼，但要寫html和css。也許你們的美工只負(fù)責(zé)設(shè)計圖？
我也是個起步?jīng)]多久的網(wǎng)頁設(shè)計。理論來說，網(wǎng)頁設(shè)計師只要求做到DIV+CSS布局的靜態(tài)頁這塊就好了，然后交給程序員。不過現(xiàn)在很多中小型公司要求你不僅會HTML CSS+DIV，還需要懂編程如Javascript，數(shù)據(jù)庫，后臺CMS，更離譜的還要會C+ .net java等大型開發(fā)語言...真是無語啊。真不知道他們招設(shè)計還是程序員。不過作為一個網(wǎng)頁設(shè)計師，要做到CSS+DIV布局的靜態(tài)頁是必須的，而后，你可以學(xué)學(xué)JS特效，只要學(xué)到能套用就好，不一定要會自己編。最好再仔細(xì)研究一套CMS內(nèi)容管理系統(tǒng)，這樣你就能獨立完成一個完整的網(wǎng)站。會DIV+CSS，會用一套CMS，會套用JS特效，去中小型企業(yè)基本上沒什么問題，大型企業(yè)分工更明確，不會做那么多份外的工作，但相應(yīng)的，你的美術(shù)設(shè)計的專業(yè)能力要很高。素材，考慮效率的情況下，有現(xiàn)成的就用，網(wǎng)上下。就說這些，加油，一起進(jìn)步吧！
你所說素材是指哪方面的素材。設(shè)計師設(shè)計好的當(dāng)然是完整的網(wǎng)頁效果圖，可以使psd格式的，也可以存成jpg給網(wǎng)頁制作人員。
網(wǎng)站欄目：網(wǎng)頁切圖切成什么格式，關(guān)于PS制作網(wǎng)頁切片后儲存什么格式問題
文章鏈接：http://www.ef60e0e.cn/article/ejgdjj.html
