articles on

Minimal Metroid Essentials

Minimal Metroid Essentials

When I grew up I didn't have an SNES, my console was the SEGA Genesis but despite the different games I relate with the 16bit generation and consider one of the best phases of video-game design. Games were fun but the most important, they were simple. Anyways, today I want to share a illustration inspired by one of these games. To be more specific, the Super Metroid. The illustration was created by Kirk Wallace. Some (but certainly not all) key essentials to the Super Metroid (SNES). One of the hardest games I've ever played, but loved wall kicking and grapple beaming my way to the top! The minimal nature of these prints (zelda, the cities etc) print really beautifully on the chosen paper and inks. For more information check out https://www.behance.net/gallery/26101005/Minimal-Metroid-Essentials

The Digital Art of Dan Luvisi

The Digital Art of Dan Luvisi

At the early age of 3, Dan Luvisi already got his passion for art, now working in the film, video game and comic book industry. Dan is known for his extremely versatile style in both illustration approach, as well as categories. Besides concept illustrations, Dan has become an expert in Character & Costume Design, Matte Paintings, Storyboards, Poster & Packaging Design and generally welcomes new challenges within his field. Find out more about Dan Luvisi and his incredible works at DanLuvisiArt.com All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi4 All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi All Rights to Dan Luvisi Links More info about Dan Luvisi: http://www.danluvisiart.com More on Dan via DeviantART: http://danluvisiart.deviantart.com Follow Dan on Twitter: https://twitter.com/danluvisiart

Cyberpunk 2077

Cyberpunk 2077

Created in the 90s by Mike Pondsmith and based on the system of Cyberpunk 2020. CD Projekt RED & PLATIGE Image developed this video game entitled: Cyberpunk 2077. Here comes the full teaser and the incredible behind-the-scenes action. For more information about CD Projekt RED and their amazing works, you can visit their website at CyberPunk.net and give them a LIKE on Facebook at CyberPunk Game. Credits PLATIGE IMAGEDirector / Story: Tomek BagińskiCG Supervisor / Animation Director: Maciej JackiewiczExecutive Producers: Marcin Kobylecki, Jarosław Sawko, Piotr Sikora Producer: Marta StaniszewskaConcept Artists: Damian Bajowski, Jakub Jabłoński, Maciej Kuciara, Maciej RębiszAdditional Concept Artists: Jakub Bogaczyński, Adam Trędowski, Rafał WojtunikCD PROJEKT REDConcept Artist: Robert Adler Concept Usually, working on video game cutscenes involves creating a visual story in an already established world: the animation process is very orderly, divided into classic stages, and predictable. This time around, it was markedly different. The first drafts of the screenplay and preliminary concept art was created when the game was still in initial stages of core development. In the course of our collaboration with CD Projekt RED, we approached dozens of ideas before settling on a seemingly freeze-framed setting that referenced one of the illustrations from the original game manual. All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED Environment All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED 3D Scanning Session IR's 72x18 Megapixel Camera system captures around 1.27 gigapixels of color data from 360 degrees, being a volumetric-based reconstruction method means it's a 'single shot' capture process. Just like a regular photographic session. All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED Final Stills All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED All Rights to Cyberpunk 2077 & CD Projekt RED

GTA V Logo in Illustrator and Photoshop

GTA V Logo in Illustrator and Photoshop

Last week Rockstar announced that they will release more information about Grand Theft Auto V this week. It will definitely be an awesome game and we are looking forward to getting a copy. Because of that we decided to recreate the logo using Illustrator and Photoshop, but not only because we like the game, the effect used in the logo is quite cool and it's something we always wanted to try.So for this tutorial we will show you how to create a nice money style effect using Illustrator and Photoshop. The process is a little bit long and we will just give you a high level explanation. It's important that you try to not only follow but modify the process so you can come up with your own effect.Step 1Create a new document in Illustrator. Then with the Type Tool (T) add the letter V using Baskerville Bold. After that go to Type>Create Outlines. Rotate the V so you can create a A.Step 2With the Ellipse Tool (L). Create an ellipse and then duplicate it like the image below.Step 3With the LIne Segment Tool (\) create the connection of the 2 parts.Step 4Using the Pen Tool (P) create a sort of curve as the paper the ribbon is folding. Just create something like an wave.Step 5Duplicate the last object and move to the other site.Step 6For the A let's add 2 strokes The first one is and bigger one is going to be black with 7pt for the weight. The second one, and the one that will be on top will be 3pt weight in white. Also change the fill color to green. For the other strokes use 3pt with black.Step 8To create the nice shadow effects with lines is quite simple. Create 2 lines following the ribbon shape. You can make the curves a little different .Step 9Using the Blend Tool (W), click on both lines to create the effect. After that, double click on the Blend Tool icon to open the Blend Options use Specified Steps with 20 steps. Also create some little shadows with the Pen Tool (P) like in the image below.Step 10Repeat the same process to the other parts of the ribbon. Always follow the curves of the ribbon to create a nice 3Dish effect.Step 11Repeate the same thing on the other side. You can also add more lines like the 2 in the center.Step 12Add the text you want and go to Object>Envelope>Make it with Warp. Use Arch for the style, 26% and for the Bend.Step 13To create the background of the letter A. Create an arc with the arc tool or pen tool. After that duplicate it and rotate it. Connect the vertices using the Direct Selection Tool (A) options.Step 14Click on the Rotate icon. Then holding ALT, select the vertices on the left. The rotate dialog box will appear. Use 15º for the Angle and click copy. Step 15Repeat the same process until you have something like the image below.Step 16Duplicate the object and rotate a few times to make the symbol more detailed.Step 17Move the object on top of the A. Select the duplicate the A and move it so it's in front of all the other objects. Remove the strokes and change the color to white. Cut it. Select the object created in the last 2 steps, then go to Transparency. Double click on the clip thumb and paste it using Command + F, so it pastes in place. Using clipping mask will also make the texture visible only on top of the A.Step 18Now in Photoshop, copy all objects from Illustrator and paste it in Photoshop in separated layers. Then for the shadows, use the Eraser Tool (E) to make the lines different.Step 19Add a green gradient replacing the dark green. To do that is pretty simple, just select the green area with the Magic Wand Tool (W), then fill the layer with a new color and use Layer Styles to add the gradient. For the pattern, using the Layer Styles, change the color to white, using Color Overlay with Color Dodge for the Blend Mode.Step 20Using Layer Styles, add a Bevel and Emboss to the text like the image below.Step 21Let's use an old paper tutorial. The one I used is from Shutterstock, it's called old grunge antique paper texture from photolinc. Group the layers used for the symbol and change the Blend Mode of the group to Multiply.Step 22Copy the object used for the texture in Illustrator and paste it in Photoshop. Rescale it so it covers the whole document.ConclusionDuplicate the group with the symbol and merge the group. Use Soft Color for the Blend Mode, then duplicate it again and go to Image>Adjustment>Desaturate. After that select all layers and duplicate them. Merge the new layers into one. Move this layer underneath the 2 symbols with soft light and the effect is done.Despite the fact it is a long tutorial, the process is quite simple and I am sure you will be able to apply that to your own projects.Download filesDownload the Photoshop and Illustrator files used for this tutorial

Create a Playstation Controller in Illustrator

For our tutorial this week we're going to show you a simple way to create a realistic, but illustration style, Playstation Controller using Illustrator. Since I'm a video game enthusiast, although I actually never had a Playstation, this was really fun to do, hope you guys enjoy doing it too. This is a tutorial less focused on drawing skills and more into the Illustrator tools, so this should not be that hard for begginers. You execute it using a mouse or even a track pad, good luck. Sketch Ok, let's begin by opening Adobe Illustrator, create a new canvas with 14 x 10 cm , RGB, 300 dpi. In order to make things easier, I decided to create a color pallete that contains the only colors we will use during this tutorial, this includes the gradients. Using the ellipse tool (L), create two spheres with the same horizontal alignment. I think it will be a lot easier If we design one side tha duplicate it later, so let's do it with the left side. Create two more spheres using the previous tool this will be the left analog stick. Using the pen tool (P) create the left grabber. Use the direct selection tool (A) to organize and balance the vector points. Use again the ellipse tool (L) to create what will be the shadow later. Now click on the round rectangle tool to configurate it like the panel bellow, it's really important that you use the same corner radius. Make one rectangle than duplicate it using the selection tool (V) + alt , then rotate the copy till you have cross like this. We will add the buttons there later. Using the pen tool (P), create this trapezium shaped form that will be the L1 and L2 button. Duplicate it using the selection tool (V) + alt, then resize it. As you can see I duplicated it a fez more times, as this parts will be the light reflexes and divisions that you will see further. I did the ssame process on the analog stick, duplicate the main shape to create the light reflex later. And this one is for the shades of it. Repeat the same process for the D-pad as the screengrabs bellow, there's no tricks here. Ok, now we are ready to duplicate it, select all the shapes, use the selection tool (V) + alt to duplicate them, then right click over it and go to Transform > Reflect. Choose to rotate the vertical Axis. Ok, now let's proceed by create the buttons of the right D-pad, use the ellipse tool (L) for this. Use the segmetn tool (\) to create the 'X', the ellipse tool (L) to create the 'o', the star tool to create the triangle, and finally the rectangle tool (M) to create the square. Let's skip to the left side, the direcional may take you sometime to adjust, since it's rounded. The easiest way to do it is to create a rounded rectangle, then make the rounded triangle by using the pen tool (P). Duplicate it and rotate it till you got the four you will need. Now make some triangles using the star tool or the polygon tool. Duplicate them later to create the light reflex. Yeah, we can forget the classic 'SELECT' and 'START' buttons (and the Plastation button). So, using the ellipse tool (L), the rectangle tool (M) and the star tool, you can create them on the center of the control pad. You will have to duplicate them a few times to create the reflex and the shaded of it. The Pst button got a special effect that we will add later, for now you can create three ellipses as the sample bellow and put the Pst logo on the middle (or put your logo If rather). Now it's time to create the pad body, using the rectangle tool (M), make this thin rectangle on the top. I still don't now how to call this little leds on the top of the pad, anyway, you can create them using the rectangle tool (M). And here a few rectangles you should create on the center of the pad using the previous tool. I decided to use your logo on the top, you can get it here of use the original form Sony If you want to. I would advise you to group the shapes on a more dimensional way, I mean, out the shapes that are buttons on hte front nad the body shapes on the back, this will be clear further, but it's really important to organize them. Color So, here' a colorful render of the controller, some may ask e why I didn't skip directly to the gradient part, well, it's quite simple: layers hierarchy. So, now you should use the eye dropper tool (I) and get each of this colors on your sketch. You will notice that the layers may be on the wrong order, so that's the time to avoid later headaches. You aldo may have notice that I united some shapes as the D-pad buttons, this is quite simple: Select the two shpes you want to unite (in this case the round rectangle and the round triangle), go to pathfinder panel > Unite. I used the same process on this other two shapes, as you may notice. I also wrote the titles 'START' and 'SELECT' using the helvetica medium, but you can use other sans serif font If you don't have this one. You probably already notice on this sketch some white lines, so this was what I was talking about when I said light reflexes. As you can see, the light comes from the top, so that's why I made this white mark on some shape, take you time to figure out by yourself too. Gradients Ok, now it's time to start with the gradients in order to make this control pad ore realistic. This may look complex, but it's way more easier than you cna imagine. Let's start with R1/R2 button. As I said before, I used the colors from that color pallete to create even this gradients, now it's more about adjusting them using the gradient tool (G) and the gradient panel, it's really important to set them correctly as radial or as linear gradients. As you can see, all the gradients beside the white ones, are radial. Use the color pallete to find the ideal color range, I won't tell exactly as this should a observation exercis for you guys. Don't forget to break the font in outlines (command + shift + O / ctrl + shift + O), as it's impossible to aplly gradient on editable font. Duplicate or repeat the same process for the L1/L2 button. I really hate having to use blur on Illustrator, as this effect is really heavy, so the best way to make this shape is by creating a radial gradient, then adjust the range of it using the gradient tool (G) as you can see bellow. Let's skip to the pad body, this gradients are a bit more complex, I must admit. As you can see, the shape on the top and the one on the botton use the same linear gradient with a darker and lighter area, this is piece of cake to adjust. You may have problems on creating this one, but please don't get nervous about it, If you adjust the gradient panel settings as the ones bellow, this will be easier. The logic of this one it's that he got some light on the top and a bounced light form the bottom. I used a radial soft gradient on both of the grabbers, this should be use to adjust. I used the same proccess of the L1/R1 button on the buttons pad. You can even copy the same gradients tu use on it, but don't forget to adjust it correctly using the gradient tool (G). Later you will just haeve to copy the same setting to the other side. I must admit that the analog stick gradient is way more complex, let's start by creating the shading one. You're going to make a black to black radial gradient, but one of the sides mus have a opacity at 0%, configure this on the gradient panel. You can alos use a Multiply blending mode on it later, so this will give a better aspect on it. The light reflex it's basically the same on you used previously. Ok, now this radial gradient it;s a bit more complex, you should first adjust the colors on the gradient panel, then adjust it using the gradient tool (G). The cross of the D-pad is going to use a more specific linear gradient, also it got a reflex on the bottom, as we want to give depth on it. The directionals are wuite simple, just a linear two colors gradient, they also got a reflex on the top as well. The tiny triangles got a light repfex on the bottom, as we're trying to give depth on it again. Now you can repeat the same proccess used on the left side on the buttons pad, it's easy as that. e Let's not forget about the little leds, they don't need big adjustments, just some simple linear gradients as you can see bellow. I also broke the type in outlines (command + shift + O / ctrl + shift + O) so I could add a light gradient on it. This Pst button got me a bit busy, but it's not that hard to achieve. I first used the same radial gradient on each of the internal spheres. Later I just used the same gradient settings for the light reflexes. I used a white logo then just set the bleding mode called Overlay and duplicate it to get a brighter effect. the 'START' button had some little adjustments, as teh triangles are a bit desunited. I added two shapes in here, but you can actually use only one, just adjust you gradient with white solid top. This one was adjusted to give a aspect of button (I mean the shape, not the gradient). As you can see, there's also a gradient on the bottom of this button so I could reach the "cavity" illusion I wanted. I applied the same dynamics on this other little bud, so you should know by this point how to solve it. I hope you guys made to this point, congratulations and see you next time. Final Result Download the Adobe Illustrator File Download the Adobe Illustrator file used for this tutorial

Outstanding Akuma (Gouki) Collection

I've seen Street Fighter collections thru many design/art blogs , but I never seen a collection of the most insane and kickass character of the series: Akuma (also known as Gouki in Japan). So I picked some amazing illustrations of this anti-hero. When I was a kid, I remember when I used to play Street Fighter with my pals, everybody were always using the most famous characters like Ryu, Ken and Chun Li, but I always rather use Akuma. Though he had almost the same moves as Ryu and Ken, he was (is) way more stronger. shalomone Calvinclyke UdonCrew nefar007 acir Goretoon no26 kikicianjur Shinobuzu darkcomartist Akuma has red hair, wears prayer beads around his neck, a charcoal gray dogi and a piece of twine around his waist in lieu of an obi. The kanji 'ten' (?) - meaning "sky/heaven", (all in the spiritual sense) - can be seen on his back when it appears during certain win animations. Shin Akuma's appearance is very similar to Akuma's; for example, in the Street Fighter Alpha series, Shin Akuma had a purple gi instead of a gray one and marginally lighter tone. Akuma's introduction in Super Street Fighter II Turbo stemmed from the development team's desire to introduce a "mysterious and really powerful" character, with his status as a hidden character within the game resulting from later discussions (Wikipedia). Ek-cg artmus saintchase Goretoon joe-vriens henryz dzeri Kuma-Team SpineBender Kenpudiosaki In spite of his appearance and his antagonistic roles in Street Fighter media, Akuma is generally not considered evil. His sole reason for living is to challenge great fighters from around the world and improve upon his skills. The deaths of his challengers come as a result of testing their abilities as well as his own; therefore, he would not fight (much less kill) anyone he doesn't consider a fair match. His personal nature fits more for the profile of an anti-hero (Wikipedia). spadjm UdonCrew kandoken UdonCrew TUS monk-art Boss Logic wlfeng

Badass God of War Collection

Lately I'm on a gaming fever. Video games have been a part of my life since ever, and there are some games that just stand out, for its quality, and most of all, for its badassness. Yeah, we love badass games, like the awesome God of War. So I went looking for some cool illustration of it, and found out some really cool ones, and I got say, that Kratos is like an freaking mythologic Chuck Norris. This guy would seriously tear apart a 20ft monster with his bare hands. No, seriously. Hahaha, just kidding... but this is one awesome game that if you don't know it, you should really take the time to try it out. Anyways, I hope you enjoy these! And don't forget to check out each artist's portfolio. Cheers! ;) Marcio Takara Mauricio Herrera Toni Justamante Jacobs Peet Cooper Abraão Lucas Pedro Delgado David Grier Nur Iman Simon Bork Andy Park Andy Park Andy Park Andy Park Andy Park Ninjatic Clonerh! faid hamzi carlo arellano Mataleone Claude Araús Mark Newman

Absolutely Stunning Illustrations and Game Concept Arts by Michael Kutsche

I'm totally addicted to game concept arts, and yesterday I got to know the work of the German artist Michael Kutsche, an awesome illustrator that has been doing some sweet work for Sega and other great clients. These are truly some absolutely stunning illustrations and game concept arts. And really, there's not much to say, but that these are totally worth checking out. For more of his work you may visit his portfolios at DeviantART, at CG Society, and also his personal site. I hope you enjoy these! Cheers. ;)

Totally Awesome Illustrations of Solid Snake

When I was a child, there were a bunch of cool games... the Sonic ones, the Mickey ones, the Donald Duck ones, etc. But these were all "cute"... then, after sometime, with the evolution of video game, it was delivered to us a game that kicked butt: Metal Gear Solid. It was not about fighting, but it was about the art of stealth. Being an ocidental ninja, per say... and Solid Snake was that new kind of John Rambo of secret agents. And man, it was a cool game and I'm definetely waiting a movie. Anyways, I selected some cool illustration of Solid Snake, and I really hope you enjoy these! Cheers. ;) Artgerm kandoken nefar007 Artgerm Kendrick Lim Shernan Mijares Artgerm Mikajima L.H.S. Spike Wible oatestwder Shameimaru nefar007 Alex Figini Michael Daniel Prichard Nether83 Nether83 Tom Waterhouse