① 求資源,ps切片工具使用教程,只要怎麼切圖的,切出來網頁里的各種需要的小圖

http://jingyan..com/article/3ea5148915b98b52e61bbad6.html這個教程簡單易懂,其實也就是拿切片刀劃線後,調整位置切出來的。不難。

② UI 中網頁設計切圖怎麼切

PxCook,目前我還沒用上Mac,所以也不知道傳說中的Sketch到底多神奇。PxCook在Windows上標注還比較順手,雖然它還附帶切圖功能,但是比較雞肋,不推薦用它切圖。
切圖工具:
Cutterman 一款PS的插件,切圖非常方便,但不支持綠色免安裝版本PS,而且對PS版本要求比較高,針對CS 6的已經不維護更新了。推薦安裝官方完整版PS cc,然後自行破解。官網上有安裝使用教程,自己研究下吧,因為我也是最近才開始接觸這款插件。
Part 2 Photoshop
現在常用的幾種設計尺寸
1. 640*960 4時代的尺寸,剛接觸APP設計用的是這個尺寸,擬物盛行的時代(現在用這個尺寸設計的應該比較少了吧);
2. 640*1136 5/5S/5C,IPhone更新,咱們設計也得跟著與時俱進(應該還有人用這個設計尺寸),進入扁平的時代了;
3. 750*1334 6 目前我做設計稿的設計尺寸,IPhone6的尺寸,向下可以適配4,5,向上可以適配6 plus;我記得IP6推出後,我問總監應該用什麼尺寸設計,他說用IP6的吧,好適配,切出來就是@2x了,改一改上下都能照顧到。

③ 網頁美工切圖需要會什麼

你div和來css學一些常用的基礎就可源以了,還要會JavaScript,但是最主要還是要學會怎麼使用工具,切圖片的話用Photoshop就行,要熟悉裡面的切片工具,還要會Dreamweaver,可以用來調整頁面,要做動畫的話可以用flash,呵呵,做一個好的美工可不容易,主要是對美和顏色搭配有一種非常敏感的感覺,美工做好一個頁面90%的時間花在設計圖片上了,10%用工具軟體切好。

④ 頁面設計頁面製作 這種背景的頁面怎麼切圖的啊。。。主要是背景怎麼整的。。。

目前我無法判斷你那些圖片帶鏈接,所以只能大概的給你講一下(目前文字部分我先不管),具體我拿第三張來講給你吧。

首先,把所有要做鏈接的圖層都隱藏掉,剩下的層,就可以用來切圖,整體背景是藍色,所以css搞定就行。

其次,背景有一張整體的背景圖,這個需要全部單獨切下來,圖片上面不要帶任何其他元素,就只是這張單獨的圖片就好,布局的時候引用為背景!

然後,剩下的就是主體部分,上面的播放視頻和文字我就不講了,簡單,底部的汽車促銷圖片也切一張大圖就好,也簡單。

最後,就剩下最難搞的中間部分,大概想了一下,2種方法實現,如下:
1、切成整張大圖,需要做鏈接的地方,畫上不規則熱區就好了!這種比較簡單些。
2、圖片什麼樣,就切成什麼樣,每張小圖都單獨切出來(注意:要做成png格式保存,背景設置為透明),然後寫html的時候,用css畫出等大的不規則圖形,吧圖片當做背景加進去,然後用css絕對定位一下,如有鏈接加鏈接,完美實現!

備註:css畫不規則圖形,網上可以搜到教程,看一看就差不多,不難!

至於其他幾張圖,比較簡單,簡單說一下第二張,第二張的其實如果想簡單實現,那就除文字和純背景色外,整張切,然後有鏈接的地方加熱點就好,想做復雜一點,就可以用到我所說的css畫不規則圖形,純色的三個縱橫條,不用切,css畫出來,添加背景色,然後絕對定位就好,其他的該切多大就切多大,然後用css絕對定位,設置好z-index的關系,就ok了!

之前做過很多這樣的網站,這都是經驗之談,完全能實現,要有問題再問我!完全純手打啊~~

⑤ 我不怎麼會用PS切圖html,教教我詳細步驟!

PS切圖插入DW,是為了網頁美工方便。其實比PS專業切圖軟體專門為Dreamweaver准備的輔助工具,同樣是Adobe公司產品,叫Adobe Fireworks,簡稱FW,下載這個來切圖吧。360軟體里能搜到,我的網盤還沒有共享,所以你自己下載吧,序列號網路多多。

步驟如下:第一打開軟體 文件- 打開所需要的圖片。

第二點擊左側工具欄內 切片工具 ,

⑥ ps切圖,怎麼切

PS中切圖,推薦使用摹客iDoc,輕松標記,自動切圖:


第一步.下載安裝摹客iDoc插件

插件安裝好後打開PS,在「窗口>擴展功能」找到摹客 iDoc 插件,選擇並打開。使用摹客平台賬號登錄。


iDoc自動切圖,還有更多亮點功能包括切圖壓縮、切換平台和選擇倍率、下載選中切圖,一步到位。


⑦ 怎麼進行網頁設計(從切圖到網頁生成)

這個我這里有幾個不錯的資料:
Fireworks網頁設計綜合實例1
http://webdesign.chinaitlab.com/fwsl/386043.html

Fireworks網頁設計綜合實例2
http://webdesign.chinaitlab.com/fwsl/386042.html

Fireworks網頁設計綜合實例3
http://webdesign.chinaitlab.com/fwsl/386054.html

http://webdesign.chinaitlab.com/fwsl/386053.html
http://webdesign.chinaitlab.com/fwsl/386051.html
http://webdesign.chinaitlab.com/fwsl/386050.html
http://webdesign.chinaitlab.com/fwsl/386047.html

上面總共7個資料,它們實際上只是一個實例的講解,希望對你有用

⑧ 用PS切片切割下來的圖製作網頁 怎樣完美切割 具體操作和技巧

不知道你是指在ps中完美切圖 還是切圖如何完美應用在網頁中!這兩個概念是完全不同的,一個好看的網頁呢切圖一定要整齊,差一個像素讓人看著也會不舒服。在ps切圖過程中一定要拉輔助線,這樣切的圖規整整潔!網頁設計師呢考慮的是文件的大小網頁運行的快慢。所以一個完美的網站是要ps和網頁兩者結合的。網頁文件大小是和圖片的顏色、格式等來控制的!!

⑨ 怎樣進行ps網頁切圖和怎樣導入dw中

http://tech.163.com/special/000915SN/dzdw100.html
在這里有詳細的教程,自己看吧~至於切圖,多看一些ps模板,其中有的images里就有,參照一下吧