Photoshop六种立体字效果 - 图文

更新时间:2024-06-23 03:43:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

Photoshop打造最真实的立体字

核心提示:在这个Photoshop教程中,我们要运用光和影的一些最基本的原则使文字产生一种美丽而雄伟的效果

效果图

光源

在我们开始这篇精彩Photoshop教程之前,这里有一张关于光线照在物体上的简单示意图。这是一个位于正中间的方形物体和来自于左上方的光线。你可以看到光线照在了物体的表面,同时在另外一面产生了阴影。注意,那片阴影并非Photoshop里常见的投影样式,那样会使得物体看起来像是漂浮在画布上。我们希望它看起来像是一个三维的物体被固定在画布上。好吧,让我们开始吧,就像坐回学校的课堂里一样? Step 1

首先,我们在画布上铺上灰色到深灰色的线性渐变,方向从左上至右下,因为前面提到:我们的光源在左上角,所以渐变的较浅色的一端就应当位于左上角。

图01

Step 2

接下来我们键入一些文字,我使用了一种很酷字体,叫做“Agency FB”,给人很紧凑、硬朗的感觉,然后填充字体为灰蓝色,可以是“#C2C8D4”。

图02

Step 3

接下来,按住CTRL键并单击文字图层(这一步将产生选区),同时新建一个图层。在刚刚生成的选区里,画出一个由右下角至左上的线性渐变,渐变颜色为#495a79到透明。这样就会使得右下部分的字母看起来更为昏暗。

图03

Step 4

将前景色设置为黑色(你可以通过按“D”快捷键进行设置);

然后按住CTRL键同时单击文字层,并新建一个图层位于文字层下方。按向下和向右方向键各一次,然后按Alt+Backspace填充黑色,然后再按向下和向右方向键一次,并再次填充黑色。如此步骤重复三十次,每次移动1像素,所以这就是为什么用快捷键Alt+Backspace取代填充工具进行填充的重要原因。 同时要注意的是,当你使用方向键的时候,是移动选区而不是填充层,所以要保持在选框工具。当你切换到移动工具的时候,被移动的将是填充层,而非选区。

图04

Step 5

接下来取消选区,并确定当前是位于阴影这一图层,使用滤镜/模糊/动感模糊,角度值填入45,距离为30像素。

图05

Step 6

将所有的阴影图层合并,并设置不透明度为40%,然后按住SHIFT且按向下和向右的方向键,这样每次都会以10像素为一单位发生移动(在PS里,Shift键意味着以10像素为每单位)。这个时候,你会发现经模糊滤镜后的阴影会有一部分超出了物体的顶部和左部,使用柔边、细小的橡皮擦工具对超出部分的阴影进行小心擦除(可以参照我们在第一步时候就提到的那个图表)。

图06

Step 7

接下来复制阴影图层,按住Shift键并再次向下和向右移动10像素,然后使用偏移值为50像素、45度角的动感模糊滤镜,设置此图层为20%不透明度,并向下合并,这样可以使得阴影更具真实感。

图07

Step 8

新建一个图层,位于当前所有图层之上,按住Ctrl键单击文字图层全选所有像素,然后回到刚刚新建的图层上填充白色。不要取消选区,将选区分别向下和向右移动1像素,然后按Delete键删除。 然后将这个图层的不透明度设置为80%。

图08

Step 9

如你所见,刚刚的白边图层形成了文字块的高光区域,使得物体看起来更具立体感。

图09

Step 10

接下来我们要制造几束自然光线。新建一个图层,位于所有图层之上,画出4或5条宽度近似的矩形白条(可以逐步递增,如下图所示)。

图10

Step 11

接下来按住Ctrl+T做自由变换,旋转、拉伸,如图所示,当满意后后按ENTER键退出。但是这一步可以先不急着退出变换状态,相反地,你可以右键单击弹出菜单栏,在里面选择其它变换选项。选择“透视”,展开这一步骤就可以使图层一直出于变换状态。选取最顶端和左端两个锚点,使之更为靠近,使得矩形白条犹如从光线散发而出。

图11

Step 12

如图所示,我们现在已经有了四束“白光”,将这个图层置于其它图层的上方,设透明度为20%,运行滤镜>模糊>高斯模糊,取模糊值为6像素。

图12

Step 13

完成以上步骤后,你将看到如下图所示的效果。

图13

Step 14

目前为止,那四条矩形白条已经被看做光线, 那么,很明显的,图中的高光图层应该只显现一部分,即有被光线照到的才能显示出来,其余部分因为没有被光线照到,所以应该被隐藏才对。所以,按Ctrl并单击光线图层,获得选区,保持选区不变,回到高光部分所在图层,新建蒙版,则选区之外的部分就会被蒙起来。

图14

Step 15

其实到这里我们已经可以结束了,如图所示的效果看起来相当迷人。但是,我还想在这个基础上再添加一些暖色调的效果进去。

图15

Step 16

首先在原来背景图层之上新建一个图层,填充粉红颜色—— #9d506c .

图16

Step 17

接下来改变粉色图层的混合模式为颜色模式,降低不透明度至20% ,赋予背景一种很舒服的暖红色的感觉,在此之上,我们还可以融入部分黄色。

图17

Step 18

接下来新建一个位于粉红色背景之上的图层,填充为白色,使用滤镜>渲染>光照效果。我不是很常用光照效果, 但事实上,光照效果有种很好用的效果叫做“两点钟点光”,你可以边选择选项边在左侧预览窗口里预览效果,当然,你也可以直接参照默认效果,但是按照我们的目的,我们要将椭圆形进行拉伸,使得光源散发出的光线更为发散而真实。

图18

Step 19

现在我们已经将光线图层置于所有其它图层之上,而你会发现有些图层的效果被遮藏住了,譬如阴影图层。将该光线图层的不透明度设置为40%,这样就可以保证光照效果不仅仅对背景产生作用,而且也影响到了文字图层。

图19

最后,复制最顶层的光线图层,并设置为65%的不透明度,添加蒙版,同时在蒙版上作出由左上至右下的线性黑白渐变,使得刚刚新增的光线图层向右下方向逐渐消失。 效果图

图20

Photoshop快速制作立体字效果

本教程重点是介绍做立体字的思路,如果掌握了就可以灵活发挥,不仅是文字其他的图形都可以制作同样的效果! 最终效果

1、先写大字~~ 先大点好,~完成后再缩小 一些问题就看不出来了~

2、然后给字的图层应用图层效果:颜色叠加-灰色; 斜面和浮雕:1-2像素宽的一般浮雕(就是让字稍微突起一点点)~~

3、然后把这个文字层合并到一个空白层上。

4、关键到了:Ctrl+Alt+T 变形复制

调整变形

(最后是什么样子关键就这一步怎么调整的,当然你可以乱调整,会有一些有趣的效果 - 如上面那个冰字的形状),

一般来讲符合透视原理一点的调整是:稍微放大(我一般选择 101%或以下),稍微移动一个像素~(斜方向效果好一点)。

有能力 可以靠近自己的一侧放大稍多一点,远离自己的一侧放大稍微少一点~~~(拖动角点自由变化,注意动的要少)

切记,这个变形复制的图层,基本不要和原来的图层分离开来,要连着~

5、用 Ctrl + Alt + Shift + T 重复执行变形动作 N 遍,具体看你的厚度需求~~

6、合并复制出来的 N 个图层

7、缩小图层,这样看起来瑕疵少一点~ 如果你第五步设定了 近和远 的效果,这时候把远端多缩小一些,具体以看起来正常为准。

8、后续的调整,包括减少分层的感觉(可以用特殊模糊、减少杂色滤镜来做)、旋转调整角度 和增加其它一些效果。

Photoshop制作立体字

1。首先新建一个前景为白色,背景为黑色的文档,输入文字

2。将文字删格化,ctrl+T自由变换,调整到如图的效果, 然后选择斜面浮雕,默认值即可!

3。然后再新建一层,与文字层合并,选择滤镜-模糊-高斯模糊,模糊半径调的小点

4。接下来按住ALT键,不停的按方向键↑上,效果基本就出来了 隐藏背景层-合并所见图层-在显示背景层,操作如下:

5。复制合并后的图层(按住ALT,在图上用鼠标拖动),将图片移动到如图所示位置(红线处,前后对齐)。 6。调整图层透明度-给图层1副本蒙版,切换到橡皮工具,擦掉多余的部分,okay一个简单的立体字效果就出来了~!~~~

效果图1:

你也可以根据这个方法作出其他立体效果~~~

效果一

效果二

Photoshop入门实例教程:透视效果立体字

先看看效果

【效果图】

【素材】

1、新建680*360 300p白色画面一个。 2、打上适当大小的文字,调整好后栅格化。

3、用选择工具选择前面的Ph两个字后,ctrl+shift+j,拆分到一个新的图层上。

4、用橡皮擦除o字,见图3:

5、对Ph两字添加样式(图4)。

6、新建一层,同时选中ph层和新建层,右键/合并图层。 7、ctrl+t自由变换,按住ctrl键向右上角拉一下进行放大。

8、再进行一下透视调整(图6)。

9、确定后取移动工具,按住Alt键,再按左方向键15次左右。

10、关闭顶层和最下面两层,合并可见图层,图8:

11、开启所有的关闭图层,激活顶层,按ctrl键的同时点一下顶层的缩略图,载入选区,填充原来文字的颜色,效果如图9。

12、用同样方法对文字的另一半处理,效果如图10:

13、把左右两部分的文字(各两层)分别建立链接,如图11:

14、打开一个地球图片,选择后贴入文字图层的上面。移动到如图12位置。

15、载入地球选区,添加渐变叠加效果,用移动工具把高光点移动到球面的右上方。设置如图13:

16、在Ph侧面图层上面新建一层,做一个椭圆小选区,羽化8,进行黑色填充,改不透明度为70,如图

17、分别复制地球的左右两小部分,水平翻转后,移动到文字图层侧面适当位置,改不透明度为20,做出镜像效果。如图15:

18、对文字侧面层添加投影,设置如图16:

19、在“效果”上右键,创建图层,把投影分离出来,图17:

ctrl+t,进行调整,如图18,改不透明度30。

20、隐藏背景层后进行盖印,然后再显示背景层,对盖印图层建立色相饱和度调整图层:

21、载入盖印图层选区,反选,对调整层蒙板填充黑色

22、最后再整体调整一下大小和位置,必要时用加深减淡工具稍微修饰一下,完成最终效果。

Photoshop立体字

Photoshop立体空间字体教程

发个简单教程。最终效果如下:

先提示一下,立体字在 ps 里面常用的做法(不包括自己画立体的),就是一层层叠出来 我所知有两种,原理都一样

Ctrl+Alt + 方向键: 优点简单易行,缺点透视表现不好,比较适合做等高的侧面立体~ Ctrl+Alt + Shift + T :优点立体感强,缺点比较难调整,比较适合做正面的透视 这里用的是第二种做法

1、新建一个文件,尺寸稍微大点(相对于web设计),背景白色 2、新建一个图层~~ 在上面打字(粗厚一点的字体有质量感一些),黑色

3、把这个文字层栅格化(不支持此功能的ps版本,请把这个层和一个空白层合并,使文字变为图形) 4、修饰这个图层,用选取工具删除出裂缝~ 然后再做一些选区,分别 Ctrl+T 自由变形,制造破裂的错位感

得到如下图样

Ctrl+ t 表示自由变形 Ctrl+Alt 表示复制 Shift 有重复 和加 意思 所以

Ctrl+ Alt + T ,表示 复制出一个图层来并对其进行变形

Ctrl+ Alt +Shift + T ,表示 重复执行 “制出一个图层来并对其进行变形“ 的动作

5、(这个修好的图层我们且称之为 ”图层1“~~ )复制”图层1“ 得到 ”图层2“,然后 隐藏图层1(暂时不用看到它了) 6、给图层2添加 图层效果 : 颜色叠加 (就是给他上个灰色)~

斜面浮雕 (内斜面,基本用默认,记住把斜面的宽度设为1、2 像素就可以了,不要太宽) 得到如下图 [这些都是50%大小的图]

7、在图层2下面新建一个图层,叫图层3好了,

8、选中 图层2 ,点 Ctrl + E 将图层2 合并到 图层3 上。

9、对图层3 应用复制变形 (点 Ctrl + Alt + t),在工具栏输入 纵横拉伸的百分比,不要太大,我这里都是 101%;然后把位置往右移动一个像素~再回车,确认变形。 得到如下,错开的两层

10、关键: 按住 Ctrl + Alt + Shift 不要动,多点几次 \键,得到多个逐渐变大的图形层 如下图所示:

11、合并这些图层~ 可以用 Ctrl + E 一层层合并;亦可以全选中一次合并(高版本ps支持);或者采用合并可见图层或 合并链接图层 法

12、可以看到由于多次变形,出现了一些毛糙和模糊,另外还有一些层次感。我们采用 去除杂色滤镜稍作修饰(可以用其他方法)减少层次感,然后把局部的毛边用选区选中删除。尽可能干净利落。

13、把开始时候隐藏的”图层1“,拖到最上层~ 然后恢复可见。再把这个图层1 用变形变大,使它刚好能盖住刚才立体的表面

14、在背景层上方,新建一层~~ 然后做个适当的矩形选区,位置就在文字的脚下。填充黑色。撤销选区,对该层应用高斯模糊~~ 得到如下效果:

主体基本完成,背景好单调,所以我们来修饰一下

15、做几个选区,从不同角度用 黑色到透明 的渐变填充,制造出两个墙面,一个地板的效果

感觉字好黑,给图层1 添个图层效果吧

16、添加渐变叠加到图层1~~ 渐变大概是 ”白到黑再到白“~ 方向从上到下,透明度不要太高,微微提亮一点图层~

请仔细对比和上图的差异

17、新建一层,画个小人 (用选区填前景色画的)~

18、把小人调整一下,弄成坐姿~ (选中臀部和大腿,然后Ctrl+t 变形侧向压扁,再把小腿接上来),把头弄低下把头弄低下

19、把小人挪动位置,并且调整合适的大小。放到那个字上面

20、给小人层添加一个 图层效果:渐变叠加,方法和图层1的差不多

21、小人的小腿是悬空的,在小人和 图层1 之间 新建一层,用画笔画两条黑,多余的部分删掉 再 调整透明度。形成影子的样子。 请仔细对比上一幅图

剩下的步骤就不用废话了吧。大致就是把所有图层合并,缩小(减少文字的毛刺~),最后再修饰处理下~ 已经超级详细了,我想大家都应该能做出来了~~ 希望能灵活使用,给日常工作一些启发~~

本文来源:https://www.bwwdw.com/article/h6f3.html

Top