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

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

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

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

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