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
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
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! ;)
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.
I really love how people picture the future, with all those gigantic buildings, flying cars and space travel. We've seen it in the movies, we've seen it in books, and now, we get to see it in sweet computer graphics! Once more, CGSociety.org is the one place to find stunning 3D art, and for that, I've chosen 4 great artists: Stefan Morrell, Jaimes Paick, Gerardo Damian Barbero, Alexander Preuss. These are only a few of their work, for more, please visit them at awesome CGSociety. Hope you like it. Cheers! ;) Stefan Morrell James Paick Gerardo Damian Barbero Alexander Preuss
Last year I was learning how to use the 3D features in Photoshop and I did an image mixing a 3D robot with a photography and some dragons in vector. After quite sometime I was checking my images and found it, so I decided to write a tutorial showing how I did that. And, also play a bit more with the new 3D features in Adobe CS4. In this tutorial I will show you how to create an sort of video-game style image with dragons, fire, smoke, robots and other crazy things. Step 1 Create a new document in Photoshop and place a photo in the document. I used an image from sxh.hu, you can download it at http://www.sxc.hu/photo/946956 Step 2 Duplicate the photo layer and press "Q" to switch to Quick Mask. Select the Gradient Tool (G) with black and white for the colors then paint a gradient. The black will become red and the white transparent, that means the red won't be affected and while the transparent will. Press "Q" again to transform the Quick Mask to selection and go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius and change the layer Blend Mode to Lighten. Step 3 Here you will need some dragons. I used some vector dragons I have but you can find tons of dragons on the web. Apply Motion Blur in some dragons to give a nice impression, as if they are flying pretty fast. Step 4 Now lets add some fire. Select the brush tool and go to the Brush Engine, Window>Brush. For the Brush Tip Shape, select a rounded brush and leave the default settings. Select Scattering and use 120% for the Scatter, 5 for the Count and 100% for the Count Jitter. Now the Texture is very important. Select the Clouds texture and change the Scale to 100%, make sure the mode is Color Burn. Also if you increase or reduce the size of the brush too much you will have to do the same with the texture scale. After that the last setting is Other Dynamics. Use 50% Opacity Jitter and 20% Flow Jitter. Save the brush as fire. Step 5 Using the brush you just created paint some fire. Use yellow and white for the colors and for the more distant ones use a dark orange or red and white. Also duplicate the fire layers and change the blend mode to screen adding some blur just to create a nice glow. Step 6 Now that we have fire lets illuminate the dragons. Use the clipping mask to paint just over the dragons. To do that create a new layer right on top of the dragon layer and go to Layer>Create Clipping Mask. Then with the Brush Tool (B) and yellow paint the area close to the dragons mouth. Also depending the angle try to illuminate the areas with the light coming from the fire in mind, ie 1, 2, and 3. Step 7 Here lets add some smoke from the fires. It's simple let's just create another brush, use pretty much the same settings as the first one we created but this time use a much bigger size. For the Brush use 300 and for the Texture Scale use 400%. After that save the brush, that's very important :) Step 8 Now add a new layer and apply some Layer Styles. Use first Inner Shadow, then Gradient Overlay. Use the image below for reference. Step 9 Start painting the smoke. Use the "[" and "]" to chang the size of the brush and the numbers keys to play with the opacity. Also use black for the color but at the bottom of the smoke change to white, the you will get some nice flames. Use the image below for reference. Step 10 Last year I wrote a tutorial for Digital Arts Magazine where I showed how to create some fireballs. You can check that out at: http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1740 Basically the technique is pretty much the same we did to create the smoke, but you can use motion blur to add some movement to the object. Step 11 Add more smokes and fireballs to the image . Step 12 To create the cracks on the road let's use a photo, the one I used you can download it at: http://www.sxc.hu/photo/995884. After that go to Edit>Transform>Distort. Then try to apply the same perspective of the road to the image. After that select the Eraser Tool (E) and delete parts of the image to make it fit in the road area. Step 13 After you erased some areas of the photo, change the layer's blend mode to multiply. You can duplicate the layer if you want to make it darker. Right after that duplicate the layer again and go to Image>Adjustments>Invert. Change the Blend Mode to Screen and go to Image>Adjustment>Hue and Saturation. Select the Colorize option and move the sliders until you get a nice red. Step 14 Duplicate the layer you just applied the Hue and Saturation and change the Blend Mode to Color Dodge. After that go to Filter>Blur>Motion Blur. Use -90 Angle and 10 pixels for the Distance. Step 15 Here let's add some more smoke and also paint the sea in red. To do the red sea, with the Pen Tool (P) create a shape with the exactly same area of the sea. Use red for the color and Color Burn for the Blend Mode. Duplicate the layer and change the Blend Mode to Color Dodge. Step 16 Here let's play with the new 3D features in Photoshop. You will need Photoshop CS3 to import and rotate 3D objects, and the CS4 for the light features. Go to 3D>New Layer from 3D File. Then choose the 3D file you want to import. I used one I found at http://artist-3d.com/free_3d_models/dnm/model_disp.php?uid=487&ad=08military_weapons.php&count=count To rotate end scale the 3D object use the 3D tools (K). Place the Robot on the road, use the image below for reference. Step 17 Go to Window>3D to open the 3D settings. You can Add, delete, and edit lights, the 3D hierarchy, and much more. Let's add a Spot lightt first. Use 1 for the intensity, white for the color, select the Create Shadows option, and use 31.5º for the Hotspot Angle and 45º for the Fallof. For the Infinite Light 1, chang the color to yellow, and for the Infinite Light 2 change the color to 50% grey. Also add a new layer beneath the robot layer then with the Brush Tool (B) and a regular brush with black color paint the robot's shadow. Step 18 Duplicate the Robot's layer and rasterize it. Go to Layer>Rasterize>3D. Then go to Filter>Blur>Gaussian Blur. Use 14 pixels for the Radius. After that change the Blend Mode to Screen and the opacity to 70%, it will add a nice glowing effect. Also with the Brush Tool (B), select the fire brush and paint some fire coming from the robot's gun, in a new layer too. Step 19 Select the Robot layer and go to Filter>Noise>Add Noise. Use 10% for the Amount and Uniform for the Distribution. After that add a new layer and fill it with black. Change the layer's Blend Mode to Color Dodge and with the Brush Tool (B) use a regular brush with white and paint the floor being illuminated by the machine gun fire. Step 20 Let's add some textures to our design. I used a photo of a concrete wall, I really don't remember where I got that image, but you can find good ones at sxc.hu, dezignus and bittbox.com as well. Place the texture on top of the other layer and change the Blend Mode to Overlay with 20% Opacity. Duplicate the texture layer and change the Blend Mode to Color Burn with 10% opacity. Step 21 Go to Layer>New Adjustment Layer>Photo Filter. Use Deep Yellow for the Filter and 60% Density. Conclusion You can add more textures or another Gradient Fill over the layers if you want to make it darker too. The idea of this image was just an exercise to understand how the 3D layer works in Photoshop. Also we mix a few other techniques from other tutorials and that makes everything easier. That's for me is the best thing about tutorials, not the end result but the effects we learn so we can apply then pretty quickly on other designs. Click here for Full Preview Conclusion Click here to download the Photoshop File used for this tutorial
Fran Ferriz is an illustrator, 3D Artist, graphic and industrial designer from Spain. He has really cool works but in special the 3D characters. They are simply beautiful, very cartoonish and funny. You can check out more of his work on his website but you can have a nice preview with some images we selected for you. My name is Fran Ferriz (1979) and I'm designer. Here you can view a selection of my work design of 2D and 3D characters, graphic and industrial design. I am presently product manager, working in the creative direction of the toys company Famosa. Also I'm working as a freelancer for many companies and brands and I have dedicated much of my work to one of my great passions: video games, working for the company Devilishgames, with whom I have had fortunate to win many awards for innovation and design.
A few weeks ago, I created an image for the Halloween Wallpaper of the Week. It was an image of a ghost flying around, and that ghost I did when I was playing with Maxon Cinema 4D, a 3D app from Maxon, very cool and kind of easy to learn. Of course I had a help from Lynda.com where I was doing their Cinema 4D course. So I decided to write the tutorial just to share a bit of what I learned. In this tutorial I will show you how to create a nice ghost using Adobe Photoshop mixing an image created in Cinema 4D with some photos. The process is easy and I will also show you how to use the Cloth feature in Cinema 4D. Step 1 Create a new document in Photoshop, I used 1920x1200 pixels as usual. After that select the background layer and go to Layer>Layer Styles>Gradient Overlay. Use Radial for the Style and Black and a Dark Brown for the color. Step 2 In this step I used a photo from sxh.hu, you can download it at (http://www.sxc.hu/photo/641457). After that change the Blend Mode to Overlay and use 90% for the Opacity. Step 3 With the Brush Tool (B), use black for the color and a very soft brush, a regular one. Paint the end of the corridor. Use the image below for reference. Step 4 Here I used Cinema 4D to create the base for the ghost. Cinema 4D has a fantastic Cloth engine that allows us to create clothes very easily. To show that instead of images I have a small video. Basically I created the cloth and render one frame that I thought was the best for what I wanted. Cloth in Cinema 4D from fabio sasso on Vimeo. Step 5 After the Cinema 4D I render a frame that thought was really good. Below you can see the image and, also you can download it here. Step 6 With the Eraser Tool (E) create 2 eyes in your ghost. Step 7 With the ghost layer selected go to Layer>Layer Style>Color Overlay. Use green (#87A261) for the color and Overlay for the Blend Mode. Also change the Opacity to 70% and the Fill Opacity to 75%. Step 8 Duplicate the ghost layer and add a Outer Glow with the Layer Styles. Use Screen for the Blend Mode, 100% for the Opacity, Yellow for the color, and 30% for the Size. For the Layer's Opacities use 20% and for the Fill Opacity change it to 0. Step 9 In this step I used another photo from sxc.hu, you can download it at (http://www.sxc.hu/photo/1078716). Place the skull in the document. Resize and rotate it until you align the skull's eyes with the eyes of the ghost. After that change the Blend Mode to Color Dodge and the Opacity to 35%. Also with the Eraser Tool (E) use a very soft brush and delete some areas of the skull to make it fith with the ghost cloth. Step 10 For the ghost's eyes create a new folder in the Layer Palette and rename it to eyes. Change the folders Blend Mode to Color Dodge and add a new layer inside this folder. With the Brush Tool (B), select a very soft brush and white for the color. Then start painting the eyes. Because of the Color Dodge, the white will get a very nice glowing effect. Step 11 Create a new layer and go to Filter>Render>Clouds. Use black and white for the background and foreground colors. After that just change the Blend Mode to Color Dodge. Also with the Eraser Tool (E) you can erase a bit of the clouds in front of the Ghost. Step 12 Once again lets add another photo just to create a nice horror style. You can download it at (http://www.sxc.hu/photo/422276). Just place the image in your documen and with the Eraser Tool (E), erase some areas to make the image match with the rest of the design and change the Blend Mode to Screen. The idea is that this image will be hardly noticed but it will add a nice atmosphere to the image. Conclusion You can add another texture on top of all layers. I added one from sxc.hu (http://www.sxc.hu/photo/947335) and used Soft Layer for the Blend Mode with 40% opacity. The idea of this tutorial was to show a bit of Cinema 4D. I'm still learning and loving this app. There are lots of sites with nice tutorials for Cinema 4D on the web, and this effect of Cloth I learned from Lynda.com when I had access to their library. I highly recommend that you visit Lynda's site and subscribe to their courses. It's very useful indeed. Click on the image for full preview Click here to Download the Files Click here to download the Photoshop file used for this tutorial Click here to download the Cinema 4D file used for this tutorial
Yeah!! We love freaking robots!! Shiny silver is the new black! We've been suckers for metal beings for a long time, thanks to movies like Blade Runner, Universal Soldier, Terminator, and many others, like Iron Man most recently. So here are some bad ass 3D works by the people from sweet CG Society (who I'm sure love free publicity). Anyways, I know that you won't read this anyway, so just go on and enjoy! Hope you all like it!! Cheers! ;)
Back in July we had an awesome post about 3d works, and today it came to my mind why we didn't have another post like that since then. Well, it's time for some awesome 3d pieces! Visiting the amazing CG Society site, I've ran into many impressing portraits, which I chose to featured here today. From fantasy portraits, to sci-fi, to just real people, these are stunning, and really amazing pieces. It totally makes me wanna do this! How about some 3D tuts? Anyone good out there willing to deliver us any sweet tuts? Hope to hear from you guys soon!! In the meanwhile, I hope you enjoy these!! Cheers. ;)
When the heavy weight champion wrestler Sigg Jones drinks a strange Powerdrink he loses control of himself unleashing all the good he had. His Agent will have to set him straight... Sigg Jones is the name of a short movie made by three students from Supinfocom School in France. The Film was made using 3DSmax. This is one amazing fight sequence, the styles and the modeling are superb. For your viewing pleasure I have found an HD/English version (that has slightly different sound effects) of the short film, you can find the original at www.siggjones.com. Final Project: Sigg Jones from Eighth Ronin on Vimeo.
A while ago Paulo made This post on 3d chalk art, when reading a magazine, I found some examples which were worth posting as well. So here's part 2! Enjoy! Edgar Müller and Manfred Stader Here are the first few, made by Edgar Müller and Manfred Stader, a duo which work together to make the most fabulous street paintings: Julian Beever After having a look at the previous artists, you can look at the amazing work of Julian Beever (also shown in the previous entry by Paulo): Kurt Wenner The following paintings were made by Kurt Wenner This Was Made At Waterloo Station, London Eduardo Ruiz Relero Last but not least, the next paintings were made by Eduardo Ruiz Relero I hope you enjoyed this post, Daan.
Ever imagined how cool would it be if you had your own 3D models? Well, you can actually have it now! Shapeways, a new platform and global community for 3D-design and production, takes a major step towards the next generation of consumer co-creation with the announcement of the Shapeways Creator Engine. For the first time, consumers without 3D modeling skills can shape, mash, imprint and design their own 3D products in just a few mouse clicks at Shapeways.com. From lamps with a personal message to fruit bowls linking back to memorable moments, the Shapeways Creator Engine has a beta library of pre-designed product templates which is expected to grow rapidly over 2009. Since this is all really new, there aren't many examples to showcase here, but you should really visit Shapeways and check them out with your own eyes! Cheers! ;)
I've already seen some of these sometimes before, and it's really amazing who these dudes manage to make such realistic 3D paintings, messing with nothing but our perception. And I just wonder whether or not this is just a hobbie for them, or is it their actual income source. Anyways, Julian Beever and Kurt Wenner are trully talented artists. Julian Beever Kurt Wenner Julian Beever Julian Beever Kurt Wenner Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever Julian Beever
One of the greatest things about video games and movies CG is that it's getting totally realistic these days. Sometimes tou can't even tell that something you see isn't real, but CG. Here are some great examples of this awesome art, computer graphics! I wonder if any of our readers has any CG works to show us! All these works were found at CG Society, an great community! ;) Hmm... looks good. Reminds me of Call of Duty 4. Totally real =O Green Lantern Company member. Where's Neo? Hmmm, porsche. Cool! Davy Jones' cousin. Brazilian designer, Ricardo da Rocha. Wolvie!
When it comes to the web, everybody is pretty much used to flash. However there’s a new technology which allows us to play 3D games in our browsers with somewhat close to Playstation 2 graphic quality. Some weeks ago I met some guys that were developing a game using a 3D plugin called Virtools. They were willing to create a website to publish and promote the game. So I joined them helping to create the web site and a blog.I have to say, the game looks fantastic, much better than anything that I’ve seen in terms of web games. It’s called Bucking Fuggy (yeah the spelling is correct) and it’s a time trial racing game. The gameplay is a bit hard but with some practice you will feel very comfortable driving the little buggy. The textures and lights are amazing, the sound is really good, and the best thing is that it loads really fast.Check out some screenshots and if you want to play it just go to buckingfuggy.com.