articles on

Logo Design: Doors

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 on logos with robots, and today it's all about logos with doors! 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! ;)

Rio 2016 Branding Case Study

London 2012 just ended and everyone will now look forward to the next olympics in Rio 2016. I would like to share a very close inside look on how the branding for Rio was done, that were 139 agencies in the fight to design this brand and Tatil Design nailed it. THE CHALLENGE THE DREAM PROJECT Imagine a brand born with a huge challenge: to represent the Passion and Transformation of a city and an entire country, and project these values to the rest of the world. A brand that must express unity. Inspire achievement and optimism. Avoid clichés and present Rio de Janeiro as the site of the largest sporting event in the world — to its very own Cariocas, and to athletes and people around the world. This important and much coveted project united 138 Brazilian design and branding companies around a shared dream: to design the brand that would become part of our city’s history and of the history of the Olympic Games. That was the beginning of the project that granted Tátil the pleasure and privilege of creating the brand for the Rio 2016 Olympic Games. THE PROCESS RESEARCH, BRAINSTORMING, CO-CREATION. THE TÁTIL WAY OF BUILDING A BRAND By using design and branding as powerful tools, Tátil designs ideas that connect people and brands in a sustainable fashion, creating memorable experiences. Tátil believes that in order to maintain sustainable relationships with its target audiences, brands need to take social responsibility and contribute to the transformation of our current scenario. More than design, more than form, each brand must have a soul and a purpose. We work as a multidisciplinary creative team, combining innovation with in-depth research, to ensure that we reveal the goal behind each brand. A vision of the future, reflected in a series of daily guidelines and practices, serves to strengthen the brand’s presence in people’s lives and its commitment to transforming the present, thus generating value for all people. THE CREATIVE PROCESS This thought process guided us throughout the creative process. We brought together a multidisciplinary team in Rio de Janeiro and São Paulo. We researched the universe of the brand and its previous incarnations, as well as other competitions and international events. We wanted to truly understand the underlying structures behind Passion, Transformation and the Cariocas. We created several Rio 2016 planets and pollinated each one with multiple references, concepts, trends and articles. We conducted brainstorming sessions to discover its essence, its purpose and explore how to create relevant expressions and experiences. More than 40 people, including strategists, designers and editors, participated in the process. The team exchanged the best references and further developed these collectively. The final brand was the result of a truly collaborative effort. THE SOLUTION PASSION AND TRANSFORMATION After consolidation of our findings, we selected a simple yet powerful idea as our inspiration: what distinguishes our city and makes the Olympic Games a truly grand event are the people, their nature, their feelings and dreams. That’s why we created a truly human brand. We were born from a mixture of ethnicities. We warmly embrace all ethnicities, faiths and generations. We share our sky, our ocean and our happiness with the world. This human warmth, which is part of the Carioca nature and the Olympic spirit, is shaped by the exuberant nature of a city that inspires us to live passionately and carefree, and loves to share and engage with others. The natural beauty of our landscape is embodied by the brand and its color palette. Yellow symbolizes the sun and our warm, vivacious and happy nature. Blue expresses the fluidity of the water that surrounds us, and our easygoing way of life. Green represents our forests and hope, a positive vision that inspires us to go even further. Together, different countries, athletes and peoples embrace in an individual and collective motion that reveals one of our city's landmarks — a vibrant Sugarloaf, pulsating with joy, union, celebration and friendship. This landmark comes to life and gains a three-dimensional perspective, with volume and cut-outs. Contours create the topography of the city in our imagination. A brand-sculpture, infinite, that gains textures and shapes, transforming into an object; a playful brand that can be experienced. The expressive graphic wordmark with interconnected fluid letters reinforces the desire for unity and the warm human essence of the brand, reflecting the friendly and hospitable nature of the Carioca. The exclusive graphic design offers a unique combination of excellence and spontaneity, inspiration and attention to detail. Inspired by Rio’s nature, the athletes and its people, the Brand of the 2016 Rio Olympic Games evokes unity, inspires the will and desire to work together, to share our knowledge and talents, to join forces and ambitions for a sustainable way of life that will transform the present and our future. It’s a brand that embodies unity, transformation, passion and energy. It’s a large collective network in motion, an invitation and inspiration to Rio and the world.

Logo Design: More Robots

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 on logos with elephants, and today we've got more logos with robots, following our 2010 post! 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! ;)

Hipster Branding Collection

Every 5 years the design community get into a main trend, we had 80's comeback on the earlies 2000's and now we seem to be into a retro wave with the Instagram boom and all this things. I mean, that's really interesting, how the aesthetic can be retrofitted to every era and still maintain the original meaning, that what brand design is all about. You can see more samples of this funny experiment on their Tumblr.

Easy Hulk Logo on Illustrator and Photoshop

Being a great fan of comic books, I always loved the visual identities used for some famous characters. Most super-heroes logos are like a incorporation of many aspects of the characters and their superpowers. I always liked Hulk logo as everytime I look at it I always remember his famous quote "Hulk Smash". This is a intermediary tutorial, so it's not as long and it's not as hard as my usual tutorials. As always, a tablet will be pretty handy here, but in case of not having one, you still can do it with a mouse, you're just going to have a bit more of difficulty on some parts. Anyway, hope you guys have fun and understand the simple dinamics behind this logotype formation. Step 1 First I did a really simple rough, making 2 lines and 4 columns to simbolyze the letter tracking. Then just draw the 4 letters on a really squared version, tryin to make then quite similar. Put it on Illustrator and use the round rectangle tool with a 0,5 cm radius to create the letter shapes. I rather use some smoother shapes as this, than just simple and sharp rectangles, because it looks less flat. After you done all the letters, you should select them all use the pathfinder option called Unite in order to make all pieces just one. You can also adjust some corner by creating another round rectangles over it and using the pathfinder option called Minus Front, this will get the type a all round appearance. I used a sans serf typeface for the lettering, this one it's called Gotham Black, but you can pretty much a use a similar sans serif heavy typeface. Outline it (command + shift + O / ctrl +shift + O), adjust the tracking between the letters as we're going to apply a offset path and so they should not overlap each other. Ok,now go to Object > Path > Offset path and set the offset to 0,2 cm. You should get something like these, now let's apply a soft gradient using the gradient tool (G). Step 2 Let's make the cracks around the lettering, it's quite simple, but it will be easier If you use the pencil tool (N) an a a tablet, as the irregularity of it it's easier to get this way then using a more flat tool as the pen tool (P). Now it's time to add the reflexes to it, the logic it's simple: Put the lights on the top of every crack, at first I mays not make any sense, but just take a look at the samples bellow and you understand it. Let's repeat the same procedure on each one of the big letters, but this time let's make it more detailed. It should look like a brick based shape, so first you're going to draw horizontal lines, then the vertical lines. Later using the pencil tool (N) add some cracks and ajust the lines to look more irregular. This is a bit boring on the beginning, but as you understand the dynamic behing it, you will start doing it faster. Using the same lightning rule applied on the lettering, do it again on the big letters. Remember: the light comes from the top, so most lights should be directed to this side. Step 3 Now that we have the vector type ready, let's open photoshop and add some textures and effects. First make a black background using the paint bucket tool (G). Paste the type as a Smart Object and select it by command + click / ctrl + click on its layer. Then make a new layer and using the paint bucket tool (G) fill it with a neon green. Duplicate this layer (command + J / ctrl + J). On the first one (the one on the top) you're going to apply a motion blur (Filter > Blur > Motion Blur) with this settings. Then, set his blending mode to Soft Light. On the second one you're going to apply a radial blur (Filter > Blur > Radial Blur) with this settings. Don't forget to put both behind the smart object layer. You should get this: You can also add a soft outer glow on the type smart object (Layer Style > Outer Glow). I used this grunge texture to give a a more realistic appearance to the image, you can download it right here. So first I paste it and used the smart objetc selection to create two new layer with it (command + J / ctrl + J). On the first one I used the blending mode called Multiply and set the opacity to 50%. On the second one I used the blending mode called overlay, in order to lighten it. Don't forget to put the one with the Multiply on the top and the overlay one bellow to get his final effect. Conclusion Download the Adobe Illustrator File Download the Adobe Illustrator file used for this tutorial

Logo, Illustration and Package Design

Today we are going to review some amazing work for DrNo Effects; a vintage guitar effect pedal company. We are going to take a look at DrNo Effects logo, packaging and the awesome guitar pedals they have. The entire line was designed by the Dutch designer Eric Van Der Boom. Ejoy! Recently I created the logo artwork and packaging design for DrNo Effects, a range of vintage guitar effect pedals. It has been an absolute pleasure to work on this job as I always love to mix graphic design, custom lettering and illustration. This project had all of these elements. I started by doing some rough sketches, and created six different vintage styles, one for each guitar effect. Within each artwork, I tried to reflect the sound and style of the effect. I created custom letters to make every effect unique and special. Finally, I placed the sketches in Illustrator, traced them and added colour. As I'm a guitar player myself I have to say these vintage guitar effects are truly amazing and really take you back in time. But I guess this goes without saying as Alain Johannes of Queens of the Stone Age is one of the many users of DrNo effects. The effects are produced using the best components and materials available, and every stomp box is 100% handmade by DrNo himself. - Eric Van Der Boom For more from Eric visit boomartwork.com

RAWZ Logo Design Process

We over at Abduzeedo always think in ways to find great inspiration to be featured on the blog as well as help people to promote their work. It's quite hard sometimes to curate the amout of work we receive via email and social network links. That was the context that we had in mind when we created RAWZ. We wanted a simple way for people share their work and inspiration with us, it would be a raw version of Abduzeedo. No curation. The idea for the logo also was inspired by the concept of being raw. No symbol just the word and a very customized typoface. So in this sort of tutorial, case study we will show you the steps that took to us to come up with the logo. Step 1 - References The word RAWZ is very short and it has some nice characters to play with like A, W and Z. The idea was come up with a very simple font with no much details, as the name suggested, very raw style. Looking for some inspiration we found some nice examples of how to play with characters, especially the well known Avant Garde and of course the classic from the 80s Over the Top. Step 2 - Sketches With some references and ideas in mind it was time to sketch them out. That is without any doubt one of the most important parts of the process because you can try lots of variations very quickly. You can also see if the idea you had was as nice in real life as it was in your head. Step 3 - Computer After a few sketches we got a quite interest idea to explore in terms of typography so it was time to open Illustrator and make it happen. Using the Line Segment Tool and the Pen Tool we created the letters. As you can see, we started with the A then with that symbol we created the W by flipping it vertically and duplicating it. There are some other interesting details like deleting part of the middle area of the W, connecting the Z and the R. Step 4 Once we finishing creating the paths we started playing with stroke sizes and edge styles. In this case we tried rounded edges but it wasn't that raw hah! Also the R wasn't right because of the angle of the top part. Step 5 The first thing to do here was to created a simplified version of the R. Also we went back to sharp edges. But the angle wasn't right. Step 6 Time to keep the lines straight. The A and W break the baseline and the to alignment creating a really nice effect. Also we tried lighter and bolder versions here until we decided that this one was the best. Step 7 In order to give a stylish look we decided to add a hairline inner stroke in the center of the word. It created a really nice effect sort of mixing vintage with a very modern fontface. Conclusion To make it a little bit friendlier we added some rounded corners, very subtle but it definitely gives a nice touch. As you can see in this quick case study, creating a logo is much more than playing with Illustrator, there's always some goals to reach and message to pass along. Tutorials don't exactly show the whole creative process but they give you an idea of the workflow. I hope that might help you to come up with your own workflow in the future. For more information and to submit your inspiration and work to us visit http://raw.abduzeedo.com/

Book Suggestion: Designing Brand Identity

The book suggestion of this week is about branding and it's a recommendation from one of our favorite graphic designers out there, Roger Oddone. The book is called Designing Brand Identity: An Essential Guide for the Whole Branding Team and it covers everything you need to know about branding, from its definition to how come up with the most efficient strategy. Whether your goal is to express a new brand or to revitalize an existing one, here is a proven, universal five-phase process for creating and implementing effective brand identity. From research and analysis through brand strategy, design development through application design, and identity standards through launch and governance, Designing Brand Identity is an essential reference for the entire process. Enriched by new case studies showcasing successful world-class brands from Herman Miller and General Electric to the Obama '08 election campaign, this Third Edition offers new insights into emerging trends such as sustainability and social networks. Video Images Buy the book now

Logo Design: Books

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 roads... today it's all about logos with books! 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. ;)

Logo Design: Roads

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 horses... today it's all about logos with roads! 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. ;)

Logo Design: Horses

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 wolves... today it's all about logos with horses! 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. ;)

Logo Design: Wolves

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 whales... today it's all about logos with wolves! 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. ;)

Logo Design: Whales

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 glasses... today it's all about logos with whales! 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. ;)

Logo Design: Glasses

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 letters... today it's all about logos with glasses! 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. ;)

Logo Design: Letters

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 stars... today it's all about logos with letters! 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. ;)

Logo Design: Waves

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 stars... today it's all about logos with waves! 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. ;)

Logo Design: Stars

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 peppers... today it's all about logos with stars! 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. ;)