Archive

Posts Tagged ‘graphic design’

Case Study: Blue Ribbon Sweets

November 12th, 2009

Client: Blue Ribbon Sweets specializes in high end sweets, mostly truffle like chocolates.

The client wanted a logo that was elegant, modern and crisp, something that would appeal to higher end clients. The client wanted to see a blue ribbon incorporated into the logo.

We started out with a few sketches.
1-sketches

We illustrated those same sketches digitally, and made some minor changes.
2-bw

Once we had the black and white samples done, we put a little color into them.
3-color

Our client liked the top left logo, but asked for some color changes as well as incorporating the ribbon into the hat.
4-revision1

Here’s the final logo the client chose.
5-final

Be sure to visit BlueRibbonSweets.com

admin Branding your Company, Design Logo Online, Design a Logo, General Design, LogoBang.com, Typography , , ,

Case Study: Focal Finesse

November 6th, 2009

Client: A freelance photographer who specializes in event photography such as weddings and bar mitzvahs.

The client wanted a logo that was professional but not stuffy, he was using a logo that was tall and not wide, he also wanted to change that and make a wide logo. He wanted to use one or two colors maximum in the final logo. The client really didn’t have much direction other than that and pretty much gave us free reign to produce the samples.

We started out with lots of rough sketches of cameras and camera related items.
1-sketch

We paid more attention to certain sketches and made some roughs of what we want the first round of logos to look like.
2-sketch2

Once we created those digitally, this is how the first round came out.
3-firstround

Revision 1: The client liked the third logo sample, but first he wanted to see the words
Focal and Finesse separated by more than just a capital “F” we opted to add the second color and also make the type on “Finesse” italicized.
4-revision1

Revision 2: The client liked the color combination but he wanted to try a more playful type. He also wanted to add something to the camera to bring it together. We added the bar below the camera to give it a more defined look.
5-revision2

Revision 3: Our client asked to see a few more typefaces for the word Finesse, he also asked to see what the flash would look like if it were a little more rectangular.
6-revision3

Final logo: The client chose the 3rd logo as the final logo, we provided the logo in both color and black so that they client may easily also use the logo as a watermark.
7-final

admin Branding your Company, Design a Logo, General Design, LogoBang.com, Typography , , , ,

Creating an Envelope Icon in Illustrator

April 14th, 2009

Everyone loves icons these days, here we’re going to show you how to make a really cool envelope icon.

env_step1
1. Select the rectangle tool and draw a horizontal rectangle, make sure you have a bold black stroke around that.
env_step2
2. Add a linear gradient to the rectangle, make sure the angle is set at 0 and that the white is on the outside while the gray is in the middle.
env_step3
3.  Using the pen tool, draw a triangle as shown above, this will serve as the bottom of your envelope. Be sure to have the same stroke as the previous rectangle you drew.
env_step4
4. Using a gray and white gradient, add a linear gradient to the triangle, make sure that the gray slider is to the right and the angle is at -90.
env_step5
5. Draw a rounded square with the same stroke as the previous objects, this will be the start of the top of your envelope.

env_step6
6. With your rounded square selected, double click on the rotate tool and set the angle at 45.
env_step7

7. After your shape has been rotated, click on the top ruler of the window and drag down to pull a guide line.

env_step8

8. Select the guideline and the shape. Use the divide selection on the pathfinder tool to cut the shape.

env_step9
9. Delete the top portion to leave only the above image.

env_step10

10. Add a gradient fill by selecting the gradient tool from the palette. Make sure you’re using a light gray and white for you gradient. Set the type to linear and the angle to -90. The light gray color should be place to the right of the slider.

env_step11
11. Set the two triangles above the rectangle to form the envelope.

env_step12

12. Copy the top shape on the envelope and add a gradient fill with these settings: Type: Linear, Angle: -90, Transparency: Multiply and Opacity to 100%. Leave the dark gray color to the right of the slider, just like we did on the previous steps.

env_step13
13. Select the top envelope flap and bring to front.
env_step14
14. Move the shape from step 12 to sit just below the top flap, this will serve as the shadow for the top flap. Also put a bolder stroke on the main rectangle.

env_step15
15. Using the pen tool draw a shape that will add and accent the top envelope flap.  Add a gradient with the following settings for the gradient and the transparency: Type: Linear, Angle: -90,Transparency: Multiply and Opacity 100%.

env_step16
16. This is how your enevelope should turn out. We added a few extra touches to make it pop, which we’ll cover in a future tutorial.

admin Tutorial , ,

Web and Typography

September 10th, 2007

Before the digital age typography was a skill that not everyone  could possess. Though typography has been around for centuries, these days it’s just as important to have good typography on a website as it is a newspaper.  Everything in type should be important to a web designer, from the colors to the size to the font chosen. For example, for a long paragraph, ideally you would not choose a fancy pink font with a yellow background, that’s just not something that would make sense in a designers eyes, though it may catch you’re attention for a few seconds,  type should flow naturally and if you want someone to read a whole paragraph, keeping the type simple should be just fine.

There are a few things you should pay attention to when designing your website, pertaining to the type. Contrast should be a big part of the typeography, you want something easy to read and somethign that’s easy on the eyes. You can never go wrong with black type on a white background, though white on black may be a little more diffcult to read for long blocks of text. Black and white are ideal though they might not always work for your site, so be sure to pick colors that compliment each other and are easy to read.

Space is also important, it’s good to have a balance on a page, you don’t want to clutter the page with too much text when  you’re designing. Though it’s also important to have a good sized text, whether the text be too big or too small, this could be a problem. You want to keep any body of text at about a 12 pt, that’s an easy size to read for most people, but obviously you might want to have your headlines at a bigger size. Generally people are going to skim a site until they read a headline that grabs their attention, so it important to differentiate the body from the headlines.

Following those general rules should help with your site, though the true test is you or someone with a keen eye check it out to make sure it looks good.

admin Typography, Website Design , ,

Blog B-Launch

February 2nd, 2007

Welcome to the launching of our brand new blog… We’re happy to see you here and more importantly we hope that you find the information useful for your design needs. Our team is planning to blog about all stuff design, and do it so that it will make sense for all readers.

But this blog will be for more than design, and for more than all items graphics. Our team is going to be expressive and talk about anything that is on their mind. So be prepared for the ramblings of a bunch of hip designers, web programmers and more.

Please let us know if you want to know more about a topic, or less.

Thanks,

Staff @ LogoBang.com

admin Design a Logo , , ,