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! ;)
We're seeing lately a big buzz around stereo pictures. Some of the latest cameras come with dual lenses to capture 3D, but this is nothing new, actually. This is old technology getting new clothing, and we love it! Last year we had our first great post on stereographics. These, if you don't know, are the paralel kind. There's also the cross-eye kind, but I find it more difficult to focus. With paralel stereographics I have no trouble at all, because all I move are my eyes to make the effect, from any distance. I'm also posting a video that teaches you how to merge these images with your bare eyes. This video is so amazing that I'll find more stereographics videos and post them tomorrow (so if you see any other blog posting stereo videos on wednesday, at least you know where they got their idea from). All of these pictures are brought to you by Okinawa Soba. You may visit his flickrstream for much more of these! He'll appreciate it. I hope you enjoy these, and don't forget to come back tomorrow to check some stereographics videos. Cheers! ;) Ps.: The funny part is that after a time seeing these in 3D, your brain will get so much used to it that even when you stop doing it, you'll see depth in normal text and other things in your monitor. How to see 3D in paralel stereographics There's a reason for everything Burton Holmes Abraham Lincoln Mark Twain Traveling the globe Stereo Photographer Henry A. Strohmeyer Miss Ku-ra-tu Miss Won-si-vu and Miss Ku-ra-tu Miss Kai-Ar Stereo Photographer Henry A. Strohmeyer Guglielmo Marconi Clara Barton Thomas Edison Thomas Edison 1932 Olympics A young prince has a look at an early motion picture cam Royal photographer riding to the trenches of WW1 Charles Lindbergh and the Spirit of St. Louis Couple at the well Mark Twain shooting some pool
The Logo Design series is up and running! We're thinking ahead and we want to find new ways to sort these listings. Last week we had a post on logos with cars, trucks and vans... today it's all about 3D logos! As usual, we'll search for logos in these galleries: Logopond, Logo Faves, Logo Moose, Logo from Dreams, Logo Gala, WS Logos, The Logo Mix and Wolda. We hope you all enjoy our selection! Cheers. ;) PS.: Got cool ideas for sorting? Tell us! ;)
Markus Baier is a 21 year old student of communication design at the Institute of Design in Hamburg. His work is quite unique mixing abstract elements with photos. Sometimes it reminds me of David Carson like the bUTTER bEI dE kITCHEN cookbook, however darker. I don't know how to explain but that is why we are featuring his work here on Abduzeedo. For more information about Markus visit his Web site at http://markusbaier.com/ bUTTER bEI dE kITCHEN cookbook An extraodinary cookbook for ordinary people. Duration: 6 months. Size of one chapter: 1.40m x 0.20m .Size of all Chapters: 1.40m x 1.00m Needs I made five new illustrations which are dealing with the needs of human beings. The issues are OBSESSION, DESIGN, LOVE, PASSION and SIN. Original Size DIN A1, 300ppi, CMYK. Ambition Is Wicked Nike Football Never hide Blackout Handmade
Air CGI is an image production studio and animation company from Worcestershire, UK. They are experts in CGI image production, in which they can successfully bring together photography and CGI to produce some of the finest quality images, animations and campaigns, paying meticulous attention to detail and realism. Because of that they have big names in their list of clients including brands like Ford, Mercedes-Benz, Nissan, Volvo and others. For more information about Air CGI visit his Web site at http://www.air-cgi.com/ Demo Reel Air CGI Showreel from Air CGI on Vimeo. Images A Little Bit Tasty – This is an award winning conceptual /fantasy image in a realistic scene, created by Air CGI in conjunction with Harniman Photography for a national Mars advertising campaign. The background was shot with additional CG elements Magners Label – this is a 100% CG bottle label, modelled by Air CGI for a Magners animation – the team took a standard object & utilised CG to animate it Glass engine – this shows an example of when the team use creative texturing to change objects and elements of objects e.g. taking a car engine & using CG to change the material it is made from and portraying it as a glass engine The team at Air CGI added the CG wings to this image of a model These 3 CGI Volvo cars were rendered into the setting which was shot in Hong Kong This CG Pagani Zonda has been incorporated into a CG studio environment This CG Nissan car has been incorporated into a CG studio environment by the team at Air Shows a surreal statue that was modelled, textured & rendered by Air CGI. The team can create any fantasy concepts including characters, animals, statues etc CG Volvo car rendered by the Air team, into stills backplates CGI Volvo car rendered by the Air team, into stills backplates (which was shot in Miami by Harniman Photography) Car interior detail shot, done completely in CG This CG image created by Air CGI demonstrates a CG environment with photographic elements (i.e. the people) Magners Label – this is a 100% CG bottle label, modelled by Air CGI for a Magners animation – the team took a standard object & utilised CG to animate it CGI Volvo c30 car rendered by the Air team, into stills backplates (which was shot in Miami by Harniman Photography) This is a still taken from an animation created, featuring humans made out of trainers! All the trainers were individually modelled and animated by the team at Air CGI. Videos Bulmers Light advertising campaign from Air CGI on Vimeo. Air-CGI Pagani Zonda animation from Air CGI on Vimeo. CGI Trainer Man! from Air CGI on Vimeo.
A few days ago I went to the movies with Amanda (@amlight) to watch Inception, the new Christopher Nolan movie. I left the movie theater completely blown away. The story is simply amazing and the director leaves us confused all the time, especially in the end. Anyway I'm not here to talk about the movie, but instead about how it inspired me to get on Photoshop and try something. Then I saw the posters of the movie and boom, there it was, a really cool effect to create a tutorial about :) So in this tutorial I will show you how to create the effect of one of the Inception posters, the one with the word Inception made of buildings on an aerial photo of a city. To create this effect we will use the new 3D tool in Photoshop CS 5 called Repousse and an aerial photo from Pixelcase (http://www.pixelcase.com.au/). I hope you enjoy the tutorial and I highly recommend that you go to the movies to watch Inception, it's fantastic.... btw in the end it is all a.... :) Step 1 Open Photoshop and create a new document. I'm using a Letter format with 72DPI only for this tutorial, but I suggest that you do at least 300DPI. Make sure the background is black too. Step 2 In order to recreate the poster I needed to find the right image. After searching on stock photos sites I didn't find any image that had the same birds eye view. Then I tweeted about it and @janinetoro sent the link to Pixelacase. Pixelcase simply has the most amazing aerial photos ever. So I sent an email to them asking permission to use one of the images in this tutorial. They were kind enough and allowed me to do that :) With the image I wanted, I placed it in my design. Step 3 With the Horizontal Type Tool (T) I add the text DREAM using Futura Condensed for the font. I also stretched the word a little bit so the letters would have sort of match the size of the blocks in the photo. Then just rotate the text to match the photo as well. Step 4 With the text selected go to 3D>Repousse. Use the default preset but change the Depth to 2.4. Step 5 Go to Window>3D to show the 3D panel in Photoshop. Click on the DREAM object and then select the DREAM Extrusion Material to change the material of the extrusion. We will use some windows for it. To do that click on the little folder next to the Diffuse Color and select New Texture. After that click on the icon again and choose edit texture to open it in a new document. Step 6 This is an image of a building I found on Google Images and placed on the texture file. After that I just saved it and Photoshop automatically updated the original design with withe windows. Step 7 Do the same thing for the Bump, use the same image but convert it to black and white and increase the contrast. Save it and change the Bump to 8. Step 8 For both the Difuse and Bump, click on the texture icon and select Texture Properties. Use 8 for the U Scale and 2 for the V Scale. Step 9 Here is the design you got so far. Step 10 Duplicate the city photo layer and rearrange it so it will be on top of the other layers. Then create a marquee selection of the top of the 3D object, the word DREAM. Go to Layer>Layer Mask>Reveall Selection. Step 11 Go to Layer>Layer Style>Stroke. Use 1 for the Size and 25% for the Opacity. Step 12 Select Inner Glow and use Multiply for the Blend Mode, 100% for the Opacity, 30% for the Choke and 5 pixels for the Size. Step 13 As you can see now, we have the buildings with the windows on their sides and the top is the original one from the aerial photo. However it is still not looking very clear. Step 14 Select the aerial photo that is beneath the other layers and go to Layer>Layer Mask>Reveal All. Then with the Brush Tool (B) and a very soft brush (0 Hardness) with black for the color, start painting the areas beneath the word to delete the city so we sort of isolate the DREAM word as real buildings. You can also create a vignette effect by painting the corners of the layer. Step 15 In order to render the 3D object for the final design, go to the 3D panel and select the Scene, then, over Render Settings, change the Quality to Ray Traced Final. The render process might take some time, like minutes I think, but it depends on the machine you have, so wait until it's done. Step 16 Select the layer on top of the others and then go to Layer>New Adjustment Layer>Hue and Saturation. Mark Colorize and then for the Hue use 200, for the Saturation 40 and keep 0 for the Lightness. Conclusion You can add another Adjustment Layer, to increase the brightness and contrast, but the process is finished. I also tweaked the lights a little bit trying to match the photo. The technique is quite simple and you can use it with different images. If you have a photo with more resolution and more closer to the roof tops you can work a little bit more to make it even more real. I am waiting for a hi-res image from http://www.pixelcase.com.au/ so I can create my poster and play a little bit more with this concept, however one thing is pretty clear, this is the right type of effect in which Repousse is perfect for, you can create a 3D text effect pretty quickly and without having to use another app. Download the Photoshop File Click here to download the Photoshop file used for this tutorial
We often get to see awesome illustrations and 3D renders from many great artists. I find particularly cool realistic works, that if you see from a certain distance, you can't tell it's not real. So I've made a little research and found some awesome examples of realistic pieces which I find amazing! I hope you all enjoy these, and if you've seen any more examples, tell us! Also, I recommend you to visit each artist by clicking each image for more great works! Cheers. ;)
Experimentation is really important... whether you're coming up with some pretty intense art or with cheerful designs. You must be open for any possibility, and this guy, Teodoru Badiu has done that. He's came up with some cool 3d characters, which I find pretty awesome and I'm sure digging his style, which reminds me a lot of those colorful Fanta commercials. Anyways, for much more of his awesome work you may visit his portfolio. I hope you all enjoy these. Cheers! ;)
The guys from Pixar did it again... Toy Story 3 is simply a master piece, even better than the prior ones I would say. The movie already starts with a short film - Day & Night - that take our breath away, but that is just the intro for a whole animated magic world. All the characters - the ones we already knew from the last movies - and the new ones, are great. Perfectly imagined and executed. And the history? Oh, awesome... if you watched the movie you know what I'm talking about. In case you didn't, go to the nearest theater right now. :) Whenever I watch something from Pixar I like to go online and research about it... browse around fan art, concept art and further details I can find about it. This time I found a very interesting site, heyuguys.co.uk, where they had the opportunity to go to San Francisco to meet the people involved in making Toy Story 3... and they got access to some really nice concept arts. So I gathered some of their concept arts and a few fan art to show here to you cause I believe that many of you also like Pixar and their animation world. Take your time... ;) By the way, I wish I had the talent to draw some of the toys from my old days... Concept Art via heyuguys.co.uk Fan Art via deviantART BunnyHeadFullForce cherlye DarkDorArt g0N3Morganna Singabee JereduLevenin kparrish33 Cepillo16 Toy Story 3 Trailer
Can you really compare experimental 3D typography – like lettering made of live moss or letter kites that fly messages in the sky – to the work of Gutenberg? If you ask Jeanette Abbink, Emily CM Anderson and the over 100 international designers, typographers and artists featured in 3D Typography, the answer is a resounding yes. From type crafted of steel and neon, to carefully-cut live moss, everyday items like buttons and sugar cubes, to giant installments of polythene and paper, the work in 3D Typography serves as a bold reaction to the fact that so much of today¹s typography is conceived via screens. Having worked for prestigious media outlets as designers and art directors, Abbink and Anderson have compiled this book as a reaction to the fact that so much of today's typography is conceived via two-dimensional screens. Like Gutenberg and generations of typeface designers who worked with physically shaped and cast lead type, these artists return the literal heft to letters. Winner Veronica Wong Page Samples Do you want to buy the book? Buy the 3D Typography at Amazon About MBP Mark Batty Publisher is an independent publisher dedicated to making distinctive books on the visual art of communicating, showcasing the visual power and innovation of contemporary culture in all of its varied poses. Today, the visual comes at us from more places than ever, and its dissemination is faster and more advanced every year. Books from Mark Batty Publisher capture this acceleration on the pages of every book. Affordable, well designed, thoughtfully created, and produced to last, MBP books are artful products that readers want to hold onto forever.
Can you really compare experimental 3D typography – like lettering made of live moss or letter kites that fly messages in the sky – to the work of Gutenberg? If you ask Jeanette Abbink, Emily CM Anderson and the over 100 international designers, typographers and artists featured in 3D Typography, the answer is a resounding yes. From type crafted of steel and neon, to carefully-cut live moss, everyday items like buttons and sugar cubes, to giant installments of polythene and paper, the work in 3D Typography serves as a bold reaction to the fact that so much of today¹s typography is conceived via screens. Book Cover Giveaway We have a copy of the 3D Typography book to give away thanks to our friends over at MBP publisher, to participate is really easy, just leave a comment with a book suggestion. We will announce the winner next Friday. Having worked for prestigious media outlets as designers and art directors, Abbink and Anderson have compiled this book as a reaction to the fact that so much of today's typography is conceived via two-dimensional screens. Like Gutenberg and generations of typeface designers who worked with physically shaped and cast lead type, these artists return the literal heft to letters. Page Samples Do you want to buy the book? Buy the 3D Typography at Amazon About MBP Mark Batty Publisher is an independent publisher dedicated to making distinctive books on the visual art of communicating, showcasing the visual power and innovation of contemporary culture in all of its varied poses. Today, the visual comes at us from more places than ever, and its dissemination is faster and more advanced every year. Books from Mark Batty Publisher capture this acceleration on the pages of every book. Affordable, well designed, thoughtfully created, and produced to last, MBP books are artful products that readers want to hold onto forever.
It's been a very long time since the last time we had a 3D works post so we just had to post something today. It's always nice to see that each year 3D pieces are getting more and more realistic. Thank God there's the awesome CGSocity.org for us to find these babies. I remember back in 2006 that it looked totally amateur compared to present technology and techniques. One good way to measure that is through video games! It's getting more realistic each year, and that just awes me. I guess that will come a time when we won't be able to tell whether an image is computer graphic or real life. "Is this real life?" Anyways, I hope you all enjoy these, and please, don't forget to check each artist's page by clicking the images. They'll appreciate it! Cheers. ;)
Anaglyph images are used to provide a stereoscopic 3D effect, when viewed with 2 color glasses (each lens a chromatically opposite color, usually red and cyan). Images are made up of two color layers, superimposed, but offset with respect to each other to produce a depth effect. Usually the main subject is in the center, while the foreground and background are shifted laterally in opposite directions. The picture contains two differently filtered colored images, one for each eye. When viewed through the "color coded" "anaglyph glasses", they reveal an integrated stereoscopic image. The visual cortex of the brain fuses this into perception of a three dimensional scene or composition. (Wikipedia) Since the current trend for movies and other media is to re-invest in 3D technologies, I decided it would be interesting to show you a collection of various anaglyphs images. I hope you like them and do not forget to put your 3D glasses on, if you do not have one here has a post on how to make yours. gajdoslevente relu65 mikeinel carlzon zephyrbarta justgreg mfirat carlzon gray-macbook jkutianski derda20 petykes blackmago cheezy-mcbreezy billythebrain fauxquixote About the Author Hey buddies! I'm Marcos Torres, a 19 year old art director/freelancer from Brazil, I'm here to bring some new interesting stuff to you. You can see my portfolio at http://flickr.com/marcostorres. Any request or jobs opportunities send to firstname.lastname@example.org, also follow me on twitter to get in touch with cool design news.
Last year I wrote a tutorial called Incredibly Realistic Water Text in Cinema 4D and Photoshop where I created a text made out of water. I had to use Cinema 4D to create a 3D object then I imported this 3D file in Photoshop where I mixed with some stock photos. Now with Photoshop CS5 Extended and the Repoussé tool we can create 3D objects direct in Photoshop, so I decided to recreate that effect. So, in this tutorial I will show you how to create a water text. Even though it might look complex it's a very simple effect. We will be using the new Repoussé then some stock photos to create the effect. Step 1 Open Photoshop and create a new document. Fill the background layer with black and using the Brush Tool (B) or importing a vector file with a handwritten text. You can the one I used in the PSD file that you can download in the end of this tutorial. Step 2 If you create a text using the brush tool or importing a vector and paste it as bitmap, create a marquee selection of the area you want to apply Repoussé. With the selection active go to 3D> Repoussé>Current Selection. Step 3 To create the water effect we will use the Inflate preset and pretty much use the same values we used in the previous step, the Inflate 3D type. Change the Depth to 0 and the Scale to 1, also for the Inflate, change the Slides to Front and Face. Step 4 You will notice that the E will be a solid block and the hole will be lost, then select the area that you want to be hole and then change the Type to Hole. Also increase the Strength of the Inflate to 1. Step 5 Select the Front Inflation over the 3D Palette and then click on the folder next to the Bump values. Select Open Texture to open the texture in a new document. Then in this new document create a new layer and go to Filter>Render>Clouds. Make sure that you are using black and white for the colors. After that go to Filter>Render>Different Clouds. If your result is too dark, go to Image>Adjustment>Levels, then increase the white input. This texture will be the Bump map, which will distort our 3D text. For the other values, use white for the Diffuse color, 15% Opacity, 20 for the Reflection, Black for the Illumination, 100% Gloss, 100% Shine, white for the Specular and 1.5 for the Refraction. You can render here to have a preview of the 3D effect. Step 6 Now to make our effect more realistic let's mix some stock photos. The one I used is from Stock.xchng (http://www.sxc.hu/photo/884261 and http://www.sxc.hu/photo/1131843). Open these 2 images in Photoshop. Copy some parts of the water splash from the photos and paste it in our 3D image. Step 7 Repeat the process, copy and paste more splashes. As the water splashes from the photos have black background, just change the Blend Mode to Screen, so the black will be transparent. Step 8 Time to Render our 3D object. On the 3D Palette change the Quality to Ray Traced Final. It will take a few minutes to render the 3D object. If you want to change the lights you can do that and render it again until you find the best result. Step 9 Duplicate the rendered 3D object and go to Layer>Rasterize>3D. I will rasterize the 3D object so I can apply some image adjustments, I could do that with the 3D layer but some wouldn't work the way I want or it can get a bit slow. Add a new layer and fill it with black, then merge the black layer with the 3D rasterized layer. After that go to Image>Adjustments>Levels. Use 15 for the Black, 0.8 for the Grey and 160 for the White inputs. Step 10 Select all layers and duplicate them. After that go to Filter>Blur>Gaussian Blur. Use 15 for the Amount. After that change the Blend Mode to Color Dodge and the Opacity to 30%. Conclusion Last year I created this effect using Cinema 4D to create the 3D part, which was really simple as well. However now with Repoussé in Photoshop CS5 Extended we can do everything, in this case the 3D part, in Photoshop. I have been playing quite a lot with Repoussé and there are lots of new things that we can create with this new tool, this water effect is an example. I hope you enjoyed it and now it's up to you. Click on the image for full preview. Download the Photoshop File Click here to download the Photoshop file used for this tutorial.
Adobe has just released the CS5 family and you can download the trials including the new Photoshop CS5 Extended. With this new version we have the Repoussé feature which allows us to create 3D objects in Photoshop. The last tutorial I showed you how to create a simple extruded text, now in this tutorial I will show you the Inflate option in Repoussé. With the Inflate we can create really cool 3D objects by inflating the front and back faces of the 3D objects, the result is very cool and reminds a lot the work of Jeff Koons with the metallic balloons sculpture. So in this tutorial we will use Repoussé with the Inflate options to create a metallic inflated text. The effect is pretty simple and it won't take more than 20 minutes to achieve the effect. Step 1 Open Photoshop CS5 Extended and apply a gradient on the background layer. I used #afc7c0 (bottom) and #bac1d7 (top) for the gradient colors. Step 2 Here I pasted a vector from illustrator to transform it into a 3D object using the Repoussé tool. Tip: I pasted the vector as Shape Layer. Step 3 Go to 3D>Repoussé>Selected Path. Select the 4th preset called Inflate (1). Over the Extrude options use 0 for Depth and 1 for Scale (2). Over the Inflate options change de Slides to Front and Back, the use 90 for the Angle and 0.4 for the Strength. After that over the Scene Settings change the Lights to Mardi Gras. Step 4 The Mardi Gras will create 3 very colorful light on the scene. But now let's do some adjustments and apply a nice material on the object. Step 5 Click on the the Icon at the top right hand corner of the 3D palette and then select Ground Plane Shadow Catcher and Snap Object to Ground Plane as well. That will create a shadow as the object is on a floor. Step 6 Go to 3D>Browse 3D Content Online... You will be redirected to the Adobe Photoshop website where there will be the Material Downloads box with a big blue Download button. Click there to download some Fabrics, Glass, Metal, Stones and other cool materials to be used in Photoshop. Just download and install the materials using the Extension manager. Step 7 After you install the materials, just click on the little icon at the top right hand corner of the materials window and you will have some new options like I mentioned before, there will be Fabrics, Fun, Glass, Oragnic... select Metal then pick the first chrome material, the Metal Chrome 2. Step 8 Now that we have selected the right lights and materials we have to render the 3D. Click on the Scene in the 3D Palette and then over Quality select Ray Traced Final. It will take some time to render the whole scene but the result will be really good. Step 9 With the Ellipse Tool (U) create a white ellipse below the object as if it was a spotlight. Then go to Filter>Blur>Gaussian Blur. Use 50 pixels for the Amount. Step 10 Select all layers and duplicate them, after that go to Layer>Merge Layers, or simply press Command(MAC) or Control (PC) + ALT + Shift + E to create a layer with all layers merged into it. After that go to Filter>Blur>Gaussian Blur. Use 30 pixels for the Amount, then just change the layer's Blend Mode to Multiply. Click on the image for full preview Conclusion The Repoussé feature in Photoshop CS5 Extended has a lot of settings and we can create really cool effects using it, in this tutorial I played a little bit with the Inflate option, and as you could seem, I used just the presets of lights and materials. You can try different light colors and settings as well as shapes to create your own effect. Download the Photoshop File Click here to download the Photoshop file used for this tutorial
Stereoscopy (also called stereoscopic or 3-D imaging) is any technique capable of recording three-dimensional visual information or creating the illusion of depth in an image, that's the Wikipedia definition. This type of image is getting quite popular, so I decided to create a collection of stereoscopic samples, which the technique that can be explained by overlapping our left and right eyes usually do about an image. The parallax is the horizontal distance between the left and right image that appears in the objects relative to the observer, is responsible to make these images look 3d, That is why the stereoscopic cameras takes the snapshots using two lenses. via DPUF. About the Author Hey buddies! I'm Marcos Torres, a 19 years old art director/freelancer from Brazil, I'm here to bring some new interessant stuff to you. You can see my portfolio at http://flickr.com/marcostorres. Any request or jobs oportunities send to email@example.com, also follow me on twitter
The new Adobe Photoshop CS5 Extended is about to be released, it was announced already and among the new features there is one really special that is the Repoussé. This new feature or tool will allow us to create 3D objects extruding texts, selections, paths and layers masks. It's a really powerful tool and I had the chance to try it and now I will share with you one of my first experiments with it. In this tutorial I will recreate an image of a tutorial I did for Digital Arts Magazine last year which I used Photoshop and Illustrator to create a 3D text with a girl on top of it, the tutorial was the CREATE MILE-HIGH TYPE ART. So this time I will do everything using just Photoshop CS 5 Extended with the Repoussé. I also want to mention that I'm still learning these new features/tools and I will try to share as much as I can with you guys and if you are using the beta of Photoshop feel free to share with us as well. Repoussé is a new research system for the interactive enhancement of 2D art with 3D geometry. Repoussé creates a 3D shape by inflating the surface that interpolates the input curves. By using the mean curvature stored at boundary vertices as a degree of freedom, a user is able to manipulate the inflated surface intuitively and efficiently using a single linear system. - Adobe Step 1 Open Photoshop CS 5 Extended and type with the Horizontal Type Tool (T) type the word 3D using Impact for the font. Step 2 Go to 3D>Repoussé>Text Layer, this is the new 3D tool built-in in Photoshop CS Extended. With Repoussé we will be able to create all sorts of extrusions from text layers, selections and layer masks. In this case we will use a text layer. Once the Repoussé settings window is opened you will have quite a few settings. First you can choose from some Shape Presets, which have a basic extrusion, different kinds of bevels and other presets. For this tutorial I use the basic one but, I've changed the Extrude values to create the effect I wanted. You also have the Materials, Bevel, Scene and Inflate settings but I won't get into these right now because I'm still learning them and preparing new tutorials about them as well. For the Extrude settings I used 4.94 for the Depth and 0.30 for the Scale so the 3D seems to be coming from the ground to up in the sky with a very strong perspective. Another cool thing here is that you can rotate, scale and move the object around until you find the right position. Step 3 This is the 3D text I wanted, in the past I would have to use another software like Illustrator or a 3D app such as Cinema 4D, now I can do that in Photoshop. Step 4 To add and edit textures is pretty easy as well. As in Photoshop CS 4 we have the 3D palette where we can edit our 3D objects, you can access this palette going to Window>3D. Select the 3D object and then you will have the 3D front Inflation, 3D front Bevel, 3D extrusion... all of these are the areas where you can apply materials. Select the 3D Extrusion Material and the on Diffuse click on the folder next to the color (1) and select Open Texture. The texture will be open in a new window like when you edit a Smart Objects. So in this window you can create your material I'm using a brick texture from Shutterstock, you can find it here. So adjust your texture in terms of colors then save this file. Photoshop will automatically updates the 3D object adding the texture. If you want to make the bricks smaller just click again on the icon next to the color and select Edit Texture. A dialog box with Texture Properties will open where you can adjust the UV Scale and Offset. I used 10 for the U and V Scale. The last thing here is apply the same texture to the Bumpmap (4). Simply repeat the same thing. The bump will add depth to the texture like the displacement map where the light areas go up while the dark areas go down. Step 5 Now select the 3D Front Inflation Material and repeat the same thing we did in the previous step, this time however I'm using another texture, a concrete one which was courtesy of Shutterstock and you can find it here. Step 6 Once you changed the materials this will be the result you will have. As you can see the whole process was much easier than if you have to do that using different tools and them exporting and importing in Photoshop. Step 7 As you can see there is light as well. Yes you can add lights to make your scene more realistic. In this first part I have only one light. It's a Point Light with Intensity of 2. It also creates shadows, where I've changed to 100% of softness to make the shadows really soft. Step 8 In this step I started mixing the 3D object with 2D objects, in this case a photo I took from an airplane when I was traveling. I wanted to give a sort of warm feeling to my image so first I went to Image>Adjustments>Hue and Saturation and changed the Hue to -10, the Saturation to -65 and the Lightness to 10. Then I went to Image>Adjustments>Color Filter. I selected orange for the color and 50% density. Then at last, I went to Layer>New Adjustment Layer>Gradient Fill. I used grey and black for the gradient with Radial for the Style, so the grey would be in the center of the radial gradient. After that I changed the Blend Mode of this Gradient Fill to Color Dodge to create the sun behind the 3D text. Step 9 Add a new layer on top of the other layers including the 3D object. Then make sure you have black and white for the color and go to Filter>Render>Clouds. Change the Blend Mode to Color Burn. Step 10 With the Eraser Tool (E) delete parts of the layer leaving just the bottom part of the layer. Use the image below for reference. Step 11 I have already shown you how to create clouds using the Brush Tool (B), so let's do it again. Add a new layer on top of the others and go to Window>Brushes. For the brush settings use the image below for reference. The most important part is the Texture where you will selec the clouds pattern. It's also important to notice that if you increase the size of your brush you will have to increase the scale of the brush texture. Step 12 Select the Brush Tool (B) and white for the color, then with the brush we created start painting some clouds. First paint just a few clouds like the image below (1-2) Step 13 Select a light brown now for the color and paint more clouds, especially over the white clouds we created in the previous step. Step 14 Now select white again for the colors and paint more clouds. The idea of this 3 steps was to add depth to our clouds by adding some dark areas using the light brown. Step 15 Import a photo of a person to add to our scene, I'm using a photo of a girl sitting on a chair which was courtesy of Shutterstock, you can find it here. After that extract the background of the image and copy it and paste it in our design. Select just the girl and the chair and then go to 3D>Repoussé>Current Selection. Step 16 The idea here is to create a 3D object from a 2d photo so we can position it and create some shadows, but also to play and learn with the Repoussé tool. Change the Depth to 0.1 and the scale to 1. Remove the materials leaving only the front one. Now a very important detail, over the Internal Constraints, change the Type to Hole, that will create wholes in the areas that were transparent, otherwise Photoshop would render a big solid and it would ignore those transparent areas. Once again rotate, move and scale your object until you find the right position. You can do that later on as well. Step 17 In order to create a 3D scene with the 3D text and the girl we will have to merge them in one 3D layer. To do that is simple, select the 3D layers and go to 3D>Merge 3D Layers. By doing that you will create one 3D layer only with both objects. So over the 3D Palette you will see the 3D text and the Girl objects where you will be able to edit them like scale, rotate, move and change the extrude options as well. Step 18 Now the most important thing to do is to adjust your objects in your 3D scene (1). Move the lights so you can illuminate the scene properly and play around with other objects. As I mentioned before I'm still learning so the best thing to do is try different things, render a preview to see how it looks and try again. To see all the 3D objects click on the little icon at the bottom of the 3D palette, the one with the eye and select Show All. (2) Step 19 The best thing with the Repoussé tool is that you can edit the 3D object anytime during your design process, so if you think a different position might look better you can do it or try a different illumination everything is possible. Conclusion Once you position all your 3D elements there's one extra step to do that is different from the Photoshop workflow which is render the 3D object using the Raytrace Final mode. Photoshop then will render the object and create the shadows and details, it usually takes a few minutes to do that, but it's a necessary process. If you are used to other 3D softwares you already know that. So basically in this tutorial/making-of I showed you a little bit of this incredible new tool that comes with the new Photoshop CS5 Extended. There are lots of things to learn and practice but I'm sure the Repoussé will be very useful for those, like me, that are trying to mix 3D objects with photos and other 2D objects that we are used to do in Photoshop. Click on the Image for Full Preview Download the Photoshop File Click here to download the Photoshop file used for this tutorial