articles on

Reader Tutorial: Extinction by Chanito

We have a great tutorial sent by one of our readers, Chanito from Panama. In this tutorial he will show you how to create a good 3D type explosion with Adobe Illustrator, Cinema 4D and Adobe Photoshop. We will use basic tools to make this artwork. Good Luck!!! For more information visit Chanito's Deviantart at http://chanito.deviantart.com/ Step 1 Open Adobe Illustrator and find the font that you want to use in your artwork, in this case I used Xirod Font and tweaked it a little. Make it outline and save it in Adobe Illustrator 8. (Cinema 4D just open vectors in this Adobe Illustrator version). Step 2 Go to Cinema 4D and open your Illustrator file, when you open it in Cinema 4D you can see that it is inside of a group. You need to ungroup them and add the extrude NURBS to each letter of your word. Then when you have each letter with extrude you need to add lights (I used 2 area lights, in the front and the left side) and target camera (optional, you can use whatever you want). Step 3 Well, we have our 3D text and we need to add more details before we go over to Photoshop. We're going to duplicate our 3D object 8 times to make it editable and we are going to add explosion and shatter. You need to play with the settings to see how you want your 3D text to look like. Just apply 3 explosions and 3 shatters to it and make a preview, you will see where to add more details and where not to. Step 4 Go to render settings and put these following settings. Make the render and save in 300 DPI TIFF format with Alpha Channel. Step 5 Take the render into Photoshop, go to the Channels windows and choose the Alpha Channel. Make your selection, cut your 3D text and paste it in another layer. Then you can work just with your 3D text and after, with your background. Step 6 We're going to create the background and paint some areas with dark blue. I used the basic soft brush and 50% opacity to achieve the effect that I wanted. Step 7 Now we're going to add more details to the background and we also need to create some highlights behind the 3D text to make it stand out. Step 8 Time to add some color to our 3D text. You can do this in different ways. I just used the basic soft brush and painted over the 3D letter and made some masks. Step 9 We need to do a special effect to apply in front of our 3D letters. To do this, choose the Gradient Tool and change the mode to Difference. Make gradients in different directions. After, select the text and make a layer mask in this effect layer. Change the blend mode to Soft Light and Opacity to 70% Step 10 Next, select the 3D text, go to Modify - Contract and use 10 to 20 pixels. Delete then deselect and go to Effects - Blur - Motion Blur use Angle: 15 and Distance between 60 to 70 pixels. Step 11 Now we'll add more detail to our 3D text. Choose a good splatter brush and paint wherever you want. To generate the back of the explosion you need to add broken glasses behind text. (http://psdtuts.s3.amazonaws.com/208_Break_Down/pieces.png). Add some highlights to make it stand out. Step 12 Add some shadows inside of the 3D text with the Polygonal Lasso Tool and the Gradient Tool in Black to Transparent. Step 13 Now add some crack brushes in the 3D text to make the explosion more real. Put a crack on the letter you want to brake, in my case, the x. Step 14 Add highlights on the border of each letter to give it a real explosion feeling. To create the beginning of the explosion add a mini explosion brush to the inside corner of the x. Step 15 Make some lines and flares in the explosion point in different ways. Use different colors to give it a great look. Step 16 Add the broken glass image on top of your 3D text and change the Blend Mode to Overlay. Duplicate it, go to Edit - Transform - Flip Horizontal and change the Blend Mode to Normal. FINAL This is the final image. Hope you enjoyed this tutorial!

Digital Illustration Case Study by Chris Haines

The Australian digital illustrator Chirstopher Haines strikes again with a new piece called Zen. Somewhere between photo illustration and 3d with an amazing final look. Check out how it was done step by step on this case study full of images to inspire your next creation. For more from Chris visit his behance and his website. Case Study Final Details

30 Astonishing 3D Portraits

One of the best ways to really trip deeply into imagination is to check 3D works! Yes, 3D opens wide possibilities for stories, as we see new characters, still to have their story written. Seriously, thank God for 3D artists, like the ones featured here. These renders are as amazing as it gets. The artists are getting more qualified each day, and it awes me to see their work! All of these were done by the fine artists from CGSociety. I totally recommend you to visit each artist's page by clicking the images because you'll get to see it in full view and also you'll get to see their full portfolio, which is really worth it. I hope you guys enjoy this! Cheers. ;) Jarek Switalski Phil Shoebottom Mashru Mishu Jelmer Boskma Thomas Schreiter Jorge Barrero Paulo Welter Petr Chegodaev Joel Mongeon Gabor Cseh Paul lin gene Teh Christopher Tackett Eric Zhang Russell Barton rui dai pascal ackermann lufei bi lufei bi Jian Xu WeiLin Ke Jorge Suarez Jimmy Chow heon-hwa choe Yury Rybakov Riyahd Cassiem Deniz Ă–zemre Joseph Harford Ricardo C. Rocha Lee Perry-Smith chengjie wang

Mind Tripping Stereographics

Ok, this is a completely different approach to photography. Stereographics are 3D photographs... usually set by 2 or 3 pictures from slightly different angles. It might be hard to see at first, but once you do it, you'll love it! These are commonly called "parallel" stereographics, and what you have to do to get the 3D image is make a single image out of each pair, with your bare eyes. Need a little more explanation? Check out here, here and here (thanks @aledagostin). Actually, the success or failure of this post depends on whether or not you guys get to see these in 3D, so come on!! Try it out! I hope you all get to see it! Cheers. ;)

Amazing Realistic 3D Computer Graphics

3D renders really impress me. It's incredible how some designers recreate things from real life on a computer, creating what we may call simulated pictures. Sometimes, we can't even tell whether an image is real or a computer graphic, and that's freaking amazing. During a long visit to the CGSociety yesterday, I selected 30 amazing realistic 3D Computer Graphics that impressed me a lot for its rendering and textures, which turned this computer generated images into real pictures of another world. I really hope you enjoy these, and don't forget to visit each author's page by clicking the images. Cheers! ;)

20 Amazing 3d Illustrated Portraits

The work of PoisonVectors is just a new level of portraits, mixing it up with a lot of abstract 3d and great final touch and colors it's amazing. This is definitely a new style that came up from the trendy of making full body portraits with abstract effects around it, the difference is that PoisonVectors took it to another level. For more from PoisonVectors visit poisonvectors.deviantart.com

50 Inspiring 3D Desktop Wallpapers

Desktop wallpapers suggestions are always welcome since sometimes we don't have time to browse to find one, so we check on the suggestions available at our favorite websites! We know that we can find tons of great wallpapers online to choose from, but here we selected 50 3D wallpapers to inspire you. Wallpapers can be inspirational, funny, silly, elegant, sexy or even organizational (since we can find calendars, clocks, etc on it). As I really increased my interest around 3D after the 40 Amazing 3D Art Pieces post and I wanted to get myself a "new" 3D wallpaper, I decided to make this selection. So I hope you enjoy it!! :) Remember to click the images to go to the source and download the wallpapers you like. Enjoy! From EpicWallpaper.com From TWS3D From deviantART flashpics webtrance derekprospero backgrounds JustDippin xxtjxx symbiotsyndacit From Flickr George Vallelis mps21877 magOdaOz 011art From Wallpapers [RU] From Desktop Wallpapers From All size wallpapers From DesktopWallpapers Other Sources

Absolutely Stunning 3D Typography

Typography is one of those fields of design that really get my attention. Checking some sweet types, from all kinds, is a total pleasure for me, but there's one kind that get the most of my attention, and it is 3D typography. Mostly used in Motion Graphics, 3D Typography is usually really beautiful. But there's the cases where it's not CG, but real solid typogaphy, like the pipe one below. Anyways, I find these absolutely stunning, and I really hope you enjoy them! Cheers. ;)

Impressive Work of Julien De Repentigny

Julien De Repentigny is a graphic artist from Montreal, Quebec, Canada with a really impressive portfolio. Among digital arts he has some amazing 3D typography using paper, acriylic and neon. You can find out more about his work at his Behance profile or website at http://www.visualadvice.com/ I am into graphic design, set design and 3 dimension typography, my work is base with neon lights acrylic and paper

20 Impressive 3D Graffiti Artworks

Yesterday I published a nice post about Abstract 3D art so I decided to make another 3D post today about 3D graffiti. Those designs were really cool, but even more impressive are the sprayed graffitis that some artists already painted in walls. So here's a brief selection I've made. I hope you enjoy these! Digital Work Sprayed 3D Graffiti

42 Amazing 3D Abstract Artwork

The Abduzeedo team really loves 3D artwork. We are often checking some sweet inspiration all over the web... from 3D typography to CG portraits. We're all into it! You may use 3D to design virtually anything, but a really nice way to use 3D is to create abstract renders and edit them in Photoshop.This is a really cool and colorful style of graphic design. Maybe you will think that those pieces are not really graphic design on a high level because the artist maybe just "played" around in the 3D-Program but they are really cool artwork and a nice color-inspration. And don't forget to visit each author's page by clicking the images! Hope you like it. Enjoy!

20 Futuristic 3d Scenes

It's very hard to imagine how our cities and landscapes will look in the future, but on this post you can get a taste of what may be coming in a long future. There artists have enough imaginations and skills to create their own view of the future. Click on the images to visit the Author's page.

40 Amazing 3D Art Pieces

I was doing my regular research online when I bumped into some great pieces of 3D art at deviantART and decided to do this post! Let me tell you that as I'm kinda of new here I was pretty impressed with the type of work you can produce using nothing but a computer, creativity and talent. ;) Some pieces also evolve character modeling, which I also think pretty interesting. Here I will show some great samples I found from 3D art on deviantART and Flickr. Most of the pieces here were produced using 3D studio max, photoshop, rhino, v-ray, lightwave and other softwares of this type. So, check it out and enjoy! DjDrako - deviantART Sha-X-doW - deviantART Jesar - deviantART weilynn - deviantART Mironor - deviantART Kutsche - deviantART Bodnar - deviantART Almacan - deviantART Zjic - deviantART dizbat - deviantART johnstrieder - deviantART mmarti - deviantART ethan - deviantART habibityn - deviantART pushOK-12 - deviantART arrghman - deviantART sevenblah - deviantART CanisLoopus - deviantART alexalvarez - deviantART dunnodt - deviantART Kazeki - deviantART sandrum - deviantART Jorshma - deviantART bakka - deviantART DivineError - deviantART imjan - Flickr 3D Animation - Flickr CAMEL007 - Flickr cyberchaos - Flickr LuciFerAngel - Flickr Steven Stahlberg

Incredibly Realistic Water Text in Cinema 4D and Photoshop

Yesterday it was raining and I decided to create a water effect. I didn't know what to do then I saw the desktop wallpaper I'm using, a image from the depthCORE Heist chapter created by Sumeco that we used of the Wallpaper of the Week 43. To create the effect, I had to use Adobe Photoshop, Illustrator and Maxon Cinema 4D. So, in this tutorial I will show you how to create a water text effect. Even though it might look compex it's a very simple effect. We will use Illustrator for the text, then Cinema 4D to make it a 3D text and Photoshop to mix the 3D with some real photos to create a nice and realistic result. Step 1 The first thing to do is create a hand writing with the text you want to use for the effect. I used Adobe Illustrator to write the text. Using the Pencil Tool (N), double click its tool icon to open the Pencil Tool Option. Use 10 pixels for the Fidelity and 50 % for the Smoothness. Save the Illustrator file, we will import it in Cinema 4D. Step 2 Open Maxon Cinema 4D and go to File>Merge. Select the Illustrator file to import it. Step 3 Let's edit the path just to add a bit of depth to it. In Illustrator we have a simple 2D path, now we can move in a 3D enviroment and that will give a nice effect. Select the Point Tool (1) and the just click and with the Move Tool (2), move the points, use the Axis arrows to make sure you are moving to the right direction and axis. Step 4 After you finish editing the path, add a rectangle. To do that click on the Draw a Freehand Spline icon (1) and select Rectangle (2). In the Attributes panel change the width and height to 30m, select Rounding and use 3m for it (3). Step 5 Even though it might look a complicated, this step is quite simple. Click on the Add HyperNURBS Object icon and select Sweep NURBS (1). In the Objects panel you will have the 3 object layers, the Zee path, the rectangle and the Sweep NURBS. Move the path and the rectangle into the Sweep NURBS objects (2). Then in the Attributes panel use the image below for reference (3), but make sure that you change the Rotation. Step 6 Now let's add a melting effect. Click on the Add Bend Object (1) and then select Melt (2). Again, drag the melt layer into the Sweep NURBS layer, (3) it wil be right below the Zee path. With the Melt Object selected go to its Attributes panel and play with some values. There isn't any fixed value, they will depend on the size of your text path. You can use the ones I used from the image below (4). Step 7 The object is getting quite nice, but there's still some adjustments to be done. Let's make it a little smoother and then add a nice water texture. So click on the Add HyperNURBS Object icon and select HyperNURBS (1). In the Objects panel click and drag the Sweep NURBS group of layers into the new HyperNURBS layer (2). In the Attributes panel for the HyperNURBS object change the Subdivisions to 3 and use Linear (R7) for the Type. Render the Perspective View to see how it's looking. Tip: Change the angle and distance of the view by dragging the icons on the top right hand corner of the preview window. Step 8 The material we will use to create the water is very important. In the Material Panel go to File>New Material. Then double click on the material icon to open in a new window. Select the Color, Luminance, Transparency, Bump and Specular. Use the image below for values and settings references. TIP: for the BUMP click on the arrow button next to Texture, click on it and select Surfaces>Water. That will use a water map for the Bump. Step 9 Click on the Add Light icon and add 2 new lights. Both will be Omni but make one 100% intensity and the other 50%. For the Shadow select Shadow Maps (soft). Then move the 100% intensity light to the top of the object (1) while the other light move to the bottom and behind the object(2). Render the Perspective view to see how it's looking. It's supposed to be alright and ready to be exported. Step 10 Go to Render>Render Settings and select the Save option. Select Alpha Channel, Straight Alpha, and Separate Alpha. For the Output select Scree>1920x1200 pixels. Then just go to Render>Render to Picture Viewer. After that save it and let's go to Photoshop. Step 11 Open Adobe Photoshop and the image rendered in Cinema 4D. The first thing to do is to go the Channel palette and then holding Command(MAC)/Control(PC) click on the thumbnail of the Alpha 1 to load the channel as selection. After that go back to the Layer Palette and select the layer and go to Layer>Layer Mask>Reveal Selection. Step 12 With a very soft rounded brush and black for the color, paint over the mask to hide more parts of the image, use the image below for reference. We will place now some real water photos to give a very realistic feeling to the image. Step 13 Over at http://sxc.hu search for water splash and download the photos of water with black background, below I showed the ones I used. Place them in your design and always use Screen for the Blend Mode, that way the black will be transparent. Step 14 Start copying some parts of a photo and place them in the areas of the image we had hidden. Step 15 Keep adding the small splash. You can go to Edit>Transform>Warp to change some forms, also with the Eraser Too (E) delete some areas of the splash to make it look real. It's all about details. Step 16 Now add the big splash, for me it's easier that way because it's easier to avoid overload the image with elements. Again make sure you use Screen for the Blend Mode. Step 17 Select all layers and group them. Duplicate the group and go to Layer>Merge Group. Then go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. After that change the Blend Mode of the layer to Screen as well. The blur with the blend mode will add a nice glow effect, however it's going to be necessary to reduce a bit of the brightness and increase the contrast. Go to Layer> New Adjustment Layer>Brightness and Contrast. Use -75 for the Brightness and 40 for the Contrast. Conclusion Just add you logo or any text and that's it, we're done. Because of the beautiful outcome,you make think it's a very complicated effect, but the process is quite simple. Probably there are ways to do the text using only the blend tool in Illustrator and not use Cinema 4D but it's always good to know how to use 3D tools. As I said, the process is all about matching photos with a 3D object. I hope it can help you because it helped me a lot in my endeavour to learn more about 3D. Version 2 To add some color to the image just add a Gradient Overlay via Layer Styles to the layer we applied the Gaussian Blur in the Step 17. Use Multiply for the Blend Mode of the Gradient Overlay then. Download the tutorial Files Click here to download the files used for this tutorial

Motion Graphics Inspiration by lilit Hayrapetyan

lilit Hayrapetyan is a motion designer and 3D artist from Yerevan, Armenia. She's the Senior CG Artist at Triadastudio where she's been doing are super cool and very creative works. Below you have some examples included the beer ad with the lobster that is simply awesome. For more information visit http://www.behance.net/LilitTriada

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! ;)

Crazy Work from Michal Sycz

Check out the intensity and the details of the crazy works of the Polish Graphic Designer Michal Sycz, a great mix of typography, 3d, and regular photo manipulations that feels like candy to the eyes.