您现在的位置: 万盛学电脑网 >> 软件知识 >> 图文处理 >> Photoshop教程 >> ps文字教程 >> 正文

教你如何用PS制作3D炫彩字体

作者:佚名    责任编辑:admin    更新时间:2022-06-22

  先来看看效果图哈....

教你如何用PS制作3D炫彩字体 三联

  额,好多同学都想知道我这幅图是怎么做出来的,虽然烟民语言组织能力很弱,但为了满足下大家,还是决定试试写篇教程,这可是烟民的第一篇教程啊 = =

  制作软件 ps cs3

  本例最终效果:

PS制作3D字体教程

  开始正文

  1.不管做什么图,烟民喜欢先构思.

  烟民的思路是:

  首先确立主题: 想做的是给浅的周年礼物.

  其次确定风格: 欧美插画

  继续明确思路:

  周年礼物, 那自然是需要量身定做的了..

  但做给一个网站的话,烟民觉得直接用网站的域名字母来做设计会比较有爱.

  然后想要做得特别些, 由于浅一贯的色调都是比较飘逸的,且略偏低沉,

  这是生日礼物, 且浅里的亲们都是比较年轻的一代, 那鲜艳跳跃的颜色似乎更理想..

  由于烟民对欧美的重彩比较有感觉,所以风格依然是欧美的.

  那么大致的思路就确定下来了,关键字: 文字设计 重色 鲜艳 欧式童话.

  2.创建文件

  由于不是印刷品,所以分辨率不需要太高,但又要考虑到可能会做为首页使用,

  而要适应各种常用的显示器分辨率所以也不能太小.

  所以烟民用的原始画布分辨率为: 1600x120072px RGB模式 黑色填充.

  3.文字设计.

  这里我们先开始摆字.确定每个字的位置及透视关系.

  烟民选择的构图是居中构图, 大致是要把一个文字放在中间作为中间点,其他文字环绕在中间点旁边.

  就如最终效果图那样的构图.

  那么就首先要把关键字ourshallow打出来(这不是废话嘛)

  但要注意的是:

  1.由于想要贴近与童话,并且要考虑到后期的变形及立体渲染,

  所以烟民在字体的选择上用的是Alexis系列的字体(教程结尾会放出下载)

  理由是: 这个字体四边比较平整且线条够粗.

  2.字体要分开设计, 所以要分层, 一个图层一个字.

  3.前景色设置为#2789ba 背景色设置为#164e69再输入文字.

  开始制作.

  由于要把字体做变形扭曲处理, 如果在扭曲过程中文字是由小变大的话,那最后的效果会边模糊比如:

  图案比较小

PS制作3D字体教程

  扭曲图案后会出现模糊的效果

PS制作3D字体教程

  所以文字的分辨率要足够大.所以我们来把所有的文字都尽可能的拉大.

  方法是:

  a.选择所有文字图层

  b.当前工具切换为: 移动工具

PS制作3D字体教程

  c.选择顶部选项栏里的”水平居中对齐”及”垂直居中对齐”

PS制作3D字体教程

  d.按下ctrl+t启用变形工具并且按住shift用鼠标左键在变形框的四角任意一角往外拉大.

  直到变形框超过整个画布一些(当时烟民把文字拉到了3000点左右).然后回车确定.

  c.栅格化所有文字图层.

  e.从第一个字母开始处理.

  ①由于Alexis系列的字体 O字母比较扁,我们先来把他拉长点

  选择第一个O字图层,用矩形选框工具把字母的下半部分选中,

  只要选框工具在两边的直线中间切过就行.如图:

PS制作3D字体教程

  然后选择移动工具 按住shift在选框内往下拖动:

PS制作3D字体教程

  取消选择, 再选矩形选框工具对好位置, 把字母断缺的两边补上.

PS制作3D字体教程

  这里要注意一个细节, 就是文字栅格化之后边缘有一条半透明的像素,

  所以我们直接用选框工具填充之后在原图与新填充的衔接部位会出现这样的锯齿:

PS制作3D字体教程

  这在后期制作会影响效果,我们可以用橡皮擦工具或者矩形选框把这条细边删掉.

  ②按住ctrl+T启用变形工具, 再在变形框内点击右键, 选择”扭曲”

PS制作3D字体教程

  拖动四角锚点, 把字体处理成如下效果:

PS制作3D字体教程

  ③在图层面板按住alt选择文字层往下拖,复制一个图层到当前层下面,

  同时按下alt+shift+del填充背景色

PS制作3D字体教程
PS制作3D字体教程

  ④把O副本2向右移动,变成

PS制作3D字体教程

  再将O副本2上下缩小少许.让O副本2的高度小于前面的图像就行.

PS制作3D字体教程

  上下两边有这么一个坡度.

PS制作3D字体教程

  然后钢笔工具把两个图层衔接的空挡连起来,按ctrl+回车 转换为选区,

  填充背景色, 让两个图层看起来像是一体的.

  路径选取

PS制作3D字体教程

  转换选区

PS制作3D字体教程

  填充颜色

PS制作3D字体教程

  这些步骤完成之后文字就变成这样

PS制作3D字体教程

  依次把其他文字都排好位置并按照这个方法处理, 注意前后顺序和透视关系,

  最终效果如下:

  (当然这一步是十分考验耐心的,烟民在这一步花了大致2小时才完成, 所以大家慢慢磨吧,阿门.)

PS制作3D字体教程

  这里要单独说一下的是两个L的设计.

  由于烟民进行到这里的时候觉得单单的文字变形的话会感觉很单调,所以烟民想在这两个字母上做点变化.

  方法如下:

  先把字母变处理这样, 注意字母的尾巴被我剪去了一些。

 

PS制作3D字体教程

  然后选择钢笔工具画出路径再转换选区,填充颜色,跟字体的处理方法一样,这里不再累述,最终效果是这样

PS制作3D字体教程

  L的位置是摆在这里的