3D文字 – 设计之家 //www.laura-marie.com 传播先进设计理念 推动原创设计发展 Sun, 09 Jun 2019 08:24:53 +0000 zh-Hans hourly 1 https://wordpress.org/?v=6.9.4 25个漂亮的CSS 3D文字特效 //www.laura-marie.com/50751.html //www.laura-marie.com/50751.html#respond Sun, 09 Jun 2019 08:14:26 +0000

]]>
//www.laura-marie.com/50751.html/feed 0
PS制作闪亮立体3D艺术文字 //www.laura-marie.com/49540.html //www.laura-marie.com/49540.html#respond Sun, 30 Sep 2018 06:51:53 +0000 本文教大家利用PS制作一款有质感的立体字特效,本文中教你用PhotoShop做立体字的另一种方法,同样是利用图层,但不需要复制很多图层来叠加,大家看看就知道,喜欢的同学可以学习一下。

效果图:

一、首先,建议一个大小适中的新文件,填充黑色,用青色的柔角画笔随便涂抹一下,如图这种感觉。

二、然后找一个纹理贴图,用叠加的模式盖在背景上面,呈现出一种斑驳的感觉,叠加混合模式有个独一无二的好处,就是保留混合前的纹理,大家可以经常试一试,当然,这个纹理随你喜好,不一定要用我的。

四、打上我们需要的文字,字体尽量选用粗壮一些的,比划横竖分明的字体,这里我选用了迷你简琥珀,颜色橙色。

 五、鼠标放在字体图层上右键点击选择栅格化文字,这样我们就可以编辑文字了,把文字一个一个用套索工具分离开来,如图我的图层是这样的,然后把各个字排列组合一下,让他看起来不那么呆板。

七、重头戏来了,让字体变得立体,具体操作方法如下图所示。

九、考验耐心的时候到了,给每个字都来个厚度,加上过度,成功属于能坚持到最后的人。

十、继续细化,让这面有高光的感觉,颜色对比也再加深一下,作品就是在这么不断修改重复的过程中完成的,谁也不能保证一次性到位。

十一、感觉作品还缺点感觉,以7为例,给它加一个图层效果,选择渐变叠加,模糊模式改为柔光,如图所示。

十二、以7为例,在7的图层上新建一块垒,然后按快捷键CTRL +ALT+G,建立一个属于图层,和之前锁定图层的目的是一样的,区别是建立属于图层更方便修改,我们在建立的图层上面画上高光,调光主要集中在顶部和两端,用橡皮擦擦去多余的部分,如图所示。 

十三、是时候考验耐心了,完成接下来所有的字效。

十四、这个时候突然发现效果还是不满意,没关系,我们继续修改,色彩平衡,色阶曲线亮度饱和度,随意调就行。

十五、加上光晕,影子和光效素材,大功告成,快打上你们自己的名字。

]]>
//www.laura-marie.com/49540.html/feed 0
Rafael Merino创意3D文字设计 //www.laura-marie.com/46481.html //www.laura-marie.com/46481.html#respond Wed, 19 Oct 2016 05:58:11 +0000

]]>
//www.laura-marie.com/46481.html/feed 0
Photoshop制作挤压光泽效果的3D文字 //www.laura-marie.com/23905.html //www.laura-marie.com/23905.html#respond Mon, 19 Jul 2010 07:32:00 +0000

本教程来自:psdvault.com 如需转载 请务必以超链接形式注明:来自活力盒子网站以及原文出处。水平有限,翻译难免有误,请有心的朋友给予指出,以方便更多朋友阅读。

请转载的朋友尊重盒子成员的劳动,翻译:汤汤

教程细节
方案:Adobe Photoshop CS4 +
难度:初学者
预计完成时间:5分钟

人们喜欢3D效果,还喜欢明亮,光泽,图形等等。今天,我们将结合这两种流行的风格,在Photoshop中创建一个挤压3D文字光泽效果。让我们开始吧!
步骤1
创建一个新文件,使用600 * 400px。

步骤2
用颜色#011923填充背景。现在,添加一些杂色,去滤镜>杂色>添加杂色。2%就OK了。

步骤3
创建一个新层,并选择椭圆选框工具(M)。添加150像素的羽化并拖动出一个如下图所示的形状。

用白色填充选区,设置混合模式为线性减淡(添加),并把不透明度降低到90%。

步骤4
选择一个看上去不错的加粗字体。我使用的是Helvetica Neue LT Std 85 Heavy,但你可以用任何你喜欢的字体。设置其大小为160像素,并用白色填充。

复制文字,设置一个较深的颜色。把较深的文本放在原始层的后面,使用变换工具(T)调整宽度如下图所示。

步骤5
对白色文本图层应用下图的图层样式。

]]>
//www.laura-marie.com/23905.html/feed 0
Photoshop制作3D文字效果教程 //www.laura-marie.com/21162.html //www.laura-marie.com/21162.html#respond Sat, 31 Oct 2009 00:01:00 +0000

20-02_remarkable_3d_text_final_preview

在这个快速简洁的图形设计教程中,你会在Photoshop和一些创意技术的帮助下用一个方便的过程实现很棒的三维图像效果。
最终效果就是最上面的那张。

建立photoshop文件
1 首先,我们要打开Photoshop,创建一个新文件(Ctrl + N)。在新文件对话框中,设置宽度和高度的单位为英寸。我们要创建一个正方形画布,设置宽度和高度为10英寸。我们创建的图形要有高分辨率以及能为印刷做准备,因此将分辨率设置为300像素/英寸。

20-04_remarkable_3d_text_s01

2 画布创建之后,用暗灰色填充背景层(#333333)。一种可以实现的方法是设置前景色为暗灰色(在工具面板中)。然后选择图层面板上的背景层,按Ctrl + A(这样就创建了整个画布选区――你也可以通过选择>全部来实现)。最后,选择编辑>填充(按Shift + F5键)打开填充对话框,请确保使用选项设置为前景色,然后单击确定来应用填充。

创建文本
3 现在,我们将在画布上放置文本。从工具面板中选择水平文本工具,键入你设计的文本/标志。更改选项栏中的文本颜色为黄色(#FFCC00),使用较大的字体,并尝试选择粗体,这样效果能达到最好。我用的是Myriad Pro Black上的字体,字母‘Six’用286pt,字母‘Revisions’用83pt。在画布中心输入文字,此教程使用的文字是‘Six Revisions’,当然你可以随意修改。

20-05_remarkable_3d_text_s02

4 栅格化文本,以便我们能够更容易地在文本上工作,这样文本已经不能再修改所以一定要确保你对所使用的文本满意。右键单击该文本图层,点击栅格化文本。

20-06_remarkable_3d_text_s03

在文本上使用自由变换工具
5 现在,我们要使文本倾斜,使它具有3D效果的外观。确保你在图层面板中选择了文字,然后点击Ctrl + T进入自由变换编辑(编辑>自由变换)。

6 按住Ctrl键,单击右上角的变换点。向左侧拖动。对顶端中间的转换点做相同的事。你应该得到如下效果。

20-07_remarkable_3d_text_s04

添加图层样式
7 我们将给文本添加一些图层样式。确保选中了文字层,然后点击图层面板底部的添加图层样式图标。选择斜面和浮雕,打开斜面和浮雕图层样式对话框。按下图设置;这会令文本的边缘更流畅与圆滑。不要忘记改变高光和阴影的颜色。高光颜色是#FFCC66,阴影是#DFA125。

20-08_remarkable_3d_text_s05

8 现在应用光泽。这将使文本有一些深度,而不只是固体或简单的倾斜。更改颜色为#F3881F。

20-09_remarkable_3d_text_s06

9 最后我们要做的是给文字表面添加一个渐变叠加的图层样式。点击渐变,最左边用#F7F3A7色,右边用#F3881F色。

20-10_remarkable_3d_text_s07

创建3D效果
10 我们将开始给这个文本创建3D效果。首先,我们要复制文本层,选择层,按Ctrl + J来复制层。在副本上去掉层风格(选择它们并把它们拖动到图层面板右下角的垃圾桶图标里)

11 现在我们有一个没有添加图层样式的文本,我们将调整颜色。选择图像>调整>曲线(按Ctrl + M)打开曲线选项,按下图调整,给图层一个较暗的颜色。

20-11_remarkable_3d_text_s08

12 我们要降低饱和度,因为颜色太亮会出现阴影。按Ctrl + U进入色相/饱和度(或去图像>调整>色相/饱和度),按下图调整。

20-12_remarkable_3d_text_s09

13 现在,我们将创建文本的边缘,使其更具三维效果。首先,我们点击并拖动图层到原始黄色文本层的下方,用箭头键把它移动到左边:按住Alt键,不断的往下往左推动箭头。在你每次按下箭头按钮时都将复制褐色层。不断的复制层,直到你得到满意的大小和深度。(这步自己琢磨琢磨哦)

20-13_remarkable_3d_text_s10

合并复制图层
14 让我们把所有的复制层合并为一层。做到这一点,要点击图层面板中最上面的褐色文本层,按住Shift键,然后点击最下面的棕色文字层选中它们。所有的复制层被选择之后,点击图层面板底部的链接图层图标。这时一个链接图标应该出现在所有的褐色文字图层上。链接了所有的褐色文字图层之后,按Ctrl + E合并所有的链接层。

15 让我们给合并的文本图层添加渐变叠加样式,以便它与我们的黄色文字渐变融合。颜色是黑色(#000000)和白色(#FFFFFF)(双击合并图层打开图层样式对话框)。

20-14_remarkable_3d_text_s11

创建投影
16 在图层面板中选择褐色文字层(就是刚才咱们合并后的层)再复制一个。我们将使用它来创建文本的阴影去滤镜>模糊>高斯模糊,调整它的半径为8px。现在按Ctrl + M进入曲线,如下图调整它们。你应该能得到一个黑色的阴影。

20-15_remarkable_3d_text_s12

17 如果你使用缩放工具(Z)放大字母的边缘,你会发现棕色的边缘呈锯齿状。我们将解决它。使用钢笔工具,在需要删除的区域旁边做一个形状,按动删除键。在每一个需要修改的区域重复此步骤,直到所有的文字边缘平滑为止。

20-16_remarkable_3d_text_s13

可选步骤
18 到目前为止图像看起来不错,我们或许可以就此完结,但如果你想添加额外的效果,我们可以添加更多的阴影。我们的光线来自左上方,因此阴影在右下角最深。我们将在棕色文本的边缘层使用加深工具来加深它。在我们添加阴影之前,需要使用钢笔工具在文本的角落创建一些边缘。对所有的文本角落做同样的事,按住Shift键并拖动鼠标添加选取框。

20-17_remarkable_3d_text_s14

加深工具
19 现在我们可以加深所选定的领域,在选项栏中更改加深设置,范围是高光,曝光的50%。我还要使用一个主直径为125px,硬度为0%的笔刷。

20-18_remarkable_3d_text_s15

20 在所有需要加深的地方应用相同的设置,我们要对其余的地方做阴影。在你仍然选择了区域的情况下,我们可以做一个反选,选择>反选(按Ctrl + Shift +I),那么我们就可以加深那些我们尚未加深的区域了。

20-19_remarkable_3d_text_s16

21 我们还可以添加一些高光。使用相同的画笔,相同的设置,以及使用加深工具创建时的同样的方法。

20-20_remarkable_3d_text_s17
完成了
这就是我们的最后效果

20-02_remarkable_3d_text_final_preview

翻译:活力盒子

]]>
//www.laura-marie.com/21162.html/feed 0
Photoshop制作3D文字特效 //www.laura-marie.com/15343.html //www.laura-marie.com/15343.html#respond Thu, 10 Apr 2008 03:14:00 +0000 本教程介绍使用PS制作3D字效果,由于制作的步骤比较繁琐,本教程重点介绍其中一个字效果的制作方法,其它的文字完全类似。制作的时候需要调整好图层的光感!
最终效果


1.新建一个600 * 350像素的文件,背景填充为黑色,然后打上文字,字体颜色为:#328A1C,删格化文字图层,大致效果如图1



<图1>

 

2.按Ctrl + T适当的把文字变形,这个需要按照实际文字的需要把握。让文字有点透视感。



<图2>


3.选择渐变工具,颜色设置如图3,然后如图4锁定图层,给文字拉上渐变色,效果如图4



<图3>



<图4>
 

4.把文字图层复制一份,把副本填充为颜色:#328A1C,按Ctrl + [ 把图层移下来,然后按住Alt键,移动小键盘上的方向图标左,下依次复制,复制后的大致效果如图5,然后把这些复制后的图层合并为一个图层。



<图5>


5.用减淡和加深工具涂出高光和暗调大致效果如图6



<图6>


6.回到上面的渐变图层,按Ctrl + J复制一份,按Ctrl 调出图层的选区,执行菜单:选择 > 修改 > 收缩,数值为4,然后直接加上蒙版。



<图7>
 

7.回到中间图层,使用减淡和加深工具慢慢涂抹高光和暗调如图8,大致完成的效果如图9。



<图8>



<图9>


8.其它的文字都是使用同样的方法制作,最后加上背景效果和花纹完成最终效果。



<图10>

]]>
//www.laura-marie.com/15343.html/feed 0