photoshop網(wǎng)頁制作介紹

《photoshop網(wǎng)頁制作介紹》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在教育資源-天天文庫。

1、Photoshop網(wǎng)頁制作教程步驟?1創(chuàng)建750x500px畫布，并將前景色設為白色。創(chuàng)建新的圖層，利用矩形選框工具創(chuàng)建如下選區(qū)。步驟?2用白色填充選區(qū)。圖層>>圖層樣式>>投影。設置如下：描邊：大小1像素，顏色#939393?不透明度44%。步驟?3創(chuàng)建新圖層，再次利用矩形選框工具在畫布頂端建立如下矩形選框。（注意：為了實現(xiàn)網(wǎng)頁的層次感，這次的矩形邊框與之前的矩形左右兩邊各空出2個像素）步驟?4為選區(qū)填充?#2061A8。步驟?5圖層>>圖層樣式>>投影。設置如下：漸變疊加：圖案疊加：步驟?6為網(wǎng)站添加文字LOGO（點擊查看本站文字特效相關

2、教程）?。步驟?7創(chuàng)建新的圖層。步驟?8按照與步驟3相同的方法在畫布底部建立矩形。步驟?9填充顏色（#2061A8），并添加投影效果。圖層>>圖層樣式>>投影。步驟?10利用圓角矩形工具繪制如下形狀。步驟?11圖層>>圖層樣式>>投影。?漸變疊加：步驟?12為導航欄添加文字。步驟?13按照如上方法建立其余導航條。步驟?14現(xiàn)在我們開始制作內(nèi)容框，利用圓角矩形繪制如下矩形框。將圖層面板的填充屬性設為0%。圖層>>圖層樣式>>漸變疊加。步驟?15按照之前的方法建立另一個內(nèi)容框。?Photoshop繪制漂亮的商業(yè)類型網(wǎng)站模板首先要感謝的是你能夠訪問

3、這個教程。在這個教程中我將創(chuàng)建一個商業(yè)網(wǎng)站布局。如果你經(jīng)常訪問我的網(wǎng)站的話，你將會看到創(chuàng)建一個好看的網(wǎng)站是多么容易。在這個博客里你會找到更多的布局教程。你會好奇這是為什么嗎?我使用Photoshop已經(jīng)很長時間了，從那個時候開始我就為客戶創(chuàng)建網(wǎng)站，并因此掙了不少錢。我想要教給你如何創(chuàng)建網(wǎng)站的原因是因為創(chuàng)建網(wǎng)站可比創(chuàng)建一個簡單的Photoshop效果掙錢多了。如果你想開始從網(wǎng)上掙錢的話，為你未來的客戶創(chuàng)建網(wǎng)站正是時候。我這里有一個例子，為一個logo或者一個照片效果你能付多少錢?也許是50美元至100美元?從我開始設計至今我創(chuàng)建過數(shù)目上千的lo

4、go，上百個大的網(wǎng)站，我的大部分收入都是從設計網(wǎng)站布局中獲得的，這就是為什么我認為你應該開始創(chuàng)建網(wǎng)站的原因。我將會盡可能的講述的簡單易懂，我敢肯定通過我的方法會創(chuàng)建出漂亮的網(wǎng)站布局。出自：飛魚的聲納翻譯讓我們開始我們的教程，在這個教程中，我將創(chuàng)建一個商業(yè)網(wǎng)站布局。首先創(chuàng)建一個新的文檔請使用如下設置設置前景色為：#2b2724選擇油漆桶工具，為畫布上色，選擇背景層按住Ctrl+J(此快捷鍵將會復制選定圖層)選擇“圖層1”，然后選擇“濾鏡”>“雜色”>“添加雜色”然后使用如下設置選擇圓角矩形工具，在顯示器的上方，設置如下設置在你的布局上為導航創(chuàng)建

5、兩個形狀，改變前景色為#e84502，然后我會使用圓角矩形工具復制這兩個橙色的形狀。想要復制圖層，首先你需要選定你想要復制的圖層，然后按下CTRL+J鍵，在你復制完這兩個橙色的形狀之后，改變顏色為白色。改變顏色的方法是在圖層縮略圖上雙擊，然后選擇白色。這是目前我所得到的結果現(xiàn)在選擇移動工具，將白色形狀向上移動一點點我會在這個布局上放置一些圖片使用文字工具，我會加上一些文字使用相同的工具，在導航條上加上一些文字選擇線條工具，確保線條粗細為1個像素在導航按鈕之間創(chuàng)建一個垂直線條現(xiàn)在最重要的是要柵格化圖層，想要做到這一點，你需要在圖層上點擊右鍵選擇

6、“柵格化圖層”選擇橡皮擦工具，改變畫筆到60SoftMechanical60pixels然后試著刪除線條的頂部和底部復制這個圖層(選擇想要復制的圖層，然后在鍵盤上按下CTRL+J鍵)，選擇移動工具，然后將復制好的線條放置在另外一個導航按鈕的右邊。在整個布局的上方，我會創(chuàng)建一個簡單的文字logo，在以后的教程中我會向你展示如何創(chuàng)建漂亮的logo在圖層1的上方創(chuàng)建一個新的圖層選擇畫筆工具，改變toSoftMechanical60pixels，在文字logo下面創(chuàng)建一個簡單的白色點想要效果好一點的話，可以將此圖層的透明度改變?yōu)?5%最后的結果如下希

7、望你能喜歡最終的設計，此設計的PSD文檔只對VIP會員開放。Photoshop設計制作華麗立體游戲網(wǎng)站模板減小字體增大字體作者：佚名??來源：本站整理??發(fā)布時間：2009-03-2917:05:52先看看最終效果:　　圖片看不清楚？請點擊這里查看原圖（大圖）?！　⌒陆?50x1160大小文件，填充背景顏色#161616，使用矩形工具制作寬900、高190的矩形，并添加如下圖層樣式　　完成后的矩形效果　　圖片看不清楚？請點擊這里查看原圖（大圖）。　　導入LOGO文件導入一張光暈圖片　　圖片看不清楚？請點擊這里查看原圖（大圖）。　　將圖片裁剪到

8、適當尺寸，放入游戲網(wǎng)站的頭部，調(diào)整圖片的不透明度和顏色，使其與整個藍色背景融合在一起　　圖片看不清楚？請點擊這里查看原圖（大圖）?！　長OGO標志添加背景邊框，并