Designs by Bright

Harman/Kardon HDTV UI Design/Graphics

signify@gmail.com (bright) — Sat, 23 Jan 2010 16:55:00 +0000

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

EcoBike Booth Design

signify@gmail.com (bright) — Sat, 23 Jan 2010 16:41:00 +0000

Exhibition poster for EcoBike Inc.

LiveClicker

signify@gmail.com (bright) — Sat, 23 Jan 2010 16:30:00 +0000

Web Design for LiveClicker Inc.

Nupsu Book Interface Design

signify@gmail.com (bright) — Sat, 23 Jan 2010 16:00:00 +0000

UI Design for Nupsu Book Online Application

The Casino Rater

signify@gmail.com (bright) — Fri, 22 Jan 2010 19:21:00 +0000

Logo / Header Design for thecasinorater.com

...

signify@gmail.com (bright) — Tue, 22 Dec 2009 22:33:00 +0000

Logo for McQueen Consulting :-)

VS 2009

signify@gmail.com (bright) — Thu, 24 Sep 2009 00:58:00 +0000

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

signify@gmail.com (bright) — Tue, 16 Jun 2009 10:44:00 +0000

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

signify@gmail.com (bright) — Tue, 16 Jun 2009 10:36:00 +0000

Logo for sneakerzazz.com

How to Renew Logo Using Photoshop

signify@gmail.com (bright) — Sun, 14 Jun 2009 02:49:00 +0000

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

signify@gmail.com (bright) — Thu, 02 Apr 2009 14:16:00 +0000

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

signify@gmail.com (bright) — Wed, 01 Apr 2009 18:22:00 +0000

Sized 24x48" :-)

ID Card Application Design

signify@gmail.com (bright) — Wed, 01 Apr 2009 16:57:00 +0000

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

signify@gmail.com (bright) — Sat, 28 Feb 2009 17:50:00 +0000

iPhone Application Skin Design for Pimsleur's Language Learning Software

Map Designs

signify@gmail.com (bright) — Sat, 28 Feb 2009 17:43:00 +0000

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

E-Magazine Cover Design

signify@gmail.com (bright) — Sat, 28 Feb 2009 07:48:00 +0000

E-Magazine Cover Ideas for drnitch.com

Maestro Pedestals

signify@gmail.com (bright) — Sat, 28 Feb 2009 07:36:00 +0000

Design Concept for Maestro Pedestals

Logo for TraxBack

signify@gmail.com (bright) — Sat, 28 Feb 2009 07:05:00 +0000

Logo design for TraxBack.com

banners & badges

signify@gmail.com (bright) — Sat, 28 Feb 2009 05:42:00 +0000

Site badges and banners for simpd.org

Collage

signify@gmail.com (bright) — Mon, 29 Sep 2008 20:34:00 +0000

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

It's Summertime..

signify@gmail.com (bright) — Wed, 02 Jul 2008 20:42:00 +0000

.. 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

signify@gmail.com (bright) — Fri, 09 May 2008 21:30:00 +0000

Verifax UI & Conference Page

signify@gmail.com (bright) — Fri, 09 May 2008 21:20:00 +0000

Weather Icons

signify@gmail.com (bright) — Fri, 09 May 2008 21:09:00 +0000

OFEC Business Card

signify@gmail.com (bright) — Fri, 09 May 2008 20:55:00 +0000