Archive for the ‘general’ Category

Image search by similarity

There are lots of reasons people might want to look for an image on the web based upon similarity with other images. For me, I had created a new logo and wanted to make sure it was 100% original.  Sometimes when I’ve made a logo in the past it has an air of familiarity and look of an established brand, even though it’s just been born on the Illustrator artboard.  But you’ve really got to check, because you don’t want to give a client a logo which they will later, no doubt, find out looks just like some other company’s.

sonoran4

Sonoran logo, it's so good, can it be original?!?!

There are lots of design web pages illustrating this error, or plagiarism. Look at this one for example. So what do you do? I heard about an interesting new technology recently on a more geeky website. It described a new kind of search engine, not just a normal image search but you could search for ‘similar images’. A few weeks ago I’d already tried a web page that harnessed Flikr to find images of similar colours; the Flikr Color Selectr. This is a cool web page to browse but not useful for the purpose I set out at the beginning of this article.

There are a few alternatives I have found to address the wish for searching through images for similarity, unfortunately some of them are just previews and presentations about what they are going to do in the future;

All the above were basically useless to me! But there was one that worked and showed promise, though by their own admission the image database held was relatively small. The winner is;

Yes, exactly what I wanted! I had to make an account though, which was really easy. Then you upload the image and click the search similar button… In the case of the logo I’d designed(above) it came up with no matches! So I feel like it must be quite original. When I uploaded it I just uploaded the symbol from the logo, just to make it easier for the algorithm.

If you know any different, or if you know of better ‘similar image search’ engines please let me know in the comments section. Thanks, Mark.

Lightscribe – line printing & grayscale test

My previous article about Lightscribe has proved very popular, so here is an update with more information about the real practical use of Lightscribe labeling technology. In this test I’ve looked at the printing of fine detail (lines) at various angles (star shapes) and printed a grayscale test using swatches of gray from 10% to 100% in 10% increments. What more do you need? Let’s get a picture onto the stage and have a look at what results we have…

'Melody' brand gold Lightscribe disc

'Melody' branded gold Lightscribe disc

There you can see the result of the test. As it says, these are 96dpi images that should be on your screen at approximately life size for most people, except perhaps netbook users. If you are very interested in the quality and want a close up look of the print source file (300dpi TIF) and a scan of the disc done at 300dpi, then click the obvious links in this sentence!

What does it all mean? Looking at the picture above gives you a thousand words of meaning! But I must tell you how I created the source image and Lightscribed it so you know that it is a valid and useful test. I created the lines and shades test in Adobe Illustrator, obviously as vector/postscript data. The lines weights are measured in ‘points’ rather than something more commonplace like millimetres, just out of tradition, just as many programs use ‘points’ for type size nearly everyone is familiar with. The file set up as a 12cm square and I exported a greyscale TIF at 300dpi. This TIF was placed in the Lightscribe labelling program with no scaling/stretching applied, set to just crop off any bits that went over the edges. The disc image was burned using ‘Best’ mode.

The greyscale (or grayscale) test is very useful for getting images ready for print to Lightscribe. It maps the colours you see on screen, and would expect on paper if you printed to a decent postscript printer using the source greyscale or CMYK file in Illustrator, to what you get on the disc. I’d say the dynamic range from 0% to 100% in your graphics program is compressed to approximately 25% to 75%. The 0.5pt lines are printed very well but the 0.25pt lines show a bit of break up so I would use a minimum line width of 0.4pt on future Lightscribe disc projects. Also I’m quite pleased that although the tonal range is quite compressed the shades are quite distinct between every 10%, especially at the lighter end of the scale.

What do you think? Be my guest and post a comment.

Cheers, Mark

CD cover for The Ebbs (UK) – Russian Skidoo

The song ‘Russian Skidoo’ has been recorded since summer 2005, now I’ve only just got around to making the CD cover for it. I drew all the trees and snow textures on a background layer in Illustrator. Also in separate layers I drew the guy and the skidoo. That look a while, balancing the amount of detail to be sketched with what I wanted the finished article to be like.

Illustrating the shapes of the skidoo was no problem but it took three revisions to draw the helmet! The picture I was looking at had a guy with lots and lots of stickers on the helmet and I got too involved working close up and made something far too detailed, twice. This picture is of a guy speeding through the night in a snow storm so it’s not necessary at all to have that detail. Then when I finished I fired up Photoshop and used a combination of the motion blur and the wind tools. The snow wasn’t so tricky, inserting a new layer in Photoshop using the noise filter and distort filters to make it wavy, then altering the opacity of that layer.

The Ebbs (UK) - Russian Skidoo

The Ebbs (UK) - Russian Skidoo

I’m quite happy with the result, from the ingredients I started with. If I were to do it again I would focus on a detail of the skidoo, coming almost straight towards the viewer, perhaps looking like it’s about to run into the camera. Could do that for the back cover though… If it’s better it can be swapped with the front image! Sound clip here; The Ebbs (UK) – Russian Skidoo.

Cheers, Mark

15 logos in 15 minutes, the road to Taichung City

The streets of Taiwan are teeming with businesses, it’s very rare to see a residential only area. Commonly the houses have 3 or 4 floors with the ground floor used as some kind of shop, all the shops are open to at least 10pm. In quieter cities you might go in to a store and the family is there watching TV or eating so you feel intrusive.

Anyway all these shops have many kinds of logos, some don’t, they just have some Chinese writing. Last week on my way to Taichung City (pop. 1,064,440) I shot these logos with my phone-cam, an old Sony K800i. Partly because of my inspiration from LogoDesignLove and partly because some of the logos are cool, stylish or funny. Take a look below, 15 logos in 15 minutes…

Travelling to Taichung city centre, shot these logos with my cameraphone

Traveling to Taichung city centre, I shot these logos with my cameraphone

Have you every ventured into Pants Kingdom or La Fatte? Everyone must recognise Domino’s Pizza. Now I wish I’d spent more time taking some more/better shots.

Cheers, Mark

To 3D or not to 3D?

Is 3D in the non-interactive and non-animated design side of things a bit stale and shopworn?

It seems so, even clients have asked “no 3D effects”, not that I wanted to do any… So it seems like it’s a thing to avoid, a furry dice of the graphic design world now. In fact there has been a consciously flat movement for many years, flat colours, no gradients, no shadows and no 3D. However it seems perspective effects are still quite popular and isometric effects have been cool for a few years. What do you think, is 3D often used to put lipstick on a pig?

Distressed/eroded effects in Illustrator

I had call to make a logo for a client today, but rather than wanting a nice shiny new logo this client requested something that looked aged, corroded and distressed – a little!

What to do? Illustrator has a couple of likely tools – roughen and scribble. They don’t really provide any kind of corrosion. In the old days this is what we would have done to age some text; print it on the laser and blow it up on the photocopier a few times at max magnification. Between copies you could rough up the sheets of paper a bit, crinkle it a bit, depends what you wanted.

3000 Recordings

3000 Recordings

Anyway that was a long time ago. Now it’s easier to use Photoshop and some spatter brushing, the photocopy and stamp and threshold controls, a bit of the dodge tool perhaps. Then you can bring that into Illustrator and vectorise it if you wish to use it in a logo. That’s what I did and I’m pleased with the subtle and realistic results. What do you think?

Design for the music industry

If I’ve got the time and inclination/inspiration I like to design CD covers for the space-rock band “The Ebbs (UK)”. If you go to the main Ebbs Studio site, then go to the music section there are 3 CD covers there with an accompanying MP3; a sample from the CD. I’ve designed several Ebbs CDs but not got music samples prepared for the webpage so they aren’t uploaded yet. On the other hand there are a few Ebbs songs without any CD cover yet. The music section is a bit bare so it needs updating, but so does everything, all the time in this digital age…

The Ebbs music CD covers currently available

The Ebbs music CD covers currently available

If you are interested in CD and LP covers there is a great resource on the web which you might not know about – lpcoverlover.com. This is a great site with some of the most bizarre LP covers you have ever seen.

JPEGs and transparency

Today I had to make a web banner, animated GIF, and it needed to be done in half an hour. That’s OK if you’ve got all the “ingredients” and know what you want to do, or have been told what the animation should do or say. I had a problem though, the client wanted a logo on a blue background but they only had a JPG of the logo, it was therefore in a white square because JPG doesn’t support transparent regions. The white background can be erased in photoshop but it’s not always a quick job. Anyway we settled on having the logo on the far left in it’s white space seperate from the rest of the blue backgrounded banner.

The best kind of logo for the studio to have is usually an “.EPS“, it can be scaled to any size and have transparent regions if necessary. Whoever created your logo originally should have supplied an “.EPS”, it’s also essential for print jobs where you might want to scale up the logo to fit the side of a bus, for example…

Various format images of logos placed on a background

Various format images of logos placed on a background

In the example above you can see the nasty results in full of an inappropriate file format for a logo! If you work in the design industry you’ve probably been supplied a logo as a JPG someone has pulled off a webpage somewhere. Then the client requires it placing on a complex photo background or enlarging to be printed on the side of a skyscraper. Two other side-effects you can see; washed out colours and rough clipping in Quark (or most programs that can auto-clip images/backgrounds).

Photoshop disasters

If you work in the design and print industry you might have seen some photoshop disasters that got past the graphic artists, the account managers, the proof readers, customer checking and into print. Some of these disasters are by HUGE industry names such as Disney, Dior and CBS. There are many screamingly obvious errors in what should be big budget ads produced by teams of highly paid art staff, some are really shocking.
Also a non-photoshop disaster recently in the news, that I enjoyed,  was the newspaper that couldn’t spell it’s own name (on the front page masthead!).

Search DR