创建用于Logo设计的彩色切片球体

0203_logo_banner
创建用于Logo设计的彩色切片球体

来源网站:http://vector.tutsplus.com/tutorials…a-logo-design/

翻译:Heavenhell

应用软件:Adobe Illustrator CS4

注:源文件可以去原文地址下载

转载请注明出处及作者!

final

Colorful and vibrant logos are extremely trendy recently. In this Quick Tip we will take a look at how you can

easily create an appealing colored sphere which will make a great foundation for a successful logo. Let’s get

started!

靓丽多彩的logo是现今极其流行的风格。在这个教程里我们就来看一看如何简便的制作一个色彩动人的球形,这会是一个成功logo

的基础。让我们开始吧!!

——————————————————————————–

Step 1

Start by opening Illustrator and creating a 1000px by 1000px file. Set the resolution to 300dpi and color mode to RGB.

打开Illustrator,创建一个1000px * 1000px的文档。分辨率为300(dpi),颜色模式为RGB。

1

Step 2

Turn on Smart Guides (Control + U) – they will be very helpful throughout the whole process. If they start

getting in your way, simply disable them by pressing Control + U again.

开启智能参考线(Ctrl+U)——在整个制作进程中这会帮上大忙。如果参考线已经开启,你也可以再按Ctrl+U关掉它。

Select the Ellipse Tool (L) and click in the middle of the artboard. You will be prompted to input dimensions of

your ellipse. Go ahead and make it a 450px by 450px perfect circle. Also, feel free to create a new layer

underneath, place two guides there and center them using the Align Palette. They will prove very useful later.

Your image (very simple, so far) should look like this:

选择椭圆工具(L)在画板中心单击。你会被提示输入形状的尺寸,创建一个450px * 450px的正圆。你也可以新建一个图层,添加

两条参考线,用对齐按钮将它们居中,他们以后会派上用场。你的图像(现在还很简单)应该像这样:

2

Step 3

Create a new layer on top of the stack and add eight more ellipses. Use the Transform Palette. to place them in

their desired position and give them proper dimensions. Refer to the image below.

在最上方新建一个图层(命名为“circles”),添加8个新椭圆。用变形工具将它们调整为合适的尺寸,摆放在正确的位置。可以参考下图:

3

Step 4

Let’s create an illusion of slight perspective now. Select all ellipses save for the most top one and open the

Transform Each dialog box (Alt + Control + Shift + D). Change the vertical scaling to 103% and hit OK. Seven of

your ellipses should get slightly taller.

现在让我们模拟一些透视的效果。选择除最上方椭圆外的所有椭圆,打开分别变换工具(Alt + Control + Shift + D)。将垂直缩

放改为103%,点击确定。你的7个椭圆应该变得长了一点。

4

Step 5

Make sure you are using the Selection Tool (V). Shift-Click on the second ellipse from the top to deselect it. Now

only six of your ellipses are selected so go ahead and press Control + D to repeat last transformation – this

will make the ellipses another 3% taller.

应用选择工具(V)。Shift+单击从上数第二个椭圆减选它。现在你只选中了6个椭圆,按Control + D重复上一次的变形——这会使

被选中的椭圆再长3%。

Repeat this operation successively Shift-Clicking next ellipses and pressing Control + D. You will notice that the

shape on the bottom extends the border of the big circle. Correct this by moving the lowest ellipse couple of

pixels up – noboby will notice that little cheat

重复上述操作,依次减选椭圆再重复变形。你会注意到最下方的椭圆伸出了大圆圈的边界。移动最下方的椭圆2像素修正这个问题

——没人会注意到这点儿小把戏的

This is the gentle result you should be looking for:

你操作后的结果应该像这样:

5

Step 6

Select all contents of the “circles” layer (you can do that by Alt-Clicking the layer) and open the Transform Each

dialog box again. This time input 115% for vertical scaling and press the Copy button. You will get 8 additional

ellipses, each 15% taller than their originals.

选择“circles”图层的所有内容(你可以Alt+单击这个图层),再次打开分别变换工具(Alt + Control + Shift + D)。这次在垂

直缩放上输入115%并点击“复制”按钮。你会得到8个新椭圆,每一个会比原图像长15%。

6a

6b

Step 7

That’s a mess but don’t worry – we will attend to it right now. Get the Selection Tool (V) and marquee over the

two top ellipses. Bring up the Pathfinder palette and click the Divide button. Repeat this procedure for the

remaining pairs of ellipses.

现在看上去有点乱,别担心,我们现在就处理它。点击选择工具(V)选择最上面2个椭圆。打开路径查找器面板,点击”分割“按钮。对剩余的椭圆重复上述操作。

Visually, nothing should change but your shapes should be now nicely chopped into pieces.

表面上,这好像没什么变化,但你的图形现在已经被切碎了。

7

Step 8

Now grab the Direct Selection Tool (A) and focus your attention on the most top set of ellipses. Alt-Click the

sickle-like shape and hit Delete of Backspace to do away with it. You should be left with something that will

later resemble an angled disc.

点击直接选择工具(A),将注意力集中在最上面那组椭圆。Alt+单击选中上面镰刀状的形状,按Delete键将其删除。剩下的形状类似

有一定角度的圆盘。

Repeat this step for the remaining groups of ellipses until you get something which resembles the image below:

为剩下的椭圆重复这一步,直到得到类似如下的图像:

8

Step 9

Ok, we have the basis of the artwork, now let’s add some colors. You can use those I propose here but feel free

to pick your own.

好,我们已经做好了这个图形的基础部分,现在让我们上点儿颜色吧。你可以用我推荐的颜色,当然你自己也可以随心所欲的创作。

We’ll start with the little pieces giving the illusion of perspective. Select them successively with your Direct

Selection Tool, change their stroke color to none and the fill to the following values:

我们从模拟透视感的那些小形状开始动手。用直接选择工具(A)依次选择他们,去掉它们的描边颜色,将它们的填充颜色改为如下的值:

#FF2C85

#F42DF7

#662DEF

#2F49E7

#31A0DE

#31DEC5

#33CE4A

#7BC636

This is the effect you should be looking for:

效果如下所示:

9

Step 10

The edges have some definition, now let’s get to coloring the interiors of our rings.

现在边缘还显得太过清晰,我们为环形的内部加点色彩。

Create eight gradients and apply them to the ellipses. All gradients are made of our eight base colors ranging

from 100% opaque to fully translucent color. Use the Gradient Tool (G) to squish and reposition the gradients.

Image below shows the desired outcome:

为8个圆形应用8个渐变。所有的渐变都由我们的8个基本色得来,从100%透明度到到完全透明。应用渐变工具(G)调整渐变的形态和位置。结果应该如下所示:

10a

10b

Step 11

This is starting to look like something but still could be better. Using the Direct Selection Tool (A) select the

most top ellipse, go to Effect menu and choose Stylize > Inner Glow. Set the mode to Screen, opacity to 50%, blur

to 10px and pick a nice light color matching the gradient. Of course I encourage you to go ahead and experiment

here.

现在终于有点儿样子了,但颜色还可以更好。点击直接选择工具(A)选中最上面一组形状,应用效果\风格化\内发光。选择滤色模

式,50%不透明度,10px模糊并选择一个和渐变搭配的颜色。当然,我鼓励你在此处多做些尝试。

Repeat this step for the remaining ellipses to achieve this subtle effect:

重复这一步,得到如下效果:

11a

11b

Step 12

Create a new layer and position it under the “circle layer”. Place a 1000px by 1000px rectangle, fill it with a

subtle grey radial gradient and lock the layer. At this point certain parts of the sphere may appear to dark or

too light – feel free to adjust that to you liking. Generally, this is what it could look like:

在”circle”图层下新建一层。画一个1000px * 1000px的正方形,填充一个深灰色的圆形渐变并锁定这一层。这时球体的某些部分

可能显得太暗或太亮——按你自己喜欢的感觉去调整吧。一般来说,图像应该像这样:

12

Step 13

Direct your attention to the Layers palette Grab the “circle” layer and drag it onto the top of the stack. Select

the big ellipse, copy it and Past it in Front (Control + F) three times. Fill the one on the bottom with a

gradient ranging from 100% white to translucent white and change its stroke to none. Adjust the position of the

gradient with the Gradient Tool. Reduce opacity of the ellipse to 60%.

留意图层面板,将”circle”图层托至最上方。选择外面的正圆,复制并将它粘贴在最上方(Control + F)三次。为最下方那个填

充一个纯白到透明的渐变,将描边改为无。用渐变工具调整渐变的位置。将这个形状的不透明度降为60%。

Select the next ellipse and apply a similar gradient to it, this time positioning it away from the center of the

sphere to give an impression of glow. Reduce its opacity to 30%.

选择下一个圆形应用类似的渐变,这次将渐变调离圆形的中心,让它有一种发光的感觉。将形状的不透明度降至30%。

Fill the third ellipse with a pink gradient similarly to the previous one but here change its blend mode to Color

and set its opacity to 60%. Fill the last ellipse with the lime gradient, change its blend mode to Color and set

its opacity to 60%. Use the images below for reference:

为第三个圆应用一个类似的粉色渐变,但将其混合模式改为“色相”,不透明度改为60%。为最后一个圆形填充淡黄绿色渐变,混

合模式为“色相”,不透明度60%。可以参考下图:

13a

13b

13c

13d

Step 14

Create a new layer, call it “highlights” and place it on top of the stack. Using your Pen Tool (P) draw couple

curvy shapes. Fill them with a subtle white gradient to give your sphere a glossy surface. Reduce their opacity (I

used 40% for a stronger and 10% for a lighter highlight) and position them around the sphere. Done and done!

新建一层,命名为“highlights”,移至最上方。用钢笔工具(P)画一些曲面。为它们填充浅白色,给你的球形一些表面高光。

降低他们的透明度(我最强用的是40%,最浅10%),沿球形摆放好它们的位置。大功告成!!!

14

Conclusion

总结

Your colorful sphere is ready. Now you can include the name of your brand, drop a shadow, add reflections and

whatnot. You can even overhaul the whole shape and apply this technique to many other figures – hexahedrons,

bottles, cylinders and so on!

你的彩色球已经做好了。现在你可以放上你的名字,加上阴影,反射等等。你甚者可以将它改头换面,用这个技术创作其他的形状

——六面体、瓶子、圆柱,要爽由你自己了。

final

有问题可以参与答疑

0回复创建用于Logo设计的彩色切片球体"

留下信息

电子邮件地址不会被公开。 必填项已用*标注