photoshop设计可爱的糖果文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计可爱的糖果文字效果的制作教程。

教程分享:

先看看最终效果:

 


一、要用到的文字和纹理

关于糖果文字的字体,并不十分局限。我个人推荐的使用圆圆胖胖的英文字母,看上去有可爱感,比如我在这里使用的BubbleGum Regular。纹理的使用,我采用了斜纹,你也可以使用其他的纹理。在我的收藏夹—纹理中你可以找到各大免费纹理下载的网站,去寻找适合字体的纹理。我个人的感觉是英文比中文更适合此类风格,中文由于结构比英文更为复杂,会显得整体线条不够明朗,所以如果内容是中文的,谨慎之!

素材打包链接:http://pan.baidu.com/s/1ntrOM5V 密码:2ioo

二、开始创建文字

STEP 01

打开PS,新建一个宽800px高600px的新文档,如果只用于网页上浏览无需打印则将分辨率设置为72。

 


STEP 02

可以将背景填充蓝色背景。其实背景色只是为了接下来创建文字的需要。这时,可以在画布中央用BubbleGum字体写上你的文字,例如我在这里写的“sweet dream”,当然这是为了应景。

 


STEP 03

把这两个文字图层复制一层,然后将复制层的填充降低至0,相信关注我的同学会记得曾经在《PS新手教程!手把手教你绘制一枚拟物化水晶纽扣》中已经有对于降低填充为0这一做法的印象。而在这里,我们这么做的目的是为了给文字增加高光。具体的做法让等到教程的末尾我们再拭目以待。

 


三、层出不穷的图层样式

我们在这里要使用的图层样式可谓“层出不穷”,关于图层样式,对于初学者来说想必是一个盲点。这个盲点并非不知道如何使用,而是对其中的原理和复杂的因果关系理顺无力,为了解决这一盲点,我的看法是,练习!经验出智慧。只要大家多操作,慢慢就能懂得这些参数的意义,而不是死记硬背然后投入实践时又茫然无措。

我接下来会一步一步为大家展示我的操作参数和应用参数的效果。对于每一步希望初学者多多加以体会并结合自己的操作实践。

就从“sweet”开始吧。

STEP 04

给图层应用图案叠加。对了,就是让我们的白色文字铺上斜纹图案。这一步比较简单。大家可以看到我把缩放调整到10%,这意味着这一功能可以缩放图案的大小。

 


STEP 05

给文字增加立体感的时候到了,第一步从“斜面和浮雕”开始。大家可以看到“斜面和浮雕”的参数面板,其中分为结构和阴影两个部分。结构顾名思义就是对整体的立体感的塑造,比如对象的深度之类进行设置。在开始这一部时,你对文字就要虚拟一个光源,这样在心里清楚哪里应该为阴影哪里为高光。对于光泽等高线需要你手动调整,才能让边缘的深度变得更加有层次感。

 


STEP 06

来到“等高线”这一样式的参数,我们再稍微修饰一下深度的表现形态。这时,也需要我们手动设置等高线的曲线。

 


STEP 07

“纹理”一项,在我们的图案叠加的基础上,再运用一层纹理,这层纹理给文字增加了更多细微的质感。

 


STEP 08

接下来让我们应用“内阴影”这一效果。在其参数面板中对阴影的混合模式设置为白色的“颜色减淡”,它的角度应该是和我们在STEP 05中设置的光源的方向刚刚相反,这样才能表现出阴影。而这里的阴影虽然是运用了比较高光的发亮的效果,但其他是利用了边缘的深度来创建的,强化了整体效果的透明感。

 


STEP 09

这时,我们想要让高光区域也同样变得更有透明感,光线更强一些。那么我们就要拿出“内发光”的样式。通常,内阴影和内发光是结合一起使用的。内发光的参数面板让我们先将混合模式设置为“线性减淡”,颜色可以运用深棕色的渐变色系。颜色的选择是配合了我们的图案的色系。

 


STEP 10

给文字的整体添加上“光泽”效果,这里需要注意的是光泽的色系也需和黄色搭配,为一种浅黄色。设置角度的时候牢记住自己的虚拟光源的位置。

 


STEP 11

由于在这里,我们看到文字经过几次高光的影响纹理的细节不够清晰,这时,我们就需要让细节更凸出,做法就是应用上“颜色叠加”,叠加的混合模式变为“正片叠底”,目的是为了让细节凸显出来,但又不至于太过暗淡。

 


STEP 12

为了让文字更具立体感,我们可以为它应用上“渐变叠加”,渐变叠加的目的是为了加深文字的顶部和底部,因此这里需要注意的是渐变模式运用的是对称渐变。

 


STEP 13

最后一步给文字添加上阴影。阴影的光源位置也需要谨慎处理。

 


四、添加高光

还记得我们的复制层吗?填充虽然被降低为0,但给它添加图层样式依然有效。这时,我们打开“sweet”的复制层的图层样式中的“斜面与浮雕”,为文字添加高光。而与此同时等高线变为弧形,增添了文字表面高光的圆润感。

 


最后的成品:

 


把这两个图层的图层样式复制到另外一行文字,再稍微加以修饰,最终的效果如下:

 


好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计可爱的糖果文字效果的制作教程解析分享的全部内容了,各位看到这里的使用者们现在是非常的清楚制作教程了吧,那么各位就快去按照小编的教程自己去制作试下效果吧。

时间: 2024-12-27 19:21:47

photoshop设计可爱的糖果文字效果制作教程的相关文章

PhotoShop打造可爱的糖果文字特效制作教程

PS教程教大家用PhotoShop打造可爱的糖果文字特效,主要用图层样式来实现,大家可以跟着做一下! 效果图: Step 1 首先你必须先下载素材文件(点此下载) . Step 2 创建一个新的文档.设置宽度为600 px和高度450.决议必须是72 DPI. Step 3 复制背景(去层>复制图层> OK)和重命名新的层作为"背景图案". Step 4 现在,我们要添加一些肌理.双击"背景图案"和"图层样式"窗口将会出现.去&quo

photoshop设计超炫光斑文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计超炫光斑文字效果的制作教程. 教程分享: 一.画出草图 1. 新建图层 W:42.5cm, H:59.4cm,300 dpi,CMYK. 用画笔很快的画一个心形出来.   2. 画出文字草图,考虑到只是一个草图,如果你觉得在纸上画更自在,你可以画好后再扫描到电脑上哦~   3. 这一部很简单,用钢笔工具将你画的字 勾出来~ (原教程要在AI里执行,小编改编了一下~反正能做出来,就是王道,哇卡卡卡)   二.制作更多的线条 1. 在路径

photoshop设计破裂的金属文字效果制作教程

给各位photoshop软件的使用者们来详细的说一下设计破裂的金属文字效果的制作教程. 教程分享:           好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计破裂的金属文字效果的制作教程分享的全部内容了,那么各位现在就快去打开软件按照小编的教程自己尝试着制作下吧.

photoshop设计名厨镶边文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计名厨镶边文字效果的制作教程. 教程分享: 先看看效果:   先前看海角七号时,在买票时无意间,看见流星花园-皇的秘密这张海报,为何这张海报会这样的吸引梅干桑,除了那金光闪闪外,就是那流星花园四个字,文字周围都镶满了钻石,便让我好奇了起来,是如何将这些钻石镶上去的,若是一个一个排,排完应该眼精也废了吧! 在看完海角七号后,天色已晚已来不及再回去拍这张海报,便上网查寻了一下,却找不到较大尺寸的图档,只好先将点用小尺寸的来作参考,花了一点时

Photoshop设计金色星球大战金属文字效果制作教程

给各位Photoshop软件的使用者们来详细的分享一下设计金色星球大战金属文字效果的制作教程. 教程分享: 1.设计文字背景 Step 1 创建950*550像素画布,将星空素材置入到背景图层上方,然后按画布大小调整尺寸.   图01 Step 2 双击星空图层,应用图层样式中的颜色叠加,设置混合模式为正片叠底,颜色为#a6a6a6.   图02 Step 3 这样会让星空背景稍微变暗一点.在图层面板,点击添加纯色调整图层.   图03 Step 4 选用颜色#fced82,设置调整图层混合模式

photoshop设计古典风格金属文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计古典风格金属文字效果的制作教程. 教程分享: 先看看效果图:   1.新建一个1000 * 650像素,分辨率为72像素/英寸的画布,背景填充暗灰色:#454545. 选择文字工具,字体设置大一点如图3,字体颜色为橙黄色:#9b7b0c,然后输入下图所示的文字.   <图1>   <图2>   <图3> 2.现在来设置一款图案,先保存下面的图片素材,然后用PS打开,然后选择菜单:编辑 > 定义图案,命名

photoshop设计纪念碑谷风格文字效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计纪念碑谷风格文字效果的制作教程. 教程分享:       好了,以上的信息就是小编给各位photoshop的这一款软件的使用者们带来的详细的设计纪念碑谷风格文字效果的制作教程解析分享的全部内容了,各位看到这里的软件使用者们,小编相信你们现在那是非常的清楚了制作的教程了吧,那么大家就去按照小编上面的教程去制作自己想要的纪念碑谷风格文字吧.

photoshop设计电视机主题UI图标效果制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计电视机主题UI图标的制作教程. 教程分享: 首先,我们看看原图,一个400*300的小图.   新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块.   我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示. 在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变

photoshop设计墨西哥亡灵节万寿菊文字特效制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计墨西哥亡灵节万寿菊文字特效的制作教程. 教程分享: 先来说说什么是亡灵节,亡灵节(Día de Muertos)是墨西哥最重要的传统节日之一.在这一天,墨西哥人将会敲锣打鼓地庆祝,迎接生者,与死者团聚,缅怀已逝亲人的往事.在墨西哥人眼中,万寿菊是亡灵节庆典的标志性花卉,常用于糖头骨装饰等等.   图00 1.创建辅助线 Step 1 创建新文档,长宽为500像素*500像素.选择直线工具,设置前景色为红色,在选项栏中设置宽度为1像素.