gui-10第二章设计基础3d文字特效与水晶按钮

1、Photoshop应用如何绘制3D特效文字主要内容3D文字制作特效视觉传达与情绪字幕欣赏3D文字制作特效案例实战水晶尖头设计2.1.32.1.3.12.1.3.22.1.3.32.1.4学习重点：视觉传达与情绪字设计赏析字的设计与表现学习目的 :字的设计方法字的表现方法2.1.3.1 视觉传达与情绪视觉传达与情绪，情绪产生于情景，并且文化差异能造成非常不同的情景设定。让以在家用餐这个简单的事情为例 ：在许多西方文化里，用餐只是开始夜生活之前的要做的普通事情，而夜生活则是诸如运动，剧院之类等等的活动。在许多东方文化里，用餐活动本夜生活，你邀请你的家庭成员和 朋友们一起参加。从此意义上来说，如果你

2、要设计关于用餐体验的产品，这 一情景差异的理解非常重要，你很可能会为每一种文化提供非常不同的设计。2.1.3.2字幕欣赏2.1.3.2字幕欣赏2.1.3.3 3D文字制作特效案例实战在这个快速简洁的图形设计中，会在Photoshop和一些创意技术的帮助下用一个方便的过程实现很棒的三维图像效果。看看最终效果。2.1.3.3 3D文字制作特效案例实战建立Photoshop文件首先，打开Photoshop，创建一个新文件（Ctrl + N）。在新文件框中，设置宽度和高度的为英寸。创建一个正方形画布，设置宽度和高度为10英寸。创建的图形要有高分辨率以及能为印刷做准备，因此将分辨率设置为300像素/英寸

3、。2.1.3.3 3D文字制作特效案例实战画布创建之后，用暗灰色填充背景层（#333333）。一种可以实现的方法是设置前景色为暗灰色（在工具面板中）。然后选择图层面板上的背景层，按Ctrl + A（这样就创建了整个画布选区也可以通过选择全部来实 现）。最后，选择编辑填充（按Shift + F5键）打开填充框，请确保使用选项设置为前景色，然后单击确定来应用填充。2.1.3.3 3D文字制作特效案例实战创建文本现在，将在画布上放置文本。从工具面板中选择水平文本工具，键入你设计的文本/标志。更改选项栏中的文本颜色为黄（#FFCC00），使用较大的字体，并尝试选择粗体，这样效果能达到最好。途中用的是M

4、yriro Black上的字体，字母Six用286pt，字母Revis用83pt。在画布中心输入文字，此字是Six Revi可以随意修改。使用的文s，当然2.1.3.3 3D文字制作特效案例实战栅格化文本，以便能够更容易地在文本上工作，这样文 本已经不能再修改所以一定 要确保对所使用的文本满意。右键单击该文本图层，点击栅格化文本。2.1.3.3 3D文字制作特效案例实战现在，要使文本倾斜，使它具有3D效果的外观。确保你在图层面板中选择了文字，然后点击Ctrl + T进入变换编辑（编辑变换）。按住Ctrl键，单击右上角的变换点。向左侧拖动。对顶端中间的转换点做相同的事。应该得到如下效果。2.1.

5、3.3 3D文字制作特效案例实战添加图层样式将给文本添加一些图层样式。确保选中了文字层，然后点击图层面板底部的添加图层样式图标。选择斜面和浮雕，打开斜面和浮雕图层样式框。按下图设置；这会令文本的边缘更流畅与圆滑。2.1.3.3 3D文字制作特效案例实战改变高光和阴影的颜色。高光颜色是#FFCC66，阴影是#DFA125。2.1.3.3 3D文字制作特效案例实战现在应用光泽。这将使文本有一些深度，而不只是固体或简单的倾斜。更改颜色为#F3881F。2.1.3.3 3D文字制作特效案例实战最后要做的是给文字表面添加一个渐变叠加的图层样式。点击渐变，最左边用#F7F3A7色，右边用#F3881F色。

6、2.1.3.3 3D文字制作特效案例实战2.1.3.3 3D文字制作特效案例实战2.1.3.3 3D文字制作特效案例实战创建3D效果将开始给这个文本创建3D效果。首先，要文本层，选择层，按Ctrl + J来层。在副本上去掉层风格（选择它们并把它们拖动到图层面板右下角的桶图标里）现在有一个没有添加图层样式的文本，将调整颜色。选择图像调整曲线（按Ctrl + M）打开曲线选项，按下图调整，给图层一个较暗的颜色。2.1.3.3 3D文字制作特效案例实战要降低饱和度，因为颜色太亮会出现阴影。按Ctrl + U进入色相/饱和度（或去图像调整色相/饱和度），按下图调整。2.1.3.3 3D文字制作特效案例

7、实战现在，将创建文本的边缘，使其更具三维效果。首先，点击并拖 动图层到原始黄色文本层的下方，用箭头键把它移动到左边：按住Alt键，不断的往下往左推动箭头。在每次按下箭头按钮时都将褐色层。不断的层，直到你得到满意的大小和深度。2.1.3.3 3D文字制作特效案例实战合并图层把所有的层合并为一层。要点击图层面板中最上面的褐色文本层，按住Shift键，然后点击最下面的棕色文字层选中它们。所有的层被选择之后，点击图层面板底部的图层图标。这时一个图标应该出现在所有的褐色文字图层上。了所有的褐色文字图层之后，按Ctrl + E合并所有的层。给合并的文本图层添加渐变叠加样式，以便它与的黄色文字渐变融合。颜色

8、是黑色（#000000）和白色（#样式）（双击合并图层打开图层框）。2.1.3.3 3D文字制作特效案例实战创建投影在图层面板中选择褐色文字层（就是刚才咱们合并后的层）再一个。使用它来创建文本的阴影去滤镜模糊模糊，调整它的半径为8px。2.1.3.3 3D文字制作特效案例实战现在按Ctrl + M进入曲线，如下图调整它们。你应该能得到一个黑色的阴影。2.1.3.3 3D文字制作特效案例实战如果使用缩放工具（Z）放大字母的边缘，会发现棕色的边缘呈锯齿状。使用钢笔工具，在需要删除的区域旁边做一个形状，按动删除键。在每一个需要修改的区域重复此步骤，直到所有的文字边缘平滑为止。2.1.3.3 3D文字

9、制作特效案例实战完成了，这就是的最后效果。2.1.4水晶尖头设计视 觉 传 达 与 需 求视觉传达与需求人们都有一系列的普通需求。（精神需求、视觉需求、听觉需求等）可以把其中任意一种需求区分为（目标成就），激励（个人成长，知识与技能的增长），认同（自我表达，与他人交流）和唤起（自我维护，）。已经被满足的需求产生积极情感，而未被满足的则产生消极情感。由于人们共享这些需求，所以很容易设想它们对不同文化背景的人们来说也应该都是相似的。然而，如果人们共享这些需求，那么当人们试图解释注意到的在产品体验中的差异的时候，这些需求在不同文化中的权重又是如何不同的呢？在于环境或者产品个别的使用情景。2.1.4.

10、1 光影结构技巧水晶尖头设计2.1.4.1光影结构技巧水晶尖头设计首先打开水晶箭头文件，先分析文件基本色调， 再分析渐变效果的表现 方法，把色调的颜色数 值分析出来。2.1.4.1光影结构技巧水晶尖头设计然后用钢笔工具勾出箭头的基本形状，添加底色，在此基础上调整渐变色彩。2.1.4.1 光影结构技巧水晶尖头设计基本色调调整完成后在此基础上添加过渡颜色和箭头的暗面。2.1.4.1光影结构技巧水晶尖头设计暗面调整完成后，真对箭头的细节进行色彩过渡的渐变调整，在进行细节调整。2.1.4.1光影结构技巧水晶尖头设计自之前调整完成的基础上给箭头添加高光，用钢笔工具先描出钢笔高光的外形再添加白色，再用虚化

11、橡皮在边沿擦拭。2.1.4.1光影结构技巧水晶尖头设计为箭头添加顶部效果，添加径向渐变效果。2.1.4.1光影结构技巧水晶尖头设计添加箭头遮盖效果，注意保留效果边缘，体现高光效果。2.1.4.1光影结构技巧水晶尖头设计添加箭头遮盖效果，注意保留效果边缘，体现高光效果。2.1.4.1光影结构技巧水晶尖头设计添加柔化高光，注意边缘虚化效果。2.1.4.1光影结构技巧水晶尖头设计添加箭头高光，注意高光效果，(基本色调半到百分之50)。降2.1.4.1光影结构技巧水晶尖头设计添加高光效果（注意添加的 位置与长度）为箭头增加立 体感，在文件将要结束的时 候，给文件作整体效果调整，达到更好的视觉效果。2.

12、1.4.1光影结构技巧2.1.4.1水晶尖头设计首先打开箭头文件，分析文件基本色调，分析色值，先固定整体颜色。2.1.4.1光影结构技巧水晶尖头设计添加箭头基本型，在底部添加阴影效果。2.1.4.1光影结构技巧水晶尖头设计添加箭头部分侧面，注意整体效果色彩调整，（线性渐变效果）。2.1.4.1光影结构技巧水晶尖头设计侧面效果添加，注意色彩的平衡。2.1.4.1 光影结构技巧水晶尖头设计边缘效果的整体添加和协调，分析文件基本色注意颜色的 明暗过渡。2.1.4.1光影结构技巧水晶尖头设计给箭头添加高光，用钢笔工具先描出钢笔高光的外形再添加白色，再用虚化橡皮在边沿擦拭。2.1.4.1光影结构技巧水晶尖头设计为箭头添加顶部效果，添加径向渐变效果。2.1.4.1光影结构技巧水晶尖头设计添加柔化高光，注意边缘虚化效果。2.1.4.1光影结构技巧水晶尖头设计添加