導航:首頁 > 萬維百科 > ps做網站首頁設計教程

ps做網站首頁設計教程

發布時間:2020-09-18 18:14:06

1、怎麼用ps來作一個網站的主頁?作為一個小小白跪求ps教程

隨便打開一個主頁,把整個主頁保存為圖片,看到這張圖片了嗎?這就是在PS中完成的主頁設計稿,你要學怎麼做主頁你先學模仿,把被人的主頁保存下來,自己拖PS中模仿出來,保證相似度100%,不能有一個像素的差距,注意字體樣式 大小,色彩,甚至透明度等.

2、用Photoshop做網頁設計圖的教程有哪些

photoshop是處理圖片的軟體,並非做網頁的。
網頁需要格局,代碼等。如果只是拿PS做一張圖,再用firework去隔,會很簡單,很枯燥的。
再學學dreamweaver

3、網頁製作視頻教程ps+Dreamweaver做首頁的

學用DreamWeaver做ASP   http://.baidu.com/question/87237722.html

PS講課錄像網址:http://www.youku.com/playlist_show/id_2482704_ascending_1_page_1.html

另外你可以到  新浪  網下載安裝  2008正式版的UC  然後進入網頁房間,面對面的聽老師講課,那聽不以逸待勞了可以直接問老師,學習起來很方便的,且都是免費的。老師也很不錯,我個人認為面對面的學比聽錄像學得好。

4、有哪些PS在線處理教程 圖片製作網站哪個好

可以使用找圖設計,一款在線ps處理工具,擁有大量的模板素材,也可以上傳自己的素材進行在線設計,操作也比較簡單。

5、誰告訴PS製作好點的網站。

【網站/論壇】現在網路上有很多好東西,很多學習的去處,在想學習Photoshop的時候,發現了一些有用的網站和論壇,現在把它放到這個,希望想能給想用它的人一點幫助。我愛photoshop: http://www.52photoshop.com/ (用 photoshop 設計改變世界!做最好的photoshop教程資源站!)我愛制圖: www.52zt.cn (PS愛好者的學習樂園)中國photoshop聯盟: www.photoshopcn.com (photoshop的技術網站,人氣很旺,高手很多。)第一平面設計網: http://www.1ps.cn/ (平面設計從入門到精通從這里開始!)寶寶紀念冊: http://bobo4.com/home.htm (素材.蒙版.風格.皮膚.空間.透明flash.滑鼠指針.像素圖下載)藍色理想: www.blueidea.com (著名的多媒體技術網站,是學習photoshop和網頁製作的好去處。)5D多媒體: www.5d.cn (國內知名技術網站,有很多photoshop及其他圖像圖形的教程。)PS圖像谷: www.pstxg.com (有以photoshop為主的圖形圖像技術網路,上面有不同層次的文章、論壇水平很高。)紅動中國: http://bbs.redocn.com/ (第一設計網!)一起愛PS吧!: http://www.172ps.cn/ (PS筆刷下載 Photoshop原創教程 非主流ps教程 非主流圖片免費製作 非主流閃圖)設計部落: http://www.seavoice.cn/ 中國教程網: http://www.jcwcn.com/ 天新網: http://school.21tx.com/photo/ 太平洋電腦網Photoshop專區: http://pce.pconline.com.cn/sj/pm/photoshop/ 洪恩在線: http://www.hongen.com/pc/tools/media/pictool/phshopjq/pshopjq.htm Photoshop視頻教程: http://byzxyangyong.bokee.com/3728940.html 圖片處理教程網: http://www.23ps.com/ (PS教程、PS視頻教程、非主流圖片處理教程,Photoshop軟體使用技巧學習交流)PS聯盟: http://www.68ps.com/ (Photoshop專業教程網)

6、給我介紹幾個好的PS教程網站,要平面設計類的

薛欣系列視頻教程之ps圖層—視頻中心·網易學院,裡面視頻教程隨便下

7、PS設計網頁頁面的教程

網頁設計需要的PS操作技術並不是很多,只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素,但是更多的是學習。
你可以從模仿別人的稿子開始,漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏,也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計,一定要多看,拚命的看並且吸收裡面的東西,看看高手們是怎麼處理細節的,這樣慢慢自然會有提高。

8、求取一份用ps cc設計的web網頁和移動界面設計的視頻教程,謝謝

1、首先需要創建一個新文檔,大小 1200*1172px,背景設置為#efefef

2、使用矩形工具,在所創建新的圖層內一個大的灰色矩形,命名「Grey」,大小1200*62px。

3、為這個Grey矩形添加如下圖層樣式。

4、在Grey圖層上方再新建一個圖層Image,再該層添加另一個形狀,但這次我將使用圓角矩形工具。加入選擇一張如下圖漂亮的夢幻圖片。

5、對這張夢幻圖片,添加一些圖層樣式,如下。

6、在大圖片下面,繼續創建4個小矩形。嘗試使用不同的顏色。
我使用的尺寸是222*182px。顏色值分別是:#f15522、#66aa44、#eea411、#1188cc

7、現在我們做一下小顏色塊上的高光效果。
創建另一個層(按CTRL + SHIFT + ALT + N),在高光層內,添加白色到透明的徑向漸變。

8、調整該高光層的混合模式為疊加,同時改變不透明度為50%.

9、復制該高光層到每個顏色圖層上方。

10、接下來做導航部分。
在網站布局的頂部,將創建一個新的矩形。

11、對該層使用下面的圖層樣式。

12、創建一個小圓橢圓工具,直徑22px。

13、對這個小圓,添加下面的圖層樣式。

14、現在進行圓形的重要的調整,刪除圓形下半部。有兩種方法:
①、首先需要右鍵單擊層在你的圖層面板中,然後使用矩形選框工具選擇的下半部分的圓圈,按鍵盤上按上刪除。
②、另一種方式是柵格化的該圓形路徑,使用橡皮擦。

15、為導航添加Icon。
這個導航樣式適合比較簡約版Icon,並做出凹陷進去的圖層質感。

16、對於所有這些Icon,添加下面的圖層樣式。

17、在Icon之間,加入一些垂直分割線。

18、分割線設置如下的圖層樣式。

19、下一步是為網頁加入Logo。

20、使用圓角矩形工具,在Image圖層底部添加另一個的形狀。

21、為該矩形添加下面的圖層樣式。

22、使用橢圓工具繼續添加一些小圓形。

23、在顏色矩形右上方,使用橢圓工具繪制一個圓形。

24、選擇圓形圖層,創建剪切模板。

25、對於這個白色圖形,添加下面的圖層樣式

26、復制該樣式,到每個顏色框的右上方,並保持相同的空間比例。

27、然後添加另一個圖標,和一些標題文本。

28、繼續完善內容,注意正文內容較多時,要文字比例比較小,同時採用與標題字顏色反差,這樣能突顯出Title的醒目性,並在其間加入橫向分割線。

29、最後一個步驟,添加另一個文本與橫排文字工具。

30、這是最後的結果。希望你會喜歡它。
您可以使用該Web布局,加以細微的修改,使得它成為另一個Wordpress主題。

與ps做網站首頁設計教程相關的知識