Designs by Bright

Harman/Kardon HDTV UI Design/Graphics

2010-01-23T08:55:00.000-08:00

User Interface (Full HD TV) design for Harman International Inc

EcoBike Booth Design

2010-01-23T08:41:00.000-08:00

Exhibition poster for EcoBike Inc.

LiveClicker

2010-01-23T08:30:00.001-08:00

Web Design for LiveClicker Inc.

Nupsu Book Interface Design

2010-01-23T08:00:00.000-08:00

UI Design for Nupsu Book Online Application

The Casino Rater

2010-01-22T11:21:00.001-08:00

Logo / Header Design for thecasinorater.com

...

2009-12-22T14:33:00.001-08:00

Logo for McQueen Consulting :-)

VS 2009

2009-09-23T17:58:00.001-07:00

While the blogger automatic JPG converter does not much care about the small file JPG quality (see the artifacts everywhere), a click to the image brings you to somewhat better graphics.

The Versus Concept is created ten years ago, so I was asked to re-build it for to celebrate the anniversary. A couple of minutes digging the archive, and the all-layered design was open at my desktop again.. :-)

Digitracs

2009-06-16T03:44:00.000-07:00

Front Page Design for digitracs

This design probably holds the current record of layers in one PSD file - 527 - not anything impossible, however needs reasonably fast machine to operate the file.

Sneaker Zazz Logo

2009-06-16T03:36:00.000-07:00

Logo for sneakerzazz.com

How to Renew Logo Using Photoshop

2009-06-13T19:49:00.000-07:00

Here's a little preview how logo "renewal" process usually works. We can also name it Logo Vectorization. A designer is usually provided the non-vector logo, often low in resolution, with the desired result to again have high quality logo for multi usage in web, print, etc.

I use River Spirit Casino logo as a reference here.

This is the original graphics provided. Looks sharp and clean at screen. Note that this is not too big in size - usable in web here and there, but definitely not usable for prints (except for business cards, when the logo is printed at very small size). The dimensions of the original logo is around 210x210 pixels, so in high quality (300dpi) print the logo would appear very small in size - about 0,7x07 inch (1,8x1,8 cm) small square.

The next step is to resize the graphics to a size acceptable for to re-create it with Pen Tool. Optimal size is actually a matter of taste, but maybe something fitting the screen 100% (so you can see actual pixels). You can later resize the logo anyway to any size, so for the work process, use the most comfortable size. Note that the more complex the graphics, the more it makes sense to use bigger size here. AND don't forget that if you are provided really small image for start (like this one here), it does NOT make sense to use too big size for the work process. So as you can see the sizes are already very relative.

Here's the graphics resized (upsized). Looks pretty ugly and jagged? This is why we actually need to re-create it - upsizing does not work in high quality without vector graphics used.

Let's start with the easier part of this - the lovely blue and green "flames".

You might use the smaller opacity for the provided screen to be able to track the edges of each logo element better.

On the image above, all the "Path" points are selected, for better understanding how the curves and shape of the blue area is achieved. Once you discover the Pen tool in photoshop, you can't live without it - it is just so so usable.

Here we go - below is how the vector graphics "wire frame" looks with the actual shape layers not visible. Not that there hundreds of "path points" in this simple logo - just to make everything in as high quality as possible, considering the provided original image.

Let's take a look how it looks with the new shapes.

Now let's make the "shape edges" and "convert points" invisible..

This is it! A completely new one based on the small file provided. All the edges razor sharp, all the elements as layers! Lot's of flexibility and freedom for any further logo related requirement.

The image below is just an example of what is the freedom after you've made the hard job. Place it all around, rotate the text, resize any element or add effects to them - now you can have every kind of fun with your newly created artwork :-)

This one below is with the "drop shadow" effect - probably one of the most used effects in photoshop.

The next is part of the enlarged preview of the logo - as you can see, all the edges are still razor sharp, so it really IS a vector image you have created.

Well what's next? Are we all done? Not yet. Once the logo is vectorized, it is nice to create a batch of files for multi usage for it. A couple of different sized web files (jpg, png), say, starting from tiny 50x50 pixel to a huge 100 megapixel image. And, the vector formats themselves - you can use pdf and eps for this purpose. This is it :-) You're all done. Zip all the files you have and you have a nice one-file unit with all the needed content.

-------

Bottom word. Note that photoshop is used for this type of the project. You should also consider using special vector-format aimed programs such as Adobe Illustrator - there are lots of more advanced options for vector graphics than in photoshop, which may make take the whole working experience with vector graphics into a whole new level.

New Advanced Weather Icons

2009-04-02T07:16:00.000-07:00

Here's the updated version of the weather icons - 24 total so far. All the icons are built vector-based, meaning you have unlimited freedom to use the icons at any size. I love to develop the icons so if you'd like to use them with any additional icon not currently presented, feel free to send me mail bright at dlancer.net :-)

EyeStarTV.com Promo Poster

2009-04-01T11:22:00.000-07:00

Sized 24x48" :-)

ID Card Application Design

2009-04-01T09:57:00.000-07:00

Estonian Informatics Centre held a design contest (with 1st prize $830) for new ID-card web application utility (to be released somewhere in July). I was not lucky to be selected this time (competition was 47 participants), the winner to be announced soon. :-)

Pimsleur' Skin

2009-02-28T09:50:00.000-08:00

iPhone Application Skin Design for Pimsleur's Language Learning Software

Map Designs

2009-02-28T09:43:00.000-08:00

France, UK, Spain, Andalusia, Florida - Map Design for vacationrentalpeople.com

E-Magazine Cover Design

2009-02-27T23:48:00.000-08:00

E-Magazine Cover Ideas for drnitch.com

Maestro Pedestals

2009-02-27T23:36:00.000-08:00

Design Concept for Maestro Pedestals

Logo for TraxBack

2009-02-27T23:05:00.000-08:00

Logo design for TraxBack.com

banners & badges

2009-02-27T21:42:00.000-08:00

Site badges and banners for simpd.org

Collage

2008-09-29T13:34:00.000-07:00

One of the most challenging/diverse project lately, creating a collage of photos ;-)

It's Summertime..

2008-07-02T13:42:00.001-07:00

.. but there's always some work time by time :)

Surfing Stories logo, header and some other graphics at the front page.

Seeframe.com New Web

2008-05-09T14:30:00.001-07:00

Verifax UI & Conference Page

2008-05-09T14:20:00.000-07:00

Weather Icons

2008-05-09T14:09:00.001-07:00

OFEC Business Card

2008-05-09T13:55:00.000-07:00