手机
当前位置:查字典教程网 >平面设计 >Illustrator教程 >AI如何绘制矢量笔记本?
AI如何绘制矢量笔记本?
摘要:最终图像预览,下面是最终的设计样品,也是我们要努力达到的效果。第一步先用圆角矩形工具画出笔记本的基本轮廓图形。可按住上下箭头来改变边角的弧度...

  最终图像预览,下面是最终的设计样品,也是我们要努力达到的效果。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第一步

  先用圆角矩形工具画出笔记本的基本轮廓图形。可按住上下箭头来改变边角的弧度。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 2

  使用如下图所示复杂的色彩渐变。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第三步

  复制笔记本轮廓图层,用路径合并工具切除一半,如下图。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第四步 复制左半部分,然后图层置顶。设置较小的渐变度和multiply模式的100%透明度。 第五步 用钢笔工具勾画曲边形状,用Pathfinder工具切出图形。 第六步 在下层制作深色渐变,使之看起来象是一块阴影。 第七步 画

  第四步

  复制左半部分,然后图层置顶。设置较小的渐变度和multiply模式的100%透明度。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第五步

  用钢笔工具勾画曲边形状,用Pathfinder工具切出图形。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第六步

  在下层制作深色渐变,使之看起来象是一块阴影。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第七步

  画一个半圆,色彩淡一些。将它置于曲线下边来完成整个效果。注意:使用渐变时,右边色彩应该更淡些。这才叫做反射光,对于实现页面卷曲而言,这可是个重要的细节。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第8步

  给整个笔记本加上一个阴影。提醒你,能加多少阴影取决于你的电脑速度。阴影会降低illustrator的图形渲染速度。但是,如果你的电脑足够快,这应该不是个问题。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 9 Create some colorful tabs by drawing a rectangle and then using the preset gradients to color them in. To access them go to Window Swatch Libraries Gradients Brights. You may want to make the

  Step 9

  Create some colorful tabs by drawing a rectangle and then using the preset gradients to color them in. To access them go to Window > Swatch Libraries > Gradients > Brights. You may want to make the highlighted color slightly darker as our design calls for the tab to appear as if it's wedged in between the pages.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 10

  Create the ruled lines by first drawing two horizontal lines.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 11

  Select both lines then go to Object > Blend > Blend Options. Select Specified Steps, enter a value then press OK. Go to Object > Blend > Make.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 12

  This is the result. You can adjust the number of lines by going to Object > Blend > Blend Options.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 13

  As is, the lines overlap the page curl. To fix this, expand the blended lines by going to Object > Expand.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 14 Ungroup the lines you just expanded and adjust their horizontal length. You cannot give strokes a gradient, so, using the Rectangle Tool (M) draw a very thin rectangle and give it a slightly

  Step 14

  Ungroup the lines you just expanded and adjust their horizontal length.

  You cannot give strokes a gradient, so, using the Rectangle Tool (M) draw a very thin rectangle and give it a slightly darker blue gradient. Draw a small curved line and give it a darker blue color too.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 15

  Place your new elements on the page curl section.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 16

  This is what your design should look like right now.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 17

  Easily make random stains on the paper by using the Artistic Ink panel. Go to Brush Libraries > Artistic > Artistic Ink. You can drag the swatches right onto the page or you can draw a line using the Pen Tool and apply the swatch to the line. To further edit the ink swatches you'll need to expand the ink first.

  If you're familiar with Illustrator you may be able to recognize when someone is using built-in ink swatches. To remedy this simple alter the ink swatches by using the Crystallize Tool (found under the Warp Tool, Shift + R.) Or, try using a variety of warping tools to achieve some interesting results.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 18

  Give your stains some gradients, set their Transparency to Multiply and adjust their Opacity to help them blend with the paper.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 19 Create the holes in the paper by drawing an ellipse using the Ellipse Tool (L.) Step 20 Align your holes perfectly by using the Align Palette. Step 21 Construct the pencil using basic shapes.

  Step 19

  Create the holes in the paper by drawing an ellipse using the Ellipse Tool (L.)

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 20

  Align your holes perfectly by using the Align Palette.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 21

  Construct the pencil using basic shapes. Note, the triangle used for the tip of the pencil was created using the Star Tool. To vary the number of points the star has simply use the Up and Down Arrow keys while you're drawing the star shape.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 22

  Give the area shown below a jagged edge by using the Warp Tool.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 23

  Use Illustrator's built-in Metals gradients by going to Window > Swatch Libraries > Metals.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 24

  The barrel of the pencil can be quickly created using a gradient to the fullest extent. To give the impression of a number of faces on the pencil apply a gradient with four colors, all slightly different but in the same family. Next, slide the yellow highlighted areas below so they're as close to the green highlighted areas.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 25 Give the tip of the pencil gradients. Give the exposed wood section of the pencil an Inner Glow by going to Effect Stylize Inner Glow... Step 26 Duplicate the metal part that holds the eraser

  Step 25

  Give the tip of the pencil gradients. Give the exposed wood section of the pencil an Inner Glow by going to Effect > Stylize > Inner Glow...

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 26

  Duplicate the metal part that holds the eraser on, condense it and alter the gradient to give the illusion of ridges on top of the metal base.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 27

  Using the Type Tool (T) apply some text to your liking. The font I've used is ITC Franklin. This completes the pencil.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 28

  To create the stand-alone pink eraser, draw a rectangle and give it a tenuous gradient. Take a notch out of the edge of the eraser by drawing a random shape and subtracting it from the rectangle using the Pathfinder.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 29

  Create eraser shavings by using the Pencil Tool (N.) How convenient! Arbitrarily draw some shapes and apply a pink to grey-pink gradient. Note, the easiest way to close an open shape is to hold down the Option key when you are ready to close the shape.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 30 Create the paper clip by: Draw a rounded corner rectangle. Press the Up and Down Arrow keys to adjust the curvature of the rectangle. As you can see, the final shape is not a rectangle at all

  Step 30

  Create the paper clip by:

  Draw a rounded corner rectangle. Press the Up and Down Arrow keys to adjust the curvature of the rectangle. As you can see, the final shape is not a rectangle at all. When you have an in-depth understanding of Illustrator's Tools you'll be able to quickly create almost any shape.

  Use the Divide option to slice the paper clip.

  Reposition and expand and condense the sections of the paper clip to look as they do below.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 31

  Merge everything using the Add to Shape Area in the Pathfinder. Apply a dark Inner Glow by going to Effect > Stylize > Inner Glow to complete the paper clip.

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  Step 32

  位置你所有的元素在页面上你喜欢并添加阴影。你可能想要复制的所有对象,合并各个形状组成对象使用探索者和应用的投影形状。这种方式,阴影不会应用到所有的小元素,每组的说明,比如铅笔。

  我发现它更符合创建一组对象,而不是间隔分开的一切。然而,这是取决于你。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第33步

  使用矩形工具画一个长方形,给它一个微妙的阴影和梯度。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第34步

  给纸撕裂的边缘画一个任意形状的铅笔工具和使用探路者减去形状。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第35步

  创建照片是小事一桩。画一个圆角矩形。使用对齐面板垂直对齐它们。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第36步

  画一个椭圆,你想让反射被放置的地方。使用除选项的探路者打破你所有的形状。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第37步

  现在你可以给照片的每个部分均匀梯度。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第三十八步

  给白皮书一点纹理通过使用不同的墨水斯沃琪艺术墨水调色板。改变你选择所有的墨水是独一无二。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第三十九步

  .用白色画笔画一个椭圆,然后调整为一个洞的样子。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第四十步

  给洞加上阴影和高光。加两个椭圆,从图形区选择pathfinder来调整位置使之成为两道弧。使矩形模糊,调整其不透明度,来形成一个大角度的反射。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  第四十一步

  在笔记本封面上添加一些文字。运用Metals的渐变效果。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

  最终图像

  这就是最终的设计效果。你已经学会如何制作一个矢量笔记本背景图,这也是创建一个炫酷网站主题的绝佳练习。

Illustrator绘制漂亮的矢量风格笔记本,PS教程,思缘教程网

【AI如何绘制矢量笔记本?】相关文章:

AI绘制写实笔筒图标

Illustrator绘制时尚少女矢量插画

Illustrator绘制矢量立体烟灰缸

AI位图转为矢量图

AI绘制逼真的烛光效果

Illustrator中如何绘制台历

AI CS4制作烟雾笔刷样式

AI绘制矢量效果的烟灰缸教程

AI制作时尚少女矢量插画图实例教程

Illustrator绘制独特的矢量标志

精品推荐
分类导航