Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

PS新手教程!打造冰冻的文字特效

$
0
0

冬天来了,为了让各位童鞋在寒风凛冽的冬天进一步感受到这个季节的魅力,我们将在本期教程中向大家展示制作冰冻文字的全过程,使用的工具有自定义笔刷、多种纹理、调整图层以及滤镜。本教程的级别为初级,在个别步骤中我们还会告诉大家一些PS小技巧,试试吧!

【注意】本教程使用的软件为PS CS6,因此文中的截图较早期版本在布局上有轻微不同,一些笔刷只适用于CS6。

最终效果:

frozen text flatten 550x314 Create Realistic Frozen Text Effect in Photoshop

话不多说,开始~
哦哦哦,忘了一件事儿,为了完成本教程,你需要下载下面的文件:

Ice Texture 1
Ice Texture 2
Crack Brush

如果您想选择更炫的字体,推荐给您这些字体《冬天来啦!33款冰雪字体下载》
当然,圣诞节的元素也不能忘记收藏哟,肯定会派上用场的《圣诞主题设计资源免费下载(已打包)》

PS教程推荐:
《PS教程:创建超炫的冰霜特效字体》
《PS教程:利用修饰技术将照片变为有趣的漫画》

Step 1

新建一个文件,大小为1400*900px,背景为蓝黑色,具体数据如下图:

1 bg 550x311 Create Realistic Frozen Text Effect in Photoshop

将先前下载好的图片”ice texture 1″置入,适当调整其大小。

1 paste 550x321 Create Realistic Frozen Text Effect in Photoshop

将其混合模式改为柔光。

1 soft light 550x323 Create Realistic Frozen Text Effect in Photoshop

打开曲线调整,对ice texture 1图层进行调整,数据如下:

1 curves Create Realistic Frozen Text Effect in Photoshop

新建一个图层,混合模式调整为柔光,用一个半径较大、软的白色的笔刷涂抹图层中间部分,效果如下:

1 paint 550x314 Create Realistic Frozen Text Effect in Photoshop

Step 2

选择一个你喜欢的字体,输入一些文字。

2 type 550x304 Create Realistic Frozen Text Effect in Photoshop

打开文字图层的混合模式,调整如下:

斜面和浮雕

2 bevel 550x394 Create Realistic Frozen Text Effect in Photoshop

内发光

2 inner glow 550x394 Create Realistic Frozen Text Effect in Photoshop

色泽

2 satin 550x394 Create Realistic Frozen Text Effect in Photoshop

图层叠加

1 pattern 550x394 Create Realistic Frozen Text Effect in Photoshop

阴影

2 drop shadow 550x394 Create Realistic Frozen Text Effect in Photoshop

给文字图层添加图层蒙版,使用你先前下载的那个像橡皮一样的裂纹刷,刷掉一部分文字。

2 eraser 550x76 Create Realistic Frozen Text Effect in Photoshop

效果如下:

2 effect 550x176 Create Realistic Frozen Text Effect in Photoshop

Step 3

打开”ice texture 2″,用选择工具选一部分。

3 sel 550x261 Create Realistic Frozen Text Effect in Photoshop

复制选区并将其粘贴到我们要做的图中,覆盖文字。

3 paste 550x179 Create Realistic Frozen Text Effect in Photoshop

点击鼠标右键选择”创建剪贴蒙版”,效果如下:

3 clipping mask 550x156 Create Realistic Frozen Text Effect in Photoshop

Step 4

我们要加上一些雪花,选择一个粉刷。

4 brush 550x212 Create Realistic Frozen Text Effect in Photoshop

在文字的边缘涂抹,适当调整笔刷的大小。

4 paint 550x213 Create Realistic Frozen Text Effect in Photoshop

我们还可以添加一些额外的纹理,比如说用快速选择工具选择冰山顶峰图像,如下:

4 sel 550x270 Create Realistic Frozen Text Effect in Photoshop

复制选区粘贴到图的下方:

4 paste 550x99 Create Realistic Frozen Text Effect in Photoshop

你可以用粒子刷在图片中随意的画一些雪花。

4 falling snow 550x290 Create Realistic Frozen Text Effect in Photoshop

Step 5

复制背景图层,为其添加强化边缘滤镜,如下:

5 filter 550x438 Create Realistic Frozen Text Effect in Photoshop

为复制的图层添加蒙版。

5 mask 550x312 Create Realistic Frozen Text Effect in Photoshop

最终效果:

frozen text flatten 550x314 Create Realistic Frozen Text Effect in Photoshop

这就是所有的步骤啦~简单吗?希望你能将其中的知识融会贯通,在以后的使用中能驾轻就熟,如果你有疑问,请在下方的评论里告知我们。最后,提前祝大家圣诞快乐~

—————-完——————

翻译小组:优设网SDC翻茄匠 微博ID: @豆池麦
原文地址:psdvault

本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位小编。

 
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量60万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 


Viewing all articles
Browse latest Browse all 241

Trending Articles