Photoshop 綠色風格的相機網(wǎng)頁平面圖
talk-mania 發(fā)布時間:2010-01-25 16:47:20 作者:蘇打蘇塔翻譯
我要評論

今天,我們將教給大家如何利用圖片資源來繪制一張網(wǎng)頁效果圖。教程來自talk-mania,由蘇打蘇塔翻譯。
下面是我們這次教程的最終結(jié)果。設(shè)計的主題是照片作品集。在生成頁面之前,我們都會在photoshop中繪制出網(wǎng)頁效果圖以便進行討論,今天我們要做的就是這么一件事情。
新建文檔760 x 770 pixels ,白色背景。因為這一次設(shè)計的主題是照片作品集,所以我們需要一張照相機的照片。我們把這張照片放在我們的工作圖層中。
點擊濾鏡>渲染>鏡頭光暈,按照下圖的參數(shù)設(shè)置。
結(jié)果如下:
好了,下載一張草地的素材。在photoshop中打開,放在照相機圖層的下面,用橡皮擦工具(稍微軟一點的筆刷),刪除不必要的地方。好了,現(xiàn)在是下面這個效果:
在草地圖層的上面,新建一個圖層。在這個圖層上面我們要添加一些云彩。這里,我們用的是一些云彩筆刷,你可以在下面的地址中下載到他們Photo-shop-Brush.com 。好了,載入筆刷以后,選擇一些云彩筆刷輕輕的涂在圖層中,我用的顏色是#2a6c9c。你應(yīng)該會得到下面的結(jié)果:
好了,現(xiàn)在在相機的旁邊添加一些花:
如果你仔細觀察,其實我們僅僅引用了3-4朵不同的花,下載一些花的素材,改變它們的大小透明度。讓它們看起來更有層次感。一些花在相機的前面,一些在相機的后面,你可以通過調(diào)整圖層來實現(xiàn)這樣的效果。
好了,現(xiàn)在看起來已經(jīng)相當不錯了,但是我想要添加一些葉子讓她看起來更豐富。
好了,現(xiàn)在基本上網(wǎng)頁的頭部已經(jīng)設(shè)計好了。我們會在之后添加更多的細節(jié),不過現(xiàn)在,讓我們開始繪制網(wǎng)頁的主體部分和底部。在這里,我建立了兩個簡單的形狀。

新建文檔760 x 770 pixels ,白色背景。因為這一次設(shè)計的主題是照片作品集,所以我們需要一張照相機的照片。我們把這張照片放在我們的工作圖層中。

點擊濾鏡>渲染>鏡頭光暈,按照下圖的參數(shù)設(shè)置。

結(jié)果如下:

好了,下載一張草地的素材。在photoshop中打開,放在照相機圖層的下面,用橡皮擦工具(稍微軟一點的筆刷),刪除不必要的地方。好了,現(xiàn)在是下面這個效果:

在草地圖層的上面,新建一個圖層。在這個圖層上面我們要添加一些云彩。這里,我們用的是一些云彩筆刷,你可以在下面的地址中下載到他們Photo-shop-Brush.com 。好了,載入筆刷以后,選擇一些云彩筆刷輕輕的涂在圖層中,我用的顏色是#2a6c9c。你應(yīng)該會得到下面的結(jié)果:

好了,現(xiàn)在在相機的旁邊添加一些花:

如果你仔細觀察,其實我們僅僅引用了3-4朵不同的花,下載一些花的素材,改變它們的大小透明度。讓它們看起來更有層次感。一些花在相機的前面,一些在相機的后面,你可以通過調(diào)整圖層來實現(xiàn)這樣的效果。

好了,現(xiàn)在看起來已經(jīng)相當不錯了,但是我想要添加一些葉子讓她看起來更豐富。

好了,現(xiàn)在基本上網(wǎng)頁的頭部已經(jīng)設(shè)計好了。我們會在之后添加更多的細節(jié),不過現(xiàn)在,讓我們開始繪制網(wǎng)頁的主體部分和底部。在這里,我建立了兩個簡單的形狀。
相關(guān)文章
- 今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個工具在修圖的時候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23
photoshop圖層初識 ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時候,我們經(jīng)常會在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細請看下文介紹2024-12-23ps如何把一張長圖切成幾張小圖片? ps把長圖切成短圖的技巧
有時候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時可以拿出來使用,該怎么操作呢?詳細請看下文介紹2024-09-10- PS調(diào)整字體大小是一個非常基礎(chǔ)的操作,但也是非常實用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細請看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進行調(diào)節(jié),具體該如何操作呢?詳細請看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30