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

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

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

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

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