这个教程将向你展示,如何运用图层样式、径向渐变工具和多边形套索工具,来描摹传说中的大众形象标志。漂亮、实用!
Our tutorial is divided into two brief stages:
我们的教程被分为两个简要的阶段:
1. Creating the circular orb surface
1. 创建圆形球面
2. Drawing the VW emblem
2. 绘制 “VW”徽标(大众Logo的主形——译者注)
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
Creating the Orb Surface
创建圆形球面
First off, start by going through File>New and creating a new 250x250 document in Photoshop with the following attributes:
首先,我们在Phoptshop中执行文件>新建,并创建一个250x250的新文件,使用下图的属性设置
Before we start drawing, access the Tool Panel on the left side of your workspace and go down all the way to the bottom to change the Foreground Color to #82B2E0 and the Background Color to #012B62. Those are the primary colors of our logo.
在我们开始绘制Logo之前,找到位于你工作区左部的工具箱,一路向下到工具箱底部,更改前景色为#82B2E0,背景色为#012B62。这两种颜色是我们Logo的主色。
We will draw the basic circular shape of the logo now, so grab the Elliptical Marquee Tool from the Tool Panel, and then while holding down the Shift key, draw a selection of a circle on your canvas as shown below.
现在,我们开始绘制Logo的基本圆形。在工具箱中选择矩形选框工具,然后,按住Shift键,在画布上绘制一个圆形选区,如下图。
Now press Ctrl+Backspace to fill the selection with your pre-set Background Color.
现在,按Ctrl+Backspace将事先设置好的背景色填充到选区。
Access the Tool Panel again and select the Gradient Tool this time. Make sure you select the Foreground to Transparent gradient type.
再次使用工具箱,这次我们使用渐变工具。确定你选择的渐变类型为前景色到透明渐变。
Create a gradient fill across your selection as shown in the screenshot below to complete creating the logo's surface.
如下面的截图,横穿你的选区,创建一个渐变填充,来完成Logo外观的创建。
The circular orb surface of our logo is now done, we will draw the actual emblem in the next stage of the tutorial.
现在我们Logo的圆形球面完成了,接下来,在这个教程的下一个阶段,我们将要绘制实际的徽标。
▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
Drawing the Emblem
绘制徽标
Before we start off, press D to reset your Foreground and Background colors to their default white and black values and then press X to invert the colors' position. In this section we are going to basically draw the shape of the VW emblem and then give the layer we drew it on a Drop Shadow, an Inner Shadow and a Gradient Overlay style. Start off by creating a new layer by going through Layer>New>Layer. Using the Elliptical Marquee Tool, draw a round selection inside the orb as shown below
在我们开始之前,按D键将你的前景色和背景色重置到白色和黑色,接着,按X反转两个颜色的位置。在这一部分,我们要简单地绘制“VW”徽标,然后在这个图层上设定图层样式的投影、内阴影和渐变叠加。
首先,执行图层>新建>图层。然后,使用圆形选框工具在球面上绘制一个圆形选区,如下图。
Go through Edit>Stroke and apply a 10 px wide inside stroke.
执行编辑>描边,设置宽度为10px,位置为内部
Once you press OK, you should get a result similar to this.
一旦点击确认,你应该会得到和这类似的结果。
We have to do some tracing skill practice now, use the Polygonal Marquee Tool to draw straight lines that represent the base structure of the VW logo, which obviously is a V with a W under it. Grab the Polygonal Marquee Tool and start drawing straight lines as shown in the screenshot below. You can use the sample image that you have seen in the beginning of the tutorial as a reference. Note that you can go over the white stroke we created because we are going to fill this selection with white as well later on.
现在,我们不得不做一些描摹练习。使用多边形套索工具绘制一些直线,来表现“VW”标志的基本结构。而且,很明显“W”要在“V”的下面。使用多边形套索工具绘制的一些直线要像下面的截图一样,你可以使用这个教程开头的效果图作为参考。需要注意的是,你可以在刚才创建的白色描边上绘制直线,因为稍后我们也会在直线选区上填充白色。
Once your happy with your selection, go to Edit>Fill and use White.
如果你对你的选区感到满意了,那么执行编辑>填充,选用白色。
We are done with the drawing part, it's now time to give the emblem some style and a 3D-like effect. Access your Layers Panel, then right click on the layer that contains the emblem and choose Blending Options. Apply the following options for the Drop Shadow, Inner Shadow, Gradient Overlay.
绘制部分已经完成,现在是时候赋予徽标一些样式和类3D效果了。找到你的图层面板,右击徽标所在图层,选择混合选项。在投影、内阴影和渐变叠加中应用如下设置。
As for the Gradient Overlay, make sure you edit the Gradient Fill Type by clicking its thumbnail next to the word Gradient in the screenshot below, and apply the options seen in the Gradient Editor screenshot.
至于渐变叠加,要单击文字“渐变”旁的缩略图,确保你像下面的截图一样设置了渐变填充样式。并且,在渐变编辑器里应用截图中看到的设置。
Once you apply all these effects you should get something similar to the image below.
一旦你应用了所有的效果,你应该会得到和下图类似的效果。
Your Volkswagen logo is finally complete, you can optionally add some gloss with Overlay or Soft Light layer styles to make it blend in with the logo more the same way it looks below.
你的大众Logo最终完成了。你可以选择性地用叠加或柔光图层,给Logo添加一些光泽,使它看上去更像下图。
This concludes our tutorial, you can check my source PSD here. I advise you to experiment with this logo by applying your own touch of style to it, and make sure you show off your work in the Graphics Showcase forum. I hope that you've learnt something new from my tutorial, feel free to email me on diablo@republicofcode.com if you have any comments or questions or alternatively post in the Oman3D Forum to get instant feedback.
我们的教程到此结束,你可以点击这里查看我的PSD源文件。我建议你在制作这个Logo的时候运用自己喜欢的风格,并且务必请你在Graphics Showcase论坛中展示你的作品。我希望你能从我的教程中学到新东西。还有,如果你对Oman3D Forum有什么意见或建议,请抽空给我发信至diablo@republicofcode.com,我会尽快回复。
- End of Tutorial.
- 完