ps設計扁平投影效果按鈕(3)
目前很流行的一種扁平化的設計，現在在設計當中使用的相當頻繁，過程很簡單，很快就能學會，工具以Photoshop CS6為主，有什么不懂的地方可以下載源文件，我分享一下在網上下載的長投影，其實如果不按這個的教程來，基本上10分鐘就可以搞定。
教程源文件：http://pan.baidu.com/s/1sjHbppj
最終效果
第一步 創(chuàng)建一個背景
新建畫布，尺寸為840*400可以使用純色做為背景，或是用漸變工具創(chuàng)建，這里的色值為#e0e0e0 這里就不多更描述了。
第二步 創(chuàng)建一個形狀
選擇矩形工具。大小為100px，半徑為20px，色值：#4ac9b4
參考圖片上的圖層
快捷鍵ctrl+j，復制一層，形狀填充黑色，ctrl+G并到一個組里，命名為“ K ”，雙擊第一個矩形圖層調出圖層樣式
圖層樣式為內陰影，請記得不勾選“使用全局光”。
樣式效果是這樣的
第三步 創(chuàng)建一個陰影
再復制一個陰影層的副本，拖到原圖層的下面，并到一個組里，如圖如示
*快捷鍵：ctrl+G 或是 選擇要復制的層，按alt +點擊拖曳復制
按鍵盤上的方向箭，往右邊和底部，移動1px，通過觀察下圖所示的形狀：1px黑色邊出現。
按上面的方式每以1px的方式重復移動9次，注意總共是10次。
接下來要以相同的方式，以10個圖層為基礎，復制一份（按ctrl+G或是 選擇alt +點擊拖動），在選中的狀態(tài)下按shift+方向鍵，就會是10的倍數移動，這樣的方式再重復7次，注意總共是復制8次。
選擇陰影的文件夾，設置混合模式為正片疊底，不透明度30％，這里的陰影形狀就完成。
第四步 輸入字符
這次，選擇圓角的任何字符。選擇你喜歡的字體就行了， 雙擊文字，打開圖層樣式窗口。
選擇顏色疊加，色值為：#D8EFFF
下一步，選擇內陰影，數據如圖。記得不勾選“使用全局光”。
成品外觀這樣子也不錯。 但是，現在讓我們也給字符增加一下影子。
第五步 增加一下字符的投影
注意圖層面板，復制一下字體跟圓角矩形圖層，將副本圓角矩形圖層和文字的樣式去掉，將文字設置成黑色，并在一個組里
將面版中的高級混合選項中”將剪貼圖層混合成組“的部分取消勾選
”將剪貼圖層混合成組“的部分取消勾選后，右邊出現相關圖標，副本圖層的填充設置為0%，為文字“創(chuàng)建剪貼蒙版”（快捷鍵：ALT+點擊）
現在，通過復制圖層副本和以1px移動的方式做出切實的影子，做法跟上面講的方式一樣，總次數為10次。如圖所示
以10個為單位的復制，每一次以10px移動
選中文件夾，混合模式為“正片疊底”，不透明度設置為30%
為了解決重疊部分的遮罩層，選中副本矩形圖層，移動4px，分別向左和頂部移動。
最終結果
還有比這個更簡單的方法，大家都可以多去嘗試，目前分享的就是這種，大家可以通過這種方法創(chuàng)造各種圖形和文字
想要像banner的效果，在長投影上添加圖層蒙版，然后用漸變工具拉伸。（按D鍵，恢復原來的黑白值）
將一些細節(jié)部分，和橡皮擦除一下。記得用軟筆刷，不透明設置一下，根據自己的情況調整。
