March 12, 2008

Free Vector Pack: “NEW” Badges/Stickers

free download: vector pack

Yet another download: Free Vector Badges saying “NEW”.

While we were working on a print ad for one of our clients who wanted a web 2.0ish design (yes, yes, we know…), we came up with a few vector badges stating the word “new”. We ended up using a quite colorful, yet simplistic version of the badge which represented the style our client wanted.

So what should we do with the other badges? Keep them for future “new” badges? Keep them for possible mutation into other badges or logos? Well, no sir! We decided to add a few more and post them here. Read on…

March 10, 2008

Illustrator Trick: How to avoid blurred Pixel Fonts & Shapes

Illustrator Trick: How to avoid blurred Pixel Fonts & ShapesHave you ever used a pixel font? If so, have you experienced the text looking blurred, unsettled, not sharp? This Illustrator tutorial will help you avoid this hurdle!

Pixel fonts are quite popular these days. It all started in Flash: these developers have been using pixel fonts for some time now. The trend soon swopped over to static design, and now you can find many websites using pixel fonts in their design.

But that’s not all: pixel fonts quickly conquered print design as well. It’s not hard to follow: they are stylish, and they provide a certain modern, sharp and ‘technozoic’ look. But most of all they just look good.

Wrong use of Pixel FontsWell almost: here’s the catch! Unlike usual typefaces, you have to know how to use a pixel font correctly. It’s simple: a pixel font is made up uf single pixels. That means that a stroke is only 1 px. There are no corner fillers or shades to make it nice and round. After all, they are called pixel fonts, right?

This fact makes them not so easy to handle. The same thing also applies to 1-pixel strokes. If you don’t know the matter, you will end up getting blurred text and borders. That can make your whole design look unprofessional and bad.
So how can we avoid this? Simple: Read on…

February 19, 2008

Photoshop Tutorial: More attractive images with The Rule of Thirds

If you’re in photography, this might be one of the most important rules to follow. If this rule is new to you, stick around, as the Rule of Thirds applies to designers as well. In this tutorial, we will trim Adobe Photoshop for the Rule of Thirds - making your designs look better and more appealing.

A photograph, or artwork, is more appealing to the eye if the designer follows the Rule of Thirds. The rule states that by dividing an image with two vertical and two horizontal lines into nine equal rectangles, the intersections of these lines form the four preferred spots for an image’s focal point(s). Sounds confusing? It’s not, really - just read The 5 Rules of Composition over at our sister blog Nubloo.com.

Now we will turn this into practice by creating a Rule of Thirds template for Photoshop. In the end, you’ll have a custom shape which you can apply to any of your artwork in an instant, and use it to enhance your work. Read on…

February 15, 2008

Free Photoshop Template: Page Peel for any Image

With this Photoshop tutorial (including free PSD template), you can add the page peel effect to any of your images in just one easy step.

Page peel? What’s this again?

By adding the page peel effect to an image, you can make it look like a “real page” - so to speak. Now, you can do it with no hassle by using our free Photoshop template.

example_02.jpg Read on…

February 14, 2008

How to make Pretty Links for your Blog

In this tutorial, you learn how to enhance the link appearance on your WordPress blog. Using simple CSS, this post covers what you need to know in order to pretty up your blog in 4 simple steps.

Have you noticed the little “8″ gracing every link on our site? We styled our links this way in order to distinguish them from the other content. It’s also a branding issue - our mark appears with every link on the page ;)

rss_link_screenshot.jpg

We did this using simple CSS. You also need to have the image (or icon) to use this feature. You can easily apply this “enhancement” to your own blog, too.

As we’re running a WordPress powered blog, we will show you how we added this feature to Vibr8bros.com.
This is how we did it: Read on…

« Go back in time   Proceed in time »