tft每日頭條

 > 圖文

 > photoshop 發光字濾鏡

photoshop 發光字濾鏡

圖文 更新时间:2024-11-25 10:55:44
PS教學第24期第一篇制作簡潔立體陰影文字效果圖片的PS教程

一個簡單效果好的數字效果教程,主要使用PS的圖層樣式來完成,有不懂的朋友可以下載教程源文件,希望朋友可以喜歡。

先看效果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)1

這種效果可以用于周年慶,新品發布倒計時等各種以數字為主視覺的海報設計,用法要自己開動腦筋去嘗試。

1.新建文檔,填充50%灰。寬度1920,高度883。(寬高度都是随意的)

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)2

這次用的PS cc2017版本

2.畫路徑。

2-1.快捷鍵“U”,橢圓工具,畫6字的圓圈部分。

或者工具欄找到:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)3

頂部工具屬性欄設置吧默認形狀設置為路徑

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)4

窗口-路徑,調出路徑面闆

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)5

新建路徑圖層1

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)6

按着CTRL鍵拖動鼠标,在畫布上畫出個圓形

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)7

2-2

再新建路徑圖層2

“P”切換到鋼筆工具

畫出6字的頭部,這裡要點耐心多嘗試,才能畫的好看666

鍵盤左上角"ESC"鍵,退出鋼筆工具編輯模式

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)8

然後得到這樣的兩個路徑

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)9

3.做6字圓圈部分光影

新建圖層1,

設置前景色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)10

“B”切換到畫筆

設置畫筆大小4像素,硬度100%

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)11

用畫筆描邊路徑,分别描邊路徑1和2

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)12

然後得到效果,

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)13

4.新建圖層2

按CTRL鍵,在紅色框内單擊,載入路徑1的選區

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)14

設置前景色,

ALT BACKSPACE,填充顔色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)15

設置圖層樣式:

混合選項:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)16

投影

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)17

内發光

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)18

内陰影

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)19

外發光

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)20

得到效果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)21

加強效果:

CTRL J,複制圖層2,

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)22

把内陰影,内發光,外發光,投影樣式的不透明度設置到50%

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)23

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)24

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)25

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)26

得到結果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)27

4,做6字頭部光影

相同的方法

新建圖層3

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)28

設置前景色為白色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)29

設置畫筆,大小10像素,硬度100%

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)30

在路徑面闆,激活路徑2,并用畫筆描邊路徑

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)31

得到結果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)32

然後濾鏡-模糊-高斯模糊

(說明一下快捷鍵是我自定義的)

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)33

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)34

然後複制路徑2

用鋼筆工具畫出這樣的形狀來

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)35

然後CTRL ENTER,将路徑載入選區

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)36

CTRL SHIFT I,反向選區

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)37

CTRL X,剪貼左邊部分

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)38

CTRL SHIFT V 原地粘貼

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)39

CTRL I 反向,白色變黑色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)40

設置畫筆大小,硬度0%

前景色為黑色

分别為圖層3,4添加蒙版

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)41

并不斷調整6字頭部光影達到類似效果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)42

然後處理圖層3白色光的下面部分

“G”漸變工具

鼠标右鍵,在對話框,選擇左上角第二個,前景色到透明漸變

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)43

當然你的前景色要設置為黑色

隐藏過多的白光

在圖層3蒙版上 按着SHIFT鍵由下向上拉漸變

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)44

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)45

五 ----------------加強陰影----------------------------

新建圖層5

載人路徑1和路徑2 拷貝的選區,并用前景色填充

得到結果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)46

然後

CTRL D取消選區

濾鏡-模糊-高斯模糊

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)47

“V”。移動一下位置,

并用載人剛才的選區:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)48

CTRL SHIFT I 反向選區

添加蒙版,得到效果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)49

再用黑色畫筆,隐藏右邊多餘部分

得到結果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)50

然後

新建圖層6

CTLR 單擊 路徑1,載人選區

ALT BACKSPACE,用黑色前景色填充選區

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)51

然後

CTRL D取消選區

濾鏡-模糊-高斯模糊

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)52

“V”,向左下移動一下距離

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)53

為圖層6添加蒙版

并載人路徑1,填充黑色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)54

看看結果:大效果已經出來了

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)55

六 ----------------調整畫面氛圍----------------------------

新建圖層7

載入路徑1和路徑2拷貝 套索工具,畫出這樣的選區

填充白色

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)56

然後

CTRL D取消選區

濾鏡-模糊-高斯模糊 150

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)57

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)58

為圖層7添加蒙版

“G”漸變工具,

鼠标右鍵,選擇前景色到透明漸變

在蒙版上不斷地拖動鼠标隐藏一些白光,得到大緻效果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)59

新建圖層8,

“G”,漸變工具

前景色設置為黑色

不斷拖動鼠标,調整漸變效果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)60

得到效果

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)61

七,最終調整

新建圖層

按着ALT 單擊新建圖标-選擇柔光模式-打鈎填充柔光中性灰-确定

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)62

濾鏡-雜色-添加雜色 4

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)63

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)64

添加色彩平衡調整層 藍色 6

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)65

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)66

感覺字有點灰蒙蒙的

圖層7模式改為疊加

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)67

圖層1,上方添加曲線調整圖層亮。CTRL I 反向蒙版,變為黑色

調整曲線形狀

并嵌套給圖層1

嵌套方法:按着ALT 在圖層1和曲線層中間的縫隙處單擊

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)68

畫筆在這些地方刷白些

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)69

在把圖層3複制一層,不透明度50%

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)70

最終效果:

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)71

第二篇調出閃亮風化粒子文字圖片的PS字體教程

非常漂亮的一個字體效果,主要被藍色星空粒子打散,主要使用素材合成和後期筆刷刷出打散部分漁區,而完成最終效果圖,推薦給朋友學習,希望大家可以喜歡。

先看看效果圖

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)72

1、打開PS,新建【畫布】,【填充】背景色R:2 G:7 B:15,使用【文本工具】輸入大寫字母R,【自由變換】至合适大小。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)73

2、字體為【Arial】 【Bold】,【複制】一個文字圖層并隐藏。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)74

3、将【星空素材】放在【文字圖層】上,建立文字的【剪切蒙版】。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)75

4、【複制】星空圖層移動到背景層上并隐藏,打開星空圖層的【色階】(Ctrl L),調整參數如圖所示。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)76

5、打開隐藏的文字圖層,【自由變化】 Alt Shift縮小,選擇【矩形選框工具】,框選字母左半邊,建立【圖層蒙版】。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)77

6、【複制】字母圖層和剪切蒙版圖層,【反向】字母的圖層蒙版。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)78

7、隐藏背景圖層,【右擊】複制的字母圖層,【混合選項】-【投影】,【不透明度】84%,【角度】17°,【距離】24px,【擴展】9%,【大小】29px。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)79

8、将字母圖層【建組】,【複制】星空圖層,點擊【選擇】-【色彩範圍】。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)80

9、選取星空亮點的方法。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)81

10、建立【圖層蒙版】并【複制】,【右擊】圖層蒙版-【應用圖層蒙版】,【自由變換】-【對稱】星空圖層。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)82

11、【複制】星空圖層,【Alt】 【圖層蒙版】建立黑色蒙版,使用白色【畫筆】在蒙版上畫。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)83

12、飛揚星辰效果的制作方法。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)84

13、将星空圖層放在文字圖層下方,建立黑色蒙版,使用上述方法制作星辰效果。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)85

14、将每層文字圖層分别建立【整片疊底】模式的【剪切蒙版】,用背景色塗抹。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)86

15、将星辰效果圖層【建組】,拖入【光效素材】。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)87

16、光效的添加方法。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)88

17、将所有可視圖層【建組】,建立【自然飽和度】,調整為-44.

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)89

18、建立【色彩平衡】,調節【青色】為68。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)90

19、添加需要的文字即可。

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)91

photoshop 發光字濾鏡(AdobePhotoshop炫酷粒子文字立體陰影文字教程)92

圖片來源/網絡

記得關注哦記得點贊哦記得評論哦記得轉發哦

第一篇來源/站酷作者:奔月狼

第二篇來源/網絡作者

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved