人气 1166

[其他] 【PS+Ai】儿时糖画字体设计 [复制链接]

流水煮香茗 2017-11-14 10:18:20

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

x
小时候我们总是喜欢吃糖画,吸引我们的不仅仅是因为它们好吃,还有一个原因就是好看,今天我们就来学学如何利用Ai和Ps制作糖画字体!我们先来看看效果图:

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

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

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

                                                                                 
4961af4612b0219943b03cebf12e1c56.jpg
                          
                          
                                                   
3最终效果如下图

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

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

                                                                                 
8be0fbb85ddba9833b5b758a8ed2cb94.jpg
                          
                          
                                                   
我们得到下图效果

                                                                                 
0506be97a45cc18b7912350e1c7ab873.jpg
                          
                          
                                                   
6.然后在图层样式中添加颜色叠加(橙色,色值f47c05)

                                                                                 
52280d48ba8b6b08a287905c7ffb7485.jpg
                          
                          
                                                   
效果如下

                                                                                 
eaf3c0d7145f8ccd5aaadb0134c0d0ea.jpg
                          
                          
                                                   
7图层样式中添加描边效果

                                                                                 
7405f6d2001325d05f88cd4b2755c481.jpg
                          
                          
                                                   
效果如下

                                                                                 
368de6edc51a824def9ee42ae36dcbe8.jpg
                          
                          
                                                   
8图层样式中添加内阴影

                                                                                 
49ce40bca6d8369b2ac3014822bd3e44.jpg
                          
                          
                                                   
效果如下

                                                                                 
802018b6734c2f8513ac1cab527160c9.jpg
                          
                          
                                                   
9图层样式中添加内发光

                                                                                 
b455f87fc51009dfe38fed9d3c23bf93.jpg
                          
                          
                                                   
效果如下

                                                                                 
37c07bcfd1698de8a15d844146eeb453.jpg
                          
                          
                                                   
10图层样式中添加光泽,进一步加强质感

                                                                                 
01af5e113d36c9443dd34d4943ad5867.jpg
                          
                          
                                                   
效果图下

                                                                                 
4b89bd374802c387121b924a45771131.jpg
                          
                          
                                                   

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

                                                                                 
08c91f0832629f51e0d56230d9428092.jpg
                          
                          
                                                                                 
e94021dadce581a23d2bc50501e0296b.jpg
                          
                          
                                                   

效果如下

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

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

                                                                                 
d6a8255488abb4400f32ca0644906d75.jpg
                          
                          
                                                                                 
a727cfbfd56c59950d924ac4c2c564f6.jpg
                          
                          
                                                                                 
b584c7e9ee1ceca128df86ae5d0da66f.jpg
                          
                          
                                                   

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

                                                                                 
159aa413ae0545e1f245bb8a7644d77d.jpg
                          
                          
                                                   
得到最后效果

                                                                                 
e1e6ca70672986e8c4ab431182b9cf47.jpg
                          
                          
                                                   
这样文字就晓得更加晶莹剔透

13字体的样式处理完了以后,为了增加更多质感,使字体看上去更加生动,我们使用钢笔工具绘制一些气泡

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

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

                                                                                 
5b90252ddede9da87f02b20aab409205.jpg
                          
                          
                                                   
内阴影

                                                                                 
5af255843b93532ed2930ec50fe6959c.jpg
                          
                          
                                                   
内发光

                                                                                 
631288551743646bb6fa1dc5e267dabb.jpg
                          
                          
                                                   
光泽

                                                                                 
33d11b8328f27a9442e820263edd1de4.jpg
                          
                          
                                                   
投影

                                                                                 
b4859d966bedf0e71e991c6bc7e6488d.jpg
                          
                          
                                                   
得到以下效果

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

                                                                                 
b391bdd6367b9b0ebfdec674d4b13c46.jpg
                          
                          
                                                   
最终效果如下

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

                                                                                 
641aea1ed4b68c4cc8d35691e2395f74.jpg
                          
                          
                                                   
如此一来,字体就显得更加剔透

14.文字的部分处理好了我们使用前面制作字体和气泡的方式给字体添加一些小点缀,就完成了我们最后的效果



                                                                                 
b08c401ed75e28897c6d3ba6efbed11e.jpg
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

QQ|手机版|小黑屋|九艺游戏动画论坛 ( 津ICP备2022000452号-1 )

GMT+8, 2024-4-19 12:52 , Processed in 0.132652 second(s), 26 queries .

Powered by Discuz! X3.4  © 2001-2017 Discuz Team.