用Illustrator怎么绘制矢量风格的笔记本

平面设计 admin 评论(0)
作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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



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



第二步:使用如下图所示复杂的色彩渐变。



第三步:复制笔记本轮廓图层,此教程由有客电脑知识首发,用路径合并工具切除一半,如下图。



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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



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



第六步:在下层制作深色渐变,此教程由有客电脑知识首发,使之看起来象是一块阴影。



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



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



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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 its wedged in between the pages.



Step 10

Create the ruled lines by first drawing two horizontal lines.



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.



Step 12

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



Step 13

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



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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.



Step 15

Place your new elements on the page curl section.



Step 16

This is what your design should look like right now.



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 youll need to expand the ink first.

If youre 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.



Step 18

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



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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. 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 youre drawing the star shape.



Step 22

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



Step 23

Use Illustrators built-in Metals gradients by going to Window > Swatch Libraries > Metals.



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 theyre as close to the green highlighted areas.



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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 on, condense it and alter the gradient to give the illusion of ridges on top of the metal base.



Step 27

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



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.



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.



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

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 Illustrators Tools youll 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.



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.



Step 32

Position all your elements on the page to your liking and add drop shadows. You may want to duplicate all of the objects, merge the individual shapes that comprise each object using the Pathfinder and apply the drop shadow to that shape. This way, the drop shadow wont be applied to all the little elements that make up each group of the illustration, such as the pencil.

I find it more pleasing to create a group of objects instead of spacing everything apart. However, this is up to you.



第33步

Using the Rectangle Tool to draw a rectangle and give it a subtle drop shadow and gradient.



第34步

Give the edge of the paper a torn look by drawing an arbitrary shape with the Pencil Tool and using the Pathfinder to subtract the shape from the paper.



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

第35步

Creating the photo is a cinch. Draw a couple rounded corner rectangles. Vertically align them using the Align Palette.



第36步

Draw an ellipse that falls where youd like the reflection to be placed. Use the Divide option in the Pathfinder to break all your shapes up.



第37步

Now youre able to give each section of the photo uniform gradients.



第三十八步

Give the white paper a bit of texture by using a different ink swatch from the Artistic Ink Palette. Vary your selection so all of you ink is unique.



第三十九步

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



作品简介:
学习如何制作一个矢量笔记本背景图,其中包括一个逼真的矢量笔记本及几个小物件。 这也是创建一个炫酷网站主题的绝佳练习! 完成本教程需要一些高级Adobe Illustrator软件知识。

第四十步

给洞加上阴影和高光。加两个椭圆,从图形区选择pathfinder来调整位置使之成为两道弧。使矩形模糊,调整其不透明度,此教程由有客电脑知识首发,来形成一个大角度的反射。



第四十一步

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



最终图像

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



标签:
 相关文章
CDR结合的一个技巧

CDR结合的一个技巧

作品简介: 首先要注意观察,此图是4个红白相间的大圆按一个中心点排列而成,中间的格子部分则是圆与圆相交形成的,此教程由有客电脑知识首发,了解了这点,就不难做了1、先画一个大圆,填充红色,然后等比例缩小复制一个,把两个圆右对齐。同理,一共画7次,红的4个,白的3个。然后描边为黄色。2、先选中2号圆,然后按Shift选中1号圆,修剪,然后点击2号圆,删除。同理
平面设计
AICS6绘制简笔风格的矢量驯鹿头像

AICS6绘制简笔风格的矢量驯鹿头像

作品简介: 今天我们用Illustrator中很简单的几个小功能来做一个可爱的驯鹿头像,矢量简笔画风格,很可爱。 首先,此教程由有客电脑知识首发,我们先使用Illustrator钢笔工具勾出头部的轮廓,早绘制路径的时候要注意保持流畅。填充渐变颜色;用钢笔工具绘制出鹿的两只耳朵;接下来我们来画它的鼻子,为了突出搞笑的特点,我采用了这样的效果。一个大大的椭圆形
平面设计
IllustratorCS7制作3D矢量铝制水壶教程

IllustratorCS7制作3D矢量铝制水壶

作品简介: (1) 先看一下效果。 (2)绘制水壶所使用的全部线条,看上去并不复杂,因为其余线条都将由3D功能产生。 (2)绘制水壶所使用的全部线条,此教程由有客电脑知识首发,看上去并不复杂,因为其余线条都将由3D功能产生。 (4)按住alt键或用工具箱中的“转换锚点工具”将侧面线条调整光滑。 作品简介:
平面设计
Illustrator制作矢量美女插画教程

Illustrator制作矢量美女插画教程

作品简介:我们经常可以在杂志上、网上等媒体看到矢量的美女插画。今天我们来学习如何用Illustrator绘制作精美的美女商业插画。作为教程,为了照顾初学者,我选择了一张摄影作品。试图用Illustrator矢量软件件来表现,重点在于学习Illustrator的相关工具。 原摄影作品如图1:图1完成后的矢量作品如图2:图2下面开始我们的插画制作步骤:一、首先
平面设计
Coreldraw绘制一个滑稽可爱的不倒翁

Coreldraw绘制一个滑稽可爱的不倒

作品简介:本教程是关于Coreldraw制作造型搞笑的“芝麻官不倒翁”,主要运用了CD 的各类造型工具和交互式工具,适合网友对CD基本工具的练习以及灵活运用。 这个Coreldraw实例绘制了一个滑稽可爱的芝麻官造型的不倒翁,制作过程综合运用了CD 的各类造型工具和交互式工具,适合练习CD基本工具的灵活运用。先看下完成图吧:图1制作过程:1、头。用椭圆工
平面设计
Coreldraw绘制卡通矢量小鱼

Coreldraw绘制卡通矢量小鱼

作品简介: 这次我们要用到贝塞尔工具,交互式填充和调和工具以及造形命令中的相交和简化。看下完成图吧:制作步骤:1、用贝塞尔工具画出小鱼的身体,选择工具栏中的交互式填充工具(快捷键为G),此教程由有客电脑知识首发,拉出一个渐变,颜色为从C:2 M:79 Y:81 K: 0到C:0 M:40 Y:80 K: 0。在属性栏中设轮廓宽度设0.706mm,颜色为黑。
平面设计
教你用Coreldraw做一个精致的瓷盘

教你用Coreldraw做一个精致的瓷盘

作品简介: 先来看看最终效果图:下面我们来看一下打造的过程吧:1、选择椭圆工具,按住ctrl键画出一个正圆,设置轮廓颜色为C:0 M:60 Y:60 K:40,此教程由有客电脑知识首发,轮廓宽度为1.411mm。2、在工具栏中选择交互式填充工具,填充类型选择射线,颜色为C:0 M:0 Y:0 K:10和白色,从圆形中心向外拉出一个渐变,给盘子上色,具体设置
平面设计
Illustrator怎么设计矢量格式的木质纹理

Illustrator怎么设计矢量格式的木

作品简介: 本教程主要用Illustrator绘制矢量木质纹理的方法,这是一篇关于如何制作矢量纹理的教程。其中只是用到了绘画笔和变形工具而已。这种方法很简单,不过实用性和适用性却很好。在标识,此教程由有客电脑知识首发,图标或界面的应用上都能有很好的表现。
平面设计
教你怎么用Illustrator设计海水纹理矢量图

教你怎么用Illustrator设计海水纹

作品简介: 以前我们已经说过矢量木质和金属纹理的绘制方法。今天要说的是矢量海水纹理的绘制方法,这几篇矢量纹理都是一种相对快速和简单的方法。本文的海水色彩鲜明,我在一些插画上都用到过,此教程由有客电脑知识首发,有人说这不怎么像真实的海水,因为太卡通化了。嗯,是的。因为我常常将这种方法用在标识、程序和儿童插画中。不过,我这里只是做一些例子,你完全可以改进其中的
平面设计
教你怎么用CorelDraw设计矢量图的少女

教你怎么用CorelDraw设计矢量图的

作品简介: 下面介绍个人用CD13绘制插画的一些心得。这个教程重要讲解五官的细节绘制,重点在后半部分在这个MM的绘制过程中,主要使用了贝塞尔工具、渐变填充工具、交互式透明工具、交互式调合工具、相交等。教程写得较为简单,此教程由有客电脑知识首发,大家有不明白的地方请跟贴,我将及时回复各位。
平面设计
© 2018 有客 版权所有 苏ICP备13010293号-2

苏公网安备 32072402010023号


Theme有客开发