網(wǎng)頁效果圖制作

直接上傳720云 平臺(tái)就行 手機(jī)上也能看的。。 百度 720云

　　用PS做的是效果圖，需要前端開發(fā)人員編寫代碼才可以在網(wǎng)站上展示出來。　　簡單來說，在PS里做好之后，需要切圖。把圖片切割成適合在網(wǎng)站上瀏覽。　　切圖時(shí)需要把文字分離出圖片的要處理好。　　切好圖片之后，需要用html結(jié)合JavaScript等知識(shí)編寫代碼。　　這樣寫出的頁面還只是靜態(tài)的網(wǎng)站。　　如果想要做成動(dòng)態(tài)的效果，還需要搭建后臺(tái)，連接數(shù)據(jù)庫等。

　平面廣告和網(wǎng)站頁面設(shè)計(jì)的宗旨就是吸引眼球，符合平面視覺沖擊特點(diǎn)，如何設(shè)計(jì)一款有特色、另類能吸引眼球的作品是擺在平面設(shè)計(jì)人員和photoshop愛好者面前的難題　　現(xiàn)在以一款網(wǎng)頁平面設(shè)計(jì)效果圖為實(shí)例，講解網(wǎng)頁設(shè)計(jì)方面的創(chuàng)意知識(shí)，從網(wǎng)頁效果圖布局創(chuàng)意、顏色選擇，裁減效果圖和制作網(wǎng)頁特效等方面來學(xué)習(xí)。下面我們就一起來學(xué)習(xí)吧。　　首先聲明一下，這款網(wǎng)頁效果圖在得到朋友許可后拿來制作教程實(shí)例，切勿抄襲和用做其他用途。先看效果圖0。一、 創(chuàng)意設(shè)計(jì)思路　　一個(gè)網(wǎng)站在制作前需要確定網(wǎng)站風(fēng)格、網(wǎng)站主題、和主色調(diào)，在沒有確切的方案之前，最好不要貿(mào)然動(dòng)手制作，不然最后的結(jié)果很可能是以失敗而告終。　　　　筆者決定從關(guān)鍵字"路行""獨(dú)自行走"加上是暗色系的要求上下手，敲定顏色采用沙漠黃，沙漠很容易讓人聯(lián)想到孤單；板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途"主題。　　二、 網(wǎng)站效果圖及LOGO的制作。　　1、LOGO的樣式采用的是圖形和字符的組合。漢字LOGO的字體不是下載的字體，是筆者用鋼筆工具畫出來的字體。如圖1和1-1。　鋼筆工具勾勒出圖1的行走的人樣式，填充紅色，然后調(diào)整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2，其他默認(rèn)。這LOGO 的創(chuàng)意是，一個(gè)人在崎嶇不平的路上堅(jiān)持自己的方向，配合網(wǎng)站的英文加中文名字，構(gòu)成一個(gè)形象LOGO，剛好"路"字和"行"字采用紅色，突出了路行。　　　　文字LOGO筆者用鋼筆工具勾畫出字的各個(gè)部件，然后拼接在一起，這里只給出"路"字的方法，"行"字方法如同。[next]　　　　2、制作布局參考圖。如圖2　3、根據(jù)布局效果圖，新建文件大小1000X765，填充黑色。布局中的"顯示區(qū)域"為廣告牌是要掛到墻上的，使用"石頭材質(zhì)"放置在頁面最上方來制作石板墻；使用"銹跡皮革材質(zhì)"制作"顯示區(qū)域""LOGO"區(qū)域的邊框（注：一些材質(zhì)的制作方法省略，平時(shí)可自行制作也可去圖片站下載保存，用的時(shí)候方便），將LOGO區(qū)域的邊框復(fù)制一層，調(diào)整不透明度為60%放置到LOGO曾下方，這樣大體的框架就完成了。如圖3和3-1。　　（圖5）（圖6）4、找來一張沙漠公路的圖片，把這張圖片進(jìn)行聚焦處理。點(diǎn)圖4示例的按扭進(jìn)入"以快速蒙版編輯模式"，選擇漸變，漸變模式為"徑向漸變"在圖中間向兩邊拉，屏幕會(huì)出現(xiàn)一團(tuán)紅色；然后再點(diǎn)"以標(biāo)準(zhǔn)模式編輯"畫面會(huì)出現(xiàn)一個(gè)圓圈選擇區(qū)域，按"DELETE"刪除即可。如圖4和圖4-1。（圖7）（圖8）　5、在"路"圖片上方新建一層，按住CTRL+"路"圖層，單擊新建的圖層，填充顏色4E341B，調(diào)整為暗系沙漠黃。如圖5。（圖9）　　制作文字LOGO牌。找來圖5-1中的灰色材質(zhì)，在"LOGO邊框"下面新建一層，然后在其之上新建一層，放置沙漠圖片，將其混合模式修改為"顏色"然后打開一開始制

網(wǎng)頁圖片的分辨率一般設(shè)為72px/inch。圖片分辨率設(shè)置的越高，圖片文件越大，顯示速度就會(huì)越慢。如果是出圖打印則不同，一般都設(shè)置為300px/inch。