This post was originally published in 2011
The tips and techniques explained may be outdated.

每当我坚持学习教程的想法时,我似乎总是能够回到我典型的“克里斯·斯普纳”风格,即人们似乎喜欢的酷的抽象模式。We've used similar techniques on the3 postera couple of years ago and more recently on a彩色抽象海报.遵循这一最新的一步一步的指南,创建一个凉爽的抽象设计与径向图案和交替的颜色。

View the abstract radial design

这次我们将要创建的设计使用了一个径向图案,它将观众吸引到中心。交替的颜色给设计一个凉爽和时髦的感觉和纹理增加了一个真实的艺术品触摸。

Create a new document in Adobe Illustrator at the dimensions of your preference and draw a rectangle across the whole artboard.

打开智能辅助线(Cmd+U)并从矩形的中心绘制一个小圆圈。复制粘贴这个圆,并将其缩放到比艺术板本身更大的尺寸。With both selected go to Object > Blend > Make.

Go back to Object > Blend > Blend Options and adjust the settings to Specified Steps with a count of 8.

从文件中心画一条线,then with the Pen tool add a point at the halfway point.使用“转换定位点”工具将Bezier控制柄从该点拖动以生成平滑曲线。

Select the Rotate tool and ALT-click a pivot point in the centre of the document.在“选项”框中输入18度,然后按“复制”按钮。

反复按快捷键Cmd+D重复转换,直到在圆周围有一系列均匀分布的20行。

Select the concentric circles and go to Object > Expand.选中“对象”复选框将此混合转换为可编辑路径。

在所有对象上绘制选定内容,then Shift-click the background rectangle to deselect it.Create a Compound Path (CMD+8) then with both the compound path and background rectangle selected,单击Pathfinder调色板中的Divide选项。

Right click and Ungroup,then delete out the excess linework beyond the edges of the artboard.Elsewhere on the document set up some gradient colour swatches for use in your design.Here I'm using grey,蓝色和绿色,每种颜色的色调都从浅色变为深色。

按住SHIFT键,同时选择径向图案内部的交替形状。给这些形状灰色渐变填充滴管工具。

On the next and subsequent rows select alternating shapes to create a chequerboard style pattern.Continue until you've filled the whole design.

使用绿色渐变填充图案中心区域的剩余形状,然后切换到蓝色作为下一行。

交替使用蓝色和绿色填充,直到整个设计充满渐变色。

目前所有的梯度都是朝同一方向流动的。Manually select each shape in turn and adjust the gradient angle with the Gradient tool.

After a lot of clicking and dragging all the gradients will follow the same radial path,使设计更具动感。

The vector work is complete,但让我们切换到Photoshop,让设计更具触觉。beplay足球将设计粘贴到大型PSD中,然后导入一个酷粗纹理.

Change the blending mode of the texture to Overlay to allow the texture and colours to interact with the vector pattern.

Switch back to Illustrator and clear out the fills from all the objects,then add a white stroke.Copy and paste this graphic into the beplay足球Photoshop document.

进入滤镜>模糊>高斯模糊,输入约3px以去除白色笔划的粗糙边缘。

Change the blending mode to Overlay at 50%,then dab a few spots of black with a large soft brush on a layer mask to adjust the impact of these glowing lines.

在设计的中心添加一个白色的软点,并将混合模式更改为覆盖,以充满活力的高光完成设计。

View the abstract radial design

我们的酷抽象径向图案设计是完整的,并准备作为一个大格式海报打印。The beplay足球Photoshop steps really transform the lifeless and flat vectors into a tactile and authentic feeling design while the radial pattern draws you into the centre.

Access This Download

59
Shares
在Pinterest分享
32 Comments submitted Add yours!
Subscribe receive beplay全方位手机移动娱乐平台Spoon Graphics newsletters

订阅我的时事通讯,成为第一个听到新文章的人

32 Comments

  1. This is sooo amazing.你能用电脑做的数以百万计的事情让我从手册转向了CAD插图!You're now my hero,克里斯。激烈的工作

  2. 老实说,我觉得这会很无聊,但在那里学了一些技巧让我很喜欢!thank you dear sir!

    -1
  3. The texture and the colors used are excellent.The overall effect is outstanding.一些图像的迷人和万花筒效果值得一提。My daughter will love to see this site.She is a graphics designer.

    -1
  4. 很棒的工作!!I wonder all this tut´s!!There are a good help to work!Thank´s from Spain!!

    -1
  5. 我面临的问题是,并非所有的形状都是可选的。我得到,如,black,white,black,white,etc,那么下一个形状就不会选择了。尝试过使用直接选择工具,也尝试过形状周围的每一行,但仍然有一些顽固的位,只是拒绝让我选择和填充它们!Gnnii!Any ideas what's happening?Love the toot though and dying to get it working.谢谢你
    赫尔

    -1
  6. I was a bit of a spanner!Sorted!I filled the whole lot with white (any colour would do though) then was able to click anywhere in the shapes and fill with gradients.爱,爱它!

    -1
    • Nice design and breakdown Chris!

      Although similar to what ‘Design Kanya' was wondering crossed my mind – since the most part is done in Illustrator and not everyone will have both Illustrator and beplay足球Photoshop – it could also be done 100% in Illustrator.

      从一个更专业的人(没有冒犯任何人的意思,比如“专业的”,能够用它赚取足够的钱来购买你需要的软件),我理解你同时使用PS&AI,因为这是他们真正的优势——这也是我所做的。
      But I think for this tutorial with things that could be as easily done all in Ai without Ps could be preference for your (broad) audience.
      Again,just some upbuilding remarks.

      Cheers

      0
  7. 不知道为什么,but when I try to make the compound path my lines from the center become odd (grey spaces occur here and there) and when I divide something strange happens,as if the line becomes a closed object forming new lines where they shouldn't be.I'm probably doing some super n00b mistakes,but would be glad to know what they are :-)

    -1
    • I'm having the exact same problem and I can't seem to see anywhere that I've made a mistake,这个教程对任何人都有效吗?

      -1

评论现已关闭