articles on

Logo Design: Pepper

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 coffee logos... today it's all about logos with peppers! 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: Coffee

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 butterflies... today it's all about coffee logos! That includes coffee brands and coffee shops. 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. ;) Starbucks Logos Original logo. 1992 thru 2010. Latest design. And I couldn't miss this one ;p For more on the Starbucks logo, check out this awesome post at Logoblink.

Logo Design: Butterflies

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

Abduzeedo 2011 Poster in Illustrator and Photoshop

Last week I decided to come up with a new variation of the Abduzeedo symbol, as I have been doing this every year pretty much since the beginning of the blog. So for this year my ideas was to create something more minimalistic with a sort of vintage style. I also wanted to reduce the light effects, make them very subtle. So in this tutorial/case study I will show you how I created the Abduzeedo 2011 symbol. Step 1 Using Illustrator I started editing my 2010 black and white symbol. My idea was create a sort of crystal/3D effect for 2011 instead of light effects. I wanted something simple but still with a bit of the colors that we have been using for over 4 years. Step 2 To create the crystal effect was pretty simple, I just created 3 copies of each element, in the image below you can see the red one. So once I had the 3 copies over the original I started editing the shape with the Direct Selection Tool (A). The idea of creating the crystal effect is pretty simple, just moved one vertice of one of the triangles and then another one of the other to align them. (1). Another important factor is the colors, I used 3 shades of red in order to create the 3D effect. Also once you define the light source direction you will have to apply to all others. Step 3 Here is the crystal in wireframes. Step 4 Now it's time to go to Photoshop. I created a A4 document in Photoshop, then for the background color I filled it with #2f2f2f. Step 5 Here I copied the symbol in Illustrator and pasted it Photoshop. As you can see I kept the same colors. Step 6 Duplicate the symbol and go to Filter>Blur>Gaussian Blur. Use 250 pixels for the radius, then do it again, the idea is create a gradient background with the symbol colors. I also duplicated this layer once in order to make the colors stronger. After that I grouped into a folder and changed the folder's Blend Mode to Vivid Light. Step 7 Here I selected the original symbol that was in color and went to Image>Adjustments>Hue and Saturation. Then I reduced the saturation in order to transform it to greyscale. Step 8 I didn't want to have a colorful gradient, so I created a marquee selection of the symbol. You can do that by clicking with the right button of the mouse over the thumbnail of the layer and select the option "Select Pixels". After that I selected the folder where I'd put the blurry layers of the previous step and applied a layer mask. (Layer>Layer Mask>Reveal Selection). Step 9 Here I started adding some textures. I used one from Shutterstock, you can find it at http://www.shutterstock.com/pic-26104718/stock-photo-old-paper-isolated… Step 10 I moved the texture to the folder of the step 8. it was also beneath the other 2 layers inside that folder. As you can see it got an interesting effect already. Step 11 Here I selected all layers and duplicated them, after that I went to Filter>Blur>Guassian Blur. I used 15 pixels for the Radius. Step 12 I used Overlay for the Blend Mode of the blurry layer, then once again I masked it in order to make the effect visible only over the symbol area. Step 13 So in order to make the background less plain, I used the same paper texture I used before, this time on top of all the other layers. For the Blend Mode I used Multiply. I also duplicated it once and used 10% for the Opacity with the same Blend Mode. Conclusion So to finish the poster I added the words "Happy 2011" using BlairMdITC TT and then Abduzeedo right below with a smaller font size. As you could see the steps to create the effect were quite simple, however it took some time of trying combinations of blend modes and layer orders until I got the result I want. Once again, it's all about practing and learning.

Logo Design: Lions

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 Christmas logos... today it's all about logos with lions! 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: Christmas

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 CMYK logos... today it's all about Christmas 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. ;)

Logo Design: CMYK

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 Mountains... today it's all about CMYK 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. ;)

Logo Design: Mountains

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 Smiles... today it's all about mountains! 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: Smiles

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 'X's... today it's all about Smiles! 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: 'X's

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 circles... today it's all about 'X's! 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: Circles

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 squares... today it's all about circles! 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: Squares

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 triangles... today it's all about squares! 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: Triangles

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 frogs... today it's all about triangles! It's triangles everywhere 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. 1: LOL! You're right. I meant triangles, not squares. And now the URL is messed up. :( PS. 2: Got cool ideas for sorting? Tell us!

Logo Design: Frogs

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 circuits... today it's all about logos with frogs! 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!

Logo Design: Circuits

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 fishes... today it's all about logos with circuits! 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!

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. My role would be come up with the design. 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. I collected quite a few images and got some ideas already in my mind. First concept: Lettering and Arrow. The first concept I explored was using an arrow in the lettering. Similar to the Fedex concept but using the A and the Y. After sketching I went to the computer and tried to come up with something based on those ideas. It turned out that it wasn’t a very solid concept, it was hard to apply it in the lettering especially because the A and Y would have to be aligned in a way in order to make the arrow visible. Plus I thought it didn’t have personality and uniqueness. The Mentaway logo had to be something with a symbol in my point of view. Second concept: Compass and direction sign Time for the plan b, I checked the images I had selected and decided to explore the compass element. I also liked the idea of those direction signs, it is pretty much what the service is all about. Then back to some more sketching.... I know I sucked at that. I wanted to use the compass but not exactly the same representation, so I created a 3 point compass only. After that I noticed that playing with negative spaces I could make that symbol looks like a direction sign as well. So here is what the symbol is all about. With the symbol pretty much done it was time to choose the typeface and colors. In my point of view a good logo is that one that can be very recognizable in either color or back and white. Below you can see the logo in black over white background and vice-versa. For the colors the goal was to make it super friendly and also a bit colorful, like when you travel and you get a map of the subway or train they always have the different colors for the routes. With that in mind we chose 3 colors for the 3 main directions, Blue, Yellow and Red, but less saturated hues. The typeface is always something that always takes a lot of time looking for and testing. Below you can see some of the fonts I tested. The final concept. I am still working on the logo, especially adjusting the proportion and sizes, the best way to do that is by optical adjustments using a grid. But as we needed to release the splash as soon as possible I completed the final concept with two variations, vertical and horizontal. For more information about Mentaway visit http://mentaway.com

Logo Design: Fishes

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 ghosts, monsters, goblins and witches... today it's all about logos with fishes! 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!