articles on

Batman Arkham Knight Environment Art

Batman Arkham Knight Environment Art

The latest installment of the Batman Arkham series, Arkham Knight, has got some pretty dramatic scenes. Gotham is a dark yet majestic place, and the game need a talented artist to create equally gorgeous scenes and environments. Rocksteady Studios has just the man for that task: Ronan Mahon. He's got to come up with some of the environments for the game, more precisely Riddler's Orphanage and the Oracle Clocktower. These came out to be really awesome and you really got check them out. For more of Ronan's artworks, please visit his portfolio at ArtStation! I hope you enjoy these. Cheers! ;) Riddler's Orphanage Oracle Clocktower

Cities Skylines Superb Game Design

Cities Skylines Superb Game Design

Have you ever played Sim City? If you did, than you probably are a big fan of city simulators. We've seen some nice titles like Cities XL, Tropico and even the latest Sim City, but there was something about Cities: Skylines that caught my attention. It's a fun, super easy, beautiful game and the player has so much freedom to build the dream city. It's just amazing, and the Steam community is pretty engaged, coming up with amazing mods for the game, such as buildings, parks and road intersections. It's definitely a game to be appreciated a LOT. Check it out below some gameplay screenshots and mods, and if you wanna try it out, check it out at Steam. Mods

Weekly Apps: Mindie, Hipmunk, Asphalt 8 and more

Weekly Apps: Mindie, Hipmunk, Asphalt 8 and more

Sometimes I like to feature a game on our selection, and today the game is called Asphalt 8, it's for Android, it's worth to give a try! Also take a look at the beautiful app Mindie, for iPhone! Hope you guys like these apps and all the whole selection, and stay tuned for the next week! You can keep sending me your suggestions via Twitter twitter.com/FabianoMe and include #abdz_apps in the message. Hipmunk - hipmunk.com Hipmunk is the fastest, easiest way to plan travel. This app will save you time by comparing all the top travel sites so you don’t have to. Plus, save up to 60% off hotels with new Tonight Deals.Asphalt 8 - gameloft.com The best Android arcade racing game series reaches a new turning point! Perform dynamic, high-speed aerial stunts in an intense driving experience powered by a brand-new physics engine!Mindie - mindie.co Make your own music video loop with Mindie! Pick a song and record a fast and fun video while the music is playing.Vine - vine.co Vine is the best way to see and share life in motion. Create short, beautiful, looping videos in a simple and fun way for your friends and family to see.Quora - quora.com Quora is your best source for knowledge. Ask any question, get real answers from people with first hand experience, and blog about what you know.

Logo Design: Joysticks and Controllers

Logo Design: Joysticks and Controllers

We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we featured more logs with cutlery, and today we're featuring logos with joysticks and controllers! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)

Modern Games as Atari Cartridges

Modern Games as Atari Cartridges

We've always seen things from our time designed in vintage style. From advertising for Twitter and Facebook, to iPods from a past era. This time there's something fresh for all of those who love modern vintage design: modern games designed as Atari cartridges. Gotta say I've spent many hours playing some of these games, like Age of Empires III, and it's really cool to see it like that. Makes you think of how rustic these game would've been if released 20 years ago. These are the work of American designer StarRoivas (didn't find her name). You can check more of her Atari cartridges at her DeviantART portfolio. Also, what other games would you like to see as vintage cartridges? Tell us! Cheers. ;)

Create an Angry Birds Parody in Illustrator

Most video games that I've played lately have not been as charming as Angry Birds. Why? Because nowadays most games focus too much on realistic graphics and improved AI. They just forget the basics of fun games like Super Mario World. If you have not played this game yet you shoudn't miss the opportunity; it's really addicting. Ok, enough talking about it, so inspired by a session of Angry Birds I decided to make this cool parody and teach it to you guys. Hope you dig it as much as I did. Besides the fact my last tutorial was pretty advanced, this one is actually for beginners and intermediates, you won't need good drawing skills and a tablet to do it, so go ahead guys and have fun. Also, there's a Ai file at the bottom of the post if you need to open it to have a better understanding. Background Step 1 So here's a sketch of this illustration...I know, pretty ugly, but the sketch is just a guide for my steps in to the final result, so I never refine it. The concept was to make a scene of reunion before a confrontation with each character dressed like classic war movies heroes. Ok let's open Adobe Illustrator and create a A4 canvas (29,7 x 21 cm), RGB, 300 DPI. Using the rectangle tool (the shortcut is the letter "M") create these two rectangles on the canvas. The bigger one will be the wall and the little will be the floor, so add a lighter green fill for the wall and a darker for the floor. Let's start with the board, first draw a grey rectangle using the rectangle tool (M). And make a darker one inside. Choose the rectangular grid tool, click once on the canvas to set the parameters like the ones below: Also change its opacity to 20%, use only a green stroke, no fill. As some of you already know, the Pig King is the main villain of the game, so I just wrote "Subject: Pig King" on the board as an identifier, I used this font . I made an illustration of the pig king on the board, outline only, like those classic war panels. So, first draw an ellipse using the ellipse tool (L). Make two little ones behing the bigger one on the superior left diagonal. These will be the ears and the big one will be the head. Use a green stroke and a black fill. Use the same tool to create the eyes, make one, duplicate, reflect and place it on the other side. The nose follow pretty much the same procedure, you just need to adjust its shape using the direct selection tool (A), don't forget to make the two cavities. Add these details on the ears. And let's not forget the jaw, draw it using the pen tool (P). Let's not forget the eyebrows, make them using the pen tool (P). A king is not a king without a crown, so draw it using the pen tool (P), then add some ellipses on the bottom to look like jewels. Step 3 I decided to put a calendar on the wall, so let's start by making the paper sheets using the rectangle tool (M). Add a red rectangle on the top. Using the ellipse tool (L) make the holes, then using the rounded rectangle tool make the metal rings. Decided to use the original Angry Birds Font to write Jun 6, why June 6? Because it's D day (Normandy landings), just an analogy. Step 3 Also decided to create a classic dart board. First make two ellipses one inside the other like the sample below using the ellipse tool (L), make one with a black fill and a white stroke and the other using the inverse combination. Double click on the blend tool (W) to open the panel, set spacing as specified steps and set 3 steps, now choose the two circles to get this result. Ok, let's make another circle with the same size of the white one above this blend, let's add some monter stroke to it. Go to the stroke panel and set the align to internal, weight to 90 pt and dasehd line to 25 pt dash. Let's make some darts, draw this shape using the pen tool (P), duplicate, reflect and use the option called Unite on the pathfinder panel. Now place it on the dart board. You can duplicate it using the selection tool (V) + alt and then resize and place it around the dart board. Change the color fill so that it doesn't look boring. Well, the background it pretty much ready, time to draw the angry birds. Red Bird First thing: create an ellipse using the ellipse tool (L), then using the direct selection tool (A), change the vector points till you get this messy shape. Again with the ellipse tool (L), make this two shapes and put them on the top of the body shape. Select everything, then access the pathfinder panel and choose the option called Unite. Also give a cool stroke to it, I usually use the 3 pt oval brush, it's really good when drawing cartoon characters. Using the pen tool (P), draw these wrinkles on the cockscomb. "Is he flying, floating or something?" is a famous quote a teacher asked me once when I showed him some drawings, after that I never forgot to add shadows and a floor on my illustrations. So, make this ellipse white a really dark green fill on the bottom of the body. Create this board stick using the pen tool (P), send it to back like his grabbing it. Using the pen tool (P) make his belly using only this color fill. Use the ellipse tool (L) to create these two ellipses. Make the eyebrows using the pen tool (P). Make the beak using the pen tool (P). Use the ellipse tool (L) to make the iris. So I wanted to make him more angry, so I add this two shapes using the pen tool (P) on the bottom of the eyes, to look like he's staring at you. Of course, I added this dark red shapes to cover the eye parts that were left. And added these circles using the ellipse tool (L), they are stains this birds has. Make these black fill shapes using the pen tool (P) to create his tail. I confess that Charlie Sheen's Top Gun inspired me to add this stripe on the head. Ok, so you can either draw it using the pencil tool (N) or the pen tool (P). Add these wrinkles using the pen tool (P). Add this little ball using the ellipse tool (L) to look like a knot, then make the stripe part using the pen tool (P). Repeat it again and just send the other part to back. The Big Brother You're going to follow basically the same steps to draw these and the other birds, so this one will be a lot easier. First make this fat round shape doing the same procedure used on the red bird. Using the ellipse tool (L) maek his shadow with a dark green fill. Copy the stick from the previous bird and place it like this. Make his belly using the pen tool (P), I added some wrinckles on some parts. I just copied the previous bird beak and adapted a few things on this one. Create the eyeballs using the ellipse tool (L). Don't forget the iris. This eyebrow is way more thick then the other birds, because he should look like a really grumpy guy, ha! Create it using the pen tool (P). In order to look like a 80's commander, let's make a classic green beret using the pen tool (P). Don't forget to add a little star using the star tool. I know, this is quite boring, but you will have to create this dark cirlces around the eyes usgin the pen tool (P) to give him a tired look. And also add these "time stains" on his body using the ellipse tool (L). Copy and paste the same tail used on the other bird. Make this wrinckles using the pen tool (P). Now place this two buddies on the scene just like this. Yellow bird Make a triangle using the polygon tool with the settings bellow: Use the smooth tool to make the edges softer. Add a dark green shadow cirlcle bellow the body using the ellipse tool (L). Make the eyeballs and iris using the ellipse tool (L). Use the pen tool (P) to create the beak. Use again the same tool to create the white belly fill. And to create his eyebrows. The tail of this specific bird is not like the others, is more wil I would say. Draw it using the pen tool (P). Let's draw a cap for this bird, first make the base using the pen tool (P). Then make the flap using the same tool. Add some hair here, you can copy his tail and just ajust it, adding and taking vector points of it. Add this little black piece in order to look like it's an adjustable plastic snap closure in the back. Copy the star from the big brother's beret, place and adjust it here. Let's put some depth on this scene: Select the whole yellow bird, go to effect > blur > gaussian blur. Set the gaussian blur to 9 pixels. Now place him in front of the big brother. Blue Bird This bird is pretty simple to create. First make a circle using the ellipse tool (L). Make another two ellipses and place them on the top of the body shape. Access the pathfinder panel and choose the option called Unite. Add a dark green shadow, create it using the ellipse tool (L). Use the pen tool (P) to create the beak. The eyes are pretty squeezed, you can draw them using the pencil tool (N). Add some iris on them. Don't forget the wrinckles on the top, add them using the pen tool (P). Make the tail using the pen tool (P). He's got this orange circle around the eye, add this using the pen tool (P). Let's give him a badass staring looking, just add these two eyelids using the pen tool (P). Just to make things more classic I added some these war painting on his face using the brush tool (B), use a black/white charcoal brush. Add these two dog tags using the rounded rectangle tool . These trick is really cool: make a line of dots with the approximate width of a chain to pu on the birds neck. Group and drag it to the brush panel. Choose to create a new art brush. It will be placed among the other brushes, then you will need only to select and use the brush tool (B). We're going to add the same ammount of blur on this one, so go to effects > blur > gaussian blur. Set the gaussian blur radius to 9 pixels . Now place him in front of the red one. White Bird Ok guys, I promess you this is the last one, ok? So, make this egg shape by creating first a ellipse using the ellipse tool (L) then adjusting it using the direct selection tool (A). Add the dark green shadow on it's bottom. Ok, looking on that way it may look weird, but this is the tail of this bird. Draw it using the pen tool (P). Make the beak using the pen tool (P). The following things will be all created using the pen tool (P): cheeks, eyeborw, belly. Watch for this helmet or he may look like a pan. Add some stripes using the pen tool (P) You can copy the stripe from the red bird or just make it all over again, is up to you. Add some hair on the back of the helmet. And some little points on the top of the helmet, use the brush tool (B) for this one. Blur again guys, go to effects > blur > gaussian blur. This one will be a bit more intense, so set the radius to 20 pixels. And place him on the center of the scene like this. Final Step No kidding, this is the final step hehe so after making all the illustration we need to add some interesting lightning on it. Let's make a lamp, first draw a circle using the ellipse tool (L). Make this hsape using the rectangle tool (M). And tis one using the pen tool (P). You're going to make this big trapezium using the pen tool (P), make sure it fit outside the canvas. Set it's opacity to 40%. Then go to the transparency panel and choose the blending mode called Overlay. Using the rectangle tool (M) make a big rectangle that fit over the canvas. Add some radial black and white gradient to it. Go to the transparency panel and choose the blending mode called Multiply. That's it guys, hope you achieve it. Conclusion Well, I hope you had fun doing this tutorial. Don't worry If you didn't complete all of it, just learning how to draw at least one of these birds is already a lesson. I hope I helped you guys on having a better understanding about characters, depth and lighting. That's it, have fun and take care. Download the Illustrator File Download the Illustrator file used for this tutorial

Stereoscopic 3D Videos Awesomeness

Like I promised to all of you yesterday, today is also 3D day! But differently from tomorrow, I felt the need for some movement. While stereographics are stills, stereoscopic has movement and man, I didn't think it would be this awesome. I spent almost 3 hours at YouTube finding the best of the best, and I think I've succeded. It got me totally by surprise, but YouTube actually has got 3D settings in its player, which is amazing cause you may watch your 3D videos however you like them. You may watch with your 3D glasses, or with pararel images or cross-eye also, and more. There are plenty options there (you may check instructions for this at the end of the post). These are so amazing that I'm totally making plans of getting a better PC for some sweet stereoscopic badass gaming experience. If you don't know what I'm talking about yet, just check these videos. You'll also be surprised. Like yesterday, here's an intro video for those who don't know how to see these in 3D. Another thing: embedding the videos caused a loss of 3D quality in some of them, so I've placed a link in the ones you should watch at YouTube for full experience. This is how you do it Flower blooming Watch this on YouTube for the full experience. Fireworks Symphony Big bird in slow motion 3D testing mix Watch it at YouTube for the full experience. 3D Motion Tokyo Mozilla Seabird Watch it at YouTube for the full experience. Resident Evil 5 Dirt 2 Watch it at YouTube for the full experience. Street Fighter IV Watch it at YouTube for the full experience. NBA 2K10 - Michael Jordan dunks on Shaq Watch it at YouTube for the full experience. Left4Dead 2 COD - Modern Warfare 2 Watch it at YouTube for the full experience. GTA IV Watch it at YouTube for the full experience. Instructions So, if after watching these you still think it's better to watch them with glasses, or if you didn't get to see these at all, here's some brief instructions on how to watch it at YouTube with your 3D glasses. 1. You should notice a 3D button right beside the quality button. Click on it. 2. All the possible options will pop-up. If you wonder what each one of these do, just try them out. But for the regular glasses view, you'll probably wanna use the first option: Red / Cyan Glasses: Full Color. So, this is it. I hope you have enjoyed these. I sure did and got really excited by it. Cheers! ;)

Half-Life Collection

It's been a long time since we had any collection post here. I'm in a Half-Life frenzy these last few days... just finished Episode 2 and went looking for news about Episode 3, and all I could find was some concept arts. That gave me an idea. The concepcts were really... conceptual. You can't understand much, but they do look good (the last few images). So I thought it would be a good idea to find some Half-Life related stuff around the web and make a quick collection post on it, since I love the series and I bet some of you love it as well. So, I hope you enjoy these... and let's all hope for the next episode some time soon. Cheers! ;) Episode 3 Concept Arts

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

Amazing Football Tackle Pictures

In Brazil, we usually go for the other kind of football, soccer. But we gotta recognized that the American one delivers us some amazing moments, such as the tackle. Seeing flying dudes is one hell of a ride. Of course, this is a game for those who are big boned, while soccer is better played by slim guys. Anyways, here are some amazing pictures, taken at the right moment, showing us the train wreck collisions that often happen between football players. Totally bad ass. For more pictures, simply visit each author's photostream at Flickr... give 'em some love. Hope you like these! Cheers. ;) Mike O'C Lard Lad Maria Bowler garreyf sevennine JC Nuquet bksecretphoto Infidelic reginald_dlani dogbert8u sdosick Badger 23 Vironevaeh Robert Owens How Eye See It Rob Trudeau Victorie Better Than Bacon Chiceaux tclaxton1 juicyrai Tresselboard Alana Holmberg ninophile John Martinez Pavliga etta81james elementaddict URShook apdonovan andre.delaire

Totally Cool Left 4 Dead Screens and Posters

One of the hottest game at this moment is making zombies hit gamers everywhere once more. Left 4 Dead is one hell of a thrill ride in a post apocaliptic world, but what deserves our attention right now, is the quality of the computer graphics! Everybody knows that we are suckers for 3D renderings, and boy, these are totally stunning... and the best of it all is that these are all in-game screens. Of course, there also the awesome posters that illustrate each chapter of this gruesome game. Anyways, check these out, I bet you'll really dig it. Cheers! ;)

Videogame Remakes by Orioto

During a little visit to Fubiz yesterday, I ran into something that really got my attention: Videogame remake wallpapers! These are really incredible and just blew my mind! Since many people didn't find the link to the author's page and didn't get to download these wallpapers, I'm also posting abou it and making direct links to each wallpapers. Orioto, the author, is SO cool that he even released XL versions for printing... for FREE! Now that's what I call sharing. I'm totally hanging Mario in my wall. This dude is awesome. Anyways, here are the wallpapers! Hope you enjoy these. Cheers! ;)

Inspiration: American McGee’s Grimm

As a dedicated gamer I always follow the news in the industry and new releases in particular. This week I came across “American McGee’s Grimm”. Gameplay aside, this game is very interesting from the point of view of design. American McGee (visit his blog at http://www.americanmcgee.com/wordpress/ ) is a prominent game designer - dark rich style of his games is always recognizable and creates an unmistakable atmosphere. American McGee (born December 13, 1972) is an American game designer. McGee began his career at id Software. He was a level designer for such games as Doom II, Quake, and Quake II. In 1998, he moved to Electronic Arts, where he worked as a Creative Director on many projects and also created American McGee’s Alice. Upon completing Alice, he left EA and founded The Mauretania Import Export Company, of which he is the president. TMIEC’s focus is original IP development. Below is a selection of concept art from “American McGee’s Grimm” by Lin Ran and “American McGee’s Alice” by Tyler Lockett. In addition in 2006 American McGee and Ken Wong (see this talented illustrator’s amazing portfolio at http://www.kenart.net/) created a series of vine labels for wine company Vins Gagliardi, based on the same concept of “twisted tales” as in Grimm