先看效果图。
大家好。受小7MM委托。我来把这个教程翻译一下。因为我水平有限。另外对AI不是很熟悉。所以不一定翻的能有多好。有些AI里的工具可能也翻的不准确。只要大家能看明白就好。如果翻译过程中有错误。请大家指正批评。下面开始。
Step 1 We will start our image in Adobe Illustrator. We could have done it entirely in Adobe Photoshop but I like to use the right tool for the right type of work, if there’s vector I will always use Illustrator, it’s easier and faster. In Illustrator select the Star Tool and create a star.
我们先在AI里开始。其实我们也完全可以在PS里就搞定了。但是我喜欢用正确的工具来做正确的事情。当涉及到矢量图的时候。我就选择用AI了。更简单。更快速。好了。开始。在AI里选择星星工具。先画一个星星。
Step 2 With the Line Segment Tool (\) create 2 lines following the base shape of the star. Use the image below for reference.
如下图所示。沿着星星的下部轮廓基线。用线段工具创建两个线段。
Step 3 With the Blend Tool (W), click on one line then click on the other one. You will apply the blend effect to the lines. Now double click on the Blend Tool icon to open the Blend Options. Change the Spacing to 10.
选择混合工具。点击两条线段中的一条。然后点击另外那条。将两条线应用混合效果。现在双击混合工具图标。打开混合选项。间距改为10.
Step 4 Duplicate the whole blend object and move it to the other side of the star.
复制整个混合对象。把它复制到星星的另一个侧面。
Step 5 Just flip horizontally the on side to get the other one.
把右面复制到左面。
Step 6 Keep duplicating until you get all the sides covered.
一直复制呀复制呀复制。直到每一面都覆盖上这些线条。
Step 7 Now lets add some color to the lines. I used red, yellow, green, cyan and purple for the colors.
现在给这些线条添加颜色。我使用了红黄绿青紫。
Step 8 Open Photoshop and create a new document. I used 1920×1200 pixels. Then fill the background layer with a very dark grey.
打开PS。创建一个新文档。1920×1200像素。用灰常灰常深的灰色填充背景层。
Step 9 Copy each blend object from Illustrator and paste them in Photoshop separately, you will have 5 layers. Now it’s really important to organize them.
把那些线条单独的从AI里复制到PS里。你将获得5个图层。便于组织这些线条。这一点非常重要。
Using the Lasso Tool (L) and mask (Layer>Layer Mask>Hide Selection) hide parts of the lines so they do not cross one another. That way the green lines will be on top of the blue and yellows. Use the image below for reference.
用套索工具和蒙板（图层>图层蒙版>隐藏选区）。隐藏一部分线条。使绿色线条在蓝色和黄色线条之上。这一步效果以下图作为参考。
Step 10 Select all line layers and go to Layer>Merge Layers. Duplicate the layer. After go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius.
选择所有图层。然后点选图层>合并图层。复制图层。然后对其执行高斯模糊。模糊半径选择10像素。
Step 11 With the duplicate layer go again to Filter>Blur>Gaussian Blur. Use 2 pixels for the Radius.
别放过这个图层。再给它来一遍高斯模糊。这次模糊半径选择2像素。
Step 12 Go to Layer>Layer Style>Color Overlay. For the color use white. After that group the layer and then change Blend Mode to Color Dodge.
点选图层>图层样式>颜色叠加。选择白颜色。然后将该层混合模式设置为颜色简单。
Step 13 This is the effect you will have after these steps. Take a look at the order of the layers, it’s really important for the lines effect.
下图是到目前为止得到的效果。留心之前的那些图层。这对这些线条的效果非常重要。
Step 14 Add a group folder in the layer palettes and change the Blend Mode of the group to Color Dodge. After that inside this group add another layer. With the Brush Tool (B), select white for the color and get a very soft brush to start paint some light spots over the green lines.
在图层面板中添加一个组。并设置组的混合模式为颜色简单。然后再这组中新建一个图层。选择笔刷工具。使用白颜色。很柔软的画笔边缘。在绿色线条上画一些光斑。
Step 15 Let’s use an image to add another light effect. The one I used can be downloaded for free at http://www.williams.edu/Astronomy/IAU_eclipses/eclipse_results.html. Place the image and change the its Blend Mode to Screen. After that with the Eraser Tool (E) delete most of the image leaving only the light effect in the middle of the document.
让我们用另一张图片来添加一些光线效果。我使用的图片可以在这里免费下载到。把这张图片拖拽到我们的文档里。混合模式设置成滤色。然后用橡皮擦工具擦掉图片的无用部分。保留大星星中间的那一部分就行了。
After that, go to Image>Adjustments>Hue and Saturation. Move the Hue until you get a greenish color.
然后执行图像>调整>色相饱和度。调整色相直到我们得到一个很绿很绿的颜色。
Step 16 With the Brush Tool (B) and a very soft brush, change the opacity to 20% and start with a green color. So paint over the green lines, add another layer and select cyan and paint over the cyan lines. Do the same for the other colors. The idea is to make the light effect a little bit stronger. This layers will be beneath the lines.
使用边缘柔软的画笔。调整到20%的不透明度。选择绿颜色。在绿色线条上轻轻涂画。然后新建一个图层。选择青色。再青色线条上涂画。以此类推。在其他线条上涂画相同的颜色。这样会使光线效果变的更强一些。需要注意的一是。涂画颜色的这些图层要放在那些光线图层的下面。
Step 17 Add another layer, this time on top of the layers we painted in the previous step and beneath the lines. Go to Filter>Render>Clouds. Make sure you had black and white for the background and foreground colors. Change the Blend Mode to Overlay, then with the Eraser Tool (E) delete some parts of the layer to make the clouds less uniform.
添加另一个图层。执行滤镜>渲染>云彩。之前先确定黑白两色是你的背景色和前景色。设置这一层混合模式为叠加。然后用橡皮擦工具擦掉一些云彩。如下图所示。使云彩这一层看上去更自然一些。
Step 18 Now let’s create a pattern, actually let’s use an image and create a pattern from that. Download the Free Seamless Vector Perforated Metal Pattern (http://www.bittbox.com/freebies/free-seamless-vector-perforated-metal-pa…) and open it in Photoshop. Go to Edit>Define Pattern.
现在我们用一个图片素材创建一个图案。这张图片我是在这里免费下载的。我们在PS中将这个图片自定义成图案。
Back to our design, add another layer on top of the others and fill it with any color, the go to Layer>Layer Styles. First go to Blend Options and change the fill opacity to 0. After that go to Pattern Overlay. Select the pattern we’ve just created for the Pattern and reduce the Scale to 50%.
返回到我们的文档。在所有图层顶端新建一层。填充任意颜色。然后调出图层样式面板。首先选择混合选项。将填充度设为 0.然后选择图案叠加。选择我们刚刚定义的图案。选择50%缩放。
Step 19 Go to Layer>Layer Style>Create Layer. You will break the layer style into layers, so you will have a layer with the pattern you applied. Delete the other layers and with the pattern layer, change the Blend Mode to Multiply, then go to Edit>Transform>Warp. Use Fish Eye for the Warp and then move the controller to reduce the size of the warp in the middle. Use the image below for reference.
执行图层>图层样式>创建图层。这样就能把填充的图案转化成一个图层。将这个新转化出来的图层的混合模式设置成正片叠底。然后执行编辑>变换>变形。移动控制柄使之变成“鱼眼”的样式。如下图所示。
After that, change the Opacity to 20%.
之后。将不透明度设为20%.
Step 20 This is the order of the layers I have so you can have an idea and use it for reference.
下面是我的图层面板。大家可以做一下参考。
ConclusionThe light effect we created here is nothing new, I’ve shown you how to create this quite a few times. However this time we played with patterns and the warp transform to add a very nice effect to the image. Once again I was inspired by a skateboard deck design and wanted to reproduce that in Photoshop. The whole idea of this tutorials is that we can play with the tool and learn at least something new.
总结。嗯。。。原作者的总结对于这个教程本身没有什么关系。我就不翻了。淋漓自己总结一下吧。这个教程其实也没有用到什么特别创新的东西。大家除了学习各种工具的应用以外。淋漓觉得大家还应该有意识的培养自己把整体效果分解成各种PS工具的能力。再复杂再炫的效果。也是一步一步组合出来的。希望大家以后不要一看到稍微复杂一些的效果就抓狂。就搓手无措。而是要有意识的把自己培养成“庖丁”。
注：本教程翻译自http://abduzeedo.com/easy-star-light-photoshop
再看一眼最终效果吧。
评论这篇教程