alexa rank cert Archive for November 2016

Most Popular Topics

Take Your Designs To A New Level With The All Purpose Vector Supply Kit

All Purpose Vector Supply Kit
There are a lifetime of graphics available in this amazing vector graphics bundle

We've been talking recently about vectors and how important they are for designers and the great impact a vector based design can have on an audience. So to follow up and help give you a quick leg-up in terms of getting started with using vectors in your design projects I bring to you the "All Purpose Vector Supply Kit".

This vector bundle is the ultimate vector toolkit, especially for young designers yet to build up an archive of resources, as it contains vector resources for designs of all types, themes, topics and styles. And the great news is that it is now available for just $29 which is actually 99% off the initial price! Unfortunately this is a limited time offer and expires on Nov 14th at which time it will revert to it;s original $2,800 price!

One of the many selection of vector packages within the bundle that may catch your eye is the range of Christmas themed vectors which will certainly be useful for every designer over the next couple of months. The images below show just a small selection of the huge range of Christmas themed vectors available to download in this bundle.

My personal favourite though is the Logo Creator Bundle which has almost 1,000 vectors specifically designed for use in creating vector based logos. It's a must have for logo design projects and is something I have already started using in my own design projects and have really saved me a lot of time already. With over 950 logo related elements and over 100 ready made sample logos it's worthy of a vector bundle all by itself.

This vector graphics bundle contains a huge array of logo related elements
This vector graphics bundle contains a huge array of logo related elements.

Taking everything into account this vector collection brings you an incredibly practical set of elements including frames, florals, icons, badges, shapes, icons, silhouettes, textures, machine parts, artistic markings, sunbursts, labels, borders and much, much more! It’s a complete solution for every designer, so whatever your next project, you’ll be able to dip into this collection and find the exact elements you need!

All the components in this vector bundle come with an extended licensing for each and every item, which means that you can use them within your own wider designs available for resale, from greeting cards, to posters and merchandise! So no restrictions, no strings, just quality design elements for you to use. Remember it is a limited time offer (ending Nov 14th 2016), so buy now and it's yours for life.

Vector versus Bitmap? What's the difference, Which to use, When to use...

vector or bitmap graphics
Vector or Bitmap? Which to use, when to use it?

Bitmap/Raster graphics and vector graphics are the two main types of image files used in the world of design. Both of file types have their advantages, and equally they have their disadvantages so it's important to know the difference between the two so you can make an informed decision about which one is best for your design project. Let's start with the definition of each so we know the basics first and your decision of bitmap or vector might be a little bit easier.

Vector v Bitmap - The Definitions...

Bitmap (Raster) Graphics

Bitmap (or raster) graphics are made up of as a series of tiny dots called pixels. Each pixel is actually a very small square that is assigned a color, and then arranged in a pattern to form the image.

Vector Graphics

Vector graphics is the use of polygons to represent images in computer graphics. Vector graphics use mathematical formulas to draw lines and curves that can be combined to create an image. These lines (vectors), lead through locations called control points/nodes/ anchor points.

Vector v Bitmap - The Differences...

difference between vector and bitmap
One of the main differences of vector and bitmap can be seen when you zoom in

So the obvious difference between vector and bitmap graphics is how they are created, as identified in the above definitions. Bitmap are made up of pixels while vector graphics are created using a mathematical formula. But there are numerous other differences between vector and bitmap graphics.

For starters, when you zoom in on a bitmap image you can begin to see the individual pixels that make up that image, most noticeably at the edges of the image. When a vector image is scaled up, the image is redrawn using the mathematical formula and the resulting image is just as smooth as the original.

In terms of file size, vector images tend to be smaller than bitmap images. That’s because bitmap images store color information for each individual pixel that forms the image while a vector image just has to store the mathematical formulas that make up the image, which take up less space. Unfortunately, vector formats have not always been well supported on the web. Currently the most popular image file formats used on the web, GIF, JPEG and PNG, are bitmap formats. Most vector images are first converted into bitmaps images (rasterized) before they are used on the web, although the SVG format is growing popularity due the rise in responsive web design.

In terms of colour, bitmap graphics are best for images that need to have a wide range of color gradations, such as photographs. Vector formats, on the other hand, are better for images that consist of only a few areas of solid color such as logos and type (text). This also means that vectors can't create realistic gradients, and although some vector softwares will allow it, they are actually using raster effects on the vector graphic.

When To Use Vectors...

Vector graphics are excellent for graphics that frequently require resizing. A company logo is a prime example of a file that should be created as a vector and saved as a master file so you can use it with smaller items such as your business card, letterhead and brochure, but also on larger surfaces, such as billboards or the corporate jet. Vectors can also be used to create stylized modern graphics as their solid colours and sharp lines help them to appear crisper and with more visual impact that a bitmap image.

When To Use Bitmaps...

Bitmap graphics are best used for photographs or other graphics with a wide range of colours such as a movie poster. They are also ideal for graphics with effects such as drop shadows (as they use gradients). Bitmaps can also be used to create realistic graphics and images using image editing or "paint" softwares such as Photoshop or CorelDraw. They are the most common type of graphic used and are supported on all digital systems.

Vector & Bitmap File Types...

vector and raster file types
Vector and Raster Graphics can come in different file types

Vector File Types

  • .ps (Adobe PostScript) 
  • .eps (Encapsulated PostScript)
  • .svf (Simple Vector Format)
  • .ai (Adobe Illustrator)
  • .cdr (Corel Draw)
  • .svg (Scalable Vector Graphic)

EPS, PDF (for transferring vcector files) and SVG (responsive web design) are the best file types in which to save your vector graphics outside of the editing software you are using.

Bitmap (Rater) File Types

  • .jpg (Joint Photographic Experts Group) 
  • .gif (GIF transparent file) 
  • .png (Portanble Network Graphic Transparent file)
  • .tiff or .tif (Tag Interleave Format)
  • .psd (Photoshop Document)

The best file types in which to save your bitmap graphics are JPG (for photos), GIF (for basic images like cartoons) and PNG (for images with transparency).

Vector and Bitmap File Types

Encapsulated PostScript files (.eps) are self-contained files that are the same mathematically as vector files, though they can be created from raster images as well. The format is one of the most compatible and portable because they are supported by almost all graphics software.

Then there is the Adobe Portable Document Format (.pdf) files in which files render as they were created thus using (potentially) a combination of vector and raster images.In a PDF file vector images are rendered as such as and be scaled and extracted. Fonts are embedded within a file and are rendered as type, not flattened as an image element. Raster images, such as photos, will appear as intended at 100 percent but, being bitmap graphics, they will still lose quality if they are over-enlarged.

Vector v Bitmap - Web or Print?

vector or bitmap for web or print
Which graphic format is suited for web or print or both?

This questions is much more relevant to bitmap graphics due the fact that they can lose quality when scaled up. Units of measurement such as dpi (dots per inch) or ppi (pixels per inch) refer to the number of pixels in one inch of the image. To determine whether your bitmap images are a suitable resolution for a specific situation (poster/business card/web banner etc.), you should first need to check their pixel density. 

As mentioned earlier, vector formats have not always been well supported on the web and currently the most popular image file formats used on the web are bitmap formats such as .jpg or .png. The web displays 72 dpi, a relatively low pixel density, so raster images with a low dpi (such as 72 dpi) look nice and crisp on the web but this same image may not be suitable for printing on a brochure, poster or packaging which require a higher pixel density to maintain quality when printed. 

Why is this relevant you ask? Well to correctly print an image, it should be at least 300dpi, a much higher pixel density than the web displays so if you try to resize a low dpi image pulled from the web to use for your high dpi print project it won’t work because the image still has the same amunt of pixels and will distort (pixelate) when you try to scale it up. For example, if have a 72 dpi .jpg of an image it will need to be “stretched” to more than 3 times it's size to get it up to 300dpi. So that 72dpi image will look fine on your computer monitor, but when it prints at 300dpi it will look pixilated.

In this situation you should use a vector image (.EPS or .AI format) or create a bitmap/raster (.JPG or PNG or GIF) in the exact final print dimensions and at 300dpi.

Vector v Bitmap - Conclusion...

So after all that what we can say is that neither vector or bitmap is a better format than the other but rather that each format has it's advantages and disadvantages. The main thing is that once you know what these advantages and disadvantages are you can make an informed decision on which format is the right one for your design project. Vector or Bitmap... it's your call!