• 注册
  • 文字特效 文字特效 关注:7 内容:184

    字体设计,制作具有设计感的英文字体

  • 查看作者
  • 打赏作者
  • Lv1

    本篇教程通过PS制作一款樱花效果的英文字体,有樱花效果的文字点缀,整个页面都感觉不一样。教程属于翻译教程,整个翻译还是比较好上手操作的,同学一起通过教程来练习一下吧,相信你通过教程可以学到更多的知识,但是要练习噢,相信你可以做的更好,PS就是要上手练习才可以。

    效果图:

    字体设计,制作具有设计感的英文字体插图

    操作步骤:

    一、新建250*250大小的文件,填充黑色背景。然后选择椭圆工具,创建一个58 * 58大小的白色圆形。

    字体设计,制作具有设计感的英文字体插图1

    二、创建另外一个41 * 41的黑色圆形,移到白色圆形的底部,如图:

    字体设计,制作具有设计感的英文字体插图2

    三、双击黑色圆形图层,添加渐变效果,左边颜色为#eac3c3,过渡到右边颜色#ffffff。

    字体设计,制作具有设计感的英文字体插图3

    这将用来制作花瓣效果。

    字体设计,制作具有设计感的英文字体插图4

    四、同时选择两个圆形图层,单击 图层 > 栅格化 > 图层,然后合并图层,重命名为 1

    字体设计,制作具有设计感的英文字体插图5

    五、复制花瓣图层,重命名为 2

    字体设计,制作具有设计感的英文字体插图6

    六、单击编辑 > 变换 > 旋转,这里根据你的花瓣数量确定旋转角度,在这个教程里,花瓣是5片,那么就用360° 除以5,得出旋转角度是72°

    字体设计,制作具有设计感的英文字体插图7

    七、继续复制花瓣图层,在这儿透露个小技巧,你可以摁住 Alt + Ctrl + Shift + T ,重复上一步操作,这个技巧可以用来创建画中画效果,非常有意思的一个技巧,有兴趣的同学百度德罗斯特效应。详细教程百度李涛周二福利《快速复制更多妹子》,复制出5片叶子后,利用移动工具摆成樱花的形状,为了方便理解,附上一张图。

    字体设计,制作具有设计感的英文字体插图8

    字体设计,制作具有设计感的英文字体插图9

    八、接下来花蕊部分,创建一个22 * 22 px 大小的圆形,填充度调整为0

    字体设计,制作具有设计感的英文字体插图10

    九、双击图层,添加渐变。

    字体设计,制作具有设计感的英文字体插图11

    参数如下:

      色标位置:

        #472a2a – 0%

        #c86464 – 77%

        #c86464 – 100%

      不透明度位置:

        100% – 0%

        100% – 55%

        0% – 100%

    字体设计,制作具有设计感的英文字体插图12

    十、将全部形状图层归进去一个组,然后复制整个组,合并组。重命名为 Final,保存文件。

    字体设计,制作具有设计感的英文字体插图13

    十一、新建 1250 x 1250 px 的文件,前景色为#dbbfb,背景色为#9d8579,选择渐变工具,选择径向渐变,拉出如下背景。

    字体设计,制作具有设计感的英文字体插图14

    十二、下载字体素材,创建如下字体,颜色是 #563a1b,大小283 pt

    字体设计,制作具有设计感的英文字体插图15

    十三、复制文字图层,取消可见(点击图层前的眼睛),选择图层 > 栅格化 > 文字,设置前景色为#563a1b,选择笔刷工具。

    字体设计,制作具有设计感的英文字体插图16

    十四、打开笔刷面板,选择硬圆的笔刷,设置如下:

    字体设计,制作具有设计感的英文字体插图17

    形状动态:

    字体设计,制作具有设计感的英文字体插图18

    然后在字母上拉出细线,如图

    字体设计,制作具有设计感的英文字体插图19

    十五、如果想干净利落点,把最小直径跟圆度抖动设置为0就可以了。

    字体设计,制作具有设计感的英文字体插图20

    设置效果满意后,开始动工了!

    字体设计,制作具有设计感的英文字体插图21

    十六、给树枝添加枝桠这一步,你可以现在做,也可以等添加樱花后。

    字体设计,制作具有设计感的英文字体插图22

    将保存下来的那个樱花图层拖进来,复制。

    字体设计,制作具有设计感的英文字体插图23

    十七、通过Ctrl + T 旋转、改变大小,直到你觉得满意为止。

    字体设计,制作具有设计感的英文字体插图24

    十八、继续复制,然后随处点缀。直到效果如图:

    字体设计,制作具有设计感的英文字体插图25

    将全部樱花图层归成一个组。

    字体设计,制作具有设计感的英文字体插图26

    十九、单击一个樱花图层,应用如下图层效果:

    投影:不透明度: 13% 距离: 8 大小: 8

    右键复制图层效果,全选所有樱花图层,粘贴图层效果。

    字体设计,制作具有设计感的英文字体插图27

    这能给樱花添加微妙的投影效果。

    字体设计,制作具有设计感的英文字体插图27

    双击栅格化的文字图层,应用如下效果:内阴影:

    字体设计,制作具有设计感的英文字体插图28

    投影:

    字体设计,制作具有设计感的英文字体插图29

    效果如下:

    字体设计,制作具有设计感的英文字体插图30

    二十、新建一个叶子图层,前景色设置为#89a115,选择笔刷工具。

    字体设计,制作具有设计感的英文字体插图31

    二十一、打开笔刷面板,设置如下:

    字体设计,制作具有设计感的英文字体插图32

    形状动态

    字体设计,制作具有设计感的英文字体插图33

    为樱花添加叶子,考验耐心的一个细节。

    字体设计,制作具有设计感的英文字体插图34

    二十二、双击叶子图层,应用如下效果:内阴影:

    字体设计,制作具有设计感的英文字体插图35

    投影:

    字体设计,制作具有设计感的英文字体插图36

    效果如下:

    字体设计,制作具有设计感的英文字体插图37

    二十三、在叶子图层下创建一个新的花瓣图层,前景色设置为#fefefe,背景色设置为#e9cccc。

    字体设计,制作具有设计感的英文字体插图38

    笔刷设置如下:

    字体设计,制作具有设计感的英文字体插图39

    形状动态:

    字体设计,制作具有设计感的英文字体插图40

    散布:

    字体设计,制作具有设计感的英文字体插图41

    颜色动态:

    字体设计,制作具有设计感的英文字体插图42

    传递:

    字体设计,制作具有设计感的英文字体插图43

    二十四、在文字周围轻轻画上一些花瓣。

    字体设计,制作具有设计感的英文字体插图44

    二十五、最后,将纹理素材放在最上面,单击图像 > 调整 > 去色。调整到合适的大小,将图层混合模式变为叠加,不透明度50

    字体设计,制作具有设计感的英文字体插图45

    完成:

    字体设计,制作具有设计感的英文字体插图

    你学会了吗?通过教来学习一下吧,相信你会制作的更好。

    请登录之后再进行评论

    登录
    • 大版主
    • 小版主
  • 官方助手
  • 我爱ps
  • 任务中心
  • 帖子间隔 侧栏位置: