Photoshop教程:簡單制作時尚用品網站首頁(1)

本教程是本人設計的一個網站形象首頁的作品,現在拿出來做教程。制作的方法非常簡單,重點在背景及色彩部分的制作。顔色需要根據實際産品的顔色去定!

最終效果

Photoshop教程:簡單制作時尚用品網站首頁(1)

1、新建一個650 * 400像素的文件,背景填充顔色:#F9D2C1,然後用套索工具勾出圖1所示的選區,按Ctrl + Alt + D羽化,數值爲45,然後按Ctrl + L調亮,調亮以後用加深工具把底部適當加深一點,效果如圖2。

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖1

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖2

2、執行:濾鏡 > 像素化 > 馬賽克,參數設置如圖3,效果如圖4。這一步給背景加深簡單的紋理裝飾,感覺沒有那麽單一。

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖3

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖4

3、新建一個圖層,用矩形選框工具在畫布的下部拉一個長條形矩形,然後選擇漸變工具顔色設置如圖5,拉出有上到下的線性漸變,效果如圖6。

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖5

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖6

4、用減淡工具把矩形的上半部分及中間位置塗亮一點,如圖7。

Photoshop教程:簡單制作時尚用品網站首頁(1)

圖7

Photoshop教程:簡單制作時尚用品網站首頁(1)
Photoshop教程:簡單制作時尚用品網站首頁(1)
本教程是本人設計的一個網站形象首頁的作品,現在拿出來做教程。制作的方法非常簡單,重點在背景及色彩部分的制作。顔色需要根據實際産品的顔色去定! 最終效果1、新建一個650 * 400像素的文件,背景填充顔色:#F9D2...查看完整版>>Photoshop教程:簡單制作時尚用品網站首頁(1)
 
Photoshop教程:簡單制作MM簽名特效
Photoshop教程:簡單制作MM簽名特效
  最終效果   人物素材      背景素材   1.首先打開背景材料,對背景進行處理,如果覺得圖顔色暗可適當調整下曲線,之後剪裁成你要做簽名大小.   2.打開人物圖,對人物進行適當處理,複制人物圖層-去...查看完整版>>Photoshop教程:簡單制作MM簽名特效
 
Photoshop制作簡單的綠色立體圖標(2)
Photoshop制作簡單的綠色立體圖標(2)
...查看完整版>>Photoshop制作簡單的綠色立體圖標(2)
 
Photoshop制作簡單的綠色立體圖標(1)
Photoshop制作簡單的綠色立體圖標(1)
教程開始前,先分析圖片的各個構成面及光影層...查看完整版>>Photoshop制作簡單的綠色立體圖標(1)
 
用PhotoShop結合ImageReady制作簡單小動畫(2)
用PhotoShop結合ImageReady制作簡單小動畫(2)
複制幀    將動畫調板中A、B兩幀位置進行互換,並在圖層調板中,將3個文字層的填充不透明度都改爲0%。  A、B互換    在動畫調板中,按住Shift鍵將A、B兩幀一並選中,單擊動畫調板中的過度按鈕,便會跳出過...查看完整版>>用PhotoShop結合ImageReady制作簡單小動畫(2)
 
用PhotoShop結合ImageReady制作簡單小動畫(1)
用PhotoShop結合ImageReady制作簡單小動畫(1)
  Adobe公司的photoshop軟件提供了運用工具來創建和制作在Web上使用的靜態圖像的功能;而ImageReady軟件提供了和它相同的編輯功能外,還包括了一些工具和調板,用來進行創建動態的動畫功能。這裏就簡單介紹一下,運...查看完整版>>用PhotoShop結合ImageReady制作簡單小動畫(1)
 
Photoshop簡單制作通透的水晶按鈕
Photoshop簡單制作通透的水晶按鈕
  最終效果      下面是制作的大致流程及按鈕的高光制作步驟,作者的效果制作的非常精細,尤其是水晶的通透度表現的非常完美。新手可能制作的時候有點難度,作者沒有一步一步的說明。         下圖是制作...查看完整版>>Photoshop簡單制作通透的水晶按鈕
 
Photoshop制作簡單的搖擺動畫(2)
Photoshop制作簡單的搖擺動畫(2)
  刪除多余幀6.他與前一幀是一樣的    現在有了九個幀了,在9號幀的基礎上新建一幀,這一幀的圖層用副本6,新建 副本7……把圖層副本9做到幀裏面   然後我們又重複以前的動作。選擇10號幀按住SHIFT點最後一幀----...查看完整版>>Photoshop制作簡單的搖擺動畫(2)
 
Photoshop制作簡單的搖擺動畫(1)
Photoshop制作簡單的搖擺動畫(1)
  前面有一篇Flash教程講解了如何利用AS制作不倒翁動畫,今天我們利用photoshop來制作一個同樣的動畫,但是在Photoshop就不能有交互了,大家只能是看到不倒翁動畫了。   最終效果:   素材圖   打開圖片,先摳...查看完整版>>Photoshop制作簡單的搖擺動畫(1)
 
 
回到王朝網路移動版首頁