Photoshop制作真实黑板上的粉笔字.doc

Photoshop制作真实黑板上的粉笔字
感谢 爱乐活 的投递 时间：2012-10-31 来源：　网页教学网 翻译
　　仅仅使用PS滤镜、蒙版和渐变来制作真实的黑板粉笔文字效果，本文作者将细节处理得十分到位，甚至考虑到
　　了黑板上的文字印记，可以说十分真实。
　　最终效果如下：

　　综述
　　在Photoshop里可以仅仅使用滤镜、蒙版和渐变轻松地创造令人惊叹的真实材质效果，本教程就是这真实的一例。
　　第一步：新建文档，我使用的大小是1000×609。使用暗绿到中绿的径向渐变，填充背景图层。

　　效果如下：

　　第二步：给黑板添加噪点：“滤镜->杂色->添加杂色”。设置数量为1.6%。 分布方式为平均分布，并勾选单色。

　　效果：

　　第三步：接下来我们画黑板的木条边框。只需几步即可完成，我选择使用纤维滤镜来创建它。由于无法设置纤维方向，
　　所以我为木框的各个部分分别创建了一个文档，再把他们放到黑板图片中。
首先创建顶部横条。新建文档，高度与黑板的宽度相同，宽度设置成你需要的木条宽度。在本教程中，我的黑板大小是
　　1000×609，于是我为顶部横条 创建的文档尺寸是45×1000。设置前景色为浅灰，背景色为深灰，然后点击“滤镜->
　　渲染->纤维 ”(Filter->Render->Fiber) 。 差异设为3，强度设为21左右，使用“随机化”按钮找到合适的纤维形状。
　　然后将温度旋转90度——“图像->旋转画布->90度(顺时 针)/90度(逆时针)”(Image->Image Rotation->90 Degrees CW)

　　效果：

　　第四步：下面给木条添加颜色，“图像->调整->色相/饱和度”(Image->Adjustments->Hue /Saturation)，快捷键
　　“ctr+u”。选中“着色”，参数分别设置为色相29，饱和度33，明亮度-20。当然，你可以根据你要制作的效果灵活
　　调整参数。

　　第五步：为木条也添加一些杂色，与第二步同理，这次设置数量为 1%。复制木条到黑板文件，移到顶部它应该在的
　　位置。之后效果如下：

　　第六步：画出木框的其他三个边。这些木条可以通过复制和翻转/旋转快速完成。当然，你也可以从头开始画，让这些
　　木条显得更有差异。

　　第七步：选中所有木条图层，合并图层(Ctr+E)。双击这个合并过后的图层，设置图层样式，添加阴影和内发光，
　　参数如下：
　　阴影：角度-39，距离11，大小29;
　　内发光：颜色为白色，不透明度12
　　其余参数不变。

　　效果如下：

　　第八步：木条框画好了，接下来继续研究黑板上的东西。我们需要给它添加一些做旧效果，从你的笔刷库里找出适当的
　　Grunge效果笔刷吧。我这里使用的是 Grunge Corner Brush Pack 。在木框图层和黑板面图层之间新建一个图层，拾取一个
　　非常暗的绿色，然后用笔刷刷出grunge的效果…… 然后将这一图层透明度调到40%左右。
　　译注：grunge是90年代流行的脏乱邋遢+摇滚的时尚生活方式，后来被用于平面设计中，一度很流行……

　　效果如下：

2/4 首页 上一页 1 2 3 4 下一页 尾页
第九步：下面为黑板添加更多颜色变化。在grunge图层之上新建一个图层，设置前景色为黑色，背景色为白色(快捷键
　　“D”)，然后点击“滤镜->渲 染->云彩”。使用动感模糊(滤镜->模糊->动感模糊)把这些云彩模糊掉，角度18，
　　距离100。最后，更改图层混合样式为“正片叠 底”(multiply)，不透明度30%左右。

　　效果：

　　第十步：接下来制造一些黑板刷刷过的效果。在云彩图层之上新建一个图层，找到“平头湿水彩笔”(photoshop自
　　带)，画笔颜色为黑色，不透明度30% 左右，然后像擦黑板一样在黑板上刷。刷的时候可以有一些中途停顿，然后某
　　些地方可以多刷几次，让其颜色更重一些。最后，降低图层不透明度至10%左右。

　　第十一步：新建一个图层，重复第十步，不过这次把图层不透明度降至5%左右，之后应该达到如下效果：

　　第十二步：选一个好看的手写字体，我这里使用的是 Christopher Hand。在黑板上写几个大字先，这可以被当做是以前
　　在黑板上写的，没有被完成擦去的字迹。把透明度调低至2%。

3/4 首页 上一页 1 2 3 4 下一页 尾页
第十三步：再写一些你想写的字，这次把透明度设为70%。再次找到grunge画笔，我这里使用的Subtle Grunge Textures and
　　Effects 来自Function 。新建蒙版，用黑色的grunge笔刷在蒙版上涂画，这可以制造粉笔的质感，注意不要画太过了。

　　第十四步：我觉得这黑板有点深度和透视效果会更好，所以下面我们添加两个额外的东西。首先，在下边框上加一条放
　　黑板刷的横条。使用上面的制作木条的方法，记得加上阴影效果。

　　第十五步：接下来在画一个黑板刷。使用圆角矩形工具画一个圆角矩形(快捷键U)，圆角半径设为1像素。转换该图层
　　为智能对象。这样做是为了让以后应用滤镜的时候更加灵活，便于更改。首先，添加光影效果，重置前背景色为黑和白，
　　点击“滤镜->渲染->分层云彩”。

　　第十六步：黑板刷的材质和光照效果还需要在深化才行。我这里采用了滤镜。首先点击“滤镜->画笔描边->喷色描边”，
　　然后点击“滤镜->杂色->添加杂色”。建议参数如下所示。由于我们使用了智能对象，所以如果参数不够好，很容易就
　　能再进行调整。
　　喷色描边：长度20，半径25，方向为垂直
　　杂色：数量1.96%，平均分布，单色

　　第十七步：现在只是画好了黑板刷的下面部分，接下来画上面部分。再次使用圆角矩形工具，画一个深灰色的矩形。
　　如上面一样，转换为智能对象，然后添加一些杂色即可。

　　第十八步：为了保持光影效果的一致性，给黑板刷的两个部分也加一些投影。现在你做出的效果应该如下图：

　　第十九步：最后，我们再为整个设计加上两只粉笔，让场景更为真实。粉笔的画法和黑板刷的画法大同小异。
　　最终结果如下：

　　总结：仅仅利用一些滤镜、画笔和渐变就能创造出真实的材质效果，如此简单，是不是很激动人心呢?
Photoshop制作漂亮的立体火焰字
感谢 clown_ 的投递 时间：2012-10-24 来源：三联用户投稿　
　　本教程非常详细的介绍了立体火焰字的制作方法。教程把文字及火焰效果分开来做。先制作立体字，方法有很多，最好把每一个字安置在一个图层。火焰部分利用了一些火焰及纹理素材，制作的时候需要注意细节部分的修饰。
　　最终效果

　　第一部分：立体字的制作：
　　先来看一下效果。

　　1、新建文档，填充黑色，输入文字，颜色设为红色，栅格化文字。

　　2、ctrl+T对文字进行变形处理，方法见下图。

　　3、按住ctrl键，鼠标点击文字图层，按住ctrl+alt，鼠标按键盘向上方向键，完成后ctrl+J复制。

1/6 1 2 3 4 5 6 下一页 尾页
　　4、点击下图中的F图层，按Ctrl+U调整色相/饱和度，将明度设为-50。

　　5、使用套索工具选区下图中位置，ctrl+U，将此选区内明度设为20。

　　6、如法炮制其它面的明度。

　　7、按D键恢复前景和背景色，在F图层上新建图层，按住ctrl键，鼠标点击F盘，在新建的图层上使用线性渐变填充。

2/6 首页 上一页 1 2 3 4 5 6 下一页 尾页
8、将此图层填充设为30%，同时更改图层模式为叠加。

　　9、同样方法，在图层1上方新建图层，渐变填充，填充设为30%，不同的是将图层设为正片叠底模式。

　　10、合并四个图层，同样的方法制作出另外的文字，完成立体字部分制作。

　　第二部分：火焰部分的制作：
　　1、打开下图所示素材，框选一部分，定义为图案备用。

3/6 首页 上一页 1 2 3 4 5 6 下一页 尾页

　　2、选中其中一个文字图层，添加图案叠加样式，选我们定义的图案，改为正片叠底模式，下面的缩放非常有处，我们在其它字母样式中可以调整其数值，这样每个文字的图案会不一样。

　　3、在背景层上方新建图层，框出椭圆选区，羽化50像素，填充桔红色颜色。

　　4、将下图所示地面素材拖入，放至刚刚的桔红色图层上方，改为“正片叠底”。

4/6 首页 上一页 2 3 4 5 6 下一页 尾页
5、打开下图所示火焰素材，使用套索工具勾选火焰。

　　6、将火焰拖入，放至最顶层。其余火焰如焰炮制，注意这些火焰图层全部要放在字母图层的上方。

5/6 首页 上一页 3 4 5 6 下一页 尾页
7、为了方便观察，将火焰改为对应字母的名字，以R字母为例，将R字母图层上方的火焰添加图层蒙版，将前景色设为黑色，画笔硬度为0,在图层蒙版上将火焰底部抹光滑。

　　8、有了火焰照耀，文字当然会变亮，点击R字母图层，ctrl+L调整色阶，具体数值大家自定，只要文字发亮即可。

　　9、依次处理出其它几个字母图层的火焰效果。

　　10、在地面图层上新建图层，制作字母的阴影。

　　11、按住ctrl,鼠标点击F字母图层出现选区，选取加深工具(曝光度50%)，将底部涂深，注意深浅过渡要平滑)。

　　12、有暗部就要高光部，当被光照到的部分要高亮显示，如下图所示就必须要高光处理，本例中我先框出选区，ctrl+U调整饱和度和亮度，方法很多。其它字母的高光也按此方法制作。

　　最终效果。

6/6 首页 上一页 4 5 6
PhotoShop制作一款真实效果的霓虹灯字效详细教程
感谢 火狐 的投递 时间：2012-10-16 来源：　_projava_
　　在开始制作之前我献给大家看几张有关霓虹灯的图片，让大家对霓虹灯的结构，特别是工作方式有个详细的了解。
　　最后我还要强调一下，我不是专业的PS人员，我只是个PS爱好者，我的工作跟PS可以说是牛头不对马嘴，我只是在工作之余学习PS，
　　享受它给我带来的乐趣，所以大家应该带着互相学习，批评指点的心态来看我这个教程。

1/6 1 2 3 4 5 6 下一页 尾页
这是本教程做出来的最终效果：

　　下面正式开始这个教程，打开我提供的背景图：

　　我不想就这样正面对着一堵墙，我没有做什么亏心事需要面壁，呵呵~~ 玩笑。我想要一个透视的效果，比如稍稍侧一点。
　　PS里有个“透视”功能，非常强大，但是它还满足不了我。如果你不相信我的话你可以用“透视”来做我下面的效果，估计你会非常困难。

　　如果我没估计错的话，你还在纠结之中，因为你的图跟我不一样。你的会是这样：

　　看出两张图片之间的区别了没有? 地板! 为题出在地板上。地板的透视角度根本不科学~不是说像上面这个的背景图就不能继续
　　跟着这个教程做下去，我没有这样的意思。我只是想尽量让一切看上去都那么真实。如果你跟我一样也是这个态度，我们重新开始做这个背景图。
回到PS，按CTRL+J复制一层背景图，用矩形选框把地板再复制出来备用，最好先隐藏掉地板。

　　继续用自由变换调节砖墙的角度。不用透视!

　　我感觉这个角度非常顺眼。当然地板不行。点开地板，照样用自由变换调整一下。
　　现在你的背景图也应该是这样：

　　霓虹灯一般只在夜晚工作，所以这个场景显然太亮了。我用色阶工具把它变暗点。

　　再给一点冷色系。

　　OK 现在这个背景符合我的要求了。既然我们不在需要修正背景图，最好把它们都合并起来，因为到后面会有非常非常多的图层，
　　尽量保持图层的简洁明了。

　　输入大小为50的ADOBE默认黑体。最好是英文，笔画越简单越好。中文显然不好处理。这里非常重要，就像你们昨天看到的那样，
　　我的霓虹灯GIF不是所有的字都一起变化，而是单独的。有时这个字是亮的，有时相反。所以我们必须要让每个字母单独成为一个层。
　　这里我只输入一个字母，然后复制N层，你需要几个字母就复制几层。然后用移动工具把它们均匀的排列开来。

　　把字母修改成你需要的，再将每个字母按排列位置给相对应的层重新命名，这个很重要，以后找起来方便啊， 对不对?

　　点击最上面的图层，按SHIFT再点最下面的字母图层，右键把全部字母格栅化。现在字母还要调整一下，它们的透视跟砖墙显然不一致。
　　保持所有字母层处于被选中状态，用自由变换工具来模拟透视。注意到砖墙上的横向缝隙吗? 它就是参考线。

　　下面的工作会非常的繁琐，我希望你会有跟我一样的耐心来完成。
　　就像从前面我提供的图片上看到的一样，霓虹灯没有直角，也就是说它们转弯的地方都带有一定的圆弧。而这里的字母不符合这个要求。
　　下面我要把这些字母处理一下，让它们尖锐的直角变得圆滑一点。选中第一个字母，高斯模糊5。然后挨个按CTRL+F给同样的处理。

　　最后应该是这样。

　　现在的字母还不是我想要的，它们的边缘应该非常清晰，因为我要用它们的选框来描边做霓虹灯的灯管。
它们需要锐化，点击滤镜-USM锐化。

　　边缘还是有点虚，继续锐化一次，觉得满意后把全部字母都处理一遍，做起来很简单，你只需要给每个字母按两次CTRL+F。
　　这是处理后的样子。

　　下面开始做霓虹灯的灯管。在此之前还有工作要做，建立N个组，把字母放入各个组里，重新按字母排列命名组的名字。
　　再把填充减低，让后面的工作好做点。

　　按CTRL+左键获取选框，在字母组里新建给个7像素的描边，任何颜色都可以，挨个都做一次。

　　这是完成后的效果。接着我还要处理这些灯管，你注意到了，霓虹灯没有封闭的，它有开始和结尾的地方，就是说有空隙。我要模拟这个。
　　其实很简单，用橡皮擦一下就行了。但是两头好像要稍微粗点。擦出一个口子，然后用画笔把灯管头描粗点，就这么干。

　　我完成了~

　　接下来我用图层样式模拟熄灭时的灯管效果。很简单，内阴影加浮雕几乎可以完美的模拟这个效果。

　　后面简单了，复制图层样式，给所有的灯管都黏贴一次，把后面的字母先隐藏掉，面前我们还不需要它们，ok了~

　　继续 按CTRL+左键获取灯管选区，在对应的组里新建一层填充淡蓝色。每个字母都要操作一次。

　　这个我打算用来制作发光的灯管，只是发光，还不包括周围的光辉。

　　继续深化这个效果，复制每一个新建的字母，也就是淡蓝色的字母。在新建的每个字母层里CTRL+左键得到选区，收缩2个像素，
　　羽化1个像素，填充白色，模拟灯管的高光。这个过程非常繁琐，不过也有捷径，打开动作可以录制，我不再讲解怎么录制动作了。

　　利用动作我非常快的完成了这些工作。

　　现在我要整理一下图层栏。选择那些加了图层样式的层，也就是我准备用来做熄灭时的灯管的层全部拉出来放在一个单独的组内。
　　我们不用再去理睬他们了，因为不管是灯亮着还是熄灭，他们都应该在那里。

　　字母组里现在清净多了，一个发光的灯管层，一个蓝色的我要用来做光晕的蓝色描边层，还有一个白色的字母。

　　我要开始做光晕了，很简单，高斯模糊就行了当然要改下模式。顾忌到工作量的庞大程度，我打开动作来录制过程，像刚才给灯管加高光那样，
　　我只需要制作一个就行了，后面用动作来完成。点击蓝色描边层，高斯模糊8.5，感觉有点淡，复制一层。合并之后把模式改为“滤色”。
　　注意篮框里的动作过程接下来你直接可以按播放键重复后面的工作了。

　　我完成了~

　　这里开始做投射到墙上的亮光，现在那些白色的字母派上用场了。打开隐藏的白色字母，按CTRL+鼠标左键点击所有的白色字母层，
　　往右边稍稍移动一些距离。霓虹灯不是贴在墙上的，它跟墙之间还有不远也不近的距离。所以墙上的光跟霓虹灯会有些透视效果。
　　不知道你们理解我的意思没有。我的文字表达能力比我的PS水平要差好多。

　　开始做墙上的光。点击白色字母，按CTRL+鼠标左键得到选区，填充跟发光灯管一样的蓝色。取消选区，高斯模糊63.0，复制一层，
　　合并之后把模式改为“颜色减淡”，ok了~用录制好的动作完成后面所有的字母改造工程。蓝色框内是我录制的制作流程。

　　把这些经过严重高斯模糊的光晕图层移到最上面，现在效果更逼真了~

　　静态图完成得差不多了。还有地板，当霓虹灯亮起来的时候地板上也有点光。复制墙上的光晕，逐个移到地板上。减低填充百分百，
　　差不多到70就行了。这里还有个问题，我感觉熄灭时的灯管颜色太亮了，好像还通着电一样，

　　用色阶稍微调暗点。也用动作录制方法快速高效的完成后面的工作。

　　静态图完成了，开始我的弱项，GIF制作。这里我是真的教不了你们什么东西，我对GIF不是很了解。不过也就是开开关关的效果。
　　打开时间轴，首先头脑里有个概念，我想让它们以按什么样的次序开闭。我的思路是这样的：P，V还有J还有中间的A运转正常，
　　R字估计不行了，偶尔会亮一下，而且亮度会经常变化。O字闪个不停。最后一个A还好点，亮的时间比较长，偶尔会闪一下。

　　打开时间轴，除了R字以外全部点亮，因为它只是偶尔量一下。复制一帧，点击下面的“过渡动画帧”增加到25帧。
　　现在一共有27帧了~

　　接下来几乎不用我来说说明了，只要你按着你想的思路来开关各个帧就行了。比如我要在第二帧里让O字闪一下，就点击图层栏的眼睛状图标。
　　点击第三帧的时候它会自动亮起来。或者我打算让R在5帧开始慢慢的暗下去。点击第五帧，将R组的透明度降低。
　　然后点击“过渡动画帧”过度个3,4帧就差不多了。
　　最后效果!