1、接下來，現(xiàn)在對(duì)比PS和AI兩軟件，看一下它們的應(yīng)用吧Photoshop是非常優(yōu)秀的專業(yè)圖像處理軟件，一直占據(jù)著圖像處理軟件的領(lǐng)袖地位，是平面設(shè)計(jì)建筑裝修設(shè)計(jì)攝影后期三維動(dòng)畫制作及網(wǎng)頁設(shè)計(jì)等的必用軟件其驚人的功能也引起廣大業(yè)余圖像處理愛好者的強(qiáng)烈興趣Illustrator作為全球最著名的圖形軟件，以其；1在Photoshop中打開設(shè)計(jì)稿，如下圖2選擇工具板上的slice切片工具，大面積的色塊單獨(dú)切成一塊，盡可能的保持在水平線上的整齊，切好的圖如下所示3在PhotoShop中選擇filesave for web來輸出，這里要注意一些參數(shù)的選擇4接下來在Dreamweaver里建立站點(diǎn)5在圖示左邊的site name中為；6 作品包裝設(shè)計(jì) 要去面試UI設(shè)計(jì)工作的時(shí)候，最終都需要有一份作品集來進(jìn)行面試，那這個(gè)作品集就要進(jìn)行精心的設(shè)計(jì)之后才能用來面試，常見的作品包裝設(shè)計(jì)就是給APP界面加樣機(jī)做展示圖的效果，這些都是我們可以用PS軟件來進(jìn)行設(shè)計(jì)的7 網(wǎng)頁界面設(shè)計(jì) 我們經(jīng)常打開的網(wǎng)站，比如百度，進(jìn)去搜索一個(gè)資料，這一；在使用PhotoshopPS進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，首先需要將所需內(nèi)容通過切片工具切分，并保存為適合Web和設(shè)備使用的格式完成這些步驟后，你將獲得一個(gè)名為images的文件夾，其中包含切片后的圖片，以及一個(gè)HTML文件，這便是網(wǎng)頁效果圖接下來，你可以在DreamweaverDW中將這些切片好的圖片進(jìn)行布局需要注意的是；PS網(wǎng)頁設(shè)計(jì)除了要求你具有設(shè)計(jì)的功底，還需要你有良好的工具使用習(xí)慣，這里主要說2點(diǎn)素材整理和圖層操作素材整理，PS中比較靈活的素材就是字體筆刷樣式圖案，其中樣式尤為重要，你出來使用網(wǎng)上下載的素材外，平時(shí)自己經(jīng)常使用的也可以新建到樣式列表中，并且，注意及時(shí)備份你。

2、ps主要用來設(shè)計(jì)網(wǎng)頁效果圖和對(duì)效果圖進(jìn)行切片以及一些網(wǎng)頁小元素的處理和制作，用處可以說相當(dāng)大，學(xué)好PS就完全可以制作出精美的網(wǎng)頁了illustrator主要是處理一些矢量圖形或者圖標(biāo)，輔助PS進(jìn)行網(wǎng)頁設(shè)計(jì)，這要看你哪個(gè)軟件掌握的熟練，就以哪個(gè)為主掌握了基本的網(wǎng)頁設(shè)計(jì)軟件，下面就要多學(xué)習(xí)一些網(wǎng)頁的基本知識(shí)；ps中網(wǎng)頁設(shè)計(jì)的圖標(biāo)如何設(shè)計(jì)1 使用橢圓工具畫出網(wǎng)網(wǎng)頁的正面及背面，并繪制出網(wǎng)頁的上面下面的面，再使用白色填充網(wǎng)頁的底部，用灰白色填充網(wǎng)網(wǎng)，將網(wǎng)頁的上面下面三個(gè)部分用灰黑色填充，將背景色設(shè)置為淺橙色2 使用灰白色填充網(wǎng)頁的右側(cè)邊框，再用灰黑色填充左側(cè)的細(xì)節(jié)，再用灰白色填充下面的三；在功能上非常強(qiáng)悍，尤其是各種圖層和調(diào)節(jié)，不同的圖層會(huì)有不同的效果，而且擁有豐富的筆刷，可以制作各種各樣的效果或者風(fēng)格，ps畫筆的工具和設(shè)計(jì)工具也十分的強(qiáng)大，如圖層樣式濾鏡圖像效果等功能，可以讓設(shè)計(jì)師們?cè)谒妮o助下，創(chuàng)作出許多精美的作品Sai的定位是繪畫，整個(gè)軟件從設(shè)計(jì)上就是為了繪畫服務(wù)的；1先用Photoshop做一個(gè)網(wǎng)頁圖片2Ctrl+R調(diào)出標(biāo)尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片 4以上步驟完成后，進(jìn)行操作“文件”“儲(chǔ)存為Web和設(shè)備所用格式”，在打開的窗口中按照自己的需要為網(wǎng)頁圖片作設(shè)置，設(shè)置完成后，“儲(chǔ)存”，保存類型“html和圖片。

3、然后通過ps打開如圖請(qǐng)點(diǎn)擊輸入圖片描述 然后通過ps的取色工具，當(dāng)然你也可以直接使用自己喜歡的顏色取色工具的使用很簡單，鼠標(biāo)左鍵點(diǎn)擊要用的圖片上的一點(diǎn)顏色就行然后用油漆桶或者漸變工具，點(diǎn)擊之前新建的空白的背景圖就好了之后我就結(jié)束了，因?yàn)橄矚g簡單當(dāng)然你們可以在背景圖上設(shè)計(jì)一些喜歡的；簡單的圖片格式的保存為網(wǎng)頁格式的話 第一在PS里面設(shè)計(jì)好網(wǎng)頁 第二利用切片工具把網(wǎng)頁切成一塊一塊，要想提高頁面訪問速度的話就切片切的小一點(diǎn) 第三保存為WEB所有格式圖片及HTML 這樣的話你直接打開HTML的話 就形成了頁面訪問的網(wǎng)頁了；據(jù)我所知，這樣的教程基本沒有因?yàn)樽鼍W(wǎng)頁效果圖只要基本的操作，有時(shí)從別的網(wǎng)頁截一塊下來處理一下，直接用到自己的效果圖上一般顯示器分辨率 寬1024 高 768 寬減去滾動(dòng)條的寬度， 一般為10031004 不會(huì)有橫拉條 高度 根據(jù)頁而定 網(wǎng)頁設(shè)計(jì)需要的PS操作技術(shù)并不是很多，只要掌握基礎(chǔ)就行了；1首先打開需要編輯的ps，點(diǎn)擊左側(cè)“路徑選擇工具”選項(xiàng)2然后在該頁面中鼠標(biāo)左鍵選擇要移動(dòng)圖案的整條路徑3之后在該頁面中鼠標(biāo)左鍵按住橢圓邊框并移動(dòng)鼠標(biāo)即可移動(dòng)路徑4最后點(diǎn)擊選中ps網(wǎng)頁版，點(diǎn)擊確定移動(dòng)即可ph怎么做網(wǎng)頁1在Photoshop里面打開一張要設(shè)計(jì)網(wǎng)站的圖片 2選擇切片工具剪切網(wǎng)；兩種布局靈活搭配，借助三分法來突出頁面重點(diǎn)，也掌握頁面平衡，如此才能調(diào)教出優(yōu)秀的網(wǎng)頁三最后的思考 雖然說設(shè)計(jì)和藝術(shù)有著根本的區(qū)別，但是兩者并非對(duì)立的關(guān)系誠然依著規(guī)則可以設(shè)計(jì)出更符合大眾口味的作品，但是打破規(guī)則，充滿個(gè)性和藝術(shù)感的設(shè)計(jì)作品又何嘗不會(huì)令人印象深刻呢。

4、1 設(shè)計(jì)草圖在開始使用Photoshop之前，建議您先繪制出網(wǎng)頁的基本布局草圖使用鉛筆工具繪制網(wǎng)頁的各個(gè)部分，例如頭部主體內(nèi)容區(qū)域?qū)Ш綑诤晚撃_等確保草圖清晰地體現(xiàn)出網(wǎng)頁的整體結(jié)構(gòu)2 色彩與布局在草圖基礎(chǔ)上，開始在Photoshop中構(gòu)建網(wǎng)頁的設(shè)計(jì)選擇合適的顏色方案，確保色彩搭配既美觀又符合網(wǎng)站；1 在PS中打開要做鏈接的圖片或按鈕2 使用文本工具創(chuàng)建一個(gè)文本框，輸入鏈接地址3 選中文本框，選擇“窗口”“屬性”或按F4鍵，在“屬性”欄中找到“鏈接”選項(xiàng)4 點(diǎn)擊“鏈接”選項(xiàng)，在彈出的對(duì)話框中輸入鏈接地址和鏈接目標(biāo)在當(dāng)前窗口或新窗口中打開鏈接，點(diǎn)擊“確定”保存5。

5、使用Photoshop和Dreamweaver制作網(wǎng)頁的方法如下一使用Photoshop制作網(wǎng)頁效果圖 創(chuàng)建背景圖片新建一個(gè)1920px*400px的文件使用漸變工具，拉一個(gè)從藍(lán)色到白色的漸變，作為網(wǎng)頁背景保存這張圖片為gif格式，作為網(wǎng)頁的頂部背景設(shè)計(jì)網(wǎng)頁效果圖新建一個(gè)1000*800的文件，用于設(shè)計(jì)整個(gè)網(wǎng)頁的效果圖使用各種；設(shè)計(jì)一個(gè)尺寸后，就直接設(shè)計(jì)內(nèi)容就可以，注意不要合并任何圖層，文字可以拿一些常用的字代替都做完后，保存成PSD和JPEG兩種格式前者就是模板，后者就是網(wǎng)上的預(yù)覽！用Photoshop設(shè)計(jì)漂亮的網(wǎng)頁頁腳模板 本文介紹一篇制作網(wǎng)頁頁腳的PS教程，這個(gè)頁腳的設(shè)計(jì)很有層次感，同時(shí)用網(wǎng)格空格背景紋理修飾，是一個(gè)十分漂亮的。