[空气灯光文字][国外photoshop教程翻译]

Slow shutter text effect - Photoshop
September 3rd, 2007
慢快门灯光字体效果-Photoshop

Learn how to create this stunning slow shutter text effect using just Photoshop.
学习如何仅仅使用Photoshop制作漂亮的慢快门灯光字体效果.

 

Step 1. Setup the canvas
第一步.设置画布
Firstly setup your work area. This tutorial is done on CS3 but the main screen
should be pretty similar. I have chosen to work on an A4 sized canvas but you can
set it up any size you wish. If your planning on printing your finished artwork
make sure resolution is set to 300dpi, if your creating the art for screen stick to
72dpi. If your into professional printing set the color mode to CMYK otherwise RGB
is fine, the difference isn’t generally noticeable on your standard ink jet.
Before you go onto step 2 you might want to rotate your canvas to landscape. Do
this by going to IMAGE > ROTATE CANVAS > 90° CW (clock-wise)

首先,设置你的绘画区域.这个教程使用cs3完成的，不过主要部分都和其他版本的ps是一样的。
我选择了用a4大小的画布，你可以选择任何你喜欢的画布尺寸。如果你打算最终印刷你的艺术
作品，请确保分辨率被设为300像素/英寸，如果你只想在电脑屏幕上显示72像素/英寸就足够了
。如果你为制作专业的打印输出做准备，确保颜色模式为CMYK，不然，用RBG就可以了，注意这
2种颜色模式有很大的不同。在你进入第二步之前，旋转你的画布，选择“图像--〉旋转画布--
〉顺时针旋转90度”。

 

Step 2. Lay down the base gradient
第二步.画出背景渐变
Next you need to get the base color onto the canvas. To do this first select the
gradient tool from the tool bar (1.) Next select your base colors & try and stay as
dark as possible. I have chosen a dark purple (background color) with black
(foreground color). You then need to make sure the gradient is set to linear (2.)
and the opacity is at 100%. Finally drag gradient a line from the top of the page
to the bottom (3.) I find it looks more natural if you don’t go exactly vertical,
remember the effect we are trying to achieve is simulating real light movement
which is hardly ever exact. Once you have a nice dark gradient on the page move on
to step 3.

接下来，你需要选一个底色来填充画布。首先，选择工具箱中的“渐变”工具（1）。其次，选择
背景颜色，切记，颜色越深越好。我选择了一个深紫色（背景颜色）和黑色（前景颜色）。再
次，你需要注意，渐变为线性渐变（2）而且不透明度为100%。最后，从上至下画出渐变（3）
。我发现如果要表现更加自然和真实的效果，最好不要把渐变画的垂直，记住我们要的效果是
模拟真实的灯光效果，这种效果一般不会是很精确的，要有些随机性。一旦你创造出了一个漂
亮的背景，我们就要进入第三步了。

 

Step 3. Write your light
第三步.画出你的光
Now we need to get the path down that will eventually be your ‘moving light text’
. Do this by selecting the pen tool (1.) from the tool bar. Up below the menu bar
should be some options, make sure you select the second one called paths (2.) Now
your ready to begin drawing. Clicking the mouse will add an anchor point and
automatically connect from the last so rather than releasing the mouse button each
time you click hold it down and drag until you achieve the right curve. You are
trying to achieve a fluid movement as if you were writing your name in the air with
a torch or sparkler. You might find this stage takes a bit of practice to get
right, don’t worry, you can adjust all the curves once the full path is complete
(Alt + Drag will adjust a curve, Apple + Drag will move a point) Once you have it
mastered make sure the path is joined up with the beginning point, this will be
removed when we have stroked the line.

现在，你需要画出一个路径，这个路径最终会成为你的‘空气中画出的光线文字’。在工具箱
中选择“钢笔”工具（1），在菜单下面出现的选项中选择第2项“路径”（2）。好的，可以开
始画我们的路径了。每点击一次鼠标左键，就会在画面上增加一个定位点，它会自动连接到你
前一个画的定位点上。所以，用点击鼠标的方式画路径要比按住鼠标左键拖动画出路径要方便
得多。你要试着画出一种流动的效果，就像你用火把在空气中写出你的名字一样。你发现你需
要一些练习才能把这种效果把握的很好，不过不用担心，你可以在完成整个曲线之后再调整它
。最后保证你的曲线最终连到了你整个路径最开始的点，这样移动起来比较方便。

 

Step 4. Switch it on
第四步.让我们的霓虹灯发光
Now you have your path done create a new layer & go up to the main menu, select
EDIT > STROKE then select the colour white and a stroke width of about 5 pixels.
Click OK & your path will be a nice white thin line (1.) You might find spending a
bit more time than I did on the curves will help your text look a bit better but
don’t be to precise, remember we are simulating reality! Now you have your white
line right click on the same layer and go to BLENDING OPTIONS. On your left select
OUTER GLOW, click the tick & the writing next to it. Now you can adjust your glow,
play around with the colors & sliders until you have a natural looking light (2.)
Note: NATURAL. Finally select a large, soft eraser brush (3.) and put the opacity
down to 35%, erase the straight connecting line and rub over some of the longer
lines to break up the fixed width of the 5px stroke giving it more realism.

现在，为你的路径创建一个新的图层，然后在主菜单中选择“编辑--〉描边”（我用的cs所以
我在路经选项卡中点击路经，使用的“描边路经”）然后选择白色，5像素。点击ok，你的路经
将变为漂亮的白色细线（1）。你若在路经上花一些时间的话，你可能会作的更好，不过不用做
的太精确，记住我们模拟的是真实的光线！好的，双点击你的白线图层，进入混合选项（图层
样式）。在弹出窗口的左侧选择“外发光”，现在你可以调整你的发光，直到你感觉比较自然
为止（2）。切记：真实和自然。最后，选择一个大的，柔软的橡皮（3），并且把透明度设为
35%，抹掉连接头尾的直线部分，继续抹一下比较长的线，让他们不太规则，以显得自然。

 

Step 5. Get moving
第五步.让灯光跳跃起来
Ok now we are ready to simulate some natural lighting blurs. Firstly duplicate your
text layer twice by going to LAYER > DUPLICATE LAYER. Select both layers and hit
Apple + E to combine them (1.) Drag your new combined layer below your main text.
You should now have 3 layers, a background, your text and the double duplicate of
the text. Next go up to the main menu and select IMAGE > ADJUSTMENTS >
HUE/SATURATION. Once this menu pops up slide the hue slider until you reach a nice
complimentary shade (it might help to make the main text layer invisible briefly
for this) I chose pink but it’s really down to what colors you started with.
Finally go to the main menu again (making sure your on the new combined layer) and
click FILTER > BLUR > RADIAL BLUR, set the amount to 23 and ensure the radial
setting is selected. Next combine the text & the blur layers as described above.

好的，现在我们已经为制造真实的灯光模糊做好了准备。首先复制你的存放文字图层2次（这个
不多说了）。选择2个复制图层按ctrl+E合并它们。把你的新合并的图层放到你的主文字图层的
下面（这里为什么要合并呢？我体会主要是把外发光的效果保留下来。还有一点，合并后要清
楚合并图层的图层样式（原作者没有提到）），现在你应该有3个图层，1个主文字图层，1个复
制混合后的图层，一个背景图层。选中你复制的图层，选则“图像--〉调整--〉色相/饱和度”
。控制色相和饱和度的滑竿，直到一个不错的阴影颜色出现。（在调整的过程中最好保持主图
层不可见。）我选择了粉色，它取决于你开始选择的颜色（不一定为粉色）。最后在确保选中
复制图层的前提下，选择主菜单中的“滤镜--〉模糊--〉颈向模糊”，设置总数为23。继续，
我们把文字图层也就是主图层和这个复制图层合并。

 

Step 6. Build some depth
第六部.让画面更深邃
So far all is good but we need some partical style focal light to simulate more
depth and add some more interest to the image. To do this I recommend creating 4
blank layers above your text. You can make more if you like, it’s up to you how
far you go with this part of the image. On your first layer select the ROUND
MARQUEE tool from the tool bar. Hold shift and create a variety of random circles
(1.) now fill these with one of your light shades (ie. pink, blue, white or
whatever colors you have used). Do this with different colors on each of the 4
layers. Now using the BLUR tool on the main menu (FILTERS > BLUR > GUASSIAN BLUR)
blur each circle layer (2.) a different amount. (e.g layer 1 - 10 pixels, layer 2 -
5 pixels etc….) Experiment with different shades, opacity’s & colors until you
get it right. You might even like to do some more radial blurs to simulate some
more movement, its up to you!

到目前为止，我们的效果已经不错了，不过我们需要的是几个理想的聚光灯使画面看起来更深
邃而且更有趣。为了达到理想的效果，我建议创造4个空白图层在你的文字图层上面。如果你喜
欢，你可以放置更多的空白图层。这个取决你需要在图片中增加几个层次效果。在第一个图层
上面，选择工具箱中的“圆形选取”工具，按住shift画出几个不同大小的圆（1），然后用你
的光影的颜色（例如:粉色，蓝色，白色或者你用过的任何颜色）。在每个图层上用不同的颜色
。然后使用模糊工具选择主菜单“滤镜--〉模糊--〉高斯模糊”用不同数量模糊各个圆圈图层
（2）（例如：第一个图层为10像素，第二个图层为5像素...）试验用不同的渐变，透明度和颜
色，直到你觉得可以。你可能喜欢做更多的不同模糊程度的圆圈，不过这些都取决于你！

 

[ 本帖最后由 chinatxj 于 2007-12-23 13:29 编辑 ]