Category Archives: group 6: Kate, Sheena & Ebonie

Market Your Design Work

Standard
Advertisements

30 Best Fonts that Every Designer Must Own

Standard

30 Fonts To Last A Life Time


Here are 30 of the Best Fonts / Typefaces that every designer must / should own

sorted by alphabetical order. There are 15 serif fonts and 15 sans-serif fonts. These fonts will

last you your whole career! A brief description of what each font is best suited for is provided

however are not limited tothis. There are some top free cool fonts that are downloadable

in this collection and some that come with your operating system… the others are not so free

but they sure will help you improve your typography! They include original PC, Mac and

Truetype fonts.

Read the rest of this entry

Design Trends – Logos

Standard

Just Creative Design


2011 Logo Design Trends

Logo Lounge, for the past nine years, has posted annual logo design trend reports and they

have just released the 2011 logo design trends report. I would love to hear your thoughts

on the showcased trends.

Do these identity / branding trends effect you or your process? Do you agree with these

suggestions? Have you noticed any other trends?
On this topic of trends, one should not follow trends for the sake of following them. As Bill

Gardner points out:

Every year, it’s worth noting that this is a report on trends, not a recipe book of styles.

It is also not a finite list: There are other valid trends out there that are not mentioned

here.  The report should serve you as an ongoing view of where logo design is headed. The word

“trends” in itself can have a very negative cast, but in truth, trends aren’t bad. They reveal

our growth. It’s our take on them that allows us to move even further forward.

2011 Logo Design Trends

Gradients

Gradients

Juvi

Juvi

Vibrate

vibrate

O

o

Earth

earth

Monoline

monoline

Series

series

Brown

brown

Dandruff

dandruff

Concentric

concentric

Loopys

loopys

Banded

banded

Comma

comma

Buckys

buckys

Fruit

fruit

Back Again

backagain

Isometric

isometric

Blackhole

blackhole

PickUpSticks

pickupsticks

Reactive

reactive

Medallions

medallions

Do these identity / branding trends affect you or your process? Do you agree with

these suggestions? Have you noticed any other trends?’

© Artwork shown is copyright of their respective owners. Designer’s names & clients can be

found on the original posting linked above. Original compilation by Bill Gardner.

Photoshop Reflections Tutorial

Standard

e 5 Essential Photoshop Reflections

You’ve undoubtedly seen these 5 reflections in all sorts of graphic design, website design, and interface design. In this tutorial, I’ll show you how to make them in Photoshop.

The Reflections

You see reflections everywhere in design, whether you realize it or not. You see them used in graphics, commercials, products, and even websites. There are lots of photoshop tutorials that teach how to create a specific reflection, but in this tutorial, I am going to outline how to create 5 of the most widely used types of reflections in design. Feel free to download the attached PSD if you’d like to work on the same document I’ll be editing.

The 5 Basic Reflection Types

The Surface Reflection

The Surface Reflection is probably the most widely known reflection type, as it has basically been made into an icon by Apple Inc. Basically, it’s simply the reflection of an object on a surface below the object. It’s very simple to create.

Begin by Duplicating the layers you wish to reflect (Right Click Layer > Duplicate Layer). In my case, it will be the Tutorial9 Logo. Next, Flip the layer Vertically (Edit > Transform > Flip Vertical).

Flip the Layer Vertically

Now, using the Move Tool, drag your new layer just below the original.

Move the duplicated layer below the original layer

Using the Eraser Tool, with a brush size of 40-200 (It will vary from case to case, just experiment), and Hardness set to 0%, erase the bottom of your upside down cloud. Hold Shift while erasing to erase in a perfect line.

Erase part of the bottom cloud

Only thing left to do is Adjust the Layer Opacity to control the intensity of the reflection. That’s it for the surface reflection!

The Environment Reflection

The Environment Reflection Might be best known as the Reflection used for windows in Microsoft Windows Vista. There are plenty of other uses for it too, such as menu bars on website, or Icon Design.

To start, you need to Select the Layer Transparency of the layer you will be adding the reflection too. To do this, Ctrl + Click said layer, or Right Click > Select Layer Transparency. You must click the actual layer icon, NOT the layer name.

Select the Layer Transparency

From here we can create two different reflection types. We could go with a curved reflection, or a simple flat reflection. I will be creating a curved one with the Elliptical Marquee Tool, but you may create a flat one with the Rectangular Marquee Tool if you wish.

Once you’ve selected your tool of choice, hold Alt + Shift and draw a selection through your layer. Holding Alt and Shift will make your layers Intersect, meaning a selection will be left ONLY where both selections overlap.

A Selection will be left where the two selections intersect

Create a new layer to draw the reflection on.

Select the Gradient Tool from the toolbar, and select White as your foreground color. Select the “Foreground to Transparent” gradient from the gradient picker in the options bar. Now, while holding shift to create a straight gradient, drag from a bit below your selection towards the top of your layer, and release to create a gradient.

Finished Environment Reflection

You may choose to adjust the layer opacity in order to get the right kind of lighting intensity. Otherwise, that’s it for the Environment Reflection.

Glossy Reflection

Glossy Reflections are very prevalent in Text and Icon effects, but are also seen in many other scenarios too, similar to the Environment Reflection.

The creation of a Glossy Reflection type is exactly the same as the Environment Reflection shown above. The only difference is when you are drawing your gradient. Instead of dragging from bottom to top with the Gradient Tool, drag from the top to the bottom. Afterwards, just adjust the layer opacity of your reflection to alter the intensity.

Glossy Reflection Example

3D Fold

This is really more of a lighting effect than a reflection, but basically that’s what a reflection is. A Lighting Effect. You have probably seen something like this on a logo, or website layout before.

To achieve the effect, select your objects layer just as you did with the previous two reflections (Ctrl + Click Layer Thumbnail).

Using the Rectangular Marquee Tool, intersect that selection so that you have a straight edge (Remember, to intersect a selection, hold Alt + Shift while drawing one selection over another).

Intersect your Selection with the Rectangular Marquee Tool

Create a new layer.

Now, select a large, soft Brush (200px, 0% Hardness) from your toolbar. Using Black as your foreground color, use just the edge of the brush to fill it a bit of the selection you’ve made.

Shade in the bottom selection

Duplicate this layer, and move the duplicated duplicated layer just below the original with the Move Tool.

Create the illusion that your layer is bent

Finally, create a new selection that instead overs the top half of your layer, and this time, brush it with a white foreground instead of a black one. The end result should have a 3-Dimensional feel to it!

Your 3D Fold may look something like this

The Flare

The flare is self-explanatory. It’s basically a imitation of a collection of light that produces a bright spot on an edge or surface.

To create a flare, we will be using the Dodge Tool.

Begin by grabbing the Dodge Tool, and setting the Brush options to 50px in Size, 0% in Hardness, and 50% in exposure (exposure settings may need to be modified depending on brightness of surface). Set the Range to Highlights.

Settings for The Dodge Tool when creating a Flare

When working with lighting effects, it’s usually a good idea to try and visualize where the light will be coming from. In our example here, we’ll have the light come from the top left of the canvas.

Begin gently brushing around the edges where the light will be hitting strongest. Just use the edge of your brush, and lighting go back and forth over these edges.

This diagram shows what dodging should do to your layers edges

Reduce your brush size to something significantly smaller, perhaps around 10px. Continue to gently brush these edges until you really create a thin bright edge. Zooming In and Out (Ctrl + ‘+’, or Ctrl + ‘-’) may assist you here.

Those are some bright edges!

Finally, using your Brush Tool, and a small, soft brush, Create a new Layer, a make some soft “Flare Marks”. Adjust the Opacity of this layer as needed. That’s it!

Final Flare Example

And there you have it, 5 different flares added to your arsenal for excellent design. Good Luck, and have fun

Logo Design Tutorials

Standard
  • Smashing Magazine
60+ Beautiful Logo Design Tutorials And Resources

When we talk about a famous brand, the first thing that comes to mind is its logo. The logo is the most essential component of any personal brand and also the hardest part to execute. A logo must be appropriate, aesthetically pleasing and a reflection of the company’s credibility. Furthermore, a logotype should be synonymous with the company or product it represents and should penetrate people’s minds as a selling agent.

An amateurish logo design can more likely make your business fail for a number of reasons. A logo is of great importance in creating brand identity, and you should be very careful in selecting one for your business.

Today, we present some outstanding logo design tutorials to give you a head start when it comes time to creating an amazing logo for your own business.

Logo Design Tutorials

Logo Design Project Step by Step Walkthrough
Follow this step by step documentation of the whole process of the logo design from conception to completion.

Screenshot

How to Design the Firefox Logo in Photoshop
This tutorial goes through how to create the Firefox logo in a scalable Photoshop format.

Screenshot

Design a Print-Ready Beer Label in Adobe Illustrator
This tutorial takes you from setup to production of a really cool beer label, although this could be useful for any bottled concoction of your choosing.

Screenshot

Dache: Logo Design Process
This case study provides full creative brief and progress images from start to final.

Screenshot

Sikbox Logo Design Process
In this tutorial Artist want to share a bit of the ideas and the design process for the logo creation.

Screenshot

Logo Design (video Tutorial)
Corey recreates a video game logo by building a grid background and circular target using the define pattern and polar coordinate distort commands.

Screenshot

Crest Logo Tutorial in Photoshop
This tutorial shows how to create a crest logo in photoshop.

Screenshot

EURO 2008 Logo Design
Step-by-step tutorial on creating the EURO 2008 logo.

Screenshot

Creating an Environmentally Friendly Green Type Treatment
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.

Screenshot

Logo Design Process Tutorial
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.

Screenshot

Creating a Crazy Cool Logo
In this tutorial you’ll learn how to create the crazy cool logo.

Screenshot

Step-by-step logo
A very comprehensive Step-by-step Logo Tutorial

Screenshot

Making the ATI Logo
In ATI LOGO tutorial Artist will use Photoshop and a mere mouse. Artist will use basic PS techniques and a little bit of layer styling.

Screenshot

Logo Design Process and Walk-Through for Vivid Ways
In this tutorial, UK-based graphic designer Chris Spooner describes the design process and walks through creating the final logo in Adobe Illustrator.

Screenshot

Making the Metallic Transformers Logo
In this really fantastic tutorial, you’re shown how to build a beautiful logo step by step. The process can be applied to any logo you are creating.

Screenshot

Illustrative Logo: Bow the Knee
In this tutorial, the artist explains step by step how he designed this attractive logo. Source files are included, so you can manually de-construct the method he used to create his reference image.

Screenshot

Papercraft Text Effect
Easily create your own logo using the beautiful text effect in this tutorial. Test your logo with different fonts and colors.

Screenshot

Windows Vista Desktop Themes
A simple step-by-step tutorial on making the Windows Vista logo in Photoshop. Learn how to make the mirror and glossy effects and how to use such Photoshop tools as gradient, pen, bevel and emboss, eraser, etc.

Screenshot

Wooden Text Effect in Photoshop
An outstanding tutorial. Though not a logo tutorial per se, the effect and textures can easily be applied to any logo design. Very clear and easy to follow.

Screenshot

Create a Fly Logo Design, Part 2
This tutorial focuses on the process of creating a logo for a Web design client. It covers developing a logo from concept to completion and working with the client throughout the process.

Screenshot

Virtual DJ
In this detailed tutorial, you will learn how to design this beautiful DJ smile. The tutorial is not specific to logos, but the process and tools used here may be very helpful when it comes to actually creating one.

Screenshot

Mac OS X Logo
Learn how to design an awesome Mac OS X logo wallpaper.

Screenshot

Create a Retro Logo
Your logo is much more than a corporate badge. After all, if you’re in the design business, it ought to reflect the “design” as much as the “business.” Here, the artist puts a new twist on a classic ’70s illustration-based Blaxploitation logo.

Screenshot

Euroleague 3D Logo
Draw 3-D Euroleague logo using Photoshop and Corel drawing tools, gradient fills and 3-D effects.

Screenshot

Star Wars Text Effect
In this tutorial, the artist works on the Star Wars text effect, which you could also implement in your logo project.

Screenshot

Umbrella Corporation logo
The Umbrella Corporation is a fictional bio-engineering pharmaceutical company that appears in the Resident Evil series of survival-horror games by Capcom and in the film adaptations. In this Adobe Photoshop tutorial, you’ll create Umbrella Corporation logo.

Screenshot

Create an Origami Logo
By creating the origami logo in this Photoshop tutorial, you’ll get a little taste of one of the logo trends predicted for 2009.

Screenshot

Create a Logo Identity
If you’re setting up shop on your own, you’ll need a logo. Follow Alan Wardle’s advice on creating a unique design.

Screenshot

3D Logo Tutorial
In this tutorial, you’ll start making a logo shape, put it in rough 3-D and then finish it in Photoshop. So easy even a beginner can do it.

Screenshot

How to Create the Volkswagen Logo
This tutorial shows you how to draw the legendary Volkswagen emblem, using layer styles, radial gradients and the polygonal lasso selection tool (to do the tracing part).

Screenshot

The Amazing Spiderman
Learn how to easily make the Amazing Spiderman logo for a wallpaper.

Screenshot

Cool Music Logo on a Grunge Background
You will find these techniques to make a logo and background for a cool grunge-style website outstanding.

Screenshot

3D Encide Logo Tutorial (PSD Included)
A great tutorial, showing the entire process of making a logo in Photoshop.

Screenshot

How to Make an Awesome Logo
In this tutorial, the artist documents the entire process of creating a logo, from start to finish. He encourages you to open up Photoshop and follow each step, which would help you learn a lot more than by just reading it.

Screenshot

The Chronicles of Narnia Logo
In this tutorial, the artist shows you how to create the “Chronicles of Narnia” logo, such an outstanding piece of artwork.

Screenshot

Create Rainbow Logos with Warped Grids
Warped Grids are an easy technique, but very versatile, too, and you will be able to use it in all sorts of designs. In this case, the artist uses it for a logo.

Screenshot

3-D Glossy Box Logo
Create a 3-D glossy box logo in this amazing Photoshop tutorial.

Screenshot

Sony Ericsson Logo
In this tutorial, the artist makes Sony Ericsson logo in about 20 minutes. Besides doing this, you will learn how to save time, change layer styles and re-use copies of your original effects and forms. So let’s go.

Screenshot

Versus Inspired Photoshop Logo Tutorial
This Adobe Photoshop tutorial shows you how to create a rounded logo, inspired by the Versus cable network. This tutorial, in which gradients and layer styles are used, is great for all Photoshop users, from beginner to intermediate.

Screenshot

Glowing and sparkling intense light 3d logo

In this tutorial Artist going to teach you how to create a glowing and sparkling intense light 3D glow logo. This tutorial shows different techniques.

Screenshot

Creating a Retro Logo

In this tutorial Artist will try to show you how he normally make his pics look retro.

Screenshot

Brainstorm9 Logo Process
Comprehensive Briefing the design process of Brainstorm #9 Logo.

Screenshot

Logo Presentation Tutorial
This tutorial will teach you how to present your logotype, simulating a macro photo of the logo printed on paper.

Group 6- Sheena, Ebonie, Kate