photoshop 发光字滤镜(AdobePhotoshop炫酷粒子文字立体阴影文字教程)

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)

图片来源/网络

记得关注哦记得点赞哦记得评论哦记得转发哦

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

第二篇来源/网络作者

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页