想給自己設計得圖標加上長投影風格的,這裡還提供一個神器,長投影PS動作腳本下載,只須輕輕一點便可實現時尚的長投影風格,
還等什麼,趕緊通知設計小伙伴們吧!
長投影效果的2個特性。
該設計的每個對象都必須有一個平的,2維的陰影,對於對角線的對象,這使得影子很長的至少2.5倍延伸,這增加了加重和戲劇的設計。
陰影應鑄造在一個45度角,最好是朝著正確的。 陰影的顏色可以在其黑暗相比,背景顏色變化,並且在某些情況下,淡出成透明填充。
有可以被添加到許多效果調整,這一切都取決於你來決定你要什麼最終結果。
一、准備好你的photoshop
第1步 創建一個新的750 X 750像素的文檔,並填充背景的顏色#cf3f30。
第2步 設置前景色為#e74c3c,挑圓角矩形工具,選擇形狀在選項選項欄,並設置半徑為10。
按住SHIFT鍵,然後單擊並拖動以創建一個450 X 450像素的圓角矩形。
第3步 創建於白色的文字。在本教程中,兩個不同字體的使用,但你可以使用你喜歡的任何文本和字體。
第4步 至於文本的第一行,使用的字體是Bebas,字體大小為100PT。而正在使用的字體創建的第二行太平洋,字體大小 100,領先的值設置為100為好。
請記住,在一般的扁平設計使用簡單,大膽,明快的字體。
第5步 選擇三個層次你有這麼遠,挑移動工具,然後單擊對齊水平中心的圖標選項欄,以確保所有的元素都正確居中的文檔中。
二、創建一個長長的陰影背景使用形狀圖層
第1步 設置前景色為黑色,並挑選矩形工具。Shift +單擊並拖動以創建覆蓋幾乎整個背景的矩形。新的形狀圖層應放置在右側的上方背景層。
第2步 去編輯>自由變換(按Ctrl / Cmd + T)進入自由變換模式。然後,按住Shift鍵,然後旋轉黑色矩形-45°(逆時針)。
第3步 現在單擊並拖動黑色矩形的邊,直到他們達到紅色矩形的四個角。
第4步 點擊並直到它到達紅色矩形(對角線)的中心拖動矩形的左邊部分。當你完成後,按Enter / Return以接受更改。
第5步 黑色的矩形圖層的更改填充值設為0。
第6步 雙擊黑色矩形的圖層應用一個漸變疊加效果。首先選擇一個黑色到透明的漸變。然後,改變角度為-45,和不透明度為你喜歡的值,
這取決於你想如何微妙或強烈的陰影是。這裡所使用的值是一個相當細微1,這是15%。
第7步 這是創建一個長長的影子的形狀簡單的最基本的方法。
三、建立長期陰影使用鋼筆工具
該鋼筆工具是一個復雜的方法來創建一個長投效果。同時也是可能比在本教程中提到的其他技術比較復雜,
關於這項技術的偉大的事情是,它給你很多在效果的外觀控制。
第1步 創建文本層和紅色矩形層之間新建一個圖層,然後挑鋼筆工具(與形狀中選擇的選項選項欄)。
第2步 在你開始添加錨點,你需要添加一個指南,加上在同一水平上所有的點。要做到這一點,去查看>標尺(如果您還沒有該選項已被選中),
然後單擊標尺的頂部和拖動參考線,並把它放在字母的上邊緣。 這僅適用於文本的第一行,因為字母具有相同的高度。
但對於第二行,該點將,而不需要一個附加的導向。
第3步 單擊一次以字母每個上角加分,並在它們之間,從第一個字母的左上角開始。
第4步 當您到達最後一個字母的右上角,將鋼筆工具平行於紅色矩形陰影,並擴展它,以便它涵蓋了紅色矩形右下角,並添加一個點那裡。
然後,繼續傳遞的第一個字母的左下角的形狀,並回到你添加的第一個錨點閉合形狀。
第5步 挑直接選擇工具,然後,Shift +單擊您添加的字母之間的錨點。
第6步 挑移動工具,然後按鍵盤上的向下箭頭鍵向下移動選定點。 然後,按下右箭頭鍵移動點到右邊,直到產生的線條成為平行於原來的陰影邊緣。
(您可以使用直接選擇工具修復,以及如果需要的話)。
第7步 你可能需要修改一些個別點後,刪除一些空白區域,或調整他們創造的角度。要做到這一點,只需使用直接選擇工具選擇點,然後根據需要將其移動。
第8步 只要確保所有影線平行看盡可能多地。您可以使用該行線工具,旋轉在你想要創建陰影的角度,然後將它放在每個字母的角落看到你確實需要放置錨點。
這是一個耗時的方法,但如前所述,它給你更多的控制權的最終結果。所以,你需要把你的時間創建和完善它。
第9步 一旦你的形狀准備好了,采用同樣的漸變疊加用於紅色矩形陰影(步驟2.6)的效果。
第10步 要刪除紅色矩形外部延伸的陰影額外的部分,用鼠標右鍵單擊該文本陰影層,然後點擊創建剪貼蒙版。
提示:要創建第二行的影子,挑鋼筆工具再次,並選擇合並形狀的圖標選項欄這個陰影添加到前一個。
如果您使用的是CS6版本,您可以在一個單獨的圖層上創建新的陰影,然後選擇文字陰影圖層,並打算將它們合並圖層>合並圖層,
這是我會做在本教程中,如它更好地示出了在創建影子為具有不同字母的高度的文本的過程。
如果您在創建兩個單獨的層的兩道人影,你仍然可以得到一個不錯的不同版本的龍之影效果,它看起來在步驟4.8一樣的版本說明。
第11步 現在不同高度的字