1. 點九圖用ps怎麼弄，求給個具體過程，網上教程沒搞懂
一、使用Photoshop繪制點九的方法。確定切圖後直接改變圖片的畫布大小，手動將上下左右各增加1px使用鉛筆工具，手動繪制拉伸區域，色值必須為黑色（#000000）。存儲為web所用格式，選擇png-24，儲存時手動將後綴名改為.9.png不過這種方法的缺點是不能實時預覽，判斷並測試拉伸區域的准確性。使用此方法需要注意以下2點:1. 手繪的黑線拉伸區必須是#000000，透明度100%，並且圖像四邊不能出現半透明像素；2. 你的.9.png必須繪有拉伸區域的黑線。
2. 前端工程師，請問切圖是什麼意思我會寫div﹢css已經比較熟練了，js也、jquery這些也學完
是的，做前端必須必須會切圖，但是 切圖 就是PS裡面的一步操作，十分簡單。QQ截圖和PS切圖是動作不一樣，但是基本上是一樣的，QQ是截取，而PS裡面有個工具張的像 刀 ，拿著這個刀在圖上面畫，所以叫切圖。
選擇選中的切片，在點擊保存，就這么先切，在選擇，在保存，就完成了切圖，但是PS切圖比qq截圖用著爽多了，因為在PS裡面可以將圖片放大N倍，在切，在小的圖也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截圖用著爽。總體來講比QQ截圖專業吧。
3. 怎麼用PS製作點九圖片
黑色邊代表內容的拉伸區域，設置可以直接規定四邊長度，也可以拉伸完成。長度不對代表拉伸過程出現錯誤。具體的操作步驟為：
1、點9圖片是Android系統或ios系統中的一種可拉動和不失真的圖片，例如，我們的微信聊天泡泡是典型的第9點圖片，因為聊天泡泡需要關注文本的數量。
4. 網站前端切圖是什麼意思，主要做什麼
我們做網站的時候是要根據程序化來進行實現的，特別是做一個精品網站的時候，首先第一步就是設計網站，網站設計好之後即是切圖，切圖完就要加入div+css實現效果圖，以及flash動畫等功能了，切圖完成之後才到下一步開發程序，這就是從前端的設計、切圖到網站程序開發的一個過程。
網站的好壞，前端很重要，這是我們重視的一部分，前段必須把div+css做好，不能有多餘的代碼程序在裡面，前端要是沒有做好，往後的程序很影響seo的推廣，這是很多企業做網站的時候忽略掉的問題，我們應該一手抓，俗話說的好，贏在起跑線上，只有系統化的前端div+css，設計，切圖功能實現之後才有後面的程序製作，很多網站前端div+css做的亂七八糟的，不說兼容性行不行了，就是網路蜘蛛來獲取頁面的時候都很排斥的，所以說，切圖是一個精品網站必備的，重中之重，不可忽視。
我們經過美工的設計頁面，從每一張圖片的整合到功能的實現都是切圖來做的，切圖人員必須具備有細心的品性，要嚴格要求每一步的到位，否則將會給後面的程序帶來麻煩，一個精品網站的建設是要分為四個大的步驟進行的
第一、網站設計
第二、網站切圖+div+css+功能美化
第三、網站程序製作
第四、後台的調用
5. 前端中所說的切圖到底指的是什麼意思
切圖是指將設計稿切成便於製作成頁面的圖片,並完成html+css布局的靜態頁面。
6. ui點9切圖怎麼切
點九圖，是Android開發中用到的一種特殊格式的圖片，文件名以」.9.png「命名。這種圖片能告訴開發，圖像哪一部分可以被拉伸，哪一部分不能被拉伸需要保持原有比列。運用點九圖可以保證圖片在不模糊變形的前提下做到自適應。點九圖常用於對話框和聊天氣泡背景圖片中。
有很多種方式可以輸出.9.png，比如說用draw9patch.bat這個工具，或者用cutterman插件，再或者簡單一點，用photoshop直接輸出。
第一步，先輸出普通的png資源，用選區工具選取盡可能多的拉升部分加以刪除。
第二步，然後將這些內容拼接成一個完整的整體。
第三步，然後擴大畫布大小，上下左右各空出一個像素
第四步，再用一個像素的鉛筆工具（顏色選擇純黑色），上下左右分別畫點就可以了，保存的時候注意把後綴修改為.9.png。
這里需要特別注意以下2點：
1.最外邊的1px線段必須是純黑色，一點點的半透明的像素都不可以有，比如說99%的黑色或者是1%的投影都不可以有。(這1PX像素在程序最終輸出的效果中不會被顯示)
2.文件的後綴名必須是.9.png，不能是.png或者是.9.png.png，這樣的命名都會導致編譯失敗。
7. 求救 ！！！怎麼用點九切圖法 切出橫向線和豎線
沒有這個切圖法，你可以在android sdk 下的tools里找到draw9patch 然後自己製作。
如果美工做的話，那就在圖片最外圍加一圈透明的1像素，然後要拉伸的地方用黑點單個像素填充就行了
8. 前端切圖切到很高的境界是怎樣一種體驗
就我個人的一點經驗分享一下，談不上很高的境界，只說是一點心得，我認為比較好的切圖的同學是，如何在眾多林立的需求之間取得一個平衡。說到底還是眼界的問題，剛開始可能糾結如何命名css比較易用，過後可能糾結html結構是否合理，然後頁面是否兼容，可復用，再往後頁面功能設計是否合理，頁面體驗是否符合人的基本心理需求。做的時間長了，就有空琢磨這個產品到底如何，能否真的佔有一定的市場或用戶量，然後做失敗幾個產品之後，看看其它行業是否還有潛力的機會，是否有與互聯網接合的切點。然後在跨地區看看，地球那邊的行業是怎麼樣的？所以，下午去巴黎看看那邊是否有訂餐需求不是一個夢。然後在每個階段下對前端的審視或要求是不一樣的，也談不上很高的境界，只是公司或人原來的目標或需求變了，所以就像我以前提到一樣，這個點永遠都達不到，只有無限可能的接近。
然後在分享點目前我接觸到具體的體驗：
1. 滿足UI同學的視覺需求。
無論是css hack還是通過js進行差異化處理，從技術手段上無底線的實現UI同學的視覺要求。這是工作負責的態度，也是自我需求突破的一個手段。從UI同學來說，做的設計稿沒有達到要求，是對其本身工作成果的不尊重。
2. 控制好後端同學的數據顯示。
前端做為後端同學的代言人，無趣的數字通過有趣的交互或界面展現出來，本身是一件很美好的事情，通過合作的方式讓整個流程完美無瑕，但總是在外界因素的影響下，把握不好。
3. 在這有限的條件下提高自己的效率或代碼質量。
這就要提到一般頁面的 頁面的健壯性，擴展性，復用性。
a. 健壯性：
這個怎麼說呢，UI出的psd圖是一個頁面理想狀態下的形態，而頁面有數據，會出現兩種極端狀態，一，數據極多，二，數據極少。所以在頁面排版的時候，考慮這兩種狀態，以免數據太多的時候，撐破頁面，以免數據太少，頁面部分元素會出現收回去狀況，這樣的頁面會出現一些細節沒有處理的常規失誤。
b. 擴展性：
可以說，這個也是第一條的擴充，擴展性的意思為，在頁面的模塊很少的時候，要考慮未來添加子模塊或兄弟模塊的狀態，為將來留好html介面。在將來添加模塊的時候，盡可能少的去動原來的html結構，使html易於擴展。這個具體情況，具體處理。一般的處理就是如果有可能會有兄弟元素就多套一層，為後台添加兄弟元素盡可能的不影響現有結構。這個點乍看起來很小，其實如果擴充到整個項目，多個項目就有可觀的效應了。
c. 復用性：
由於頁面中風格相似的模塊很多，或頁面中與頁面中相似的模塊很多，但是總會有那麼一丁點的差異，這是設計師認識世界然後在表達世界的產物，我們理解設計師的職業操守，所以只能在前期做一些技術處理，免得後期問候某崗位的親人。具體的有的模塊高點有的模塊低點，還有結構完全一樣，但底紋不一定。這樣建議把表現形式的樣式放在一個class中，物理屬性放在一個class中。還有就是裝飾性的圖片決不不以明標簽的方式插入到頁面中，內容式的內容絕對以<img src="" />的方式插入中去，以免將來多主題，多語言版本的實現。
可能有時候還有的情況是，頁面完全切不出來，html，css完全不知道怎麼寫了。但基礎掌握良好，概念基本清楚。這時候我個人建議應該是吸收別人好的東西時候到了，也是個人水平瓶頸的時候，需要在堅持一下完全的突破。具體的方式就是，用firebug去分析先有的bat各個項目的各個頁面，總有你可以借鑒的地方。
9. PS進行點九切圖法時，命名「.9.png」時，提示我以.開頭的名稱已被系統預留。我該怎麼處理
直接使用 PS等平面工具繪制流程
2個步驟就可得到.9.png圖片，具體步驟為：
1. 確定切圖後直接改變圖片的畫布大小，
2. 手動將上下左右各增加1px
3. 使用鉛筆工具，手動繪制拉伸區域，色值必須為黑色（#000000）。
4. 存儲為web所用格式，選擇png-24，儲存時手動將後綴名改為.9.png
10. Photoshop中的哪些知識點是用來前端切圖的
1).基本信息：
以圖層為主要的編輯對象，通過不同層細節的編輯，使整體效果更為絢麗或多變。
以工具為主要的編輯手段，通過多個工具的結合，滿足大部分編輯要求。
通過濾鏡的組合，呈現很多不錯的效果，達到平民人士也能參與互聯網炒作的大軍中不能自撥，在當下PS已經由有一個名詞轉為一個動詞了。
對前端來說切圖時注意：優化切圖流程，提升切圖效率，增加崗位競爭優勢
具體經驗分享：修改PS的快捷鍵，使其符合前端操作的習慣，側面提升工作效率。從而擴展，可以修改其它軟體的快捷鍵，整體提升工作效率，增加就業資本或信心。
圖片格式那些事兒
一般新手不太注意頁面的性能問題，而性能容易出現在圖片上面，如何在一個大頁面中處理好圖片是一個前端必備的技能之一。
一般應用比較多的格式有：gif,png-8,png-24,jpg。而新手經常混淆png-8,png-24的區別。
按我經驗4k以下gif,png-8差別不大，4k-100k: png-8,gif占優勢，大於100k果斷是jpg。
png-8不支持alpha透明，在IE6下需要一個JS或透明濾鏡來處理。
圖片格式與設計那點事兒
Web性能優化：圖片優化
2). 提高切圖效率思路之擴展：
從客觀上來講，提高效率的基礎在於豐富的實戰經驗或長年的填坑經歷，本質上軟體的操作差別不是特別大。一個五年經驗或一年經驗的開發人員，使用同樣的工具，主要差別還是一個熟練度。這里只分享我個人積累的一些經驗：
在上一點提到的修改快捷鍵，分享一下我修改的幾個快捷鍵（修改這個快捷鍵，有個缺點，換台電腦可能就不能使用，除非能夠熟悉的記得兩套快捷鍵，即修改過的，或原始的）：
新建圖層: F1
使用頻率比較強，所以放在一個容易的地方。
新建文件：F2
僅次於新建文件，也是使用使用頻率比較高的一個鍵。由於切圖是會從原始圖層上多次的分離圖層，所以這個快捷捷由原來的按兩鍵，變為一鍵。並且有效的分離左右手操作的特點，盡量讓使用頻率高的鍵從左側起步。以下的幾個快捷鍵，都是按照這個思路來進行優化或設置的。
按屏幕大小：F3
按畫布大小：F4
這兩個鍵操作思路主要借鑒於CorelDraw，CorelDraw是一款優秀的平面廣告設計軟體，多用於名片，包裝設計。這是由加拿大Corel產品，他們公司另外一個比較著名的繪畫類軟體是Painter。
存儲為web格式：F5
由原來的5鍵優化為一鍵，還有一個流程是通過Ctrl+Shift+S來存儲圖片，很明顯這個流程步驟過於繁多，很浪費時間。有興趣的可以做一個對比。
裁剪命令：F6
由原來的3鍵優化為一鍵，另外一個是裁剪工具(C)，裁剪工具對整個畫面的破壞力比較大，且不易控制，尤其在PS的版本升級中對這個工具進行了優化。而這個命令相對更為輕量或方便。
F7,F8,F9保持不變
轉換為RGB模式：ctrl+=
因為Gif是索引模式，顏色信息較少，如果要進行編輯，首先得轉換成RGB模式。
從圖層建立組：ctrl+,
由於剛入行的設計師沒有經驗，一個設計稿是沒有分圖層組。其實合理的圖層組可以有效的引導前端，所以這個快捷鍵主要是解決這個問題。
自由變換：F10
變換內容
前端主要還是對現有的PSD文件進行編輯，所以這兩個鍵是可以單獨拿出來的。
變換選區：F11
變換邊框
畫筆：F12
因為前端不像設計師，對PSD只是一個切割，而設計師注重於創造的過程。所以對畫筆工具的依賴不是很大，由原來的F5移動到F12。
復制圖層 Ctrl+ / 原有位置在菜單欄：圖層->復制圖層
這個快捷鍵，可以快速的把原始PSD中的一個或多個圖層復制到一個新文件當中。
演示：
3). 切圖的幾個辦法：
切片(k):
優點：能夠一次切除多個圖片。
缺點：需要後退一步，降低效率，容易產生多餘無用圖片
選區(先用選區工具來畫一個范圍，然後裁剪):
優點：區域精確目標單一
缺點：需要後退一步，容易誤操作
拷貝(Ctrl+C):
優點：拷貝單層的內容到新文件，能夠快速的切除圖片。
缺點：不容易找到相應的圖層。
合並拷貝(Ctrl+Shift+C):
優點：拷貝所有可見層的內容到新文件，能夠快速的切除圖片。
缺點：不容易找到相應的圖層。