三毛手工

位置:首页 > 创意设计 > 设计教程

Photoshop制作非常可爱的儿童节卡通立体字

儿童节是比较快乐的节日,设计字体的时候也比较讲究,除了颜色鲜艳外,要尽量用一些卡通字体,然后变形为类似飘带的形状,增加快乐元素,后期再渲染颜色和质感即可。

最终效果

Photoshop制作非常可爱的儿童节卡通立体字

1、新建一个1024*768像素的文件,背景填充淡青色:#9EFFF9作为底色。

Photoshop制作非常可爱的儿童节卡通立体字 第2张

<图1>

2、打开文字素材,图2为PNG格式,保存后可以直接打开,解锁后拖到新建的文件里面。

Photoshop制作非常可爱的儿童节卡通立体字 第3张

<图3>

4、在组里新建一个图层,填充紫色:#A209B0作为文字底色。

Photoshop制作非常可爱的儿童节卡通立体字 第4张

<图4>

5、新建一个图层,选择渐变工具,颜色设置为淡紫色至暗紫色如图5,然后由左上角至右下角拉出图6所示的线性渐变。

Photoshop制作非常可爱的儿童节卡通立体字 第5张

<图5>

Photoshop制作非常可爱的儿童节卡通立体字 第6张

<图6>

6、新建一个图层,用钢笔勾出右侧部分的暗部选区,羽化8个像素后填充暗紫色:#8D0775,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第7张

<图7>

7、新建一个图层,用钢笔勾出文字内存边缘的高光选区,羽化6个像素后填充淡紫色:#D737D3,取消选区后添加图层蒙版,用透明度较低的黑色画笔把边缘过渡擦出来。

Photoshop制作非常可爱的儿童节卡通立体字 第8张

<图8>

8、新建一个图层,用钢笔勾出内侧边缘较亮的高光选区,羽化2个像素后填充稍淡的紫色:#FCB2FB。

Photoshop制作非常可爱的儿童节卡通立体字 第9张

<图9>

9、新建一个图层,用钢笔勾出底部高光选区,羽化2个像素后填充同上的淡紫色。

Photoshop制作非常可爱的儿童节卡通立体字 第10张

<图10>

10、新建一个图层,用钢笔勾出中间部分的暗部选区,羽化8个像素后填充暗紫色:#8D0775,取消选区后用模糊工具把右侧边缘模糊处理,然后用加深,减淡工具增加一些暗部及高光,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第11张

<图11>

11、新建一个图层,用钢笔勾出左侧顶部的暗部选区,羽化4个像素后填充暗紫色:#810165,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第12张

<图12>

12、新建一个图层,用钢笔勾出左侧顶部的高光选区,羽化5个像素后填充紫色:#B61CB3。

<图13>

13、新建一个图层,用钢笔勾出下图所示的选区,羽化4个像素后填充稍亮的紫色:#E947E5。

Photoshop制作非常可爱的儿童节卡通立体字 第13张

<图14>

14、新建一个图层,用钢笔勾出顶部高亮选区,羽化2个像素后填充淡紫色:#FF9CFF,取消选区后添加图层蒙版,用黑色画笔涂抹一下边缘。

Photoshop制作非常可爱的儿童节卡通立体字 第14张

<图15>

15、新建一个图层,用钢笔勾出尾部选区如图16,拉上图17所示的线性渐变。

Photoshop制作非常可爱的儿童节卡通立体字 第15张

<图16>

Photoshop制作非常可爱的儿童节卡通立体字 第16张

<图17>

16、用钢笔勾出边缘高光选区,羽化2个像素后按Ctrl+J把选区部分的色块复制到新的图层,混合模式改为“滤色”,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第17张

<图18>

17、新建一个图层,用钢笔勾出尾部的高光选区,羽化3个像素后填充淡紫色:#F8B2FD,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第18张

<图19>

18、新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop制作非常可爱的儿童节卡通立体字 第19张

<图20>

19、在组里新建一个图层,填充暗青色:#3CA7AE,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第20张

<图21>

20、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充稍暗的青色:#1A8188。

Photoshop制作非常可爱的儿童节卡通立体字 第21张

<图22>

21、新建一个图层,用钢笔勾出下图所示的选区,填充青色:#30C7D1。

Photoshop制作非常可爱的儿童节卡通立体字 第22张

<图23>

22、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充暗青色:#1A8188,确定后按Ctrl+Alt+G创建剪贴蒙版。

Photoshop制作非常可爱的儿童节卡通立体字 第23张

<图24>

23、新建一个图层,用钢笔勾出顶部的高光选区,羽化2个像素后填充淡青色:#19EDFA,如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第24张

<图25>

24、新建一个图层,给边缘部分增加一些暗部,效果如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第25张

<图26>

25、创建亮度/对比度调整图层,适当增加亮度与对比度,参数及效果如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第26张

<图27>

Photoshop制作非常可爱的儿童节卡通立体字 第27张

<图28>

26、创建色彩平衡调整图层,微调一下高光颜色,参数及效果如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第28张

<图29>

Photoshop制作非常可爱的儿童节卡通立体字 第29张

<图30>

27、另一条彩带制作方法相同,效果如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第30张

<图31>

28、“1”字的制作方法同上,过程如图32-36。

Photoshop制作非常可爱的儿童节卡通立体字 第31张

<图32>

Photoshop制作非常可爱的儿童节卡通立体字 第32张

<图33>

Photoshop制作非常可爱的儿童节卡通立体字 第33张

<图34>

Photoshop制作非常可爱的儿童节卡通立体字 第34张

<图35>

Photoshop制作非常可爱的儿童节卡通立体字 第35张

<图36>

29、创建亮度/对比度调整图层,适当增加亮度及对比度,参数及效果如下图。

Photoshop制作非常可爱的儿童节卡通立体字 第36张

<图37>

Photoshop制作非常可爱的儿童节卡通立体字 第37张

<图38>

最后调整一下细节,完成最终效果。

Photoshop制作非常可爱的儿童节卡通立体字 第38张


感谢作者Sener授权转载。