Search

articles on

Since the release of the new trailer for the sequel of The Hobbit I think any J.R.R. Tolkien fans are just dying to see it. But since we gotta wait till December to see the rest of Bilbo Saga, let's sit, relax and appreciate this awesome fan art that we found through the Web.
I think we haven't done many Lord of The RIngs related posts before, so I was really glad to do it for you. Just in case you don't know what The Hobbit is about, here's the Lord of the Rings Wikia. All images and authors on this post are linked to the original source, I'm not owner so If you got interested just click right on the image.
Gigei
Pervandr
toerning
yinyuming
yinyuming
ryky
madbatter
s-u-w-i
ringbearer80
O-b-s-e-s-s-e-d
Feyjane
Pervandr
S-von-P
maril1
juliedillon
juliedillon
hobbit
Barukurii
Art-Calavera
maXKennedy
IrenBee
asiapasek
Mxi665
LordMishkin
RinGreen

Blade Runner it's considered one of the top science fictions movies ever made and the father of the future noir movie genre. Almost 31 years after its release, rumours about a sequel or prequel are still hot, besides the fact we probably won't see Harrison Ford as Deckard again, let's wish for the best.
Enough talking, here are some amazing collection of artworks inspired by this classic movie. Just in case you don't know what Blade Runner is about, here's the Wikia. All images and authors on this post are linked to the original source, I'm not owner so If you got interested just click right on the image.
Dani Blázquez
Vlad Rodriguez
artificialdesign
Grzegorz Domaradzki
Kako
AlexAmezcua
guang2222
Lisatz
AnnaWieszczyk
Ent4ry
mygrimmbrother
revans239
Rockomics
Smolb
Mag3llan
JacobCharlesDietz
alicexz
AshcanAllstars
Harnois75
Laggyzaki

Robocop was definitely one of my favorite movies growing up. Being such an ultra-violent movie, I was pretty stunned by the story of a dead man coming back to life as a machine, and it seems the idea is being freshened up with the release of Robocop's reboot by José Padilha.
One of the main things that got fans mad is the fact that Robocop's classic design has been changed for a black one, but it seems that during the movie we'll actually see homages to the classic body. Although people are still pissed about it, it's clear that some fans would rather have their Robocop redesigns in the movie, and man, they should. I've picked some pretty cool examples of fan-made redesigns for the Robocop body. Some of these are pretty fantastic, some trying to maintain the classic look, others going outside the box and doing something completely different from source material. Pretty solid effort here. For more of the work of these talented artists, check out their portfolio simply by clicking each picture. Also, tell us which one is your favorite. Cheers! ;)
Thomas Wievegg
Josephine
Ash
The Phantom Lim
Yanni Davros
Lee
The Phantom Lim
Mark Henry Bustamante
Carlitos Salazar
Edward
Jason
Alexandre Morsilla
Jason
JasonKang
Dante Corvus
Gerald Parel
Alexandre Morsilla

If you are fan of nice cars and good movies, chances are you have seen these cars on the movies before. But now they are completely illustrated by Spanish graphic designer Jesús Prudencio. Enjoy!
For more from Jesús Prudencio visit behance.net/jesusprudencio.

I was reading my news in the end of the day today then I saw this beautiful photo of a batmobile and the titled saying "Cars we love". It turned out it was a series of digital photography of cars that we really love, from the Batmobile of the 1989 Batman movie to the iconic DeLorean from The Back to the Future movie. If yo like cars, and photography you will love this collection.
This is the first two of an ongoing series I called 'Cars we love'. I intend to photograph the cars or 'mobiles' that made an impact on our lives through movies. I wanted to begin with my two favorites, more to come soon
These photos were take by Cihan Ünalan, a photographer and digital artist from Istanbul, Turkey. For more information visit http://www.cihanunalan.com/

Time for more great illustrations here at Abduzeedo! This time, we're featuring Martin Ansin, an artist who has done some super great pieces for Mondo and many other clients, such as Wired Magazine, Rolling Stone and more.
Martin is from Uruguay, and it's pretty awesome to see artists from South America doing great worldwide work. These are some of his images, and for more I recommend you to visit his personal portfolio. He'll definitely enjoy your visit. I hope you enjoy these as much as I did. Cheers, and have a great weekend. ;)

Sci-fi movies are one of my favorite genres because they explore the unknown trying to envision the future. Thinking about the future is not an easy task. There are so many things that we just take for granted and therefore it is hard to imagine how they will look and behave. Daniel Simon is a master of this reality and has created vehicles for movies like Tron Legacy, Captain America, Obvlivion and many more.
In this post we will share with you some of these projects, showing artworks and sketches. For more information we highly recommend that you visit Daniel's website at http://danielsimon.com/
Marvel’s Captain America
Hydra Parasite
The Hydra Parasite is a flying bomb designed for the 2011 Marvel feature film ‘Captain America’, carried by a large Flying Wing in a set of eight. The 2R marking on this early test version defined its spot in the wing, second right. Early concept drawings and models were created to explore the taste of director Joe Johnston. The simplistic teardrop shape on the right got picked (see first image left), with pusher props and a cockpit positioned far back. A futuristic forward facing cockpit was also considered (see second image with design models), but was difficult to film in particular scenes. So the front of the final design turned into the bomb device itself. Counter-rotating twin props were later dropped in favor for a more experimental drive.
The Hydra Schmidt Coupé
The Hydra Schmidt Coupé is technically a roadster, but was originally designed as a Coupé and never changes its name. Lets just say its stubborn owner Johann Schmidt the Red Skull liked the sound of it. The car was explained in the film script to be the fastest road car of its time. Not due to its aerodynamics but its incredible power – a supercharged, 16 cylinder engine. Together with Director Joe Johnston and Production Designer Rick Heinrichs, we researched Coupés of the 40ies to define the style for this vehicle. At first, I envisioned an extreme car shaped like a 1937 Auto Union Type C streamliner, but I soon understood the film’s director was looking for something classic and upright. A style-blend of a Mercedes 540K, a Mercedes G4 Off roader plus some hints of Bentley and Duesenberg turned out to be the perfect language.
Others
Disney’s Tron Legacy
Disney’s Tron Legacy was a fantastic project to be involved with. I was hired as Concept Vehicle Designer under the supervision and inspiration of director Joe Kosinski and production designer Darren Gilford. Between September 2008 and July 2009 I was responsible to create the final look of various Tron vehicles, including the Light Cycle, the Vintage Light Cycle, the Light Runner, the Light Jets, and a few background vehicles. Working hand in hand with Darren Gilford, set designer Joe Hiura and cutting-edge effect house Digital Domain, this project was a team effort. For the most iconic vehicle of the film, the new Light Cycle, I could based the final look on previously done studies by fellow designers Ryan Church, Harald Belker, Tim Flattery and Ed Natividad. Other machines, like the Vintage Light Cycle or the Tank, are modern re-interpretations of their originals from the 1982 film, created back then by master mind Syd Mead.
Sketches

One of the most memorable opening credits of all time has to be the Star Wars text scrolling in a 30-45deg perspective towards the horizon. It's a classic and it has been subject to all sorts of exercises and tutorials. I have never done anything related to this but last Friday while playing with CSS I was inspired to create the same effect for my personal site. The result is what I want to share with you today. The only thing missing is the theme music so feel free to add that to your own personal effort.
So in this little tutorial, I will walk you through the process of creating the Star Wars opening credits effect using CSS and CSS animations only. I used Javascript for other details, but the rolling text effect is just CSS.
Step 1
The first thing to do is to get the content of your HTML page. I used the content of my personal site. Basically the site contains a Header and a Section for the text. Below you an see the final HTML.
Fabio Sasso
I’m a Brazilian graphic and web designer based in San Francisco, California. Currently working for Google, I am also the founder of Abduzeedo, a personal project that has become the biggest promoter of my work. Abduzeedo is now one of the design world’s most sought after blogs for design inspiration and tutorials.
Over the years I have had the amazing honor to work on projects for web and print media as well for clients such as MSNBC, Wired UK, Adobe, Digital Arts Magazine and Abril among others.
In 2011 I joined Google as senior designer at the Mountain View headquarters. For over 2 years I have had the opportunity to work on incredible projects, from Doodles and icons to major products like Google Wallet, Offers, Shopping, Currents, Ventures and others. Currently I am part of the Search/Knowledge team working with amazing people.
Step 2
Let's start adding some style to the design. We need to make sure that the background is black, the font is San-Serif and that we will use 100% of the height and width. Let's also set the perspective of our design. To do that let's add "-webkit-perspective:300" to the "section" tag.
*/
Step 3
Now let's add the text. I enclosed the text in a "article" tag and used "P" tag for each paragraph. To make the text fly in that perspective we will rotate the "article" tag. Then we can move the paragraphs in the Y position via "translate". Here's the CSS.
article{
height: 100%;
overflow: scroll;
font-size: 32px;
height: 100%;
-webkit-transform: rotateX(45deg);
-moz-transform: rotateX(45deg);
transform: rotateX(45deg);
}
Step 4
To move the text off the screen we will use "TranslateY" for the paragraphs.
article p{
-webkit-transform: translateY(800px);
-moz-transform: translateY(800px);
transform: translateY(800px);
padding: 0 20%;
}
Step 5
Now let's create the animation. Below you can see the code, it's basically moving the paragraphs in the Y axis from the bottom to the top of the screen.
@-webkit-keyframes txtmove {
0% { -webkit-transform: translateY(800px); }
100% { -webkit-transform: translateY(-1400px); }
}
Step 6
With the Keyframe animation creaed, we will have just to assign it to the element we want to animate. In our case, the "article p" or the paragraphs inside the "article" tag. The animation will last 70 seconds, and it will have a 3s delay. The timing function will be linear so it animates at the same speed from the start to end.
article p{
-webkit-transform: translateY(800px);
-moz-transform: translateY(800px);
transform: translateY(800px);
-webkit-animation: txtdmove 70s linear 3s 1;
-moz-animation: txtdmove 70s linear 3s 1;
animation: txtdmove 70s linear 3s 1;
padding: 0 20%;
}
Conclusion
The animation is done, now you can add more elements in your composition, like stars or your logo. Below you can see the final result and you can also download the files if you want to tweak it.
Demo - Save from the browser to download it

Star Trek: Into Darkness opens in theaters this week and of course we over here at Abduzeedo are looking forward to watching it. These blockbuster movies always generate a lot of fan art and it's always amazing to see the work that people can do just for fun and of course to have the opportunity to work on something really cool like their favorite movie. In my opinion, Paul Shipper created a poster that is better than any of the official posters so we just had to share it with you today.
Paul Shipper poster reminds me those classic Drew Struzan movie posters for Indiana Jones, Back to the Future, Rambo and Star Wars film series.
Paul Shipper Specializes in Traditional and Digitally Illustrated Works of Art for the Entertainment, Advertising and Publishing Industries all over the World from his Studio in Hamilton, New Zealand.
Growing up in the UK with a pencil permanently attached to his hand and realizing his talent for the visual, Paul followed art and design through high school and college before graduating with a BA in Illustration in 1997.
Poster
Details
“My training came from years of drawing and painting, studying the works of my illustrative heroes and driven by my passion and determination to making a dream become reality.”
Exclusively premiering on Blurppy.com today, this artwork is presented alongside even more 'Into Darkness' inspired alternative movie poster goodness, from some of my talented 'Poster Posse Project' Pals Matt Ferguson, Marko Manev, Marie Bergeron, Adam Rabalais, Rodolfo Reyes, Johnny Dombrowski, Fernando Reza, Tim Anderson and Joe Vetoe.

Next month one of the most anticipated movies of the year will open in the theaters, I am talking about Man of Steel, the new Superman movie. It's amazing how much promotion this movie is getting lately, every day there's a new picture, poster or some news about it. With all of that, of course I also get really inspired to create some artwork about it. I've created the symbol in the past using Illustrator and Photoshop a few weeks ago. Now I will create a simple poster, this time however I will use the new Pixelmator 2.2 to test it out.
So in this post I will walk you through the creative process behind my minimalist poster for the Man of Steel movie. I will use Pixelmator's new features like the Vector Tools and Light Leak effects.
Step 1
Open Pixelmator and then grab the latest poster of the movie to use for reference and to trace superman.
Step 2
Using the Pen Tool, start tracing the silhouette of superman. Don't add to many points and also don't worry if it's not super perfect. You can always edit that later.
Step 3
Here's the final trace.
Step 4
Fill the background with a dark blue using the Paint Bucket Tool (N). Change the superman color to white.
Step 5
Using the Rectangle Shape Tool create 2 lines like the image below.
Step 6
Add the text. If you notice the kerning of the text is really crazy, I changed to 250%.
Step 7
With the rectangle shape tool, add another rectangle with no color and white for the stroke. Select inside for the options and then use 50px for the stroke width. The idea here is to add a simple white border to the composition.
Step 8
This is not really necessary, I prefer the version without the effect but you can also add a nice vintage look by using the new Light Leak Effects in Pixelmator. Just select the background color and then drag it to the composition. I used Nebula with 100% for the Amount and 65% for Sunniness.
Conclusion
The poster is done. It was a great exercise to test the new Pixelmator and some of the new features. I can also say that Pixelmator is faster than ever and getting more complete at each release. It's a nice alternative if you don't want to pay Adobe's subscription. There are some important tools missing but I am sure they will be added in the next release.
Applications
Download Pixelmator file
Click here to download the Pixelmator file used for this tutorial

I find totally great when Google pays homage to people in various fields. Today, Google is celebrating the birth of Saul Bass, one of the most famous graphic designers in the film industry, born in May 8th, 1920.
Being a graphic designer and a filmmaker granted Saul to do some astonishing title sequences for its time. Full of style and sense of aesthetics, these sequences are state-of-the-art pieces until this day. If you're checking this post in the day it's been published (5/8/13), you may visit Google.com to check Saul Bass' doodle. For those checking in any other date, go to Google Doodles to check it. The title sequence videos below can be seen at Art of the Title, simply by clicking each image. I hope you enjoy these, and don't forget to comment which is your favorite. Also, recommend your favorite title sequence artists. Cheers! ;)
The Seven Year Itch (1955)
North by Northwest (1959)
Carmen Jones (1954)
Anatomy of a Murder (1959)
Bunny Lake is Missing (1965)
Ocean’s Eleven (1960)
It’s a Mad Mad Mad Mad World (1963)
Vertigo (1958)
Psycho (1960)
The Man With The Golden Arm (1955)

The cinemagraph is one of the most awesome category of GIFs. The idea of perpetuating a single moment of your favorite character or movie is definitely worth the time spent to do these.
From Alien to Napoleon Dynamite, these cinemagraphs are some fine examples of GIF fine-art. If it was possible, I would hang many of these in my wall... like a fine picture of Roy Batty, in the rain, as he dies. Man, pure poetry there. These are only a handful. For more, visit Cinemagraphcollection.com, because they got tons of other pieces there. Cheers! ;)

Mike Mitchell is definitely one of my favorite artists out there. He's one of those artists that you should always keep an eye on, because when you least expect, BOOM, there's an awesome new project.
This time he's releasing around 30 new pieces, portraits of famous characters from movies and TV. I always thought that his comic-like art was pretty awesome, but I didn't know he was so good in other styles, like the one below. These are a few pieces of this new project, but you can visit the exposition at Mondo Gallery, in Austin, TX. It opens today, April 26th, and closes on May 25th. Check out his portfolio for more information! I hope you enjoy these Cheers! ;)
Igor - Young Frankenstein
Django - Django Unchained
Bill "The Butcher" Cutting - Gangs of New York
Jimmie Dimmick - Pulp Fiction
Tyrion Lannister - Game of Thrones
Judge Dredd - Dredd
R.J. MacReady - The Thing
Driver - Drive
Mr. Pink - Reservoir Dogs
Marge Gunderson - Fargo
Dae-Su Oh - Old Boy
Jacobin Mugatu - Zoolander
Thomas Jerome Newton - The Man Who Fell To Earth
Nada - They Live
Veronica - Heathers

We all have been anxiously awaiting the release of Man Of Steel since it was announced a few years ago. The words are not mine but I cannot agree more with the guys from Will & Tale that put together a simply fantastic title sequence for the movie. They created everything in 2D and 3D animations, voiceovers and other mind-blowing processes. I have watched it more times than I'd like to admit and of course we want you to watch it too.
So, in this post we celebrate the Man of Steel title sequence created by Will & Tale. There's a little making-of but we highly recommend that you check their website out for more information at http://www.willandtale.com/?p=1253
Video
Making of
For more information about Will & Tale visit http://www.willandtale.com/

Last week I saw the new Iron Man trailer and as usual it was nothing less than amazing. The effects are top notch and I'm really anticipating seeing it in May. There's still a couple of months until we can set our eyes on the real deal so I decided to create the Iron Man mask from scratch using Illustrator and Photoshop just to warm up and to try to improve my illustrating skills.
So for this tutorial I will show you how to create the Iron Man mask using Adobe Illustrator and Photoshop. It's not too detailed because I wanted to share a simple overview/walkthrough so you could play and explore by yourself. In the end that's the best way to learn.
Step 1
Open Illustrator and create a new document. The first thing to do is get a good reference of what you want to do. After that create circle and a line crossing the center. We will create just half of the mask. With the Pen Tool (P) start creating the basic shapes.
Step 2
Create one shape for each part of the mask, it will help us to add colors and textures later on in Photoshop
Step 3
Once you have all shapes, use basic grey colors to see if everything is alright.
Step 4
Duplicate the half of the mask and flip it horizontally.
Step 5
Now in Photoshop, paste each part of the mask as a layer and let's add some colors. The basic Ironman colors are gold and purple. Also there are some shadows and subtle details like you can see in the image below.
Step 6
For each part of the mask, add a layer and go to Layer>Create Clipping Mask. Fill the layer with black and change the Blend Mode to Color Dodge. With the Brush Tool (B), a very soft brush and white for the color, start painting some areas to highlight. Use 10-20% Opacity.
Step 7
Repeat the same thing as the previous step, but this time use Screen for the Blend Mode. Paint some more highlights.
Step 8
Add some more highlights, especially on the mouth and purple part.
Step 9
Now let's add texture. Again remember, apply the texture to each part of the mask. Move the position of the texture give more depth. The texture I used can be downloaded at http://www.hdwallpapers4ipad.com/_ph/24/641167066.jpg
Step 10
For the eyes, the create the 2 shapes and fill with blue, then use a basic checked texture. Apply some gaussian blur after that.
Step 11
Add a new layer on top of the layer you created the eyes and group this new layer into a folder. Change the Blend Mode of the folder to Screen. After that with the Brush Tool, use a soft brush with white and paint 2 light spots. Add another layer inside this folder and paint 2 spots with blue.
Step 12
Duplicate the folder and delete the blue layer. Change the Blend Mode of the folder to Color Dodge. Delete the content with the white light spots and create 2 different ones, a little less strong. The color dodge will create a very realistic light effect.
Conclusion
The whole process is more about digital painting than design. I am not really good at digital painting but it's always a good exercise. There are a lot of tiny details that I will continue to work on this design, however I wanted to share with you a quick overview. Now it's up to you to create your own, have fun ;)
Download Photoshop file
Click here to download the Photoshop file used for this tutorial

Following our series of tutorials inspired by movie posters, today we bring to you a simple image inspired by the new Jim Carrey and Steve Carrell's movie, The Incredible Burt Wonderstone. The poster and the TV spot show a really nice old signage effect, that's the title of the movie. As usual that was perfect for a Photoshop tutorial and also to create a nice animated gif.
So for this tutorial we will show you how to create a nice old signage effect using Photoshop and a stock photo. The whole process is pretty simple bu the end result is quite nice. We will also create a simple animated gif in the end.
Step 1
Open Photoshop and create a new document. I am using 2880x1800 because it's the resolution I need for a nice wallpaper. Make sure that your background color is black.
Step 2
Let's add the text that will be the base of the design. The concept is inspired by the movie The Incredible Burt Wonderstone, it's about two magicians so it has all that Las Vegas style. For the font I used Knockout for the "Abduzeeni" and Adobe Devanagari for the "The amazing". Position the text like the image below.
Step 3
Let's use some 3D in Photoshop. Adobe has been working hard to give to Photoshop users a better 3D tool and I have to say, it's getting better. It's not as slow for basic 3D objects and it is also more intuitive. So To create our 3D text, just select the layer with the text you want to apply the 3D and go to 3D>New 3D Extrusion from Selected Layer. After that you the 3D panel will open and you will see the layers of the 3D. By clicking on the different layers: Scene, Current View, Text Extrusion, Infinite Light 1 and Default Camera, you will be able to change their properties. The images below show some of these properties.
The first 3 images ar properties of the text extrusion, the second is for the light and the third for the environment.
Step 4
Once you have your 3D settings adjusted, go to 3D>Render to render your 3D layer. You will have something like the image below.
Step 5
Select the face of the 3D object and create a new layer from it. Fill this layer with red. Go to Layer>Create Clipping Mask.
Step 6
Go to Layer>New Adjustment Layer>Hue and Saturation. Use 30 for the Hue, 30 for the Saturation and -50 for the Lightness. Make sure that this layer is also using clipping mask (Go to Layer>Create Clipping Mask) so the effect only applies to the 3D layer.
Step 7
To create the light bulbs, let's use a real image. The one I am using is courtesy of Shutterstock and it's called Neon casino entrance sign by MaxFX. Copy one light bulb that is not completelly on and another that is off. Paste these 2 lights to your composition and start filling the space on the letters. Notice that I am using a shadow to give some depth. You can do that using layer styles. Another tip is change the direction of the shadow for the letters that are on the left or right, that way we make sure it's a little bit more realistic.
Step 8
Add a layer on top of the others and group it so it will be in a folder. Change the Blend Mode of the folder to Color Dodge. Select the layer inside of this folder and then with the Brush Tool (B), select a very soft and rounded brush with white for the color. Resize the brush so it is a 30% bigger than the light bulb. Paint in the select layer with white on top of the light bulbs you want to turn on.
Step 9
Repeat the same process to the other light bulbs.
Conclusion
Duplicate all layers and merge the new layers into one. Go to Filter>Blur>Gaussian Blur. Use 10 pixels for the radius. Change the Blend Mode of this layer to Screen at 20%. Duplicate this layer again and change the Blend Mode to Overlay at 50%. Move the folder with the layer that has the white spots (previous step) so this layer is on top of all other layers. After all these steps you are good to go. You can make some adjustments and improve the design for sure, but that's the whole idea of the tutorial, to give you some directions, now it's up to you.
Animation
To create the animation is pretty simple, just create a few different versions with some lights on and off. After that using a app that can create animated gifs, just import all this images. I used Fireworks and for each state I used one of the versions.
Download Photoshop file
Click here to download the Photoshop file used for this tutorial

This weekend Top Gun is back to the movie theaters in IMAX and 3D and we can't wait. It doesn't get any better than Navy pilots and dogfights with F-14 Tomcats and MIGs. A generation got inspired by this movie and we here over at Abduzeedo, children of the 80s, cannot see an F-14 or beach volleyball without bringing back the memories of this movie.
To celebrate that we put together a few gorgeous photos of F-14 for your delight.
joabe_brill
Dew's
kecemplunglagi
mdmo30
ZZ330
awee_19
gsb_viva
dihe
Timmeh!
Jamie L Adams
Other