Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator How to Create a Vector iMac Graphic in Illustrator
Your Ad Here

How to Create a Vector iMac Graphic in Illustrator


How to Create a Vector iMac Graphic in Illustrator image 1

Open up Adobe Illustrator and create a new document, use the Rounded Rectangle Tool to draw the basics of the iMac screen. Use the up and down cursor keys to adjust the roundness of the corners while dragging.

Fill the rectangle with a soft gray gradient from left to right.

How to Create a Vector iMac Graphic in Illustrator image 2

Draw another rounded rectangle within the previous shape as the frame around the iMac screen, adjust the corners slightly smaller in order for them to continue parallel to the outer shape. Fill this rectangle with black.

How to Create a Vector iMac Graphic in Illustrator image 3

Create a third rectangle filled with white as the main screen area. Center the objects together with the Align Palette.

How to Create a Vector iMac Graphic in Illustrator image 4

Create another new rounded rectangle as the front edge of the base, with very slight rounded corners. Use the same soft gray gradient as the outer screen.

How to Create a Vector iMac Graphic in Illustrator image 5

Go to Object > Envelope Distort > Make with Warp to apply a subtle curve to the base, using the settings of -3% Bend and -2% Vertical Distortion.

How to Create a Vector iMac Graphic in Illustrator image 6

Use the Pen Tool to manually draw out the flowing shape of the base that leads up to the main unit. Concentrate on perfecting the outer curve then roughly complete the shape.

How to Create a Vector iMac Graphic in Illustrator image 7

Copy and Paste the new object and carefully position on the opposite side.

How to Create a Vector iMac Graphic in Illustrator image 8

Fill out the remaining gap with a rough shape drawn with the Pen Tool. Send all three objects to the back by pressing Ctrl/CMD, Shift, ]

With all three objects selected Merge them together using the Pathfinder tool.

How to Create a Vector iMac Graphic in Illustrator image 9

Fill this merged shape with a range of soft gray gradients spanning from light to dark to give the impression of the curved surface and shading.

How to Create a Vector iMac Graphic in Illustrator image 10

Drop in a logo on the lower screen casing, I've used the SpoonGraphics circular logo however an accurate Apple logo can be downloaded at Brands of the World.

How to Create a Vector iMac Graphic in Illustrator image 11

Fill the previously created white rectangle with a blue gradient spanning diagonally across the shape.

How to Create a Vector iMac Graphic in Illustrator image 12

Using the same fill colors draw an oval over the shape set at Overlay, 50% Opacity.

How to Create a Vector iMac Graphic in Illustrator image 13

Duplicate and rotate multiple variations of the oval, overlapping each one to replicate the traditional Mac wallpaper.

How to Create a Vector iMac Graphic in Illustrator image 14

Group the ovals together and paste a copy of the screen rectangle at the top of the stack. With both rectangle and oval group selected use the Crop function of the Pathfinder tool to delete out the excess shapes.

How to Create a Vector iMac Graphic in Illustrator image 15

The overall iMac graphic is coming together, but an Apple inspired image isn't complete without a glossy light cast.

How to Create a Vector iMac Graphic in Illustrator image 16

Copy the black frame rectangle and send to the top of the stack (Ctrl/CMD, Shift, ]), then draw a temporary shape giving a slight curved edge halfway down the rectangle. Use the Intersect option from the Pathfinder to complete the shape.

How to Create a Vector iMac Graphic in Illustrator image 17

Fill this new object with white and reduce the Opacity to suit.

How to Create a Vector iMac Graphic in Illustrator image 18

Finally give a sense of dimension by adding a subtle shadow underneath the iMac.

Draw a circle with a black to white radial gradient.

How to Create a Vector iMac Graphic in Illustrator Tutorial: Final Result

Squash the circle into a near flat oval and position under the base of the iMac, spreading outwards to the edges of the screen.

Reduce the opacity slightly to reduce the impact of the shading.



Author's URL: Blog.SpoonGraphics
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "How to Create a Vector iMac Graphic in Illustrator"

Only registered users can write comment

Reader's comments