導航:首頁 > 萬維百科 > 網頁設計圖片裁剪工具

網頁設計圖片裁剪工具

發布時間:2020-11-28 05:56:07

1、如何裁切網頁設計圖,我有ps版的設計圖原告,不知道如何進行裁切

最好是直接用大圖,在DW中用熱點工具加上鏈接,效果很好,而且圖片中間是無縫隙的,拼接的圖片中間是有縫的,你可以自己試試!

2、網頁製作中關於切割圖片並自動生成代碼的問題

呵呵,我也不知道有沒有能用DIV 排版的切割軟體啊。我用的 PS FW 都是只能產生 TABLE 代碼。這兩個強者都只能這樣,估計 DIV 是不會有軟體能產生的了。

3、網頁設計里,怎樣用塊div做網頁,怎樣插入圖片,怎樣調整圖片大小

把圖片放到img中,設置圖片的寬和高屬性,對於div做網頁,div可以把網頁內容結構組織起來,還需要結合css設置每個div的屬性對頁面各部分內容進行排版,需要系統學習div+css網頁布局。

4、我有一張psd的網站設計圖,如何用PS把裡面的圖片分解裁剪出來呢?

先做好輔助線 可以在該圖層 利用矩形工具 

框選你要裁剪的地方 然後CTRL+ENTER+J 矩形里的內容將會單獨在一個圖層里了再點擊這個圖片的圖層 框選其他要裁出來的部位 重復上次操作

5、在網頁設計中如何用PS切圖

1、在Photoshop中打開設計稿,如下圖:

2、選擇工具板上的slice切片工具,大面積的色塊單獨切成一塊,盡可能的保持在水平線上的整齊,切好的圖如下所示:

3、在PhotoShop中選擇file-save for web...來輸出,這里要注意一些參數的選擇:

4、接下來在Dreamweaver里建立站點:

5、在圖示左邊的site name中為站點起一個名字,如example然後在下面的local root folder中選擇剛才導出的站點的文件夾:

6、重新製作頁面表格,通常在photoshop中直接導出的htm文件是不可以直接使用的,因為有些地方在實際運用時要作調整:

7、根據這個頁面表格所示,在新的頁面中建立一個三行一列的表格,把cellpadding,cellspacing,border三項值設為0,不然會有空隙,最後選擇表格,背景添加圖片即可。

6、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了,改一改上下都能照顧到。

7、網頁設計中,怎麼製作圖片瀏覽工具?

css+js做的http://www.jsfoot.com/ http://niutuku.com/js/1/這些都是要多少有多少

8、網頁製作中如何切割圖片?

其實, 你有點沒有理解到.就是其實只要切割之後,導入DREAMWEAVER中,自動就以切片為單位變成表格了.所以,先切再導入,而不是先做表,再切.
如果你先做表,那就只能按照表格,調整圖片大小.
這是兩種不同方法, 不要混淆.

9、網頁設計怎麼切圖

你用什麼軟體設計的就用什麼軟體來裁切圖,我用的是photoshop進行設計,也是用這個來進行的切圖;
切圖保存格式最好、最常用的是gif和jpg。色彩要求不多的情況下,比如說小圖標,就用gif。如果色彩比較豐富,gif就不夠用了,就要保存成jpg。至於png,一般情況下不要用,一個是佔用空間大,再是在不同的瀏覽器下瀏覽,會出現灰色背景,祝你好運!

10、關於網頁製作的,什麼是切圖,切圖要達到什麼目的,用什麼工具來切

製作網頁,很多的時候,首先要用圖片處理軟體製作出網頁的效果圖。效果圖做好是一幅完整的圖片,不可能把這一整張的圖片都用在網頁里。把效果圖中有用的部分剪切下來作為網頁製作時的素材,這個過程就是切圖。(當然是用剪切、選擇工具也可以,但是用切片工具處理更精確。)

切圖的目的就是更加精確的進行網頁布局。

photoshop、fireworks等軟體都帶有切片工具。

與網頁設計圖片裁剪工具相關的知識