快捷搜索:  汽车  科技

透明玻璃字制作教程:刷爆全网的液态玻璃字教程

透明玻璃字制作教程:刷爆全网的液态玻璃字教程第一步:新建文档“Ctrl N”,设置尺寸:50*70cm,颜色模式:RGB,分辨率300,如下图示。 开始做起来~

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(1)


最近有很多小伙伴问在没有任何素材只有文字的情况下,文字海报要怎么做才能富有视觉效果,并且容易上手,那今天就给大家分享一下液态玻璃字的文字效果视觉海报。零基础小白看着也能轻松掌握~


先上图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(2)

开始做起来~


第一步:新建文档“Ctrl N”,设置尺寸:50*70cm,颜色模式:RGB,分辨率300,如下图示。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(3)

第二步:背景制作,这里想要表达色散的效果,所以背景使用弥散背景,具体步骤如下:


(1)左侧工具栏选择椭圆工具“U”,绘制椭圆,也可以按住“shift”键(Mac按住“”)绘制一个正圆,并复制两个同样大小的圆排列在画布,如下图:3个圆颜色分别为#6e13c2、#0ff6fd、#f955cd;对颜色不是很敏感的童鞋可以参考本案例中配色。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(4)


(2)图层面板按住“shift”键(Mac按住“”),选中这3个圆所在的图层,鼠标右键选择“转换为智能对象”,即把三个圆合并成一个智能对象图层,得到图层“圆3”。如下图所示:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(5)

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(6)


(3)鼠标选中图层“圆3”,让其成为被选择状态,并移动鼠标到界面顶部选择菜单栏的“滤镜-模糊-高斯模糊”,点击“高斯模糊”。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(7)


(4)弹出高斯模糊的对话框设置参数,参数越大色散过渡更强烈。案例中参数设置为“342”,可参照案例中设置。被高斯模糊后的背景如下图。即弥散背景。PS:有兴趣的童鞋可以尝试多种不同颜色和不同半径值可收获不一样的“色彩”。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(8)


第三步:给背景做图案添加。


(1)“ctrl N”新建一个文档,并新建图层ctrl shift N(Mac按住“ctrl N”),关掉背景层前面的小眼睛,变成透明图层。如图


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(9)


(2)选中图层1,让其成为被选择状态,左侧工具栏选择矩形工具“U”,前景色为白色,在画布中心画一条至上而下的矩形,再按ctrl J复制一层,并按住ctrl T旋转90度,得到一个十字交叉的形状图层。如下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(10)

(3)保持当前画面,鼠标点击菜单栏“编辑-定义图案”,则把该十字交叉的图形定义为图案。并可关掉当前图案源文件。


(4)回到弥散背景的源文件,选择弥散背景图层,鼠标移动到图层面板下方找到"fx"图层样式,选择图案叠加,如下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(11)


图案叠加后,选择刚刚定义好的图案,调整缩放参数为“1”,并设透明度,营造出柔和的方格图案,本案例透明度设置为“26%”,详细参数见下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(12)


带方格图案的弥散背景就制作完成,见下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(13)

第四步:文字的制作


本案例用阿多比的首字母大写- A、D、B来设计。


(1)快捷键ctrl R,打开标尺,在画布的上下左右各拉一条参考线,设置边距,确定画面的版心。


(2)右侧工具栏选择文本工具“P”,在画布中心打上字母“A”,并设置大小和字体样式,字号可以直接在属性栏给出数值调整,也可以按住ctrl T自由变化拉出合适的字体大小。字体样式本案例用的是迷你简胖头鱼(案例字体后台留言关键词“液态玻璃字”获取,童鞋们可以直接下载使用),整体形状胖胖的,也带有衬线体的边角但是边角略带圆润,符合本案例要表达的液态玻璃气质。如下图所示:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(14)


(3)选择文字图层,首先更改图层填充度为“0%”,再点击图层面板下面的“fx”图层样式,对文字图层样式参数进行调整。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(15)

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(16)

本案例参数调整如下:


斜面浮雕:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(17)

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(18)

内阴影:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(19)

光泽:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(20)

投影:投影用了两个,一个上方偏亮,一个下方偏暗。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(21)

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(22)

最后效果如下:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(23)


图示效果质感体现不够,边缘部分光的反射不明显,所以还需要再复制一层以增强质感。


(4)右侧图层面板选择图层A,并右键选择“复制图层”,得到“A拷贝”图层。给A拷贝这个图层添加斜面浮雕的图层样式,


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(24)

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(25)


文字部分的图层样式就添加完成了,效果如下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(26)

为了增强画面的饱满度,我们把另外两个字母D和B也添加相同的图层样式,并调整大小和位置置于画布中。


首先按住“shift”键(Mac按住“”),全部选中A和A拷贝这两个图层,然后按住快捷键ctrl G创建到组,生成了名为【组1】的这个组图层。为了方便大家更好地了解组里的内容,建议大家更改组命名。选择【组1】这个组图层,鼠标左键双击即可更改为【A】。选择组【A】鼠标右键选择复制组,生成名为【A拷贝2】的新组,图层选中【A拷贝2】,去画布分别改字母A为D,并重新命名组【A拷贝2】为【D】。同样的方式创建好B的组。

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(27)


把【D】【B】通过ctrl T自由变换缩放大小和角度。效果如下:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(28)

文字效果制作就完成了,童鞋在调整样式过程中建议大家自己尝试适合当前画面效果的参数,对于零基础小白来讲,在不了解参数的情况下,把参数数值调到最大和最小去肉眼观察效果,看看这个参数是对哪个部分产生了什么样的影响,那么我们对当前的图层样式就有了深入的了解和熟悉。

第五步:给中间A字母添加环绕路径文字,营造动感的效果。


按以上创建组的方法,合并【A】【D】【B】三个组,命名为【文字】。选中【文字】组,点击左侧工具栏选择椭圆工具,绘制一个描边不要填充的椭圆,旋转下方向,跟A匹配同样的倾斜角度。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(29)


工具栏选择文本工具“T”,移动到圆环的路径上,点击一下就可以输入环绕文字,案例中文字-ADUOBI UI DESIGN。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(30)

文字部分和“A”营造穿插的效果,给【环绕文字】图层建立蒙版,前景色调整为黑色,用画笔工具B在蒙板里画黑色,隐藏掉遮挡住的部分。

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(31)


当前环绕文字Ctrl J复制一层,填充深一点的颜色做投影,并置于【环绕文字】层的下方。当前路径环绕文字就做好了。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(32)


第六步:文字排版


在文案排版前,我们做的第一步其实是将信息的层级划分好,按照层级顺序去排版。本次案例就不涉及太多版式的设计技法,主要说明我们怎么用文字排版去增强画面饱满度。

主标题:案例文案- ADUOBI DESIGN 液态玻璃


英文部分的排版我们用字体重叠的方法,上层遮盖下层,字压字,难点在于蒙版的使用。


1)ctrl J复制ADUOBI DESIGN文字图层,生成拷贝2图层,并置于ADUOBI DESIGN图层下方。给该图层添加图层蒙板。


2)左侧工具栏用画笔工具B,前景色为黑色,选中蒙版,在画布中用黑色画笔画出需要被上方图层遮挡的部分。


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(33)

中文部分的排版也比较简单,拷贝了画面主字母的图层样式。


1)右侧工具栏文本工具T,打出文字,字体为黑体。左对齐顶部的英文。


2)复制当前文字图层,并置于原始图层的下方,改图层填充度为0,并添加描边的图层样式,描边颜色为#710dde,描边大小为2px;并垂直向下移动距离,增强立体感。


3)选择文字图层,添加图层样式。直接复制字母“A”的图层样式。选择字母“A”所在的图层,鼠标右键选择 “拷贝图层样式”,回到原图层,鼠标右键选择“粘贴图层样式”, 字体的效果就做好了。


4)文字右侧绘制正圆,填充颜色#e16dfb,并添加斜面浮雕的图层样式。


5)中英文之间添加修饰文字,把文字缩小并增加文字的字间距,字当线用,既做分割,也做修饰。


如下图:

透明玻璃字制作教程:刷爆全网的液态玻璃字教程(34)


最后用简单文字编排,修饰整个画面,提升整个画面饱满度。如下图:


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(35)


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(36)


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(37)


以上就是本期教程的全部内容啦,跟着一步步做下来的小伙伴是不是觉得超简单~后期我们也会继续更新各类教程,小伙伴们有想要了解和学习的教程也可以后台留言。


当然,你也可以选择来阿多比进行系统的线下学习3月10日训练营正式开始,感兴趣的小伙伴们快来加入我们吧!


透明玻璃字制作教程:刷爆全网的液态玻璃字教程(38)


猜您喜欢: