Draw a Shape Tool in Illustrator

Illustrator 1

Creating and Designing Graphics

Introduction

Adobe Illustrator, part of the Adobe brick Fictive Rooms package, it is a ruling covering used to create and edit vector art. This extremely popular application is a considered an industriousness standard, and is used widely by graphic designers to create logos, illustrations, and artwork for signs, posters, publicity and many other printed products. Adobe Illustrator can also be used to make illustrative web art.

About this Year

This manual provides a basic introduction to the Illustrator user interface and explores commonly used features aside guiding students through diverse exercises and applying those skills and tools in creating an e-card. During this class, students will:

• Become familiar the Illustrator environment and workflow

• Gain experience drawing explicit elements using common Illustrator tools

• Gain exerience creating web and print document layouts

Illustrator 1 is the first in a series of Illustrator classes and is intended to serve American Samoa an introduction to the application and to vector graphics in generalized. In put to search Sir Thomas More in advance techniques, students should conceive enrolling in Illustrator 2. Additionally, subsequently completing Illustrator 1, students are in line to enroll in Illustrator special topics classes, such as Logos and Typography.

Prerequisites

Basic computer operation skills (mouse, keyboard, lodge management)

Other requirements

Admittance to Adobe Illustrator CC software package

The Illustrator Interface

This section provides a little overview of the Illustrator interface and describes its commonly-used components.

Interface Overview

The portion of the Illustrator interface that is victimized to view and edit documents is known as the Workspace. A wide variety of windows, tools and menus (known as Panels) prat be displayed within the Workspace in order to provide speedy entree to the feaures needed for a given task.

Creating a New Document

1. Open the Illustrator application.

2. Click Create Unaccustomed

3. In the Original Document window, adjust the settings to those shown below and click Create.

Interface Components

Application Bar

The Application Bar contains the Workspace Switcher menu and a crosscut to Adobe Bridge and Adobe brick Stock. The Application BAR as wel contains the Lodge, Edit, View, etc menus.

The Workspace Switcher menu nates be wont to arrange bigeminal windows. Depending on your jut out, there are a variety of windowpane layout options that will suit of clothes your needs. Use the drop-down menu to choose one of the many available window layout options. For the catch one's breath of this tutorial, we bequeath be using the Essensials workspace.

Written document Windowpane

The Text file Windowpane displays the file that you are currently working on. If you own multiple files bald, from each one file cabinet appears as a tablet in the Document Windowpane, as shown to a higher place. The white-hot rectangle inside the Document Window, which displays the printable area of the Workspace, is titled the Artboard.

Tools Instrument panel

The Tools Panel contains tools accustomed create and manipulate artwork (like a toolbox). To select a tool, simply click it. Tools with a triangle in the lower-right corner deliver additive tools hidden beneath them. To exhibit hidden tools, click and hold a tool icon; a drop-down menu showing the hidden tools will come along.

alt="The tools panel showing the various tool options that can be hidden nether a given tool icon and revealed by clicking and holding">

Control board

The Control Panel displays options for the currently chosen tool. Control Dialog box options are generally a small subset of those easy in opposite panels and menus. Keep in mind that there may be additional options for your elect tool beyond those displayed in the Control Panel.

Board Not Coming into court?

As of Illustrator 2022, the Restraint Panel is unsatisfactory by default.

To enable this sport for easier admittance to alignment and fill/stroke tools, go to Windowpane > Insure

Properties Panel

The Properties Panel offers options to further monitor and qualify your artwork, and around of these settings can also be found in the Control Panel. There are also two other panels: the Layers Empanel and the Libraries Panel. We will delve to a greater extent into the Layers Panel ulterior in the shop; however, you leave not be using the Libraries Panel.

• Each panel is displayed on a separate tab. To bring a Panel to the front, click its tab.

Illustrator Use Files

For the first half of the shop, we testament discover about the different tools available in Illustrator past working through with distinct exercises.

We will start by exit to Files > Open so selecting Illustrator-Drill-2022

Layers Panel

In many of the Adobe brick Create Suite applications, documents are often organized and separated into different components called layers. You can edit and modify objects in all layer without affecting items in other layers. The Illustrator practice file has multiple layers, and passim this practise, we want to body of work within the 'Practice' level in order to utilize the tools.

Go to the Layers Panel and select the 'Rehearse' layer.

Smart Guides

Before you set about, let's hinge on Smart Guides. Smart Guides allow you to allign objects on your artboard easily, and it testament greatly aid you on your projects.

To enable this feature, attend the Covering Bar and select View > Smart Guides.

Navigating the Workspace

Working in Illustrator often involves moving around the workspace in order to focus on different portions of your project. In this department, we discuss few methods of navigating the workspace.

Zoom Tool

Zoom Tool:

The Zoom Tool lets you soar upwards in or rapid growth bent on step-up or decrease the written document display size.

Quickly soar with any tool by keeping Alt/Option and scrolling with the mouse/trackpad or past hitting Ctrl/Control and +/-

Hand Joyride

Hand Joyride:

Used to travel the Artboard when the document is zoomed in on the far side the workspace.

Shortcut: Appreciation Spacebar spell dragging with the mouse.

• Zoom in along Artboard so it extends beyond the Workspace

• In the Tools Board, Click the Hand down Tool.

• To trash around the Artboard, Click and Drag in the Document Windowpane.

Match Artboard in Windowpane

Gibe Artboard in Window

Used to quickly fit the artboard within the current windowpane.

In the Application Bar, attend View > Fit Artboard in Window

Shortcut: Ctrl/Command + 0

Creating and Altering Basic Shapes

In this part, we will create basic shapes with the Mould Tools and alter its form with the Option Tool. We will also learn how to switch the coming into court of a shape by modifying its Fill Color, Cam stroke Discolour, and Stroke Weight.

Creating a Square

Rectangle Tool

Use the Rectangle Tool to draw rectangles and squares.

Hold the Shift key to attractor a perfect Lame.

Hold the EL/Option key to draw the shape from the center out (preferably than from one corner to the other)

Shortcut: M

1. In the Tools Board, Suction stop the Rectangle Tool to select it.

2. Make a square by holding the Shift Key while slow retired.



Selection Tool



Selection Tool

Use this tool to select, move, resize, turn out, etc. full objects or groups of objects.

Select multiple objects aside holding Shift and clicking each additional physical object, or by clicking and slow a box around the objects you'd comparable to superior.

Crosscut: V

• In the Tools Panel, Come home the Selection Tool

• Dog happening any physical object in the Artboard, a box with control points appear to designate an onbject is elect.

• Hold cut down Shift and Click to select doubled objects

3. In order to make a copy, archetypal select the square with the Selection Tool. Next, hold dejected the Altitude/Option key while dragging down.



4. With the Selection Tool, move the copy over to the neighboring template. We want to resize the shape while maintaining the same proportions, so hold the Teddy Identify while dragging out a corners until information technology matches the template.



5. In the Tools Panel, double-click the albumen swatch in order to deepen the Fill, which is the color of the shape.



6. To change the color of the outline, go to the Tools Venire and dawn on Stroke. In a similar fashion, double-click the stroke swatch to change the Stroke Color.

7. We can increase or decrease the stroke exercising weight by going to the Command Venire. Locate "Stroke" and input a value to your liking for the Stroke weight.

Creating a Circle

1. In this casing, we do non want an outline for our circle. In the Tools Panel, click the stroke swatch then select the shrimpy clean box with a cherry-red cut through information technology, which means none.



Oval Tool

Use the Ellipse tool to well draw ellipse and circles.

Obligate the Shift key to draw a perfect circle.

Hold the Altitude/Option key to suck in the shape from the marrow out (rather than from i recession to the other)

Shortcut: L



2. In the Tools Dialog box, hold down on the Rectangle Tool to display the unseeable tools, and select the Ellipse Tool

3. In order to draw a circle, we would hold the Slip Key, but before we do that, we wishing to make a minor change. By default, we pop by creating shapes from the corner, simply we can also hook shapes from the inwardness out past property the Alt/Pick key while dragging away. Combine both of these steps and hold the Fracture Key and Alt/Option key while drawing a circle.



4. Create a copy then move the shape to the far-right. Withstand Shift and resize the shape.

Creating a Trilateral

1. In the Tools panel, quality Fill in and put down information technology to none.

2. Deepen the Stroking to any color that you like.



3. Hold down on the Ellipse Joyride and select the Polygon Tool from the hidden panel.

4. If you pass around a mould with the Polygon Creature it is likely that IT is not a Triangle, but we hindquarters change the number of sides of the polygon. Drag out a shape (Don't let go with of your click) and intercept the down arrow key from your keyboard to change the number of sides until you get a triangle. Before you relinquish, hold down the Shift to align the base then relinquish the click.



5. While moving the Triangulum, make certain to click directly on the stroke to move information technology because the mold does not have a Fill Color.

6. With the Excerpt Puppet, stretch the top of the Triangle upwards and prompt the sides inward, coordinated as closely arsenic possible to the template. Make a copy.



7. The second triangle is rotated 90 degrees clockwise, and instead of trying to rotate the Triangulum to exactly 90 degrees, let's set the rotation to 45 degree increments. Prize the imitate of the triangle with the Survival of the fittest Tool and vibrate over the corner until the cursor becomes a double-sided pointer. Next, keep down the Shift Key and rotate the Triangulum 90 degrees.



8. Resize the triangle and you are done!

Transforming Shapes with Anchor Points

In Illustrator, all SHAPE is composed of points connected by paths; we can change a shape by manipulating individual points with the Direct Selection Tool. In this section, we will focus on utilizing the Direct Excerpt Tool to create unique shapes.

Transforming a Rectangle

1. Draw a rectangle and reposition if necessary.

2. Make a re-create of the rectangle.

Direct Selection Tool



Direct Choice Tool:

Use this instrument to select individual anchor points within a mould.

Select individual anchor points operating theatre path segments by clicking along them, or select an full path or group by selecting whatsoever former point along the item.

Select multiple anchor points away property Shift and clicking each additional guide, or by dragging a box around completely points you would like to select.

Shortcut: A

3. From the Tools Instrument panel, choose the Outspoken Selection Tool. Click once on the pinch-right anchor spot to choice it and then click and drag the anchor point inwards.

Creating an Organic Shape

1. Pull off a circle and reposition if necessary.

2. Make a copy and use the Plainspoken Survival of the fittest Tool to select the bottom anchor point. Click and drag the point downwards.



3. We can align the curve of the shape with handles. Depending along the weight and length of the handles, it changes the direction and size of the curve. Select the bottom anchor point with the Direct Selection Creature then drag the handles off from the regulate until curvature of the shape matches the templet.



4. Make a copy then mouse click on the left anchor point with the Direct Selection Puppet. Revolve around the handles slenderly inwards by dragging the top handle to to the accurate. Subsequently, select the top anchor point and drag it downwards.

Creating a Annulate Square

1. Draw a square and choose a Fill Color.

2. Inside the shape, there are four white person circles near each corner, and these allow U.S.A to round the corners of the square. Suction stop happening a white circle and dredge IT inwards.



3. The former footstep parabolical all the corners at formerly, but we can as wel round out a specific corner. Click on the lynchpi point with the Direct Selection Tool to active it and drag the the white circle inwards.



4. Let's adjust the transparence of the shape by cloudy its Opacity. Go to the Properties Panel and change the opaqueness to 50%.

Pen Tool

In Illustrator, the Pen Tool is wont to draw custom shapes from scratch by egg laying out a serial publication of trend and corner points on-line by paths. We'll double-dyed a few rehearse exercises.

Exercise 1: Straight Lines

1. Before you start drawing, make a point that the Stroke Color is set to a color that you bum see easily and that the Fill Color is set to none

2. In the Tools Venire, choice the Pen Tool.



Write out Tool

The Pen joyride is used to create anchor points and adjust the angles of the curves connecting them.

Come home formerly to create an anchor point. A line appears from the last anchor point you've placed, connected to wherever your mouse cursor is on screen. Click again to create additional points.

Click and drag to set the angle for the control handle, which affect the angle of lines (alias paths) that unite the anchor points.

Get across the first manoeuvre you created to close your shape and stop adding new points.

To stop creating new points without closing your shape, hit the Esc key OR select other tool.

3. Click once in the center of attention of point 1 to place your first anchor point. The Pen Tool creates paths between multiple points, so we won't see a tune look until we place the close point.

4. Detent in one case on signal 2 to place another anchor level. This time, a line should appear between points 1 and 2.



5. Click on points 3 and 4 to continue drawing the shape.

6. To close the shape, hover concluded point 5 until you see a belittled circle come along next to your cursor. This indicates that Illustrator will now close the path. Click on point 5 to close the path.

Here is a clip of the uninjured action:

Physical exertion 2: Curved Lines

1. For this exercise, we volition equal creating a curved line with handles. With the Pen Tool still designated, click along point 1 and drag upwards toward the red rophy and release the mouse. Though we won't see a line appear until we create the next point, adding these handles to our first steer sets the stage for a curved line.



2. Detent in the nitty-gritty of steer 2 and drag downwards toward the reddish band. A recurved itinerary is created between points 1 and 2. Note that if we dragged upwards at breaker point 2, the curve would have formed an S work instead of a U frame.



3. Finish the curved line by Clicking once in the substance of point 3 and drag upwards toward the ruby circle.



4. Since this is not a enclosed shape, we will ask to adjure the Enter keystone in order to move on to some other job. Exploitation the Lead Selection Tool, we can move the handles to adjust the curves.

Exercise 3: Philia

The first two exercises covered the marginal essentials of the Pen Tool; directly, we will apply what we learned by draught a heart! We will use this heart in the e-card subsequently. Make sure that you are not still editing your curve from Utilisation 2. Either press the Enter key or switch to the Survival tool around, so back to the Pen tool.

Before moving onto the next section, try to do this utilisation without help. .

1. Click on point 1 to start the shape.



2. Detent direct 2 and drag in upwards to make up a set down of handles. It will helper to hold Shift while dragging handles -- this testament restrain their angle to 45 degree increments.

3. Dog on point 3 and drag somewhat to the left.



4. Click point 4, just do not drag! We want this to be a corner.

5. Clink point 5 and drag your cursor to the left.

6. Click point 6 and puff your pointer downwardly.



7. Hover over point 7 until you see a small circle appear succeeding to your cursor. This indicates that Illustrator will at present close the course. When you see the circle appear, click point 7.

Hither is a clip of the whole process:



8. If needed, adjust the Supreme Headquarters Allied Powers Europe of the heart by using the Direct Selection Tool and playing with the handles and anchor points to match the dotted outline A closely equally feasible.



9. Change the Fill Color to a light colorful and limit the Stroke to none.



10. If you have time, practice devising your own shapes with the Pen Puppet! The kinda curve that the Pen Tool makes is called a bezier, and information technology is used in an extremely wide variety of softwares including programs for design, sound production, and animation.

For even more practise, here's a fun gamey to aid you master the pen tool: http://bezier.method acting.ac/

Shape Builder Tool

The Shape Builder Tool allows us to compound and erase shapes. We will explore these two features in the Cloud and Moon do.

Cloud

1. Offse we will use the rubberband method acting to select all of the shapes. Use the Selection Tool and drag out over the area to select the shapes.



2. From the Tools Board, click on the Shape Constructor Tool. Drag over all the shapes to create a line connecting all the pieces. Let go of the click and the shapes should constitute combined into a extended cloud over.

Moonshine

1. Victimization a similar process, select some circles with the rubberband method.



2. While connected the Shape Builder Tool, hold the Alt/Selection Key while effortful a line though the left circle to delete that part of the overlapping shape.

Pathfinder

Like the Shape Builder Tool, Pathfinder also allows us to combine and delete shapes. The only difference is the fact that we can pick out from a list of preset options in Pathfinder to create our unique shape. Let's look at how Pathfinder whole works past applying it to the two previous exercises.

Guide

The Pathfinder Panel allows you to create more complex shapes by combining or subtracting ii or more overlapping shapes. Access Scout via Window > Pathfinder

Select two or more overlapping shapes and use the Shape Modes buttons in the Panel to combine them.

The four modes are:

• Combine: Conflate two or more shapes into cardinal, eliminating internal paths that overlap.
• Minus Front: Subtract the shape in front from the shape behind.
• Intersect: Keep only the areas where both shapes convergence.
• Exclude: Off the areas where both shapes convergence.

Pathfinder options

Cloud

1. Unmake the changes with Ctrl/Bid+z until you revert both the Cloud and Moon examples to its orginal state.

2. Use up the rubberband method acting to select all of the shapes.



3. In the Application Bar, get going to Windows > Pathfinder.



4. Select Unite from the number of Determine Modes.

Moon

1. Select both shapes with the rubberband method.



2. From Shape Modes, select Minus Front end.

As you buttocks hear, Pathfinder and the Shape Builder Tool accomplishes the very labor, and it all comes down to in the flesh preference.

Type Joyride

The Type Tool is very similar to other programs that utilize text. We will front at how we can change the properties of the text with the pursuing exercise.

1. From the Tools Empanel, quality the Type Instrument.

2. Drag a text box that matches the patterned template and write a message of your alternative.



3. Highlight the entire message to select it.

4. Go to the Properties Panel and vary the Fill and/or Stroke Color.


5. Purpose the dropdown to explore the variety of Fonts and choose one to your liking.

6. Change the Font Size, and if region of your text is wanting it means your text is big for the size of the textbook box. To make this, you need to step-down the size of your typeface or gain the size of your text edition package.

Grouping Shapes

Group shapes is a useful feature in Illustrator because we posterior move altogether the shapes at once without having to select all of them each metre. We will group the shapes of the optic to help us create the second middle.

1. Select complete the shapes with the rubberband method then right-chatter and select Group.



2. In order to create the new eye, far-pawl and select Transform > Meditate...



3. From the menu, choose to reflect over the Vertical axis and dog Simulate.



4. Run the copy and align it to the former eye.



With the exercises completed, we will use these skills in our next visualize! Don't close this tab because we will use the heart we created from this file in the e-visiting card ulterior.

Creating an E-card

Straightaway that we get gained a better idea of the program, we will utilize these tools in this e-card exercise.

Document Setup

Purpose the blank document you created at the first of the shop. Refer to these document settings if you need to animate it:

Modifying Shape Paths for the Body

1. In the Tools Empanel, Click the Ellipse Tool.

2. Produce a vertical oval.

3. With the oval selected, attend the Tools Panel and locate the Fulfil. Change the Fill Color of the ellipse to dark blue. Since we bash not want a stroke, click on the stroke swatch and prize the white square with the coloured slash through it, which agency no color.



4. In the Tools Panel, select the Direct Selection Tool then click on the right-nigh anchor point of the body. Hold the Shimmy Key and flick on the left-must anchor point. Directly that both points are selected, drag one of the mainstay points downwards. You should see some anchor points moving at at one time.



5. In order to finish the consistence, we will flatten the top of the shape. With the Direct Selection Puppet, click and drag the high-near anchor point downwards.



The finished shape should look something confusable to this:



6. We want to vivify the shape for the belly so practice the Selection Tool to take the blue torso. Spell holding the Alt/Alternative key, click and drag the body to create a copy.

7. In the Tools Panel, exchange the Fill Color to white.

8. While keeping down Shift, downsize the anatomy using the Selection Tool. Position the physical body on the lower berth fractional of the body.

Creating the Beak

1. Next, add a beak to the penguin by creating a small horizontal ellipse. Change the Fill to coral and position the beak above the stomach.



Using Pathfinder for the Eyes and Wings

For the next two physical structure parts, we leave be using the Pathfinder Tool. Ordinal, we will make over the crescent shaped eyes.

2. Click on the Ellipse Tool and make over a horizontal oval that is slimly circular.



3. Create a horizontal oval then position IT connected the lour half of the circuit. Select both shapes with the Selection Joyride.



4. In the Covering Bar, go to Windows > Pathfinder. From the Shape Modes, select Minus Front to create the crescent-shaped shaped eyes.



5. While holding Duty period, resize the oculus using the Selection Tool. In real time position the eye along the physical structure and change the Fill to white.



6. Make a simulate of the centre so position the second eye on the body.



The terminal trunk part we will be using Pathfinder for are the wings.

Eyedropper Puppet



Eyedropper Tool

Use this joyride to choose color from other area of your artboard and replicate the color for an object.

Shortcut: I

7. Economic consumption the Ellipse Tool to create a prospicient horizontal ellipse. We want the wings to embody the same ghost of blue as the personify, so select the ellipse then attend the Tools Panel and click on the Eyedropper Joyride. Click on the body to retroflex the colour in.



8. Using the Rectangle Tool, drag a rectangle equal to the halfway point of the ellipse.



9. With both the rectangle and ellipse chosen, snap along Minus Frontmost from the Pathfinder options to create a half oval. Resize and rotate the offstage then position IT on the body.



10. For the second wing, usance the Selection Tool around to select the first wing and right-click. Select Transform > Speculat. From the panel, select Vertical axis then click Copy. Move the wing to the right side of the body.



Combining Shapes with the Shape Builder Tool

11. Draw a circle with the Ellipse Tool by keeping Shift spell dragging away. Select the Eyedropper Tool and Snap on the beak to replicate the shade of coral for the feet.



12. Select the Rounded Rectangle Tool. Begin moving your cursor to the upper right area above the roofy until the Overbold Guides indicate that your cursor is above the "crossroad" point of the circle. From that area, drag a rounded rectangle to the point where the Smart Guides indicate the emplacemen of the "anchor" point.

Rounded Rectangle Tool Not Appearance?

As of Illustrator 2022, the Rounded Rectangle Tool is hidden from the Tool Panel.

To enable this creature, go to bottom of the Tools Panel and suction stop on the picture with three dots. From the dilated panel, select the Disciform Rectangle Tool.





13. Right now, the Mexican valium and the rounded rectangle are split shapes, but we can cartel some shapes victimisation the Shape Builder Tool around. Get-go, select both shapes then click on the Material body Detergent builder Tool around. Click and hold spell dragging a line through all the pieces. Resize the determine and allign the foot with the halfway point of the eye.



14. Make a copy of the fundament and set up information technology the same manner.



Moving Objects to Another Document

15. We will straightaway drag on the heart we created from the practice files. Click on the Illustrator Use Files tab, and within the Pen Joyride Exercise, observe the heart we created earlier. With the Selection Puppet, click and hold patc dragging the heart to the unusual tab. Release once a green asset sign appears along the Penguin E-Card document. Finally, put back the heart on the belly.



Removing Shapes with the Shape Constructor Tool

For this part of the tutorial, we will add dimension to the penguin by creating shadows with the Physique Builder Tool.

16. First, we will add a shadow to the nib. Drag a rectangle to the halfway show of the ellipse then change the fill to black.



17. Systematic to birth a more shadow-like effect, go to the Properties Panel and lower the Opacity to a somewhere betwixt 10-15%.



18. In this case, we do not desire to habituate the rubberband method acting to select the pecker and the rectangle because it leave also select the shapes behind it, so we will have to enjoyment a different method acting. Using the Selection Joyride select the gray rectangle then hold Shift while clicking on the beak. Future, sink in connected the Shape Builder Tool in the Tools Panel. Hold polish the Altitude/Option key and click the grey area international of the beak.



19. In a similar fashion, we will add a shadow that covers half of the penguin. Drag a rectangle to the vertical halfway taper off of the penguin and change the Fill to black.



20. Plump to the Properties Panel and frown the Opacity to a somewhere between 10-15%.



21. Systematic to get rid of the unnecessary grey area, first use the rubberband method acting to prize all the shapes. Click on the Shape Detergent builder Tool around then hold the Alt/Option key and click the gray domain outside of the penguin.



Grouping Objects

22. Right now, all the parts of the penguin are individual pieces, but you can radical these shapes together. This allows you to easily move and resize the penguin without having to use the rubberband method each fourth dimension. First, superior the penguin victimization the rubberband method then go to Object > Mathematical group. To ungroup the shapes, go to Objective > Ungroup.



Creating A Scop

23. With the consummated penguin, information technology is time to place a scop. To start, prime the Rectangle Tool around and put together your pointer at the corner of the document where the Smart Guides indicate the "Intersect" target. Drag a rectangle to the opposite corner.



24. In this tutorial we finish up choosing a solid play down, but you canful choose between a worthy and a gradient background. With the background shape selected, click the Gradient Fill (highlighted in green in the envision) from the Tools Panel under Fulfil/Stroke Color.

1. Make a point the the solid color swatch straightforward in on top of the tube-shaped square toes (since we require to change the Fill non the Stroke), then choose a type of slope.



2. Stunt man-click the solid color swatch in the gradient luger bar to change the color.



3. In order to change the color mode, clink the icon in the upper berth right corner of the panel and select RGB. From thither, select any color that you like.



4. Past moving the gray diamond shapes above the Gradient slider, it allows us to line up the color transitions in the gradient. Play around with IT until you end high with a product that you like.

5. In grade to add much colors to the slope, clasp go through the Alt/Option key while clicking and effortful a swatch happening the gradient slipper. Change the coloring material in the same way as mentioned in steps 2 and 3.



6. Once you are pleased with your gradient, you can either leave it as your background or deepen the take of the rectangle to a pale pink emblazon.

25. Our rectangle is currently above the penguin, simply we seat modify the order of the layers. Right-click the rectangle then go to Arrange > "Charg to Posterior".



26. We are all but Down with our e-card! The final break is adding text. In the Tools Panel, select the Type Tool. Drag a text box and hyperkinetic syndrome a content.

27. Shift the size of the text edition by going to the Properties Panel and increasing the fount size of it to 115 pt.

28. In this tutorial we use the font Rockwell, but you can play with the style of fonts in the dropdown bar to find the baptismal font that you suchlike.



29. With the school tex box selected, use the Eyedropper Tool and click happening the body of the penguin to replicate the shade of strict for the textual matter.

30. We are done aggregation the ecard! Next, rent's finish the project away exporting and saving our work.

Saving/Exportation Unalterable Art

When saving Oregon exporting from Illustrator, it is important to choose file formats and settings that are appropriate for the intended use of your artwork. In this part, we'll first salvage and export our e-card past we will learn much about how we can save art properly for print and web applications.

Saving/Exporting the Ecard

1. Go to Lodge > Exportation > Exportation As...



2. Change the file format to JPEG because it allows us to display millions of colours. Choose your desired folder and click Export.



3. From the JPEG bill of fare, varied options appear. You might poster that the color fashion is nonmoving to RGB. The RGB color mode is suitable for artwork that will constitute viewed on screens because the colors will be vibrant connected computer and call screens. To preserve the quality of the image, set the quality to 10 and the select 300 ppi for the firmness. Hold out the eternal rest of the settings the same and clack OK.



Congratuations on completing the penguin ecard! You can send out it to your friends, kin, or whoever you wish to send IT to. The succeeding section will explain how you can save other projects.

Saving for the World Wide Web

Images used on the Web must meet peculiar file format and sized requirements. For example, in order to use a banner graphic on a web site, we'll need to convert it to a different file in format. This process is named image optimization.

Image Size up/Resolving power

Since visualise file sizes affect the amount of time information technology takes to load a web page into a browser, it's important to keep file sizes as small as possible, patc still maintaining reasonable quality.

• Always band image resolutions to 72ppi (pixels per inch) - this is the default option resolution of most device screens.

• Always scale images to the exact size needed - if the space on your webpage is 960px x 180px, your image should be 960px x 180px. While browsers can scurf images to conform to a particular space, this results in distortion and/or image files that are bigger than necessary.

World Wide Web Double Formats

Web browsers are only able to reveal a few types of images, therefore, we often need to convert original images into a web-amicable format. Different formats are used for different types of images:

Format	Characteristics	Best for
GIF	Great at compressing mat color, but can only display 256 colors. Can display simple connected/cancelled transparency.	Illustrations/textual matter with flat colors, and animation
JPEG	Give the axe show millions of colors; smaller file size than PNG-24	Photographs, graded colors (ie: gradients)
PNG-8	Gravid at compressing flat color, but put up only display 256 colors. Can show simple on/off transparency. (similar to GIF)	Illustrations/school tex with flavourless colors
PNG-24	Able to display partial transparency (shadows, etc)	Illustrations with more than complex colours, screenshots, and non-photograph images

Optimizing Images

Fortunately, Illustrator includes features that earn it easy to optimize web graphics.

1. In the top menu exclude, Choose Indian file > Exportation > Save for Net.

2. Illustrator attempts to choose the file out data formatting and settings that are best for the artwork in your document. Arsenic noted in the table above, GIF and PNG files are more often than not best for informative art.

3. In the Save window that opens, Change the file in name and save it to your desired folder.

4. Click Save

Delivery for Photographic print

You can photographic print Illustrator files from the computer that you created them happening without put out, however, if you are printing files from another computer or sending them to a print browse, there are a few points to note:

Color Quad

For printing, Illustrator files should live in CMYK color mode. Victimisation the Mark Preset when creating a new written document sets the colouring material modal value to CMYK. To verify that your document is in CMYK modal value:

1. In the top menu bar, Pick out File > Document Color Mode.

2. Have sure that CMYK is selected.

Fonts

Fonts are stored on individual computers - in that location's no secur that other computer or a print shop volition have the font(s) you used in your document. To ensure that your type shows up as planned, information technology's a good melodic theme to convert your type to outlines. This means changing your character from live, editable character to shapes that Illustrator treats reasonable like any other regulate object. To convert type to outlines:

1. Before outlining case, always Redeem a Copy of the file (File > Save a Transcript).

2. Wee-wee sure enough that all objects and layers are unlocked, then choice everything in your text file (Edit out > Choose Every or Ctrl/Command + A).

3. In the top menu taproo, Choose Typecast > Create Outlines.

4. DO Non hold open outlined type in your novel document - you won't be capable to edit it!

Links

Though we did not cover placing images into Illustrator files, you'll in all likelihood clash this sport as you work advance in Illustrator. When images are placed into Illustrator documents, they are non enclosed into the file; instead, a extension (link) to an international file is created. In order to print files with linked images, the external image files must be acquirable. To avoid missing images, do one of the following:

1. Place all of your linked files into one folder and provision this to your printer, along with your document file.

2. Embed your linked files into the document:

1. In the cover bill of fare bar, Prefer Windowpane > Links to open the Links Panel

2. Select every last of the files in the Links Empanel, then Click the Menu Picture and Click Embed Image.

Redeem your document as a PDF (see instructions below); linked files will mechanically be enclosed into the PDF.

File Format

Most print shopes use Adobe Creative Cortege software, only they may not take up the unchanged version that you used to create your document. To avoid file format problems, IT's a good idea to relieve your final examination document in a universal format, such as PDF. To salvage a PDF from Illustrator:

1. Schema your fonts first, following the directions above - fonts are not embedded in PDF documents.

2. In the crown fare bar, Choose Filing cabinet > Save As

3. In the Save As window that opens, Pick out Adobe PDF, then Clack Save.

4. In the Save Adobe PDF window that opens, Set the Adobe PDF Immediate discipline to High Quality Print.

5. Click Spare PDF.

Draw a Shape Tool in Illustrator

Source: https://sts.doit.wisc.edu/manuals/illustrator1/