Photoshop繪制漂亮的商業(yè)類型網(wǎng)站模板
首先要感謝的是你能夠訪問這個教程。在這個教程中我將創(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ù)目上千的logo,上百個大的網(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)建兩個形狀,改變前景色為#e84502,然后我會使用圓角矩形工具
復制這兩個橙色的形狀。想要復制圖層,首先你需要選定你想要復制的圖層,然后按下CTRL+J鍵,在你復制完這兩個橙色的形狀之后,改變顏色為白色。改變顏色的方法是在圖層縮略圖上雙擊,然后選擇白色。
這是目前我所得到的結(jié)果
現(xiàn)在選擇移動工具,將白色形狀向上移動一點點
我會在這個布局上放置一些圖片
使用文字工具,我會加上一些文字
使用相同的工具,在導航條上加上一些文字
選擇線條工具,確保線條粗細為1個像素
在導航按鈕之間創(chuàng)建一個垂直線條
現(xiàn)在最重要的是要柵格化圖層,想要做到這一點,你需要在圖層上點擊右鍵選擇“柵格化圖層”
選擇橡皮擦工具,改變畫筆到 60 Soft Mechanical 60 pixels
然后試著刪除線條的頂部和底部
復制這個圖層(選擇想要復制的圖層,然后在鍵盤上按下CTRL+J 鍵),選擇移動工具,然后將復制好的線條放置在另外一個導航按鈕的右邊。
在整個布局的上方,我會創(chuàng)建一個簡單的文字logo,在以后的教程中我會向你展示如何創(chuàng)建漂亮的logo
在圖層1的上方創(chuàng)建一個新的圖層
選擇畫筆工具,改變 to Soft Mechanical 60 pixels,在文字logo下面創(chuàng)建一個簡單的白色點
想要效果好一點的話,可以將此圖層的透明度改變?yōu)?5%
最后的結(jié)果如下
希望你能喜歡最終的設計,此設計的PSD文檔只對VIP會員開放。
翻譯自:Clean Business Layout Tutorial
學習 · 提示
相關(guān)教程