As with my previous XBox cutaway, I would like to stress that this is an Adobe Illustrator illustration and not an exact CAD model or precise render of the inner workings of the upcoming PlayStation 5 games console. Regard it as more of an indication of how it works, based on the best publicly available images and videos.
This was an incredibly taxing graphic to produce, taking several days, mostly because all I had to go on was a Sony YouTube video of an engineer taking it apart (see below) and scant few photographs. This made it extremely difficult to create an accurate "flat" side view of the machine with all the components in place – which is important if you want to avoid problems later when you try to draw a three-dimensional version.
The below 10 screen grabs hint at the process I went through to draw the 3D cutaway. The images can be enlarged by clicking them, if you wish.
I begin by tracing the front of the PS5 from one of the very few publicly available photos of it, and then draw a side panel from its known dimensions. Pretty much everything else moving forward is based on screen grabs taken from the Sony video (sometimes distorted in Photoshop to make them look flatter).
Here the elements are more or less finished and laid over one another (although there are some errors in there that I'll pick up as I go along).
Here the different layers are skewed into my pseudo-isometric angle.
I start to extrude the shapes – many of which are very awkward and time-consuming.
As I have a lot more good information about the machine's functionality (from an English translation of the Sony video), I elect to make this a 3-column graphic, rather than use the 2-column template from the Xbox cutaway.
Starting to paint surfaces and add black and white keylines.
Graphic is starting to come together – the end is in sight!
The finished graphic. If you click this link – https://bit.ly/3dSfguf – you can view it on the Graphic News website. If you like what you see, you can sign up for a free Graphic News 30-day pass here – https://bit.ly/2Y47gjl
Visit graphicgibbon.com to enjoy more tasty morsels of infographic goodness!
As part of a Graphic News package ahead of the UK royal wedding of Prince Harry and Meghan Markle, I was tasked with creating an isometric cutaway diagram of St George's Chapel within the grounds of Windsor Castle. It turned out to be one of the most challenging illustrations of my career and took eight days to complete. There was not a great deal of good reference out there, so I had to mostly make do with satellite imagery, copies of old plans, a couple of interior 360° panoramas and tourist photos. The following 100 screen grabs show how I created it using Adobe Illustrator (images can be enlarged by clicking on them) . Step 1: Gather the most reliable research material Step 2: Draw as accurate a floorpan as possible — everything else depends on this being right Stage 3: Fold it into an isometric plane (strictly speaking this is not true isometric but an angle of my own liking) Stage 4: Start building the exterior — extruding
I should point out from the get-go that this is an Adobe Illustrator illustration and not an exact CAD model or precise render of the inner workings of the upcoming XBox Series X games console. Think of it more as an indication of how it works, based on the best publicly available images from Microsoft. It was a relatively tricky graphic to do and had some quite fiddly elements to create in 3D. Here is the abridged process in 10 screen grabs. The images can be enlarged by clicking them, if you wish. I begin by taking some screenshots from the XBox website that show the console's innards. I skew one image into an approximation of a flat, face-on viewpoint and proceed to draw components. These are the elements laid on top of each other – making sure they all fit together. Time to extrude elements into 3D shapes, using reference photos from the XBox website. All the, now 3D, elements laid on top of each other – making sure they still fit together. Now to work out how to pull them ap
It was a hectic 24-hours or so for newspaper graphic desks around the world as they frantically tried to illustrate just how U.S. Special Forces killed Osama Bin Laden in Pakistan early Monday morning (local time). I thought it would be interesting to pull together a bunch of infographics from newspapers around the world and see how they each treated the subject. It's been an enlightening exercise. Some titles ran the barest of locator maps or relied entirely on wire graphics, others reissued or redrew the official U.S. Defense Department SketchUp model (like I did), others just plainly made it all up, and one European newspaper appeared to be taking the mickey with a highly unusual page one Photoshop do-up. Have a look for yourselves and see what you think - starting in North America and working eastwards around the globe (clicking on a graphic will open a higher resolution image): The Washington Post, U.S.A. Los Angeles Times, U.S.A. Chicago Tribune, U.S.A. Houston Chronicle, U.S
Comments
Post a Comment