網頁設計平面設計新手指南優(yōu)異設計師的(1)

作為一名想成為優(yōu)異平面設計師或網頁設計師的菜鳥，我們通常都是通過從網上自學一些教程開始的。我們搜索一些我們想學的效果，像按鈕效果的教程、排版、網頁布局、插畫等等。一路來我們無望，想著我們不可能成為那些我們看到的大牛，然后就這樣止步不前。我想告訴你，不要看輕自己，記住吃得苦中苦，方為人上人

沒有努力的成功就像沒有播種就想收獲一樣！不可能！

——Rev Run

保持你的好奇心，即使是你不會做的事。

你在搜網頁時看到一個設計得特別很是好的網站，你可能會說：“哇！好漂亮呀！”然后你可能會問自己幾個問題：

1. 他們是怎么做這些按鈕的？這些陰影效果和3D效果是怎么實現(xiàn)的？
2. 他們用了些什么顏色？
3. 網站的現(xiàn)實寬度是多少

我經常做那些我不會做的，為了就是學習怎樣做。

——Pablo Picasso

快速挑戰(zhàn)

首先，我得確認你會Photoshop的基本操作。下面你需要做：打開Photoshop，嘗試復制出按鈕的效果（不要開始就找一個類似效果的教程，因為你可能只找到錯誤效果）

聽起來很難，對吧？因為你還不知道怎么復制這些效果。往好里想，你會去研究混合選項面板，在得到你想要的效果之前你可以邊玩邊實驗其他效果。我知道這不是百分之百的正確仿制，但邊玩邊學也不錯。

接著，你會好奇他們用了些什么顏色？嗯，其實很容易。截個圖把它扔到Photoshop里面，用吸管工具（I）吸一下你就知道了。

還有更快的方法，裝瀏覽器插件：

1. Chrome: Eye Dropper
2. Firefox: ColorZilla

怎么知道網站的寬度。方法和取色一樣的，這次你用標尺工具（U）就行了。瀏覽器插件：

1. Chrome: Page Ruler
2. Firefox: MeasureIt

下面是一個檢測自己的小測試。

用混合選項找出下面截圖中的按鈕是怎樣實現(xiàn)的，注重他們沒有使用描邊哦。

在評論中告訴我你的答案及你對這篇文章的看法。

做這些可以讓你自力學習，而且能迅速增加你在使用photoshop上的知識及創(chuàng)造力，這些都是很不錯的。