Today for our tutorial/case study post of the week we bring an artwork created by our friend Perttu Murto, a graphic designer, art director and illustrator from Finland with more than 8 years of experience. Perttu also was featured on the Abduzeedo book. Illustration is made for finnish DJ group called TJH87 (http://www.tjh87.com). They wanted a stone 3D text with a mystic feeling to it. Illustration is made by Perttu Murto (http://www.perttumurto.com ) and Sami Kuronen (http://www.samikuronen.com ). First experiment Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Final Detail 1 Detail 2 For more information visit http://perttumurto.com/
Paulo Passaro is an Brazilian animator who studied at UWE (Bristol, UK) but who also graduated in Advertising and Graphic Design. He's currently working at Lobo/Vetor, an amazing and very creative animation studio located in Sao Paulo, Brazil. I'm trying to find my way in this "nonsense" world in which we live. Here is some of my work that I hope you all enjoy. If you want to know more about me, you can follow me on twitter (@Paulo_Passaro) Latest Reel Latest Reel from Paulo Passaro on Vimeo. Some Works For more information visit http://cargocollective.com/paulopassaro/
Nagai Hideyuki aka Hide is a 21 year old Japanese artists with tremendous drawing skills. The ability to turn simple pencil drawings into 3D is just amazing. It feels like the drawing is coming out of the notebook. Take a look at some of his work and enjoy the inspiration! For more from Nagai visit nagaihideyukiart.jimdo.com
Photoshop CS6 has updated its 3D tool adding more features and making it easier to use and faster. We decided to play with some 3D using Photoshop to create a basic extrusion and then adding some old halftone style to it. So in this tutorial we will create a basic 3D effect using Photoshop and Illustrator. The whole process is very simple but it might take you up to 2 hours to go through the whole technique. Step 1 Open Illustrator and create a new document. Using the font Teutonic No1 DemiBold, you can download it here (http://www.fontsquirrel.com/fonts/Teutonic-No1), create your text. I added the text 3D in CS6. Notice that I connect the letters so there pretty much one big block. Step 2 Copy the text in Illustrator and then go to Photoshop. Paste the text there. Step 3 Time to add some 3D. With the new layer selected go to 3D>New 3D Extrusion from the Selected Layer. After go to Window>3D so you can see the 3D panel. Follow the images below for the 3D properties for the Scene, Object, Texture and Lighting. Step 4 Here is the 3D text you will have after applying the effects. Now it's time to render. Go to 3D>Render. Step 5 The 3D image will be render and you will get a much sharper result. The rendering might take a little long, so it's time to get some coffee :) Once is done duplicate this layer. We will use it in the future to create a mask. Step 6 Once the render is over you can rasterize the layer. After that go to Image>Mode>Greyscale. Then go again to Image>Mode>Bitmap. Select 300 Pixels/Inch for the output and Halftone Screen for the Method. Step 7 For the Halftone Screen properties use 30 for the Frequency, 45 for the Angle and LIne for the Shape. Step 8 This is the result of the Halftone. Go again to Image>Mode>RGB Color. Using the layer duplicated in the Step 5, create a marquee selection by holding Command and clicking on the thumb of the layer. The idea here is to hide the background with the halftone. We just need the 3D text and shadow. Step 9 Add a new layer and fill it with #303030 for the color. Step 10 Move the new layer so it's behind the 3D. Select the 3D layer and change the Blend Mode to Multiply. Step 11 Duplicate the layer and change the Blend Mode to Normal. Step 12 Go to Layer>New Adjustment Layer>Photo Filter. Use Deep Blue for the Filter at 50%. Step 13 Select all layers and duplicate them. After that merge the new layers into one and go to Filter>Blur>Gaussian Blur. Use 10 pixels for the Radius. Conclusion Change the Blend Mode of the blurry layer to Overlay at 50% and the design will be done. The idea of this tutorial was to create a nice 3D effect using the new 3D interface in Photoshop CS6 and we found out that it has improved quite a lot since the previous version in terms of speed and ease to use. Download Files Click here to download the files used for this tutorial
Romeu & Julieta Studio is located in Porto Alegre, Brazil and has some of the most amazing 2d/3d illustrations I have ever seen. Super detailed work that looks so impressive it's jaw dropping, take a look and enjoy this great inspiration along with a nice case study. For more from Studio Romeo & Julieta visit portfolio.romeuejulieta.net Case CE Work done to the Domínio Público's agency from Minas Gerais/Brazil. The briefing was reproduce a full scene with the service of CaseCe, like the transforming of infrastructure that Brazil is passing to receive the World Cup of 2014. Level Design - Map RS Map of RS (Rio Grande do Sul) State Brasil Case Study
We keep going through our weekly journey checking out great logos! We're thinking ahead and we want to find new topics, good ones, to share with you guys. Last week we had a great post about logos with swords, and today it's all about logos with 3D Typography! Every week we search through our favorite galleries: Logopond and Dribbble. Both are a great communities for designers everywhere. Also, if you you'd like to suggest ideas for the next subjects, please, tell me by sending me sending me a tweet: @paulogabriel. Cheers! ;)
As computers get faster and more powerful we get to see better 3D renderings. Artists who opt to make photo-realistic pieces get to achieve some unbelievable results, so unbelievable that it may look more realistic than a photograph, which is insane. During a visit to the amazing CGSociety I got to see some of the best 3d renderings out there. Truly a place where the best gather, and I felt the urge to show you some of the amazing pieces I saw there. These were done by fantastic artists, and for more of their astonishing work you may visit each portfolio by clicking the images. Don't forget to also check more great artists at CGSociety. It's totally worth the visit. Mariano Steiner Luc Bégin Guillermo Soria Tolgahan Güngör Toni Bratincevic Marek Denko Andrew Hickinbottom Meny Hilsenrad Guang Yang Christopher Brändström Arda Koyuncu Martin Nabelek Victor Hugo Queiroz Anderson Brüning Zbynek Kysela David Moratilla Amago Juan Siquier Dan Roarty Hanno Hagedorn Jin Hee Lee ZhiHeng Tang
We love light effects and neons, I believe everybody already knows that. We have posted a few tutorials on how to create light these effects and of course some neons. However when we saw the work of Rizon Parein with were completely blown away and had to post about it. Rizon Parein started in the early nineties as a graffiti writer with a strong passion for 3d letter styles. When quitted school at age of 17 he started with graphic design to make a living, the school of Hard Knocks. For more information about Rizon Parein, visit http://www.rizon.be/ While making mainly flyers for Belgiums nightlife scene he was able to experiment a lot with classic graphic design as well as 3d design. Eristoff Neon Campaign
Fake Studio worked with a few old maps covers made by The Sanborn Maps Co. edited at the beginning of the twelve century. They found those maps and fell in love with those type compositions so they decided to remake one of this old covers using 3D modern technics. Fake Studio is a design, illustration and motion graphics production company, located in Barcelona, Spain. Check out more of their work on http://www.fakestudio.tv Original Composition Process Final Composition Detail For more information visit http://www.fakestudio.tv/fake/
Mikael Eidenberg a self taught Graphic designer and 3d artist from Sweden. Through the years he had the pleasure to work with agencies such as: Forsman & Bodenfors, DDB, King, Lowe Brindfors, Ogilvy, Akestam Holst, Scholtz & Friends & many others with both swedish and international brands. I truly enjoyed his 3D work, it's very detailed the lighting is just simply superb. For more information on Mikael Eidenberg, check out more of this work on MikaelEidenberg.se or follow him on Twitter @meidenberg. Video Video
Joao Ferraz aka Lightshock is a Brazilian designer, illustrator, and art director specialized in 3D and publicity campaigns. In this post he will talk a bit about each of his works and give you some insights on how things got done. His work is absolutely amazing and precise so take a look and enjoy! For more from Joao visit lightshock.com.br Robot Girl This job was definitely a big challenge for our work. It got done in about 15 days and the biggest challenge was to make the robot look sensual and modern but not vulgar. WWF Three This was one of my first publicity jobs as an art director. This work was awarded in Cannes and opened a lot the doors from DM9 to my studio. The story behind it is very curious. I had just got married, on my way to the honey moon in Buenos Aires when I got contacted by DM9 about this job saying that I was approved and I had a week to get it done. It was crazy since I didn't have a laptop or neither could I cancel the trip. I ended up buying a laptop and spending half of my honeymoon working and barely slept for 4 days. BGourmet Copan This was a great project, took us 18 days of hard work and the result was great. BGourmet Recife On this one we were ready for it, and it was a lot of fun working with all the differente characters that were inspired by Master Vitalino Confea This is a project for the government in which the agency Agnelo is responsive for it. It's a long term project on the Quad illustrations, there's a forum where people give their opinion on the cities and how we should plan them. We take these ideas as a briefing and come up with the illustrations. Which means that while people are giving out opinions the city will take it's shape and this will soon be released. The project can be seen at http://www.cidadecolaborativaconfea.com.br/ Estadao Numeros This was a simple take on designing a character in 3D. F1 Phillips We got this job after we did the Indycar in Sao Paulo. We illustrated a F1 car for Philips. The curious fact is that a photo was actually used for the car since it would be extremelly hard to make that into 3d we used a Canon Mark II and got the job done. Honda Flex This was done for DM9 presenting the new Flex motors for Honda motocycles. Indycar 2010 This was a great challenge, we had 15 days to illustrate the indy cars and the scenery wasn't very easy to create. Intel Guitar Another job done for DM9 in which we illustrated virtual instruments to be used in an increased reality. It was very fun to work on this and we love the result. More info at http://www.intelmusica.com.br/ AMBEV Cans This job was done for MPM Agency. Cans of Ambev illustrated in 3D different sayings for Ambev Trainees. The biggest challenge was to redesign each can design exactly how the real one is. Speedy This is an image from a campaign we did for Speedy. Very simple and straight forward. Subzero Art produced for a hotsite release of a beer called Sub Zero da Antartica. Zeppelin This was a very cool project, that I helped the agency Superludico get done. Tok&Stok This was one of the most challenging campaigns we have done in Quad studio. We were approached to create a room full of elements with a single texture and that's how this project was born, the mess represents the fact that they don't have any tok&stock furniture to organize things. Tok&Stok Later on we got invited to work for them again and the challenge was even bigger, this time all the objects had to look real and organized. Each image has over 200 objects that took hours and hours of rendering.
A few weeks ago a friend of mine wanted to know how to create a sort of 3D globe effect using Photoshop. I didn't know how to do that but I got really intrigued with that, so I decided to give it a try. I knew that the Spherize would work in this case but didn't know how. So in this tutorial I will show you how to create a nice 3D globe in Photoshop using basic tools and the Spherize filter. This whole tutorial won't take more than 30 minutes but the technique is really useful especially for icons and logos. Step 1 Open Photoshop and then with the Rectangle Tool (U) create a rectangle, then start duplicating it until you get 7 columns. Use the Distribute Horizontal Centers to make the distances the same. After that duplicate those 7 rectangles and rotate them to create a grid. Step 2 With the Elliptical Marquee Tool (M) create a circle selection like the one I did in the image below. Step 3 Go to Filter>Distort>Spherize. Use 100% for the Amount and Normal for the Mode. Step 4 Cut the selection and paste it in order to get the front face of the globe. Step 5 Go to Layer>Layer Styles>Gradient Overlay. Apply a gradient from dark red to light blue in linear mode. You can try with Radial as well. Step 6 Duplicate the layer and rotate it 45º Also change the gradient colors to light red on top and dark blue at the bottom. This will create a really nice 3D effect and it's super simple. Step 7 Select the background layer and go to Layer>Layer Styles>Gradient Overlay. Use (#aa616b) and (#2c354d) for the colors, Radial for the Style and 140% for the Scale. Position the center of the gradient a little bit on top of the center of the globe. To do that just click and hold to move the gradient position while you are in the Gradient Overlay properties. Step 8 Select the two globe layers and duplicate them. After that go to Layer>Merge Layers. You will have one layer with the globe. Go to Layer>Layer Styles>Color Overlay. Use black for the color. After that go to Filter>Blur>Gaussian Blur. Use 15 for the radius. Then just resize it and change the opacity to 20%. to create a nice shadow effect. Step 9 Select the front face of the globe and edit the Layer Styles. Click then on Inner Shadow and use white for the color, Color Dodge for the Blend Mode at 60% Opacity. Also change the Angle to 100%, Distance to 3 pixesl and Size to 7 pixels. Step 10 After the Inner Shadow you will get a nice light effect in your globe. Step 11 Select all layers and duplicate them. After that go to Layer>Merge Layers to have one layer with all the image merged. Go to Filter>Blur>Gaussian Blur. Use 20 pixels for the Radius. Step 12 Change the Blend Mode to Overlay and you will get a really nice light effect. Conclusion Now just add the text you want and also you can apply a texture on top. I am using a scanline pattern I created. The whole idea of this tutorial was showing how to create a nice 3D globe using only Photoshop, it's a nice technique for logos and icons and it's super simple to achieve. Download the Photoshop File Click here to download the Photoshop file used for this tutorial
Stuart is a designer and visual communicator that has an awesome kick for 3D typography and experiments. The details on his works are absolutely amazing. Check them out! For more from Stuart visit www.stuartdwade.com
Sunday is the day to play with Photoshop and try some new ideas. As usual I went through some books and Web sites to find some inspiration. I am still addicted to the Handy Book of Artistic Printing, it's a must have book for some old style print references. I got some ideas and also found this amazing image from Alex Beltechi on Dribbble called Twisting in the Wind. Then I new the effect I wanted to know how to create in Photoshop. So in this tutorial I will show you how to create a super cool and very easy effect using Photohosp and the Repoussé tool. The whole process is quite simple, it's less than 10 steps and won't take you more than 30 minutes. Step 1 Open Photoshop and create a new document. I am using 2560x1680 with 300 DPI (very important) with black background. With the Horizontal Type Tool (T) add a text. I am using for the font Edwardian Script ITC. Notice that I sort of connect the words "the" with "book" with "of" and with "Abduzeedo". After that merge the texts into a new layer then create a marquee selection of the text area by clicking on the thumbnail of the layer holding Command(MAC)/Control(PC). Step 2 Go to 3D>Repoussé>Current Selection. The Repoussé dialog box will open then change the Depth to .7 and the Lights to Day Lights. Also you might have to select some areas to change the type to Hole for the Internal Constraints. Step 3 This is the result after the 3D filter. In order to render the final image you must select the Scene in the 3D dialag box and change the Quality to Ray Traced Final. Step 4 Merge all layers into one including the black background, then go to Image>Adjustments>Levels. Change the Input Levels to 65, 1.35 and 128. Step 5 Go to Image>Mode>Greyscale. After that go to Image>Mode>Bitmap. Change the Output to 600 pixels/inch and the Method to Halftone Screen. Step 6 For the Halftone Screen, change the Frequency to 70 lines/inch, the Angle to 45 degrees and the Shape to Line. Step 7 Go to Image>Adjustments>Levels. Change the Inputs to 17, 1 and 206. Also change the Output Levels to 42 and 255. Step 8 Time to add some texture. Import some old paper texture, the one I am using is courtesy from Shutterstock and you can find it at http://www.shutterstock.com/pic-43075990/stock-photo-the-old-shabby-pap…. After that go to Image>Adjustments>Leveles. Change the Input to 142, 1.00 and 255. Conclusion Change the texture layer to Multiply and the effect is pretty much done. You can also save the image in the step 5 and reuse it here adding on top of the layer with halftone at 50% Opacity to make the effect a bit more smooth. As you can see the Bitmap mode is perfect to create some old style print effect, especially now that when vintage and this sort of effect is quite trendy. Click on the image for full preview. Download the Photoshop Tutorial Click here to download the Photoshop file used for this Tutorial
Chris Labrooy is one of the most amazing 3d artists I've ever seen, his works it totally out of the box. In this post you will see some of his 3D Types creations inspired by the Gods of architecture, the inspiration is so amazing that got me thinking how can someone come up with such great concepts. You will definitely like to see more from Chris, check him out at www.chrislabrooy.com Helvetica 3d Type Another contribution to the ever expanding helvetica image archive. The industrial architectural style with it's rough cast concrete is a perfect fit for helvetica HQ. Oscar 3d Type Typography design based on the architecture of Oscar Niemeyer. I picked out my favourite buildings as a basis for developing some expressive letter forms. Included are : Cathedral of Brasília / Niterói Contemporary Art Museum / Ghery house / Ibirapuera Park theatre / Oscar Niemeyer Museum. Tadao 3d Type Typography design based on the architecture of Tadao Ando. I picked out my favourite buildings as a basis for developing some expressive letter forms. Included are : Chikatsu Asuka historical museum / Water temple / Naoshima contemporary art museum annexe. Toyo 3d type Letter forms inspired by Toyo ito's impressive works. The combination of simple forms with inricate perforations is what excites me about his work. These letters are based on : TOD's omotesando / Tower of winds / Taichung opera house / Mikimoto department store. Zaha 3D type Typography design based on the architecture of zaha hadid. With this piece I focused on capturing zaha's formal language rather than reference specific buildings because i am very interested in her drawings and paintings from the eighties.
From time to time we really need to updated you guys with the latest 3D works made by the awesome artists from CGSociety. It's just amazing how creative and badass these pieces are, really worth taking a look. These were made by various artists and I really recommend you to visit their portfolios by clicking the images. I hope you get inspired by these to make your own 3d pieces. Also, I'd love to see if any of you have done any like these... if you did, tell us! I hope you enjoy these. Cheers! ;) Marcos Andrade Riccardo Zema Oleg Koreyba Frank Tzeng Erasmus Brosdau Andreas Chrysovitsanos Andreas Chrysovitsanos Zhe Pang Baolong Zhang ZhiHeng Tang Krishnamurti Costa Krishnamurti Costa Krishnamurti Costa Samuel Poirier Krishnamurti Costa Samuel Poirier Rodrigue Pralier Rodrigue Pralier
I was not a huge CG fan before I got in touch with some awesome CG artists that done some amazing characters for well known videogames. After I saw Ian Joyner characters I got impressed, this guys is really dedicated on his job, making some excellent versions of some Marvels superheroes and other emblematic characters. Ian worked a big part of his career at Blur studio and done some extremely well done charater modeling as you can see below, hope you enjoy his work as much as me. "I am a freelance character artist, specializing in character modeling, digital sculpting, texturing and design. I have worked on next-gen games, feature films, and product output/rapid prototyping. I was previously a character modeler at Blur Studios for over 4 years. At Blur, I worked on everything from feature films, ride films and critically-acclaimed video game cinematics. I have been able to live my childhood dream of making a living by creating monsters, super heroes and epic battles." (Ian's Website) If you want to know more about Ian, you can access his Website or his CG society profile.