articles on

Case Study - Fabule Custom Type Logo

Case Study - Fabule Custom Type Logo

Today I selected a case study by Sean McCabe, one of the best hand lettering artists out there, Sean specialty is creating custom type logos and on this post we will take an inside look of his process and how everything gets done. Enjoy For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes. Introduction Fabule is startup focused on providing open-source home accessories to curious and creative individuals. While the customizable nature of their products caters to the DIY community, they especially wanted to gear their branding efforts towards reaching the average person wanting to get started with tinkering and making things. They were looking to have a friendly image developed that would give a human face to otherwise geeky concepts. In terms of stylistic direction, the logo was to strike a balance amongst three concepts: Playful, Sophisticated, and Organic. To meet this requirement, the Fabule logo I designed embodies a warm, brush script style. This presents a humanistic image that is friendly and approachable. The goal being to put the viewer in a playful state of mind and keep from turning off the more novice members of the target audience with any literal concepts. The style seeks to balance an aesthetic of elegance with an element of fun. To match the organic style of their design approach, the letterforms were inspired by hand crafted script renderings made with a brush pen, and based on the very best parts of the many iterations created. Iterations Through a gradual process, the letters were drawn, redrawn, scaled up large, and drawn yet again for detailed refinement. The inked version was then vectored to match the drawing. While the initial vector is a good conveyance of style, it is just the beginning of conceptualizing the digital form. Many more dozens of revised versions of the vector were explored and tested for effectiveness in application and scale. Early Versions In early versions, the logo was entirely straight with subtle rounded corners. However, this execution did not line up with the playful DIY nature of the brand. This is where I began to introduce the pointed corners to invoke the more organic brush look. With these stylistic additions, I was also inspired to give the logo a slight obliqueness to bring out the elegance of the curves. As soon as I did, I knew I made the right choice—the angle gave it such a life that previously wasn’t there. While I experimented with giving points to all the stems, I ended up treating just a few of them with pointed ends, and juxtaposing them with the flatter stems and their rounded corners. This contrast resulted in a very unique typographic mark that is simultaneously clean and beautiful. Colors There were four colors provided that the client liked. I tested out some various combinations and slight alternations to these provided colors but ultimately settled on using the purple alone. I recommended the primary application to be the purple version on very light backgrounds, or alternatively the light version on purple background. Note that the light on dark version does not use a full white, but instead a slight off-white. I found the pure white to be a bit harsh, and by bringing the white down slightly to a very light gray, the logo is given a smoother appearance. Application Something that surprised and delighted me was that my client said that actually wanted to use version with the guidelines on their business card. They felt that showing the guidelines reflected their organization’s transparency in terms of openness about process. I though it was a fantastic idea that was very fitting. For more from Sean McCabe visit seanwes.com and follow him on twitter @seanwes.

Innosoft Visual Identity Case Study

Innosoft Visual Identity Case Study

One of the most important things I learned back in my college times during my industrial design course was to love the process. If you love the process you will be more motivated and willing to iterate, to go back to the beginning. The end result will be a consequence of the iterations and as we know, good design is all about iterations. That's the main reason we post a lot of case studies, tutorials and brand identity constructions. Today we feature the visual identity of Innosoft designed by Fernando Diaz, a Graphic Designer based in Montevideo, Uruguay specialized in: Identity Design, Typographic Design, Editorial Design, Web Design & Development. Innosoft (Innovative Software) is a new organization that provides integral services for Start-Ups (Research, Innovative Develompment & Incubation). It was a pleasure working with the client for this job, they were very demanding pushing me to create the best identity we could, working as a team. Brief / Ideas Building Process Final Corporate Identity

Abduzeedo 2013 Symbol Case Study

Abduzeedo 2013 Symbol Case Study

Personal projects are the best way for a designer to learn because it's much easier to try different things. It's just about making decisions and building them. With Abduzeedo we try to keep it as personal as possible, at least when it comes to changes. We redesign it at least once a year, not only the overall site design but the brand identity. Things have been a bit busy however and it's been over two years since the last time we designed a symbol for the site. With that in mind, here's a start on the 2013 symbol for Abduzeedo. This post we will show you the idea behind the new symbol. It's still a work in progress but we'd love to know what you think about the symbol and the creative process behind it. Old symbol The old symbol was created in 2009 and used for 2 years. The idea was basically a triangle with references to the letter A of Abduzeedo. References The first goal for the new symbol was that it had some similarities with the old one. The idea of a triangle and the letter A were the guide points. This time however, I wanted to make it super simple, no colors, just black and white and no effects. Triangle Letter A Simple Space theme Star trek Here are some images that inspired me. Sketches Starting out with some basic sketches trying to get a simple "A" based on the references. The main inspiration comes from the Star Trek logo and of course the old symbol. Digital Sketches After a few sketches I went to Illustrator to translate the idea into something digital. Below you can see the basic construction of the symbol. Final After a few iterations I got to a symbol that I really like. I was really indecisive about the shape I would use to frame the logo. In the end I went with the circle because it's more flexible for the applications I have in mind. There are still some optical adjustments and adapting the typography to the new logo, however you can see some examples of the final symbol below. So that's pretty much it. Now I will work on some stickers but before that I'd love to hear your opinion about the new symbol. Do you have any feedback or suggestions? Share your thoughts with us and you may be the lucky recipient of a sticker or poster :)

Case study: Tomb Raider by Marcelo Bastos

Case Study: Tomb Raider by Marcelo Bastos

Hi everyone, following the worldwide launch of Tomb Raider game, today we're going to present a case study of this illustration by the digital artist Marcelo Bastos. Marcelo is a artist based in Fortaleza, Brazil with a focus on speed painting and character design. You can see more artworks from Marcelo at his Behance and at his Facebook page. The main idea for this illustration was the launching of Tomb Raider's new game, a series that I'm a complete fan. So I decided to try out my version of Lara Croft based on the one from this game.Processo 1 After I made the pose for the illustration, it's time to square the shapes on the composition. Always trying to make soft lines in order to shape the image and also thinking about the lightning e shading (that's why I started it out on grayscale). Processo 2 Here we start to see some details popping out like the hair and eyes, but I keep the focus on the general image. On the beginning I never worry about the final details of the image, because you end up wasting too much time giving attention to a specific part. Processo 3 I changed a bit Lara's face as it wasn't with correct simmetry, I wanted her to look straight and strong. Here I used the hair to give some focus on the face, so it act like frame. Processo 4 As the focal point of the image is the face, I worked on details surrounding this area. I used rain brushes and textures for the background of the image, I also used the liquify tool to make some adjustments on the head and face. Final After I defined all the lightning, shadow and shapes on grayscale, I created a layer and set a overlay blending mode to apply the colors I selected previously for this project. After I defined the areas with the correct colors, than I just merge down all layers e start the refining process, always duplicating the layer after I make any change.

Case Study: Anchored in Blood by Felipe Navarro

Case Study: Anchored in Blood by Felipe Navarro

Hi everyone, today we are featuring a tutorial with traditional techniques with brushes and pencils, Felipe Navarro is going to show us the process behind his artwork "Anchored in Blood". Felipe is a illustrator based in Porto Alegre, Brasil with a peculiar taste for retro art and traditional techniques. You can see more from Felipe and his artworks at the following links: Website Behance Facebook Step 1 I did all the sketching process using pencils. On the beginning I though that the anchor should have a blue tone as a base for a more metallic fill. Well, it happened that I put too much blue on it hehe, but off course you can fix this by using some paper If the ink still wet, you can also put some white ink on it to achieve the color you wanted. Step 2 The blue anchor. Have you ever saw a blue anchor? I never saw one actually, so I decided to add some green ink to make it look a bit dirty. The stains were made by dripping some green ink and by letting the drops slide along the paper. Coloring the ropes was quite simple: just applied some muddy colors as brown, color it from the borders to the centre so you can make a volume gradient on it. Step 3 On the background I decided to use sponge as a brush, I tested in other sheet of people before to see if it would work. Also I dripped a lot of ink along the paper almost making a mess. Step 4 I thought that some points got too much dark and so I used a white pencil to fix this issue. Step 5 Using different pen tips I made the stroke of the anchor with india ink. Tip: If you're using a color pencil like I did, you can't use disposable india ink pen because it probably won't work over the pencil. Step 6 As a final act I used brush with water to enhance some points, stains and details. Final Result

Surreal 2013 Case Study by Cristian Eres

Surreal 2013 Case Study by Cristian Eres

One of the most important things when learning design, or pretty much anything, is to pay attention to how other designers tackle problems. That was my personal inspiration that led me to start sharing tutorials and case studies. They are not designed to help come up with ideas, but to help with the execution, one of the biggest problems most people have. In my opinion, good ideas aren't good without turning them into something palpable. In today's case study we will show you how Cristian Eres created the image featured as Wallpaper of the Week a few weeks ago. Christian, a Spanish freelance digital artist and graphic designer based in Valencia, has been creating digital art for over five years and is particularly skilled within illustration, graphic design and web design. Step 01 - Illustrator Scan Step 02 Vectorization, and added different gradients using the Shape Builder tool. Step 03 I retouched colors (I like to use the Recolor Artwork tool). Also I've added particles and joined the numbers to give unity to the piece. Step 04 Adding shadows with the Draw Inside tool for each element in the artwork. Step 05 Adding lights with the mesh tool. Step 06 - Photoshop Added background with two overlapped gradients. Step 07 Added some lights and sparkles. Conclusion Applied some curves and filters. Details For more information visit http://www.cristianeres.com/

Face your Fear - Case Study by Mart Biemans

Face your Fear - Case Study by Mart Biemans

The easiest way to learn in my opinion is by observing other peoples work, paying attention to the details and how some problems are overcome. That for me is more useful than a tutorial because it requires me not only attention but also makes me think on how I could do that with my set of skills. That's why case studies are extremely valuable. They show the evolution but without giving instructions. A good example is the amazing illustration by Mart Biemans that we brought to you today. For more information you can also visit http://martbiemans.com/ Process Final Details I've been working freelance in this field for over four years now and loving every second of it! Even though I love watching a lot different sorts of illustration I have lately put a focus on developing my own style. I am currently available for freelance work! If you think you might have a nice project for me or would like to hire me, please contact me via Contact at the top of this page. Next to my work as a Illustrator, Digital Artist and Graphic designer I am currently studying Vormgeving Communicatie (translated: Design & Communications) in Groningen, The Netherlands. - Mart Biemans

MILL10NAIRES - Impressive Illustration by Jakob Eirich

MILL10NAIRES - Impressive Illustration by Jakob Eirich

Today we bring to you another incredible image from the CGSociety TEN contest. The artwork was created by Jakob Eirich, a freelance 2D-artist currently based in Germany. The title of the artwork is MILL10NAIRES and it's simply amazing to see not only the final result but the evolution of the design until the outcome. Jakob graduated in July 2009 with a degree in graphics-design at the ‘HAWK – University of Applied Sciences and Arts’ in Hildesheim, Niedersachsen. The Story is about a couple that's after the american dream. They are willing to risk everything to reach their dreams and be together forever. Final piece Making of For more information and to check out Jakob's portfolio visit http://www.yakonusuke.com/

Drunk Aliens by Rafael Vallaperde - CGSociety TEN winner

Drunk Aliens by Rafael Vallaperde - CGSociety TEN winner

We have featured the work of the very talented Rafael Vallaperde here on Abduzeedo in the past and we are very happy to post about him and his work once again. This time, with an awesome making-of video of his beautiful artwork called "Drunk Aliens", winner of the Modeling prize in TEN CGChallenge by CGSociety. 'I’m really happy to know this! Also surprised, because I didn't think of nailing the modeling prize! Thank you very much CGSociety The inspiration to create this image came from friends as we were playing on brainstorming something about TEN. This image was created in two months working on a second shift after work. There are many things I'd like to keep working on, but at some point you’ve just got to call it done. Final piece Details David Hornick: Great technique, attention to detail and the emotion conveyed by the three characters is bang on. Makes me smile and want to have a shot with these guys. - Judges' comments Making of CG Challenge-Ten Drunk Aliens from Rafael Vallaperde on Vimeo. For more information and to check out Rafael's portfolio visit http://rafaelvallaperde.tumblr.com/

Medium Brand Development Study

Medium Brand Development Study

Medium is a new web site based on the belief that the sharing of ideas and experiences is what moves humanity forward. On this post we will take a close look at their brand development which is super interesting and looks amazing.

Remastered Doom in Photoshop

Remastered Doom in Photoshop

We post tutorials about how to use Photoshop, Illustrator and other apps. Spanning all sorts of styles and techniques we try to share simple tricks and, on occasion, more complex compositions. Nothing compares to the talented work of TJ Townsend with the post we share with you today. TJ creates a magical reconstruction of a classic image from the game DOOM. This is a remastered screenshot from the video game Doom. The original size was 320x240 and the final product is 9600x7211. This is the highest resolution Photoshop image I've done to date with the exception to a higher 3d rendering. Video Final image Some Details It is commonly agreed upon by all of humanity that Doom was the greatest game ever made. Okay, maybe not everyone. Doom was a PC game made in 1993 by id software. It was created by John Carmack, John Romero, Adrian Carmack and Tom Hall as well as many others. This is actually not a direct scene from the game but a composite. The Doom guy has only 1 rocket left and a pinky demon stands between him and freedom. If he shoots he's dead. These were some of the best moments in the game.

Design Staff Logo Case Study

Design Staff Logo Case Study

Creating a visual identity is always challenging, there are values and messages to pass through the logo, colors and all the branding assets. We try to share all sorts of case studies for different branding projects in order to illustrate the subtleties of each project and how designers approach these constraints. So for this post we will share the creative process behind the Design Staff logo. Design Staff is dedicated to helping startups design great products. We’re a community of designers, researchers, and entrepreneurs who have helped build some of the products you probably use everyday. For more information about Design Staff visit http://www.designstaff.org/

Stylish Illustrator Case Study by Mart Biemans

Stylish Illustrator Case Study by Mart Biemans

It's been a long time since we posted a nice illustration case study. Perusing some work on Behance we came across the illustration called Reclaim Your History. There was also an amazing Illustrator case study created by Mart Biemans to support DCAS United. The level of detail and style is impressive, making it an amazing source of reference for all of us whom are trying to evolve our illustration skills. This project was created to support the charity DACS United, a coalition made up of artists from around the globe. This collective of passionate artists aim to restore the lives of sex trafficking victims using art and design. This was part of the exhibition entitled Reclaim in New York City. Process Result Details About Mart Biemans Mart is a digital artist, graphic designer and illustrator from Groningen, Netherlands. Despite his young age, Mart has done work for great clients like Diesel, Envato, Curioos and many more. For more information about Mart visit his website at http://martbiemans.com/

PES 2013 Photoshop and Cinema 4D Case Study

PES 2013 Photoshop and Cinema 4D Case Study

We are accustomed to seeing the final result of a design and then judging whether it's good or bad. Most of the time we forget to think about the back and forth of ideas and countless iterations from the brief to the final product. That is what differentiates design from art and that is what we here at Abduzeedo always try to illustrate in our posts. Enter this amazing case study from Diego L. Rodríguez. Graphic created for the promotion event in Madrid of Konami's PES 2013 videogame. The initial brief indicated to create a digital image of Cristiano Ronaldo emerging to the videogame from a glass wall. Project process was absolutely crazy, with several changes of brief and a very limited time. The image was used in the main event for banners, flags, delluxe edtion boxes, promotions and web. Unfortunately the agency didn't provide me any of those products... Assets Effects These renderes were created for dynamic cupping masks and to emphasize the destruction of the player's body parts. In the beginning the brief indicated more destruction, glass effects and broken parts, but it was changed several times during the process. Stages Second round Third roundM/h3> Background New brief stage more block feeling, bricks, bigger glass pieces, less FX on the player's face. New brief stage 2 Final Version About Diego L. Rodríguez. Diego L. Rodríguez is a Spanish Illustrator and Graphic Designer based in Madrid (Spain). He's been always passionated by graphics and visuals, with influences from cinema, music videos, Japanese animation & comic books. He has a degree in Audiovisual Production and Digital Photography and studied Publicity at the UCM University in Madrid from 2004 to 2008. Over those years I started to combine digital graphics and photography, working for a few years as photographer. At the same time, I get involved with some digital art collectives, changing completely my vision, and swerving my work to illustration & mix media. For more information visit his website at http://paranoidme.com/

Platige: Beautiful Branding Project

Platige: Beautiful Branding Project

A beautiful and efficient visual identity project goes way beyond the logo, it is the integral base of any branding project. A solid and well thought out design will scale and help create a consistent image for any company and its services. The amount of work and iterations required is aplenty but the result is, as you can see in this post, incredible. The inspiration for this post is a branding project for Platige, a design studio from Warsaw, Poland. This specific project encompasses all requirements necessary to create an efficient visual design work, from the sketches for the logo, collateral pieces to gift cards. For more information visit: http://www.platige.com/ Platige is a vehicle for creative endeavors specializing in designing CG imagery, 3D animation, and digital special effects. At Platige, we combine film and advertising work with a strong passion for art, education, and entertainment. After 15 years we decided to change the logo and comprehensively overhaul the Platige brand. We wanted to achieve maximum simplicity and consistency in all elements of our new identity. The rebranding concept was developed by Adam Tunikowski and Michał Misiński from Juice, a Polish design agency. How did all of that happen? New Logo: Creative Process Copyright of Platige Copyright of Platige The new symbol refers to the studio's previous logo and creates a strong, expressive symbol. We like simple and heavy forms, that’s why we turned to the best brand logos of the 1960s and 1970s for inspiration. These logos are recognizable even today because they are simple and “edgy” – just like our previous visual identity, founded upon the words Platige Image and the Π symbol. Copyright of Platige Copyright of Platige Copyright of Platige Pi is a mathematical constant that cannot be described with a finite set of numbers, and is thus a wellspring of unceasing inspiration and curiosity. The quest for a new logo culminated in the creation of a symbol comprised of a stylized letter “P” inscribed into a triangle, its shape retaining a clear reference to the mathematical symbol. This new “P” signifies the new Platige and is the centerpiece of the company's visual identity. Copyright of Platige Font Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Site Copyright of Platige Copyright of Platige Other usages Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige The “P” is the centerpiece of Platige’s new visual identity. The austere design presented us with very interesting options for modification. We used the logo as a sort of prism through which we present our work to the world. The dispersed picture created almost-Cubist compositions and enabled us to play with both the scale and detail of the image. Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige Copyright of Platige

Digital Illustration Case Study by Jörg Litschko

Digital Illustration Case Study by Jörg Litschko

One of the goals of this blog was and will always be to help designers and enthusiasts to improve their design skills but also to get motivated and inspired by other people's work. We feature portfolios, tutorials and case studies to do that and we hope you get as motivated as we get to try to create better work. Today we bring to you an amazing case study by Jörg Litschko from Stuttgart, Germany. The piece is an entry for the Mountain Dew Based Contest for the Design the Dew Contest on dA For more information about Jörg Litschko visit his website at http://www.thefers.com/ Sketches Final piece

Digital Illustration Case Study by Adolfo Correa

Digital Illustration Case Study by Adolfo Correa

A couple of years ago we published a beautiful wallpaper created by Adolfo Correa, a student of Graphic Design from Santiago, Chile. The image is a mix of drawings and digital arts with a really cool outcome. Adolfo has some great works in his portfolio and that we highly recommend that you check it out, especially some of the typography artworks like The Prodigi, A Tribute to Yulia Brodskaya and Free Tibet + Typography Case Study Final Piece Details For more information visit Adolfo's portfolio at http://www.behance.net/kultsi