Mentaway Logo Design Case Study A few weeks ago my brother Eduardo Sasso showed me an idea he had for a web service that would be perfect for those who travel a lot or simply want to keep track of their adventures when they are away from their places. I loved the concept and I joined him along side with Gisele Muller and Fabiano Meneghetti to make that app become real. The name was already chosen, Mentaway. Talking to my brother and Gisele, the creators of the whole idea, they gave me some insights on how they see the service, the goals and philosophy behind it. The first thing I did was list some keywords: Traveling Map Route Compass Direction Away Pinpoint I started looking for compass, map and direction images. First concept: Lettering and Arrow. The first concept I explored was using an arrow in the lettering. After sketching I went to the computer and tried to come up with something based on those ideas. Second concept: Compass and direction sign The final concept.
A Perfect Lie in Photoshop #2 by Cameron Mon, 09/06/2010 - 12:16 Last year our friend and contributor of Abduzeedo Cameron Rad did a video tutorial called A Perfect Lie in Photoshop in which he showed us a really cool skin retouching technique. Even though the that tutorial was already cool he wasn't satisfied and spent another year trying to come up with a killer way to do skin retouchin. In this Photoshop Tutorial Cameron will present us what he has found out over this last year of Photoshop experiments. Well my name is Cameron Rad and I am a freelance photographer and graphic designer from Los Angeles, California. Um that's really about it. For more information about Cameron visit his Web site at Final Result Tutorial Time Lapse My name is Cameron Rad and I am a graphic designer and photographer from Los Angeles, CA.
Old to Young Case Study in Photoshop by Cassio Braga Reading the comments about the Photoshop Battle and I noticed the a lot of people were interested in knowing and seeing the images that were created during the event. Because of that I decided to recreate one of the images I did in my first battle, which was my favorite. This time however I had more time to pay attention to some details, in the event we had only 30 minutes to come up with an idea and make it come true. So as I mentioned before this image, I will present in this case study, was created in my first duel and the subject was water. Video of the Photoshop Battle Abduzeedo - Battle of Photoshop from Alexandre Guterres on Vimeo. For the whole composition I used 6 other images as you can see in the case study that follows now. Step 1 The first image I selected was a photo of a little girl that we have taken last year in the end of a photo session back in the studio where I work, StudioMe. Step 2 After that I did a color adjustment to make the hue of the skin of both photos match.
Tips on Creating Fluffy Characters One of the best things about clients is that they're always surprising us with some random and misterious pitch works. One of my last briefings was to create a fluffy character, but since I always made illustrations more realistic, this was quite a challenge for me. As some of you may have thought, I also tought that creating a fluffy character would be as easy as drawing an apple, but I was wrong and on this tutorial I will explain the reasons why. So, you may be asking yourself, why is not that simple to create a fluffy character? Melanie Matthews Tamara Henderson Jeremy Ville Bruno Mota Ok, now that we are inspired, let's do it! The tips I will describe are all based on my observations and experiences while trying to reach good results on character design, but I'm open for any tips and tricks you may know, so please comment and share your knowledge with us. 1) Remarkable and Simple Silhouette First of of all, let's try a bit of trivia, can you recognize the characters bellow?
Reader Tutorial: Planet X Matte Painting in Photoshop In today's feature film industry, productions are in constant need of digital set extensions or matte painting, the correct term for this type of work. If you don't know exactly what it is, a matte painting is a painted representation of a landscape, set, or distant location that allows filmmakers to create the illusion of an environment that would otherwise be too expensive or impossible to build or visit. Historically, matte painters and film technicians have used various techniques to combine a matte-painted image with live-action footage. At its best, depending on the skill levels of the artists and technicians, the effect is "seamless" and creates environments that would otherwise be impossible to film. So in this tutorial I will show you how to create that using some photos, 3D rendered models in 3DS Max and Photoshop. Step 1 Make a rough sketch of the scene that we are going to create. Step 2 Open a new canvas in Photoshop with 16:9 resolution(1280x720px) . Step 3 Step 4 Step 5 Step 6
Cool Flying Eye Illustration in Illustrator CS5 It's been quite some time since the last we have posted a full Adobe Illustrator tutorial, we most of the times Photoshop and Illustrator, so in this tutorial Marcos Torres will show us how to create a really cool Flying Eye illustration using basic shapes using only Illustrator. The whole process is very straightforward with a nice outcome. Step 1 First of all, open Illustrator and create a new document. Step 2 Again, using the Ellipse Tool ( L ) create this pink circle and move in to the border of the white circle. Now, create a black circle with a grey stroke using the Ellipse Tool ( L ). Use again the Pen Tool ( P ) to in order to create this shape, choose a white fill and change the opacity to 10%. Finally, create these two little circles with the Ellipse Tool ( L ) and place them like this. Step 3 Using the Line Segment Tool ( \ ) create these lines with 1 pt of stroke in pink color. Finally, let’s make the Iris reflections, choose the Pen Tool ( P ) and make the shapes. Step 4 Step 5
Simple Roy Lichtenstein Style in Illustrator and Photoshop I have been playing with the Halftone filter in Photoshop for the past few weeks and trying different things we can do with it. I also discover the Width Tool in Illustrator CS 5 and it was a great surprise because now we have much more freedom when playing with strokes. So with these two things in mind I decided that I had to create an image using them, and then the idea of a design inspired in Roy Lichtenstein. There are quite a few tutorials showing how to create this type of image, but I decided to try it myself. I haven't checked any tutorial because I wanted to play with the tools, so the technique might be the same as other tutorials but I really don't know. Besides I think a tutorial on Roy's style is always a great add to the tutorials section of Abduzeedo. Roy Lichtenstein (October 27, 1923 – September 29, 1997) was a prominent American pop artist. Step 1 Let's start the tutorial in Illustrator. Step 2 Step 3 Step 4 With the Pencil Tool (N) create the contour of her hair. Step 5
Cool Text Effect with the Puppet Warp Tool in Photoshop CS5 When Adobe started announcing some of the new features of the CS5 version of Photoshop they showed the Puppet Warp tool in which they played with an elephant's trunk. I was really impressed with that tool but never used it that too much, because of that I decided to give it a try, especially after seeing a screen cast with Russell Brown in which he was showing how to manipulate a rope with the Puppet Warp Tool. So in this tutorial I will show you how to create a text effect using a photo of a rope and the Puppet Warp tool. This tutorial will only work with the CS5 version and I believe it won't take you too much time. Step 1 Open Photoshop and create a new document. Step 2 We will be using the Puppet Warp tool to create our text effect, but to make it work properly the rope has to be really long. Step 3 Now start adding points or joints, I don't even know how to call those things. Step 4 Start creating your word, below you can see the R of rope. Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11
Easy 3D Globe in Photoshop 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. 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. 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. Step 6 Step 7 Step 8 Select the two globe layers and duplicate them. Step 9 Step 10
Beautiful Vector Illustration in Illustrator and Photoshop by Carol Rivello Hey guys! For this tutorial/making of I created a fun illustration for my sister Stella's blog. In her blog she writes about funny daily situations and I thought that it would be nice to develop an illustration that expressed that somehow. Step 1 - Brainstorming ftw When I’m creating an illustration for someone, I like to make a brainstorm and write down stuff that person likes, to create a moodboard and capture her personality in the drawing. Step 2 - Roughs, Sketches & Drawings After I pick the elements that will be part of the final illustration, and develop an initial graphic style, I start the rough that will be used as a direct reference for the vector. Step 3 - Vector madness After I finish the rough, it’s time to scan it. (0r take a picture of it, if the paper it’s too big for your scanner). Step 4 I like Illustrator because it offers you a ton of cool resources to help your vectorizing process. Step 5 - Cleaning up the house Step 6 - Choosing Colors Step 8 - Almost there Step 10
Quick Tips: Instagram your images using Photoshop Instagram reinvented the photo sharing on our social media structure. It's a fast, beautiful and fun way to share your pictures to friends and family. And what I like the most about Instagram, are the various schemes that offers you to filter your pictures with your own little touch. My all-time favorite Instagram filter is the "Nashville" and today, I will show you a quick tutorial about how to achieve that same effect on your images. Step 1 Open your image in Photoshop and double-click on the background layer to make into a layer and named it Nashville. For this tutorial, I've used an image from Patrick Smith from Patrick Smith Photography. Step 2 Create a new layer and fill it with the color (Red: 247 , Green: 217 , Blue: 173) and leave the opacity to 100% and your blending options to "Multiply". Step 3 Click back on the "Nashville" layer and click Image > Adjustments > Curves. Step 4 After click Image > Adjustments > Levels, change the gamma (the middle) to 1.36 and the input to 236.
Create an Angry Birds Parody in Illustrator Most video games that I've played lately have not been as charming as Angry Birds. Why? Because nowadays most games focus too much on realistic graphics and improved AI. They just forget the basics of fun games like Super Mario World. If you have not played this game yet you shoudn't miss the opportunity; it's really addicting. Besides the fact my last tutorial was pretty advanced, this one is actually for beginners and intermediates, you won't need good drawing skills and a tablet to do it, so go ahead guys and have fun. Background Step 1 So here's a sketch of this illustration...I know, pretty ugly, but the sketch is just a guide for my steps in to the final result, so I never refine it. Ok let's open Adobe Illustrator and create a A4 canvas (29,7 x 21 cm), RGB, 300 DPI. Using the rectangle tool (the shortcut is the letter "M") create these two rectangles on the canvas. Let's start with the board, first draw a grey rectangle using the rectangle tool (M). And make a darker one inside.
Super Easy Typographic Portrait in Photoshop Last year we posted on Abduzeedo a very cool post about typographic portraits, the 45 Amazing Type Faces - Typographic Portraits became one of the most popular posts on Abduzeedo, and a lot of people asked me how to create that effect in Photoshop. We have also posted a little tutorial showing how to do that using, Flash Photoshop Quick Tips #5 - Typographic Portrait, however I decided to create a nice typographic effect using just Photoshop. So in this tutorial I will show you how to create a really cool and super easy typographic portrait in Photoshop. Step 1 Open Photoshop and create a new document. Step 2 Duplicate the layer and go to Image>Adjustment>Desaturate. Step 3 With the Horizontal Type Tool (T) create text boxes and start adding texts. Also make some keywords much bigger and bold, like in my case I highlight some words like Photoshop Tutorials, Illustrator, Inspiration... Step 4 For each layer, go to Layer>Layer Style>Drop Shadow. Step 5 Step 6 Step 7 Step 8 Conclusion