PS+ai设计糖画效果立体文字的教程

  发布时间:2017-11-16 08:55:47   作者:淅沥小雨   我要评论
我们知道糖画是什么样子的,想要设计类似糖画效果的立体文字,该怎么设计呢?下面我们就来看看使用ps和ai设计糖画效果文字的方法,需要的朋友可以参考下

今天我们就来看看设计糖画效果文字的方法,主要使用ps,需要结合ai制作,下面我们就来看看详细的教程。

PS+ai设计糖画效果立体文字的教程

一、ai处理

首先我们使用AI软件,设计出字体的基础字形。

PS+ai设计糖画效果立体文字的教程

下面我们应用字体设计中的转嫁法,将下图中随意输入的字体笔画替换掉。这里使用圆角矩形来替换笔画

PS+ai设计糖画效果立体文字的教程

将字体中的某些笔画,使用标准制图进行处理,约束字体笔画和间距。我们在细节处理上常用的就是连字法(笔画共用)

PS+ai设计糖画效果立体文字的教程

最终效果如下图

PS+ai设计糖画效果立体文字的教程

然后我们将AI中设计好的字体CTRL+C复制粘贴进PS中,在粘贴面板中勾选智能对象,取消掉添加到我的当前库

PS+ai设计糖画效果立体文字的教程

二、ps处理

下面我们在PS中给设计好的字体添加效果,首先给字体增加立体感,双击图层打开图层样式,在斜面浮雕中设置,如下图

PS+ai设计糖画效果立体文字的教程

我们得到下图效果

PS+ai设计糖画效果立体文字的教程

然后在图层样式中添加颜色叠加(橙色,色值f47c05)

PS+ai设计糖画效果立体文字的教程

效果如下

PS+ai设计糖画效果立体文字的教程

图层样式中添加描边效果

PS+ai设计糖画效果立体文字的教程

效果如下

PS+ai设计糖画效果立体文字的教程

图层样式中添加内阴影

PS+ai设计糖画效果立体文字的教程

效果如下

PS+ai设计糖画效果立体文字的教程

图层样式中添加内发光

PS+ai设计糖画效果立体文字的教程

效果如下

PS+ai设计糖画效果立体文字的教程

图层样式中添加光泽,进一步加强质感

PS+ai设计糖画效果立体文字的教程

效果图下

PS+ai设计糖画效果立体文字的教程

最后我们在图层样式中设置外发光和投影来给字体增加更多调子,实现完美的层次感

PS+ai设计糖画效果立体文字的教程

PS+ai设计糖画效果立体文字的教程

效果如下

PS+ai设计糖画效果立体文字的教程

然后我们将文字图层CTRL+J复制一层,进一步添加质感

PS+ai设计糖画效果立体文字的教程

在复制的图层中分别设置斜面浮雕、内阴影和投影

PS+ai设计糖画效果立体文字的教程

PS+ai设计糖画效果立体文字的教程

PS+ai设计糖画效果立体文字的教程

最后将该图层的填充透明度设置为0

PS+ai设计糖画效果立体文字的教程

得到最后效果

PS+ai设计糖画效果立体文字的教程

这样文字就晓得更加晶莹剔透,字体的样式处理完了以后,为了增加更多质感,使字体看上去更加生动,我们使用钢笔工具绘制一些气泡

PS+ai设计糖画效果立体文字的教程

首先绘制一个不规则的椭圆

PS+ai设计糖画效果立体文字的教程

在该图层上添加图层样式,分别是斜面浮雕

PS+ai设计糖画效果立体文字的教程

内阴影

PS+ai设计糖画效果立体文字的教程

内发光

PS+ai设计糖画效果立体文字的教程

光泽

PS+ai设计糖画效果立体文字的教程

投影

PS+ai设计糖画效果立体文字的教程

得到以下效果

PS+ai设计糖画效果立体文字的教程

这个时候我们需要关闭该图层的填充不透明度,来实现气泡的透明感

PS+ai设计糖画效果立体文字的教程

最终效果如下

PS+ai设计糖画效果立体文字的教程

使用以上方式,我们多画一些气泡,增加字体的材质感,如下图

PS+ai设计糖画效果立体文字的教程

如此一来,字体就显得更加剔透,文字的部分处理好了我们使用前面制作字体和气泡的方式给字体添加一些小点缀,就完成了我们最后的效果

PS+ai设计糖画效果立体文字的教程

以上就是ps和ai设计糖画文字的教程,希望大家喜欢,请继续关注脚本之家。

版权申明:本文原创作者“淅沥小雨”,感谢“淅沥小雨”的原创经验分享!

相关推荐:

PS怎么制作立体冰雕文字?

PS怎么设计带有阴影的立体文字?

PS怎么设计一款立体的英文字母M?

相关文章

  • AI结合PS制作发光灯管文字效果教程

    最近,很多网友问小编灯管字怎么制作?今天脚本之家小编就教大家使用AI结合PS制作发光灯管文字效果,教程难度不大,感兴趣的朋友欢迎前来一起分享学习
    2017-11-13
  • ps+AI设计3d立体玉石文字效果的教程

    想哟啊设计一个立体的文字,该怎么设计呢?今天我们就来看看使用ai和ps设计立体玉石效果的文字的教程,很简单的实例教程,需要的朋友可以参考下
    2017-11-13
  • ps结合ai设计素净的冬季插画效果的教程

    立冬了,想要设计一幅立冬的插画,该怎么设计呢?我们今天就来看看使用设计干净漂亮的立冬插画效果图片的教程,,步骤很简单,需要的朋友可以参考下
    2017-11-08
  • AI文件怎么另存为psd分层文件?

    AI文件怎么另存为psd分层文件?AI中设计了一份图,想要将文件保存为psd分层文件,方柏霓导入ps中编辑,该怎么保存呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-11-02
  • ps结合ai设计一款逼真的插头图形?

    ps结合ai设计一款逼真的插头图形?想要绘制一个逼真的插头,就是那种一般的插排接头,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-30
  • PS+AI绘制矢量风格凶狠的海盗插画教程

    本教程教脚本之家的各位朋友使用PS+AI绘制矢量风格凶狠的海盗插画,教程的绘制过程不是很难,讲解的很详细,制作的海盗插画效果非常不错,感兴趣的朋友一起动手试试吧
    2017-10-20
  • ps怎么制作ai路径? ps路径导入ai的教程

    ps怎么制作ai路?ps想要制作一个路径导入ai中使用,该怎么制作呢?下面我们就来看看ps路径导入ai的教程,很简单的基础教程,需要的朋友可以参考下
    2017-10-17
  • ai+ps设计一幅创意立体峡谷的教程

    今天我们就来看看一个实例教程,就是ai结合ps创建立体山谷的例子,山谷在漫画中很常见,该怎能绘制出立体效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-10-17
  • AI提示文档中某些容器已被拼合怎么办?ai转psd图层合并的解决办法

    AI提示文档中某些容器已被拼合怎么办?很多朋友使用ai设计好图纸,导出为psd文件的时候会遇到这个问题,导致psd文件图层都被合并了,下面我们就来看看详细的解决办法,需要
    2017-10-11
  • AI结合PS制作抽象流体彩色渐变海报教程

    本教程教脚本之家的各位平面设计学习者使用AI结合PS制作抽象流体彩色渐变海报,教程主要分为渐变背景的制作、海报制作和动图制作,效果非常炫酷,感兴趣的朋友欢迎前来一起
    2017-09-25

最新评论