當前位置:首頁 » 手機修圖 » ps網頁圖片
擴展閱讀
女生和渣男搞笑圖片 2023-08-31 22:07:09
嘻嘻長什麼樣圖片 2023-08-31 22:06:10

ps網頁圖片

發布時間: 2022-03-02 02:41:04

A. 請問photoshop的網頁預覽圖怎麼生成!

就是把圖片存儲成WEB格式,也就是執行 文件-存儲為WEB格式,再點存儲就可以了

B. 怎麼將PS的圖片製作成網頁

插到風頁裡面,也可以切圖,然後生成網頁格式就可以成為網頁了!

C. 怎麼用PS網頁切圖

第一步 用PS打開網頁效果圖PSD文件,根據網頁效果圖拉出參考線,同時為了方便切圖可以右鍵點擊把面板的顏色自定成對比鮮明的顏色。

第二步 在PS圖層中找出主背景圖層,如果背景圖是漸變的話可以只切出一兩像素,後面再代碼中設置填充。

第三步 隱藏其他圖層,把背景圖切出來。如果背景圖很大,可以考慮分段切出,這樣可以加速網頁載入。

第四步 切出背景後,就從上到下,先把LOGO切出。這里同樣要隱藏其他圖層,輸出圖片的時候保存文件類型選擇png,因為這樣可以使得圖片背景透明。

第五步 導出圖片可以選擇文件——存儲為web和設備所有格式

第六步 在保存切出圖片的時候,選擇保存HTML和圖片,這樣導出來的就會自動生成一個網頁頁面和切圖圖片

第五步 在切像尾部版權部分的背景時候,發現這個是漸變圖層,這樣就可以只切出一個像素的長度。然後在代碼中設置repeat-x橫軸填充

D. 用PS做好網頁圖片,怎麼樣快速變為網頁

1、先打開photoshop設計好你的網頁背景,如圖所示,如何設計這樣的頁面我就不講了,不屬於該經驗的內容,下面就是要介紹如何將這樣的圖片轉換問網頁。
2、在工具欄選擇【切片工具】,大部分人的工具欄只顯示裁剪工具,右鍵單擊裁剪工具就能看到切換工具,選擇它即可。
3、屬性欄進行設置,先來設置樣式,有三種樣式可供選擇,正常樣式、固定長寬比、固定大小。
4、正常模式下,滑鼠拖動可以繪制一個矩形的切片,切片的大小和長寬比都是任意的,點擊切片就會使切片的邊框變成棕褐色(如下面第二幅圖),並出現八個控制點(如下面第三幅圖,拖動控制袋可以任意的改變切片的大小),另外,直接拖動切片也可以改變切片的位置。
5、固定長寬比模式下,拖動滑鼠可以繪制切片,切片的大小是任意的,但是切片的長寬比是固定不變的。為了方便,一般長寬比和圖像的的長寬比是相同的。怎樣知道圖像的長寬比呢,參考下面第二幅圖,在圖像--圖像大小下,打開圖像大小對話框,這里你可以找到圖像的寬度和高度。
6、固定大小模式下,切片的長和寬都是你設定的,不會改變,如圖所示,點擊一下滑鼠就可以繪制一個切片,我繪制的這些切片都是一樣大小的。選中一個切片,切片變成棕色的邊框,並出現了八個控制點,拖動控制點也可以改變切片的大小。
7、一般將圖片切割成網頁的時候,我們可以使用一種簡便的方法,切換到任意一種模式下,右鍵單擊圖像,然後在打開的右鍵菜單中,選擇【劃分切片】,打開劃分切片的對話框。
8、設置將圖片切分為水平4個切片,垂直5個切片,點擊確定按鈕,下面第二幅圖就是我們建立這個切片。這是建立切片最快的速度了。
9、拖動控制點可以改變整行或者整列的寬度和高度。
10、除此之外,我們還可以對某個切片進行進一步的切割,右鍵單擊某個切片,然後選擇【劃分切片】,打開劃分切片對話框,設置橫向和縱向的切片個數,如圖所示
11、最後,一個關鍵的設置就是,右鍵單擊某個切片,然後在打開的右鍵菜單中選擇【編輯切片選項】,打開切片選項對話框。
12、在這里你要設置的有切片的名稱,這個名稱也就是網頁圖片的名稱,默認系統給出的名稱即可。設置url,也就是圖片的鏈接,在網頁上點擊圖片就能打開這個鏈接;目標在動態圖片中需要設置,即載入URL時的楨,在靜態的圖片中不需要設置;信息文本也就是鼠表放在網頁上的圖片上的時候,出現在瀏覽器底部狀態欄的文字信息;Alt標記就是滑鼠放在圖片上,自動出現在圖片周圍的文字。設置好這些參數以後點擊確定按鈕。
13、最後就是要保存html文件了,在菜單欄上執行:文件--存儲為web和設備所用格式
14、在打開的對話框中,點擊【雙聯】你會看到兩個圖片,上面這個是處理前的原圖,下面這個是處理後的圖片,你可以對比兩個效果以後再保存圖片。
15、設置格式為jpeg,其他參數參考下面的這幅圖,一般默認系統給出的參數即可。點擊儲存按鈕。
16、最關鍵的步驟就是在這里,設置格式為【html和圖像】,然後點擊保存按鈕。
17、你會看到保存後有兩個文件,一個是圖片文件夾,一個是html文件,雙擊打開html就可以看到一個網頁了。
18、用dreamweaver打開網頁文件可以對齊進行進一步的編輯。

E. 網頁的圖片怎麼往ps里啦

重新下個PS吧 要麼 點擊 文件 打開你要打開的圖片 了

F. ps圖片如何生成html

1、首先,在ps中打開一張要處理的圖片。

G. 如何用PS製作JPG主頁面圖片

用DREAMWEAVER作HTML頁面,站點的所有文件都應該在一個文件夾中,然後定義這個文件加為站點,文件調用一般都用的相對路徑,比如說想插入一張叫做ps.jpg的圖片,用這樣幾種形式:

ps.jpg
../ps.jpg
../1/ps.jpg
../../ps.jpg
images/ps.jpg

跟頁面的關系是:

1.和頁面在同級目錄下,也就是在一個文件夾中,平級的;
2.圖片位於頁面的上一級目錄下,圖片和包含頁面的文件夾同級;
3.圖片位於頁面的上一級目錄下一個叫1的文件夾中,圖片和包含頁面的文件夾同級;
3.和2的情況一樣,以此類推。
3.頁面和images這個文件夾平級,圖片位於images文件夾中。

如果要轉移某個文件,最好在DREAMWEAVER中進行,例如當ps.jpg被轉移的時候,那麼軟體會自動顯示出哪些頁面已經在使用這個文件,並詢問是否更新頁面對於這個文件的鏈接,選擇是就ok了。

如果在外部轉移了文件,那就要手動修改那些頁面了,注意別落下了。

這樣效果就不會錯了。

如果考慮好了,也可以使用http那樣的絕對路徑,但如果對方圖片不存在了,那你的效果自然也就錯了。

文件名要最好用准確簡單的英文,拼音,數字的圖片具體功能的組合,只看文件名就能知道圖片的內容,比如按鈕可以用button_info.jpg, button_procts.jpg, 可以看出info的圖片是介紹,後一個是產品按鈕。

希望有所幫助,祝你成功!

H. photoshop 怎樣從網頁上截圖

LZ,你的問題我理解為2種情況,不是很清楚你問的是哪種:

1、在Photoshop裡面直接編輯網頁上某張單獨的圖片:

做法:
(1)先運行Photoshop軟體和網頁,當你打開網頁,瀏覽器為最大化的時候,photoshop在就會顯示在屏幕下方的任務欄中。
(2)在網頁上點住需要編輯的圖片(單擊點住不要放手),拖動圖片到任務欄種Photoshop的按鈕位置,稍做停留,這時Photoshop會被切換成最大化,放開滑鼠,圖片就出現在photoshop工作界面了。

不過為了避免圖片部分信息丟失,這種情況還是建議在先網頁上右擊圖片另存到本地硬碟上再打開進行編輯。

2、截屏
用鍵盤的截屏鍵「Prt Sc SysRq」來截屏。按鍵位置基本在鍵盤的右上方位(各種鍵盤位置有區別,有的在小鍵盤上)。
據個人所知,Photoshop沒有局部截屏的功能,只能整屏截圖。

做法:
(1)打開想要截屏的頁面,按一下截屏鍵。
(2)運行Photoshop軟體
(3)Ctrl+N 新建一個文件。注意:按下截屏鍵後,第一次新建的文件,文件大小由系統自動生成,不要修改。
(4)Ctrl+V 粘貼截屏。看看有什麼效果,就是你的整個桌面~
所以你需要裁切掉多餘的任務欄等部分。或者提前隱藏屏幕任務欄就不會被拍到啦~

I. photoshop怎麼做網頁

photshop只是一款像素圖片處理軟體,只能進行圖片的美化、處理或創作。
做網頁的工具基本都是Dreamweaver,配合工具還有Firework(主要做網頁圖片切片處理),你可以在網上下載一些模板,然後用Dreamweaver打開修改,這樣也比較快速而且美觀。

J. PS怎麼裁剪網頁上的圖片

先把網頁截圖,按一下print screen(也就是F12旁邊的那個鍵),這樣整個電腦屏幕的圖片被復制到剪貼板里了,然後到ps里,直接新建,默認尺寸就是剪貼的尺寸,粘貼到裡面就可以操作了,