[ Illustrator教程 ] Illustrator繪製漂亮的矢量風格筆記本- AI/CD教程 - 骨子愛創意

教學主題: Illustrator繪製漂亮的矢量風格筆記本

大家好!! 小編今天來和大家分享關於 AI/CD教程中的Illustrator教程教學

今天的這個教學主題是: Illustrator繪製漂亮的矢量風格筆記本

這教學的重點為這幾點 [ 風格,筆記本,矢量,漂亮,the,to,Step,of,us ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

學習如何製作一個矢量筆記本背景圖，其中包括一個逼真的矢量筆記本及幾個小物件。 這也是創建一個炫酷網站主題的絕佳練習！ 完成本教程需要一些高級Adobe Illustrator軟件知識。

最終圖像預覽，下面是最終的設計樣品，也是我們要努力達到的效果。

進入論壇參與討論和交作業: http://www.missyuan.com/viewthread.php?tid=419862

第一步

先用圓角矩形工具畫出筆記本的基本輪廓圖形。可按住上下箭頭來改變邊角的弧度。

Step 2

使用如下圖所示複雜的色彩漸變。

第三步

複製筆記本輪廓圖層，用路徑合併工具切除一半，如下圖。

第四步

複製左半部分，然後圖層置頂。設置較小的漸變度和multiply模式的100%透明度。

第五步

用鋼筆工具勾畫曲邊形狀，用Pathfinder工具切出圖形。

第六步

在下層製作深色漸變，使之看起來象是一塊陰影。

第七步

畫一個半圓，色彩淡一些。將它置於曲線下邊來完成整個效果。注意：使用漸變時，右邊色彩應該更淡些。這才叫做反射光，對於實現頁面捲曲而言，這可是個重要的細節。

第8步

給整個筆記本加上一個陰影。提醒你，能加多少陰影取決於你的電腦速度。陰影會降低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 it’s 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.

貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit／Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

Step 12

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

貼心提醒: 使用選框工具( Marquee Tools )的時候，按住Shift鍵可以劃出 正方形和正圓
的選區；按住Alt鍵將從起始點為中心勾劃選區。

Step 13

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

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

Step 18

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

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 you’re drawing the star shape.

Step 22

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

Step 23

Use Illustrator’s 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 they’re as close to the green highlighted areas.

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 I’ve 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.

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.

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 won’t 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.

第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 you’d like the reflection to be placed. Use the Divide option in the Pathfinder to break all your shapes up.

第37步

Now you’re 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.

第三十九步

.用白色畫筆畫一個橢圓，然後調整為一個洞的樣子。

第四十步

給洞加上陰影和高光。加兩個橢圓，從圖形區選擇pathfinder來調整位置使之成為兩道弧。使矩形模糊，調整其不透明度，來形成一個大角度的反射。

第四十一步

在筆記本封面上添加一些文字。運用Metals的漸變效果。

最終圖像

這就是最終的設計效果。你已經學會如何製作一個矢量筆記本背景圖，這也是創建一個炫酷網站主題的絕佳練習。

看完小編分享的教學之後 是不是對Illustrator教程中的AI/CD教程教學更熟悉了呢?

希望我們所介紹的 Illustrator繪製漂亮的矢量風格筆記本 這教學會喜歡

文章標題: 骨子愛創意- Illustrator繪製漂亮的矢量風格筆記本–轉載請註明來源處

本教學分類為Illustrator教程中的 AI/CD教程相關教學

文章相關關鍵字為: 風格,筆記本,矢量,漂亮,the,to,Step,of,us

本文永久連結 :Illustrator繪製漂亮的矢量風格筆記本

本文轉載自 :VIA