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

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

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

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

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

4、原因。我將會盡可能的講述的簡單易懂，我敢肯定通過我的方法會創(chuàng)建出漂亮的網(wǎng)站布局。出自：飛魚的聲納翻譯讓我們開始我們的教程，在這個(gè)教程中，我將創(chuàng)建一個(gè)商業(yè)網(wǎng)站布局。首先創(chuàng)建一個(gè)新的文檔請使用如下設(shè)置設(shè)置前景色為：#2b2724選擇油漆桶工具，為畫布上色，選擇背景層按住Ctrl+J(此快捷鍵將會復(fù)制選定圖層)選擇“圖層1”，然后選擇“濾鏡”>“雜色”>“添加雜色”然后使用如下設(shè)置選擇圓角矩形工具，在顯示器的上方，設(shè)置如下設(shè)置在你的布局上為導(dǎo)航創(chuàng)建兩個(gè)形狀，改變前景色為#e84502，然后我會使用圓角矩形工具復(fù)制這兩個(gè)橙色的形狀。想要復(fù)制圖層，首先你需要選定你想要復(fù)制的圖層，然后按

5、下CTRL+J鍵，在你復(fù)制完這兩個(gè)橙色的形狀之后，改變顏色為白色。改變顏色的方法是在圖層縮略圖上雙擊，然后選擇白色。這是目前我所得到的結(jié)果現(xiàn)在選擇移動(dòng)工具，將白色形狀向上移動(dòng)一點(diǎn)點(diǎn)我會在這個(gè)布局上放置一些圖片使用文字工具，我會加上一些文字使用相同的工具，在導(dǎo)航條上加上一些文字選擇線條工具，確保線條粗細(xì)為1個(gè)像素在導(dǎo)航按鈕之間創(chuàng)建一個(gè)垂直線條現(xiàn)在最重要的是要柵格化圖層，想要做到這一點(diǎn)，你需要在圖層上點(diǎn)擊右鍵選擇“柵格化圖層”選擇橡皮擦工具，改變畫筆到60SoftMechanical60pixels然后試著刪除線條的頂部和底部復(fù)制這個(gè)圖層(選擇想要復(fù)制的圖層，然后在鍵盤上按下CT

6、RL+J鍵)，選擇移動(dòng)工具，然后將復(fù)制好的線條放置在另外一個(gè)導(dǎo)航按鈕的右邊。在整個(gè)布局的上方，我會創(chuàng)建一個(gè)簡單的文字logo，在以后的教程中我會向你展示如何創(chuàng)建漂亮的logo在圖層1的上方創(chuàng)建一個(gè)新的圖層選擇畫筆工具，改變toSoftMechanical60pixels，在文字logo下面創(chuàng)建一個(gè)簡單的白色點(diǎn)想要效果好一點(diǎn)的話，可以將此圖層的透明度改變?yōu)?5%最后的結(jié)果如下希望你能喜歡最終的設(shè)計(jì)，此設(shè)計(jì)的PSD文檔只對VIP會員開放。Photoshop設(shè)計(jì)制作華麗立體游戲網(wǎng)站模板減小字體增大字體作者：佚名??來源：本站整理??發(fā)布時(shí)間：2009-03-2917:05:52先看

7、看最終效果:　　圖片看不清楚？請點(diǎn)擊這里查看原圖（大圖）。　　新建950x1160大小文件，填充背景顏色#161616，使用矩形工具制作寬900、高190的矩形，并添加如下圖層樣式　　完成后的矩形效果　　圖片看不清楚？請點(diǎn)擊這里查看原圖（大圖）。　　導(dǎo)入LOGO文件導(dǎo)入一張光暈圖片　　圖片看不清楚？請點(diǎn)擊這里查看原圖（大圖）?！　D片裁剪到適當(dāng)尺寸，放入游戲網(wǎng)站的頭部，調(diào)整圖片的不透明度和顏色，使其與整個(gè)藍(lán)色背景融合在一起　　圖片看不清楚？請點(diǎn)擊這里查看原圖（大圖）?！　長OGO標(biāo)志添加背景邊框，并