search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 PS創意設計 】Photoshop使用4種方法給文字添加長陰影 | PS筆刷工廠-

Photoshop使用4種方法給文字添加長陰影

這一次的教學是屬於PS教程領域中的設計教程的相關教學。

文章出處是來自站酷的PS教程類文章,寫教學的作者是sole_3719,感謝sole_3719提供設計教程的實作教學。

教學大綱:

想給自己設計得圖標加上長投影風格的,這裡還提供一個神器,長投影PS動作腳本下載,只須輕輕一點便可實現時尚的長投影風格,還等什麼,趕緊通知設計小夥伴們吧,喜歡的朋友一起來學習吧。


設計教程教學開始

長投影效果的2個特性。

該設計的每個對象都必須有一個平的,2維的陰影,對於對角線的對象,這使得影子很長的至少2.5倍延伸,這增加了加重和戲劇的設計。

陰影應鑄造在一個45度角,最好是朝着正確的。

陰影的顏色可以在其黑暗相比,背景顏色變化,並且在某些情況下,淡出成透明填充。有可以被添加到許多效果調整,這一切都取決於你來決定你要什麼最終結果。

先看看效果圖

Photoshop使用4種方法給文字添加長陰影

1,準備好你的photoshop

第1步

創建一個新的750 X 750像素的文檔,並填充背景的顏色#cf3f30。

Photoshop使用4種方法給文字添加長陰影

第2步

設置前景色為#e74c3c,挑圓角矩形工具,選擇形狀在選項選項欄,並設置半徑為10。

按住SHIFT鍵,然後單擊並拖動以創建一個450 X 450像素的圓角矩形。

Photoshop使用4種方法給文字添加長陰影

第3步

創建於白色的文字。在本教程中,兩個不同字體的使用,但你可以使用你喜歡的任何文本和字體。

Photoshop使用4種方法給文字添加長陰影

第4步

至於文本的第一行,使用的字體是Bebas,字體大小為100PT。而正在使用的字體創建的第二行太平洋,字體大小 100,領先的值設置為100為好。

請記住,在一般的扁平設計使用簡單,大膽,明快的字體。

Photoshop使用4種方法給文字添加長陰影

第5步

選擇三個層次你有這麼遠,挑移動工具,然後單擊對齊水平中心的圖標選項欄,以確保所有的元素都正確居中的文檔中。

Photoshop使用4種方法給文字添加長陰影

2,創建一個長長的陰影背景使用形狀圖層

第1步

設置前景色為黑色,並挑選矩形工具。Shift +單擊並拖動以創建覆蓋幾乎整個背景的矩形。新的形狀圖層應放置在右側的上方背景層。

Photoshop使用4種方法給文字添加長陰影

第2步

去編輯>自由變換(按Ctrl / Cmd + T)進入自由變換模式。然後,按住Shift鍵,然後旋轉黑色矩形-45°(逆時針)。

Photoshop使用4種方法給文字添加長陰影

第3步

現在單擊並拖動黑色矩形的邊,直到他們達到紅色矩形的四個角。

Photoshop使用4種方法給文字添加長陰影

第4步

點擊並直到它到達紅色矩形(對角線)的中心拖動矩形的左邊部分。當你完成後,按Enter / Return以接受更改。

Photoshop使用4種方法給文字添加長陰影

第5步

黑色的矩形圖層的更改填充值設為0。

Photoshop使用4種方法給文字添加長陰影

第6步

雙擊黑色矩形的圖層應用一個漸變疊加效果。首先選擇一個黑色到透明的漸變。然後,改變角度為-45,和不透明度為你喜歡的值,這取決於你想如何微妙或強烈的陰影是。這裡所使用的值是一個相當細微1,這是15%。

Photoshop使用4種方法給文字添加長陰影

第7步

這是創建一個長長的影子的形狀簡單的最基本的方法。

Photoshop使用4種方法給文字添加長陰影

3,建立長期陰影使用鋼筆工具

該鋼筆工具是一個複雜的方法來創建一個長投效果。同時也是可能比在本教程中提到的其他技術比較複雜,關於這項技術的偉大的事情是,它給你很多在效果的外觀控制。

第1步

創建文本層和紅色矩形層之間新建一個圖層,然後挑鋼筆工具(與形狀中選擇的選項選項欄)。

Photoshop使用4種方法給文字添加長陰影

第2步

在你開始添加錨點,你需要添加一個指南,加上在同一水平上所有的點。要做到這一點,去查看>標尺(如果您還沒有該選項已被選中),然後單擊標尺的頂部和拖動參考線,並把它放在字母的上邊緣。

這僅適用於文本的第一行,因為字母具有相同的高度。但對於第二行,該點將,而不需要一個附加的導向。

Photoshop使用4種方法給文字添加長陰影

第3步

單擊一次以字母每個上角加分,並在它們之間,從第一個字母的左上角開始。

Photoshop使用4種方法給文字添加長陰影

第4步

當您到達最後一個字母的右上角,將鋼筆工具平行於紅色矩形陰影,並擴展它,以便它涵蓋了紅色矩形右下角,並添加一個點那裡。然後,繼續傳遞的第一個字母的左下角的形狀,並回到你添加的第一個錨點閉合形狀。

Photoshop使用4種方法給文字添加長陰影

第5步

挑直接選擇工具,然後,Shift +單擊您添加的字母之間的錨點。

Photoshop使用4種方法給文字添加長陰影

第6步

挑移動工具,然後按鍵盤上的向下箭頭鍵向下移動選定點。

然後,按下右箭頭鍵移動點到右邊,直到產生的線條成為平行於原來的陰影邊緣。(您可以使用直接選擇工具修復,以及如果需要的話)。

Photoshop使用4種方法給文字添加長陰影

第7步

你可能需要修改一些個別點后,刪除一些空白區域,或調整他們創造的角度。要做到這一點,只需使用直接選擇工具選擇點,然後根據需要將其移動。

Photoshop使用4種方法給文字添加長陰影

第8步

只要確保所有影線平行看儘可能多地。您可以使用該行線工具,旋轉在你想要創建陰影的角度,然後將它放在每個字母的角落看到你確實需要放置錨點。

這是一個耗時的方法,但如前所述,它給你更多的控制權的最終結果。所以,你需要把你的時間創建和完善它。

Photoshop使用4種方法給文字添加長陰影

第9步

一旦你的形狀準備好了,採用同樣的漸變疊加用於紅色矩形陰影(步驟2.6)的效果。

Photoshop使用4種方法給文字添加長陰影

第10步

要刪除紅色矩形外部延伸的陰影額外的部分,用鼠標右鍵單擊該文本陰影層,然後點擊創建剪貼蒙版。

提示:要創建第二行的影子,挑鋼筆工具再次,並選擇合併形狀的圖標選項欄這個陰影添加到前一個。

如果您使用的是CS6版本,您可以在一個單獨的圖層上創建新的陰影,然後選擇文字陰影圖層,並打算將它們合併圖層>合併圖層,這是我會做在本教程中,如它更好地示出了在創建影子為具有不同字母的高度的文本的過程。

如果您在創建兩個單獨的層的兩道人影,你仍然可以得到一個不錯的不同版本的龍之影效果,它看起來在步驟4.8一樣的版本說明。

Photoshop使用4種方法給文字添加長陰影

第11步

現在不同高度的字母文字,你需要創建陰影的時候了。如果你想在陰影相結合,你將需要添加錨點只有其中兩個黑影不重疊。但在本教程中,整個過程會在情況下,你要單獨創建陰影解釋。

而且,由於文本的字體的第二行是一個草書/圓字體,你只需要一個錨點在每個字母的最頂端,並在每兩個字母之間的錨點。

重要的事情再次,是確保該線平行於原始陰影邊緣。

這涉及到更多的細節,其中陰影不重疊,像字母S的左下部分所以你基本上不能終點直接連接到起點。相反,你需要將它們分開的方式,依然沿用了陰影原來的方向。

這聽起來複雜得多,它實際上是,但有原來的影子作為參考將使事情變得更容易。

Photoshop使用4種方法給文字添加長陰影

第12步

挑添加錨點工具,然後單擊添加那裡是應該充滿陰影的空白區域點,然後將這些點覆蓋這些區域。兩者的左上部分S和升字母被這裡的調整。

Photoshop使用4種方法給文字添加長陰影

第13步

如果你在一個單獨的圖層上創建的影子,應用漸變疊加效果,並把它夾到另一個陰影層(通過創建剪貼蒙版)。

Photoshop使用4種方法給文字添加長陰影

第14步

這是它的第一種方法。它需要很多的精度和支付額外注意很多細節,但它是非3D的方式來控制陰影的形狀圖層的角度。

Photoshop使用4種方法給文字添加長陰影

提示:的巨大陰影效果清涼的變化是其中一個版本的陰影變淡,而不是純色的版本出來。

要做到這一點,你只需要玩的刻度值漸變疊加效果。這裡,它被設置為30%

Photoshop使用4種方法給文字添加長陰影

所以,你可以看到如何的陰影淡出,以透明填充。

Photoshop使用4種方法給文字添加長陰影

你也可以將身邊的影子,直到你喜歡它的外觀。

Photoshop使用4種方法給文字添加長陰影

不透明度和刻度值是控制陰影的外觀的值。您也可以使用一個顏色疊加效果,而不是一個漸變疊加的,如果你不希望的陰影淡出的。

Photoshop使用4種方法給文字添加長陰影

4,建立長投影使用重複和微調

這是一個超級簡單的方法來得到一個完美的45°長長的陰影效果。

第1步

首先複製你的文字圖層,然後將原來的文字層下副本。

Photoshop使用4種方法給文字添加長陰影

第2步

更改複製文字層的字體顏色為黑色。

Photoshop使用4種方法給文字添加長陰影

第3步

去編輯>自由變換,然後使用向下箭頭鍵和右箭頭鍵輕移複製文字層一個像素下來,一個在右邊。按Enter / Return以接受更改。

Photoshop使用4種方法給文字添加長陰影

第4步

現在按CMD / Ctrl + Alt + Shift + T來與它的轉型複製圖層。你需要重複,直到陰影覆蓋紅色矩形的右下角結束。

Photoshop使用4種方法給文字添加長陰影

第5步

選擇全部複製圖層,去圖層>合併圖層。

Photoshop使用4種方法給文字添加長陰影

第6步

應用漸變疊加你喜歡的(步驟2.6)的效果。

Photoshop使用4種方法給文字添加長陰影

第7步

右鍵單擊合併圖層,然後選擇創建剪貼蒙版。和你有它!

Photoshop使用4種方法給文字添加長陰影

第8步

你可以使用相同的方法來創建每個單獨的文字陰影,他們會很好地覆蓋創建的效果陰涼變化。

要做到這一點,在一個單獨的文本圖層上創建文本的每一行。然後選擇文字圖層,複製他們一次,將低於原有的副本圖層,並更改其字體顏色為黑色。

Photoshop使用4種方法給文字添加長陰影

第9步

選擇第一行的複製文字圖層,進入自由變換模式(按Ctrl / Cmd + T),然後將它向下1px的1像素的權利,並點擊ENTER / RETURN鍵接受更改。

Photoshop使用4種方法給文字添加長陰影

第10步

按CMD / Ctrl + Alt + Shift + T鍵複製圖層和改造,直到陰影覆蓋的紅色矩形的右下角結束。然後選中所有副本圖層和它們合併(圖層>合併圖層)。

Photoshop使用4種方法給文字添加長陰影

第11步

重複第二行的複製文字層。

Photoshop使用4種方法給文字添加長陰影

第12步

採用同樣的漸變疊加效果,並創建一個剪貼蒙版為每個陰影層。

Photoshop使用4種方法給文字添加長陰影

第13步

您也可以讓陰影淡出如快速提示步驟3月底解釋。

Photoshop使用4種方法給文字添加長陰影

5,建立長投效果使用Photoshop的3D工具

這是最快和最有效的方式,因為它的結構簡單,而且完全可編輯的。

第1步

選擇文字層,然後進入3D> 3D新從擠出選定的圖層,這將文字層轉換為3D圖層。

Photoshop使用4種方法給文字添加長陰影

第2步

編輯你需要打開兩個面板的設置:在3D面板,以及屬性面板(兩者之窗口菜單)。在3D面板有3D場景中的所有元素,而屬性面板顯示在所選元素的設置3D面板。

首先選擇當前視圖中的選項卡中的3D面板,然後選擇頂部從視圖中的下拉菜單屬性面板。

Photoshop使用4種方法給文字添加長陰影

第3步

選擇文本網名,單擊坐標圖標上方屬性面板,並更改X軸旋轉角度為90°,使文本向上面臨著為好。

Photoshop使用4種方法給文字添加長陰影

第4步

單擊網格圖標上方屬性面板,然後更改拉伸深度為一個比較大的值,這裡使用一個是300。

我們的想法是創建一個很長的擠壓,這將創建一個長長的影子,當光從某一個角度擊中它。所以根據不同的文本和光角度,你可能需要使用一個不同的擠壓深度值。但通常你可以用大約200或300的值開始。

要記住,雖然是一個重要的事情,就是去3D>對齊對象到地平面每次更改時間后拉伸深度值。否則,對象將擴大內部接地層,你不會注意到的差別那麼大。

Photoshop使用4種方法給文字添加長陰影

第5步

如果您需要向上或向下調整文本,做比通過放大或縮小。要做到這一點,選擇當前視圖中的選項卡中的3D面板,挑移動工具,並選擇縮放的3D對象從圖標3D模式設置為右側選項欄中。然後單擊並在場景中任意位置拖動。向下拖動放大,直至縮小。

Photoshop使用4種方法給文字添加長陰影

第6步

一旦你喜歡怎樣的場景看起來,單擊無限輕1中的選項卡3D面板。然後,您可以繼續改變其Y軸旋轉角度在45° 屬性面板(點擊后坐標圖標在頂部屬性面板)。

Photoshop使用4種方法給文字添加長陰影

第7步

或者您可以使用移動工具點擊並拖動燈為你喜歡的場景。你可以看到影子看起來你正在移動的光,所以要四處移動它,直到你喜歡它的外觀。

Photoshop使用4種方法給文字添加長陰影

第8步

要獲取原文,這是白確切的顏色,你需要調整接待通貨膨脹材質設置。因此,改變鏡面的顏色為白色,無論是照明和環境的顏色為黑色。然後,改變服務的價值為0。

當你做到這一點,這是一個好主意,去到3D>渲染怎麼看一切看起來。您可能需要根據文本顏色和光線的角度來改變其中的一些價值觀。例如,如果文本顏色是有點暗,你可能需要在更改服務價值的100%。

Photoshop使用4種方法給文字添加長陰影

第9步

當你用做接待通貨膨脹材質設置,請單擊環境選項卡中的3D面板,向下滾動屬性,直到您看到面板接地平面部分。在更改陰影 不透明度值你喜歡的值。這裡,它被設置為14。

Photoshop使用4種方法給文字添加長陰影

第10步

進入3D>渲染,渲染的最後一幕。

Photoshop使用4種方法給文字添加長陰影

第11步

你不能創建剪貼蒙版的3D圖層。因此,我們要把它轉換為智能對象通過去濾鏡>轉換為智能濾鏡。

Photoshop使用4種方法給文字添加長陰影

第12步

然後用鼠標右鍵單擊該智能對象圖層,然後選擇創建剪貼蒙版。

Photoshop使用4種方法給文字添加長陰影

第13步

如果您需要編輯3D圖層,則需要雙擊智能對象圖層的縮略圖。

Photoshop使用4種方法給文字添加長陰影

第14步

這將打開具有原始3D圖層一個新的文件。然後,您可以單擊的三維網格名稱3D面板,然後單擊編輯源按鈕的屬性面板。

Photoshop使用4種方法給文字添加長陰影

第15步

這將打開另一個文件,新文件中包含的文字層。你可以讓你想有任何的改變,如改變文本的字體,大小等的顏色,但是,必須改變它在3D場景中,你會看到未來。

當你完成後,保存文件(文件>保存),然後將其關閉(文件>關閉)。

Photoshop使用4種方法給文字添加長陰影

第16步

,將帶你回到3D文件,它會與你剛才所做的更改進行更新。

如果你想改變顏色,使用漫反射顏色框,這樣做,那麼你可能需要調整服務的價值。

當你完成後,再次呈現該文件,然後保存文件並關閉它。

Photoshop使用4種方法給文字添加長陰影

第17步

智能對象將在原文件現在被更新。

Photoshop使用4種方法給文字添加長陰影

恭喜!大功告成了。

在本教程中,我們解釋說,你可以用它來創建在Photoshop長投影效果的幾種方法。第一種方法顯示了如何創建使用形狀圖層背景陰影,那麼我們向您展示了如何使用鋼筆工具創建一個長下影的文字,在那之後,我們向您展示了如何使用重複和微調技術,最後,我們向您展示了如何使用Photoshop的3D工具來快速創建你的作品很長的陰影效果。我們希望你學到了一些東西在本教程中,並可以使用這些提示,以幫助創建自己長長的影子的設計。

Photoshop使用4種方法給文字添加長陰影

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop使用4種方法給文字添加長陰影



熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦