Graphic Design Adobe Illustrator Tutorials - Skin Investigation

Graphic Design Adobe Illustrator Tutorials

Adobe Illustrator tutorial: Design a magazine infographic


Step 1

Paul Butt loves creating infographics documenting popular culture, as he believes a strong relationship between the viewer and the content is a great thing to have. Inspired by the Guardian Datablog, which had documented the appearance of every monster in Doctor Who, Paul decided to make a graphic about the TV show’s most feared enemy – the Daleks – and give some tips and techniques on how to produce stylish and intelligible infographics.

This tutorial is about creating a circular-style bar graphic using basic Illustrator techniques. You’ll also learn about a few shortcuts to streamline the procedures and avoid future problems.

Time to complete

Under an hour of practical work; most of the time goes into preparation

Software

Adobe Illustrator CS3 or later

Step 2

Preparation and planning is key. I try to sketch out any idea before picking up the mouse. For this graphic, I liked the semi-circular-shaped head of the Dalek and thought it would be a good effect to wrap the data around it. Splitting up the data by Doctor seemed the obvious choice.

Step 3

Create a new document in Illustrator: 200mm square at 300dpi in CMYK. In the View menu, turn on Rulers (Cmd/Ctrl + R), Grids (Cmd/Ctrl + “) and Guides (Cmd/Ctrl + ;). In Illustrator’s Preferences, set the grid to lines every 5mm, with 10 subdivisions.

Drag vertical and horizontal guidelines into the exact centre of the artboard, then click and drag from the top-left corner of the rulers to the centre of the artboard.

Step 4

Select the Ellipse tool (L) and click the now-clearly-defined centre of the artboard whilst holding Alt. Enter in 120mm for each value and click OK. Do the same for a 50mm circle, then select both and use the Minus Front shape mode in the Pathfinder panel (Cmd/Ctrl + Shift + F9) to create a doughnut.

Step 5

Draw a rectangle two grid-segments wide (1mm) that starts from the centre of the artboard to just past the top of the doughnut. This will be our separator. With it selected, press for the Rotate tool and click on the centre of the artboard while holding Alt. Enter 20° and press Copy.

Step 6

Now press Cmd/Ctrl + D to duplicate the lines round the circle until they match up. Select all the rectangles and use the Unite tool in the Pathfinder panel to merge them into one object. Then select both the doughnut and the new star shape and use Minus Front as before.

Step 7

We only need 11 segments for the 11 Doctor Who actors, so rotate the whole group of bars 10 degrees around the centre so that two of the breaks sit exactly horizontal, then delete the bottom seven segments. This creates our basic frame.

Step 8

Create a data scale on a new layer using the Line Segment tool (\). You can save time by creating one section and duplicating it.

Step 9

Duplicate the original layer of circular segments by moving it in the Layers panel whilst holding Alt. Fill the top layer with a solid colour, as this will be our data layer.

Step 10

For each segment, draw a circle from the centre of the artboard holding Shift and Alt to constrain proportions. Make sure you have Snap to Grid (Cmd/Ctrl + Shift + “) turned on and size it according to the value. Then select both the circle and the segment and right click > Make Clipping Mask.



More about Graphic Design Adobe Illustrator Tutorials

Adobe In Design

by jcs0009

Is a publishing program
you can get the free trial from their website
read the tutorials
this will allow you to communicate with press people
it is great for multiple page documents like books or magazines
you import other file types like psd and ai (photoshop and adobe illustrator) you can draw within in design also.
The creative suite is very expensive
graphic design is a very competitive field
if you want to do this for a job your going to need to produce a very extensive portfolio
you can accomplish this by reading alot

Infographic Design 101: Intro to the graph tool in Adobe
Infographic Design 101: Intro to the graph tool in Adobe ...
Draw Vector Heart Artwork: Adobe Illustrator Tutorial
Draw Vector Heart Artwork: Adobe Illustrator Tutorial

CorelDRAW X7 review: Customizable features make this robust design program ..  — PCWorld
.. purchase, as well as a $25 monthly subscription. People miffed by Adobe's wholesale move to subscriptions will find a great alternative here. ..

Galaxy 61 Delivers Show Open for VH1's 'The Fabulous Life  — Animation World Network
VHI recently called upon Galaxy 61 to create a show intro for the new 2014 season of The Fabulous Life, the hit series that reveals the extravagant places, possessions and pastimes of pop-culture's most famous celebrities. The Brooklyn-based ..

Hunterdon County Polytech students bridge the gap thanks to local Rotary Clubs  — Hunterdon County Democrat
This year's Job Fair, on March 25, attracted the Dave Gansfuss Allstate Agent for an agency logo; G&H Publishing and author Katherine Kurz for children's book illustrations; Artiste Salon for a new logo, brochure and social media materials; St.

How To Design A Logo - Adobe Illustrator - Episode 17
How To Design A Logo - Adobe Illustrator - Episode 17
3D Text Design Tutorial in Adobe Illustrator
3D Text Design Tutorial in Adobe Illustrator

FAQ

DavidJacobs
Adobe Illustrator CS5 Tutorial Videos?

I've just started to use Adobe Illustrator for the first time since version 8 and I'm totally lost, for the last few years I've been using Photoshop and employing work-arounds to create vector graphics. I've purchased a few books and even a training course from Lynda, but these just confused me, they seemed to assume a prior level of knowledge, since it's 10 years since I used the program I class myself as a beginner. If any one can recommend any decent Adobe Illustrator CS5 Tutorial videos that would be suitable I would be grateful.

The application as changed a lot in 10 years, I started with Adobe Illustrator 7. Personally I can recommend the training from a company called InfiniteSkills, while I've not used this training myself, ( I'm an advanced users) I do know of a few people who have and they feedback is positive. I checked their website and you can actually view free demos prior to purchasing, I did watch a few of the free Illustrator tutorials and it does seem very well put together:

RIOT!
Adobe Illustrator vector tutorials?

I wanted to learn vectoring through Illustrator cs2.
But I can't get even a half decent tutorial I don't like to use Photoshop for it because ill probably end up making vexels.
anyone know where can I get them? I got quite a knowledge with the program itself like the pen tool, ink and the like. im looking for the ones that shows how you really do it while vectoring from a photo in Illustrator.

Your best bet is to use Corel Graphic Suite or if you have Photo-shop, then convert your work or save it as vector.
Simple.
As a Professional Graphic Artist, I word with Adobe InDesign since I produce magazines and Corel PhotoPaint which will save you a lot of headaches. Its better than Phtoshop, cheaper, and faster and NOT A MEMORY HUGGER

Related Posts