AI和PS打造漂亮立体字

时间:2022-12-09 14:53:56 由 胖橘是暖阳 分享

效果图:

AI和PS打造漂亮立体字

一、创建3D字体

打开AI,创建新画布,键入一个大写的"D"字,使用素材里面的字体storybook。字体颜色设为#4C3F38。

AI和PS打造漂亮立体字(1)

创建3D效果。Effect > 3D > Extrude & Bevel。

AI和PS打造漂亮立体字(2)

自由地调整字体的角度、光照等元素。

打开ps,新建一张画布,选择6300*4500px,300ppi。背景色设置为#17151d。

一个一个地拷贝(ctl+c)刚才在AI里面做好的字体"dream"粘贴(ctl+v)到ps里面。拷贝进来的时候选择"智能对象"以方便我们改动其大小。

AI和PS打造漂亮立体字(3)

调整各个字体在画布里的图层顺序和位置布局。

AI和PS打造漂亮立体字(4)

给每个字体添加样式。使用魔棒或者快速选择工具或者钢笔工具等选出字体的上表面,鼠标右键选择添加路径,容差写上1.5。

AI和PS打造漂亮立体字(5)

给它填充一个颜色。Layer > New Fill Layer > Solid Color,填充白色。图层面板会产生一个新的矢量形状Color Fill1.双击该图层,添加斜面和浮雕图层样式。高光的颜色是#94aa53,阴影的颜色是#6c6f64。

AI和PS打造漂亮立体字(6)

创建一个图案用来覆盖在每个字体的上方。用AI打开Seamless Swirls,调整图案的颜色为#94aa52,在ps里面新建一个235*235px的画布,背景色为#ebe77f,拷贝AI中的图案过来,Edit > Define Pattern制作图案。

AI和PS打造漂亮立体字(7)

创建好了图案,双击白色矢量形状,添加图层样式"图案叠加"。

AI和PS打造漂亮立体字(8)

最后一个要点就是给字体添加颜色叠加调整图层。按住ctrl左击字体图层确保该图层被选中的情况下,Layer > New Adjustment Layer > Gradient Map创建图层,颜色从左到右分别为d8c67f, 94aa53(位置70%), 262628(位置90%),和141416,记得勾选渐变的反向选框。

AI和PS打造漂亮立体字(9)

将该图层放在字体和形状图层之间,按住alt鼠标左击该渐变图层和字体图层之间的连线创建剪切蒙版。

AI和PS打造漂亮立体字(10)

AI和PS打造漂亮立体字(11)

二、绘制场景

制作完字体,接下来就是树干树枝了。

选择画笔工具,设置。

AI和PS打造漂亮立体字(12)

AI和PS打造漂亮立体字(13)

AI和PS打造漂亮立体字(14)

绘制树干树枝的时候,画笔渐隐(Fade)是可以调整的。数值越大,代表画笔在画布上延长的距离更长,隐退所需的时间更久。画主树干的时候需要粗短一点的画笔,设置渐隐数值为100,画树枝的时候需要需要有更细长的尾巴,设置渐隐数值为150,花细枝末节的时会选择250的渐隐数值。结合渐隐和画笔粗细可以很好地把树木绘出来。

AI和PS打造漂亮立体字(15)

连续使用画笔工具绘制出所有树木并且把树根也画出来。按照意愿调整画笔粗细和渐隐数值(F5)绘制合理的场景。

AI和PS打造漂亮立体字(16)

AI和PS打造漂亮立体字(17)

接下来就是绘制叶子了。选择画笔工具按下F5设置画笔属性。

AI和PS打造漂亮立体字(18)

AI和PS打造漂亮立体字(19)

叶子的最大的一层用颜色#94aa53,中间一层用#55612f,隐退到场景里的颜色用#94aa53,最后层用#e3e07d。

AI和PS打造漂亮立体字(20)

AI和PS打造漂亮立体字(21)

绘制山峰和月亮,让场景显得更深邃、更富震慑力。使用钢笔工具(P)选择形状选项。

AI和PS打造漂亮立体字(22)

在所有图层的最下面新建一图层,用钢笔工具勾勒出一座山峰。在勾勒好后右击选择新建选区,然后用渐变给它上色。渐变的左边是画布的背景颜色,右边是较亮一点的颜色。

接下来用大的画笔工具绘制了一个月亮并给它上了一层亮光。给亮光时把笔的硬度适当调小。把光一图层移到月亮下面。把月亮组合移到山峰组合下面。给树木添加阴影。

AI和PS打造漂亮立体字(23)

为了营造这浓厚的艺术氛围,把素材里的texture作为一个新图层放在所有图层的最上方。调整该图层的叠加模式和不透明度。

AI和PS打造漂亮立体字(24)

转置图像(ctrl+i)然后执行Image > Adjustments > Hue and Saturation。

AI和PS打造漂亮立体字(25)

导入雾气朦胧的画布或者笔刷到山峰上和月亮里,调节它们的叠加模式和不透明度使得氛围有一种雾气朦胧的效果。

AI和PS打造漂亮立体字(26)

AI和PS打造漂亮立体字(27)

AI和PS打造漂亮立体字相关文章:

无相关信息
观看视频教程AI和PS打造漂亮立体字的二维码 扫码关注微信公众号