如我所一 发表于 2019-7-6 15:58:03

制作清凉感的立体字

教程作者:付梓
根据手绘风格来转化为实际的图片,如果不太擅长手绘的同学也没有关系,可以通过教程设计自己喜欢的样子,方法都是一样的,跳过手绘的步骤即可,要灵活运用,随着时间脚步,夏天马上也要来临,可以通过此来学习做一些相关的海报,或者黑板报,很多设计都可以用到,具体通过教程来学习一下吧。

效果图:

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x085872.thumb.jpg学习PS请到www.16xx8.com

本教程主要通过三大步骤来详细解读手绘海报字体的设计过程,包括绘制草稿,拍照扫描,导入PS处理。下面让我们正式进入这篇教程吧。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x185872.thumb.jpg

POP风格文字的制作步骤如下:

前期工作准备好之后,就可以开始进入我们的创作啦~

我喜欢手绘海报字体是因为它很有独特性,而且每个人的字迹都是独一无二的,可能每次写的效果还不太一样,这恰好吻合了设计要求的原创性与灵活性。

在开始创作之前,要先想好文字内容(自由发挥的好处就是没有太多的拘束,想到什么好玩的词或者也可以从日常生活中发现)。

接下来分享我的实战案例

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x285872.thumb.jpg

字体灵感说明:在炎炎夏日里,只想找个清凉的解暑胜地,围绕"清凉"两个字,可以头脑风暴出:水、水滴、冰、西瓜、游泳、游泳圈、清新等词语。

确定好字体内容之后,就开始定字体的风格。夏日感觉就是比较活泼、热情。有了方向之后,就开始动手制作~

总结出三大步骤:首先画好草稿图初稿——其次拍照扫描——最后导入ps进行加工处理。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x385872.thumb.jpg

进入正题:先上一个草稿图。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x485872.thumb.jpg

创作思路:字体画得相对圆润饱满些,显得比较可爱活泼。再结合字体的字型,适当把一些笔画替换成夏日的气氛,比如"清"字的旁边的三点水可以换成滴,"凉"字的两点水替换成夏日必备的西瓜,这样字体会显得比较灵活,符合夏日氛围。

草稿图弄好之后,接下来就扫描进电脑里面。这里我选用的方法是利用手机一款扫描软件进行拍摄扫描再传送到电脑上。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x585872.thumb.jpg

裁剪大小,调整好角度,点击确认会生成一张扫描图片。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x685872.thumb.jpg

Step1.导入ps里

新建800*600px画布,把图片导入到ps里,调整适合的大小。我每次做字体的时候都会复制一个副本,以免出错了,也能有一个备份。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x785872.thumb.jpg

Step 2.图像-调整-阀值

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x885872.thumb.jpg

大家可以根据自己的实际情况,拖动到合适的数值,让字体对比度更强,这一步是为了下一步的抠图做准备。

Step 3.去除瑕疵

这时候会发现还是有一些多余的笔画瑕疵在旁边,可以选择用画笔工具填充#ffffff把瑕疵去掉。(选用画笔填充是为了方便把白色背景整块去掉)

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x985872.thumb.jpg

Step 4.去除白色背景

再复制一个图层,选择通道,我在这里选择的是蓝通道,复制一层蓝通道,ctrl+左键点击新复制的蓝通道小窗口,这时会选中画面里的白色部分。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1085872.thumb.jpg

这时我们回到RGB图层,再返回正常图层界面,按delete键删除白色背景,这时可以得到一个去掉白色背景的透明底图。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1185872.thumb.jpg

Step 5.铺大色调

接下来开始对字体进行上色。首先想到夏季是热情、活泼,所以字体主色调用#fc5e5e。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1285872.thumb.jpg

在字体下一层新建图层,运用画笔工具进行描绘填充。同上,西瓜皮色值#68c359。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1385872.thumb.jpg

西瓜籽色值# fcea25。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1485872.thumb.jpg

填充后的效果如图。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1585872.thumb.jpg

Step 6.背景色调整

我设定的场景是一个游泳池,所以背景填充为蓝色# 65cafe,再把字体颜色叠加为白色# ffffff。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1685872.thumb.jpg

Step 7. 加入游泳圈元素

进行到这一步的时候,又有了一些新的想法,感觉还可以再加入一个游泳圈,于是就把清字左上角的一点替换成游泳圈。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1785872.thumb.jpg

Step8. 调整画面

由于手绘过程中,有些笔画处理的不是特别的融洽,所以后期也适当的做了些调整。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x1885872.thumb.jpg

Step9.添加细节

字型细节调整好之后就开始添加投影、高光和辅助元素。

然后可以在字体的周边做一些辅助的虚线描边元素,色值#fc5e5e。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x19.jpg

这样画面看起来更丰富。Ps:必须是在字体下面新建图层,进行填充描绘。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2085872.thumb.jpg

这时候字体已经形成了一种层次感,显得比较饱满丰厚。

Step10.水纹的材质添加。

现在看画面还是有点单调,这时候我给背景添加一些水波纹的效果,从网上搜索了一些水波浪材质。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2185872.thumb.jpg

找到材质后,放在蓝色背景上一层,调整图像混合模式为柔光,调整不透明度为64%。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x22.jpg

得出下图效果。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2385872.thumb.jpg

Step 11.给字体做浮现效果。

由于底层是水波纹,要让字体看起来像是浮在水面上,这时候就把字体整体组合起来命名为字体上层,复制一组命名为字体投影,颜色叠加为#45a3d4。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2485872.thumb.jpg

放在字体上层的下面,并进行错位移开,调整到合适的位置。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2585872.thumb.jpg

Step 12.添加杂色

最后整体盖印图层(快捷键ctrl+alt+shift+e),然后给图层添加杂色质感,滤镜-杂色-添加杂色。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2685872.thumb.jpg

数值不用太大,大概3-5之间就可以,太大的话会影响画面效果。

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x2785872.thumb.jpg

这样画面就大功告成啦,来看看最终效果~

http://pic1.16xx8.com/allimg/1lpfx2/16xx885872x085872.thumb.jpg学习PS请到www.16xx8.com

透过文字都能感受到来自夏季的清凉感,通过教程来学习一下吧。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg
页: [1]
查看完整版本: 制作清凉感的立体字