Use the power of Illustrator to create cool 3D infographics

Translate abstract data into a 3D, easy-to-understand illustration in this great Illustrator tutorial by Wendy Ding.

step5

05. Draw the ground with the Pen tool and colour it a mid-green (#97C947) with no fill. Next, select the ground and apply an Inner Glow with Effect > Stylize > Inner Glow in #469923, with the opacity set to 75%, with Edge ticked. Using a separate layer for each, draw the ground’s other details — streets, parking lot, beach, and so on. Keep each object on a separate layer in an appropriate stacking order as this will make creating the diagram more logical and efficient.

step6

06. One area might prove tricky: the beach. The transition from land to sand to water is more organic than metal and flat surfaces, so a regular Gradient wouldn’t work here. Use a Gradient Mesh (U) for this area: bend and twist the grid to create the contours. Then, using the Direct Select tool, select certain points and modify the colours accordingly.

step7

07. We also need to emphasize the diagram’s 3D quality with a clean cut to the sides of the land and water. Using the Pen tool, create the sides and applied a Radial Gradient from the Gradient panel in green and blue. Next, tweak the corners using the Direct Select Tool (A) so they joined together perfectly. Last, I apply a Drop Shadow using Effect > Stylize > Drop Shadow in #000000, with the blending mode set to Multiply and the opacity set to 44%.

Join the PC World newsletter!

Error: Please check your email address.
Rocket to Success - Your 10 Tips for Smarter ERP System Selection

Tags graphics softwareadobe illustrator

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Wendy Ding

Digital Arts Magazine
Show Comments

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Matthew Stivala

HP OfficeJet 250 Mobile Printer

The HP OfficeJet 250 Mobile Printer is a great device that fits perfectly into my fast paced and mobile lifestyle. My first impression of the printer itself was how incredibly compact and sleek the device was.

Armand Abogado

HP OfficeJet 250 Mobile Printer

Wireless printing from my iPhone was also a handy feature, the whole experience was quick and seamless with no setup requirements - accessed through the default iOS printing menu options.

Azadeh Williams

HP OfficeJet Pro 8730

A smarter way to print for busy small business owners, combining speedy printing with scanning and copying, making it easier to produce high quality documents and images at a touch of a button.

Andrew Grant

HP OfficeJet Pro 8730

I've had a multifunction printer in the office going on 10 years now. It was a neat bit of kit back in the day -- print, copy, scan, fax -- when printing over WiFi felt a bit like magic. It’s seen better days though and an upgrade’s well overdue. This HP OfficeJet Pro 8730 looks like it ticks all the same boxes: print, copy, scan, and fax. (Really? Does anyone fax anything any more? I guess it's good to know the facility’s there, just in case.) Printing over WiFi is more-or- less standard these days.

Ed Dawson

HP OfficeJet Pro 8730

As a freelance writer who is always on the go, I like my technology to be both efficient and effective so I can do my job well. The HP OfficeJet Pro 8730 Inkjet Printer ticks all the boxes in terms of form factor, performance and user interface.

Michael Hargreaves

Windows 10 for Business / Dell XPS 13

I’d happily recommend this touchscreen laptop and Windows 10 as a great way to get serious work done at a desk or on the road.

Featured Content

Latest Jobs

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?