Archive for the 'Graphic Design' Category

Daily Design: The Change

Friday, January 15th, 2010

After 2 weeks of experimenting…

1) I don’t think you can create and perfection 365 designs/illustrations in one year, and without spending too much time for this task (actually, I like most of the things I have published up to now, but…)…

Still, the limiation “one design every day” makes things pretty hard. Some of the ideas need more time, but if you spend only 20 -30 minutes every day, the time is not enough. Maybe it would be good for me to spend more time, a few days or even a week, for some of my ideas…

2) For this reason, I may later decice to separate the RSS feed for the category Daily Design from my main RSS feed. Anyone that would like to continue following my progress, can simply subscribe to the Daily Design RSS.

Well, that’s it… Let’s see if later, something new will appear in the Daily Design… :)

UPDATE: Curious to see other “contestants”? In the comments for this blog post, there’s a long list of URLs! :-)

“$400 for a logo?”

Wednesday, November 25th, 2009

1. Prospective client: $400 for a logo?! Why are you so expensive? My nephew has Photoshop—I can just get him to do it.
2. Me: Does your nephew have Microsoft Word?
3. Prospective client: Yes.
4. Me: Then have him write you a novel while he’s at it.

Well said! :-)

(via #)

A Creative Sunday: 3 imitations (Fireworks/Flash)

Sunday, August 2nd, 2009

Last Sunday, it was a ‘Creative Sunday’. It turned so that I’ve spent almost the whole day, drawing in Fireworks and Flash.

It has all started like this…

The Rabbit and the Sewing Machine

First, my wonderful wife Ani found a blog with a nice header and mentioned that it is probably very difficult to make such a drawing or vector composition.

That was a reason strong enough for me to fire up Fireworks and start re-drawing this header image right away. It was a challenge! :-)

3 or 4 hours later, my imitation #1 was ready:

The rabbit and the sewing machine (imitation in Adobe Fireworks)
(click for larger size)

Compare it with the original that I was trying to reproduce:

original image from juliaroberts6.blogspot.com
(click for larger size)

You can see that the two images are almost identical, with the exception of a few details — for example, I’ve drawn a rabbit with long ears instead of a doll with no face expression (I like the rabbit more, actually). Also, you can notice that some other small details are not re-created in exactly the same manner, but this is intentional — I wanted to make a very similar image in Fireworks, not a 100% exact copy.

Everything you see is just vectors and a few effects added here and there.

I do not know how was the original created (I tried to contact the author of the blog, but did not receive a reply to my e-mail) — maybe it’s Illustrator or Photoshop — but I think I have demonstrated that Fireworks is powerful enough to make quite complicated vector imitations. That’s the reason why I love Fireworks so much — it is powerful enough to do 90% of my graphic design work, and yet, very easy and intuitive to use! :-)

The City of Darkness

Next, I switched to Flash, and tried to recreate a nice drawing, made by Ani on paper, a few days ago.

Here’s my first try with a tablet (this is imitation #2):

The city of darkness (Wacom tablet + Adobe Flash)
(click for larger size)

I used a Wacom tablet and Adobe Flash; when the drawing was ready, I exported the image and then used Fireworks again, for the final version you see.

It took me maybe 2 hours to make the drawing — I think the results are OK for a first try with a tablet and Flash:)

Here’s the original image that I was trying to re-draw:

A drawing by Ani (scanned)
(click for larger size)

Again, there are some differences between the two images, but they are minor…

The solar eclipse & the statue of Mahatma Ghandi

The same day, I also had the idea to re-create a real photograph, taken during the last solar eclipse (on it, you could see the sun against the statue of Mahatma Ghandi, on a very dark sky).

Unfortunately, the day was too short for this purpose, but after two days, I went back to this idea of mine, and so my third imitation was born.

Here’s imitation #3 — what you see is Adobe Fireworks again, only vectors and a couple of live effects:

Imitation of a real photograph, made in Adobe Fireworks
(click for larger size)

And here’s the original, so that you can make the comparison:

A photo by REUTERS
(click for larger size)

This was quite a quick job, maybe less than an hour. I was not trying to make a 100% perfect copy, but rather check if I can quickly make a vector re-drawing of this photo. The results look quite OK to me;-)

Adobe Fireworks

I love using Fireworks.

“Good Artists Copy, Great Artists Steal.”
Good artists copy, great artists use Fireworks.
—Pablo Picasso
—Michel

Am I a great artist? Sure no! :-)

But it’s fun for me to try to imitate some other people’s work, especially using Fireworks, my favourite graphic design editor of all time! :-)

And what still continues to amaze me is how good Fireworks can be, both with vectors and bitmap editing… and how underrated it continues to be, for Adobe and for many design professionals… (I hope this will change some day!)

…Meanwhile, I’ll continue to copy imitate in Fireworks, just like I did last Sunday, when the mood comes. It’s just too much fun! :)))

W3C HTML icons (by Veerle Pieters), PNG+alpha

Saturday, July 4th, 2009

I wrote recently about some very nice HTML icons which Veerle Pieters created and released for free.

W3C HTML icon from Veerle, PNG

Unfortunately, the icons were in JPG format, which restricted their possible uses (they were also released in MacOS icon type, but this format cannot be used in the Web, obviously).

To my deligh, after a few commenters (including myself;-) asked for a PNG+alpha version, Veerle most happily shared it with us, too! :-)

You can download the icons from her website and/or from here (the distribution of the icons is absolutely free and unlimited, as well as their use):

download all icons in one ZIP archive, PNG+alpha

Cool! :-)

New W3C HTML icons (from Veerle)

Thursday, June 4th, 2009

Veerle just released a set of great looking HTML icons:

W3C HTML icon from Veerle, variant 1

W3C HTML icon from Veerle, variant 2

W3C HTML icon from Veerle, variant 3

W3C HTML icon from Veerle, variant 4

If you are a Mac user (and Web designer), then you maybe use the Markup Validator S.A.C. — this app is a stand-alone version of the W3C Markup Validator. The new icons from Veerle could replace the default icon of this application in your MacOS X dock.

the icons (compared)On the left you can see the current icon of the Markup Validator S.A.C. You may compare it with the variants that Veerle has made. Personally, I like her design of the icons much more! :-)

Plus, she is releasing the icon set for free to the community!

Unfortunately, the icon set is available for Mac users only. It’s a pity, because I think that these icons could be used in many more ways… Of course, you can use the JPG variants (which are high quality), but without the optional alpha transparency, which is available in the PNG format only…

If you want to use any of the icons on MacOS X, a link for download is available in the Veerle’s blog post:

http://veerle.duoh.com/blog/comments/a_new_icon_for_markup_validator_s.a.c/

(There you will also find instructions, how you can change the icon of Markup Validator S.A.C. in the dock of MacOS X.)

As to the JPG variants, you can copy them manually from Veerle’s blog, or download them as one ZIP file, which I made for my own convenience (as the icons are released for free):

download all icons in one ZIP archive, JPG format

Finally, what can I say? Another great design from Veerle! :-)

[UPDATE] Same icons, but in PNG+alpha file format. Cool! :)

Maybe This Is The Biggest Logo Of Firefox In This World

Sunday, March 1st, 2009

A while ago, searching for a copy of the Firefox logo in some large format, I found an interesting website, which title ran like this:

Maybe This Is The Biggest Logo Of Firefox In This World

On this site there was nothing else, except one extremely big logo of the Firefox browser, in PNG format, 4500×4330 pixels in size! :-)

In a similar way, the domain name was very long and descriptive, too: http://www.maybethisisthebiggestlogooffirefoxintheworld.cn.

Unfortunately, now the URL gives an error (Bad Request [Invalid Hostname]), and I am not sure if there’s preserved somewhere online a copy of this logo, so I decided to publish mine, which I luckily saved locally on my computer at the time I first found the website.

Maybe This Is The Biggest Logo Of Firefox In This World (downsized version)

Download Firefox Logo (4500px x 4330px, PNG 32 bit, alpha transparent ]

The logo is not in vector format (the original was made in Macromedia Fireworks by British designer John Hicks), but anyway, ~ 4000×4000 pixels is quite a big size, and I think that this variant can be printed without a problem even on a big balloon or a gigantic billboard… ;-)

It’s also interesting to note, how time’s flying — the logo of Firefox is 5 years old, already (the Firefox browser is a bit older), and I feel as if it was yesterday, when we were all downloading a copy of Firefox 0.8 Beta, and Firefox started slowly to replace the Mozilla Suite 1.xx… :-)

//Sidenote: Firefox is under GPL, and I guess, its logo is also covered by this free license;-)

UPDATE/DISCLAIMER (2009/Mar/01@23:30): This logo of Firefox is a registered trademark of the Mozilla Foundation, and is not used for any commercial purposes whatsoever. It is an exact copy of the Firefox logo, downloaded from this website.

The Font-family Juice ITC

Sunday, February 8th, 2009

Let me introduce you to the Font family. They enjoy going to the restaurant. The gentleman I.T.C. is very respectable man and his lovely young wife, Juice, is always dressed very well. The waiter knows them so well so he serves the usual beverages before they even make their choices from the menu.

I am still ill and keeping the bed all day, and I don’t have many distractions, so Ani got this funny idea — together to make an illustration, using only one font and the keyboard letters. :-)

drawing with adobe fireworks

Hope you like it… I’ll just try to have some sleep… :-)

PS Here are some more inspiring examples.

How to create Aqua buttons in Fireworks (and Photoshop)

Wednesday, June 4th, 2008

First tutorial (to achieve this stunning effect):

Aqua buttons with Macromedia Fireworks

Fireworks How To: The Ultimate Aqua Button (tutorial) (by Brian Edgin)

(more…)

3D & 2D graphics

Friday, March 7th, 2008

I always liked graphic design. As Web designer, up until now I did not need any 3D skills in my work, and in the rare occasions, when I was imitating 3D or 2.5D (as this pencil, for example, created with Fireworks), I did it for fun:)

If you watched Ice Age or Shrek, you certainly know how advanced is now the 3D animation. Of course, I watched these movies, too, and I know that nowadays, almost every real object can be drawn in such a way, so it looks really real:)

Notwithstanding this fact, I was amazed to see this:

Pool balls, by Steve Moody (virtualcoder.co.uk)
[©Steve Moody, virtualcoder.co.uk]

Looks incredible!

Yes, I know it’s not a photo, I know these balls were created using a 3D program, and for all that, my mind cannot accept this fact, somehow… I was even trying to convince myself not to check for available EXIF data in this image, it looked so much as a photograph to me:-)

Pencil

Tuesday, November 13th, 2007

Here’s a pencil:

Pencil made with Adobe Fireworks

It’s made with Fireworks;-)

I’ll write a short tutorial one of these days, maybe, on how you can easily re-create it using Fireworks, but not today, ’cause I’m too sleepy right now:)