導航:首頁 > 萬維百科 > 網頁設計如何插入psd

網頁設計如何插入psd

發布時間:2021-03-06 01:46:28

1、網上下了一些網頁設計的圖標素材都是像這種psd圖片的,我要怎麼用啊,摳圖摳下來嗎 - -

你好,一般像素材圖片,特別是PSD的,都是有圖層的,所以你可以用PS軟體打開,裡面會有圖層顯示,每個按鈕都是有圖層的,你只需選擇你要的某個按鈕的圖層,拖到你的設計文件裡面使用即可。如果只是一張JPG圖,全部合了層的,你才需要摳圖,當然效果都一樣。只是這個素材有圖層的話更方便。更多設計方面的專業文章請瀏覽唯美客設計網站!

2、PSD網頁模板怎麼用?

用photoshop打開後,編輯修改部分圖片或文字,符合自己需要後,點菜單上的-文件-存儲為web所用格式,輸出就是html網頁。
你要保存為GIF或JPEG在粘到現有網頁中去也隨你,那要就要用網頁編輯軟體了,比如常見的Dreamweaver、FrontPage 。

推薦幾個現國內比較知名的素材網站吧
大圖網 一個非常優秀的免費素材網站,優點是素材的質量比較好,而且素材更新速度也比較快。
愛圖網 一個很老的素材網站 素材也比較多 素材比較全,素材比較多,大部分是免費的,圖片素材很多都是打包的素材。
思緣論壇 非常多的影樓素材,PS素材,和設計素材,國內素材論壇發展最好的一個,還可以學習PS教程和設計技巧

3、誰有PS的網頁設計啊要PSd格式的,要有過程的,

已發,希望能給你幫助!

4、photoshop設計網頁樣式。我看制網頁教程:有專門的美工制出psd格式的網頁樣式。我想學下如何設計.psd

http://hi.baidu.com/xiaozaijia 小白在復這兒制 很好的 PS 教學博客

5、在用ps製作網頁時,怎樣將做好的gif動畫插入到ps做的網頁中?

你指的是將GIF動畫加入到PS的設計稿PSD格式文件中還是加入HTML文件中。
如果是PSD設計版稿,沒必要多此一舉,拿權一幀代替就行。
如果是HTML,這根本不是用PS做。。。。。。。。。。。要用Dreamweaver做。

6、根據psd網頁設計稿製作網頁怎麼製作?

PS自動切圖,注意:PSD里每個圖層名稱你要清晰並修改清楚,一些共同的部分,比如背景顏色,字體,超鏈接顏色等等統一寫在css里

確定用html 還是html5語言來寫這個網頁

確定這PSD從頭到尾的排版設計,好規劃自己<div>分層劃分以及css的編寫。

總體還是先規劃好,搭建框架,再細寫代碼。

7、如何用photoshop進行網頁製作

HTML+CSS+JS,這是廣義上的網頁三元素,HTML負責骨骼,CSS負責血肉,JS負責行為動作。其中瀏覽器中表現的畫面約等於(html+css),但僅僅擁有他們是表現不出設計師們大腦中天馬行空,不拘一格的想像力的,因此才引入了PSD作為設計稿。
這就好比,你完全自己DIY一個高達,你需要先有一副高達圖片(PSD),再通過圖片中的表現自己搭建支撐的骨架(HTML),再用各式噴漆、馬克筆(CSS)去勾畫、完善細節。

那麼回到問題上來,怎麼用PS做網頁?假定adobe體系中,PS永遠只能設計網頁,而Dreamweaver才能製作網頁,但是依然要你自己根據設計去解構設計然後劃分網頁骨架,具體到html上就是根據不同的頁面表現來寫Div標簽,製作Button按鈕,用CSS控制他們的大小和位置以及表現。更進一步的話,大部分前端會手寫html和css代碼,因為DW有各式包括啟動速度,冗餘代碼之類的問題。

至於響應式,這又是基於成型的html以後另一個話題了,但還是html+css,只不過通過UA檢測來適應不同終端的不同展現。

8、怎樣用psd模板做網頁啊

首先先建立一個PSD文檔 色彩模式RGB 72像素 尺寸根據你網站的大小制定
然後就在PS里設計你的網站 就當一個平面圖設計
需要放數據文字的模塊先放一個框子空著他
這樣貼好圖後 就直接切 你在PS里切的一塊塊的 到dreamweaver 里就是一個方框的 自動分開的
基本上平面部分在PS里就能做這么多了
然後拖到dreamweaver 做鏈接 做效果 等等
簡單直白的說就是用PS的方便快捷的操作給你的網站打框架 做美工

9、html 怎樣把網頁放到photoshop中

因為你們老師或者培訓機構沒有系統的教你網頁製作的過程,所以你描述的問題也是莫凌兩顆。
首先,網頁製作前期是策劃跟客戶溝通好後拿出方案,根據方案要求設計師設計出效果圖出來交給客戶簽字定稿的,最後通過HTML和後台來實現程序運行測試和上線。而你所說說的 「在看一些網課視頻的時候都會在Photoshop裡面測量距離 取顏色查看字體等等,請問是怎樣導入的?」這是你對Photoshop裡面的效果產生了誤解,誤以為是從HTML導入進來的圖,而恰恰相反,HTML是通個這個圖來才能實現的頁面效果。
一開始這張效果圖是早己經用Photoshop製作好了的,源文件存放在了某一個盤符里,當WEB前端設計師在寫網頁面結構的時候就調用到這個PS文件,按UI設計師的樣式去實現效果,如:網頁頁面寬高,頁頭文字大小字型大小等,搜索條的大小位置,主體色,背景色等。都是按著這個圖來的。
其次,當WEB前端設計師在寫CSS樣式時,不知道某一位置的寬高的情況下,是要調出這個效果圖測量一下它的寬度和高度,或者作吸管工具吸一下背景色,看背景色的取值是多少?使得製作出來的最終頁面與效果圖一致。
所以,如上所描述。不是導入,而是預先製作好的,直接打開的。如果你要練習的話,也可以用QQ或微信的剪切工具,當在電腦上的某一處拖動時滑鼠右下角會兩個數字和一個RGB帶參數的,就是拖動范圍的寬高和RGB的取色值。

與網頁設計如何插入psd相關的知識