SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Downloaden Sie, um offline zu lesen
Vector Art 101:
 A Beginner’s Guide to Vector Artwork
Vector Art 101: A Beginner’s Guide to Vector Artwork
Even if you’ve never heard of vector art before today, chances are good that you’ve interacted with it or seen it in
action without even realizing it! Vectored artwork plays an important role in the world of graphics and design, and
it is a crucial part of the promotional products industry.

If you are confused about why vector art matters and why you should care about it, then you will definitely want to
read this detailed guide from Quality Logo Products. Knowledge is power, and we guarantee you’ll feel incredibly
empowered after reading this guide and learning exactly what vector art is, why it’s so important, and how it relates
to graphic design, company logos, and promotional products.


What exactly is vector art?
The technical definition of vector graphics is complicated! In a nutshell, vector files (encapsulated postscript) define
a graphic by using mathematical algorithms, which allow the image to be scaled or modified without loss of image
quality or resolution. When your artwork or logo is in a vectored format (either .ai or .eps), it allows you to increase
or decrease the size of the graphic without compromising the integrity of the original image. The end result is a
crisp, clear, and readable image no matter what the final output or size! Vector graphics are sometimes also referred
to as “draw graphics”, but they mean the same thing.

When you create an image in Adobe Illustrator (or in Freehand or CorelDraw), you are creating a vector graphic.
However, when you create an image in a program like Adobe Photoshop, you are creating a bitmap graphic (which
is NOT a vectored format). A vector graphic retains its crispness at any magnification, and a bitmap graphic appears
jagged when scaled up.




                                 Figure 1: Close‐up of Adobe Illustrator (on left) and EPS (on right) icons, the PREFERRED 
                                 vectored formats for artwork 

                                  

 

                                 Figure 2: Close‐ups of Freehand and CorelDraw icons, other vectored formats for artwork 




Why is vector art required for promo items?
Vector art is necessary for promotional products because it ensures the highest quality print result and it guarantees
that your logo or image can be resized to any proportions without losing its resolution.

Poor quality graphics ruin the appearance of your promotional items. You certainly wouldn’t want to spend money
on custom merchandise for your business if your logo appears grainy, pixilated, and warped! After all, if people
can’t read your message or recognize your logo, then what’s the point? Vector art is crisp and clear at any
magnification (unlike bitmap or jpeg files), which is why it is required for your promo items.
But I don’t have vector artwork. Why can’t I just use a
bitmap or jpeg file for my promo items?
Unfortunately, bitmap files (.bmp), jpegs (.jpg), and most PDFs cannot be used for your promotional products
because they cannot be modified without resulting in a poor quality imprint. If you try to scale or enlarge the size of
a non-vector format, like a bitmap file, then the image would be pixilated and show jagged edges when printed, like
the Quality Logo Products logo in Figure 3:




                                                         

                                                         




                                                         

                                                         

                                                         
Figure 3: Non‐Vectored QLP Logo (.jpg file), Zoomed in by 1600%   Figure 4: Vectored QLP Logo (.ai file), Zoomed in by 6400%
           

The jpeg image in Figure 3 (above left) is blurry and deformed, which is obviously not acceptable print quality!
When you create your logo or artwork in a vectored format, like the Adobe Illustrator image in Figure 4 (above
right), it could be resized from business card dimensions to billboard dimensions without losing any of its sharpness!
That kind of resizing is impossible with a bitmap file, a jpeg, a PDF, or a similar format.




 Figure 5 (above): A vectored image 
 sized down to small proportions 
 (notice the crispness and clarity even 
 at such a small size) 



                Figure 6 (right): The same 
              vectored image enlarged to 
           bigger proportions (notice the 
            lack of pixilation or fuzziness) 
How do I convert my artwork into a vectored format?
To change your image or logo into vector art, it is sometimes necessary to speak with the original graphic designer
of the artwork or the person who designed it for you; many times, the artist will be able to convert a jpeg (.jpg) or a
bitmap file (.bmp) to a vectored format for you.


What if I don’t have access to Adobe Illustrator?
If you don’t have access to Adobe Illustrator to re-create the art, then don’t worry! Before you place your order,
Quality Logo Products can check your art for free and then let you know what can be done to convert it into a
vectored format. If your file needs to be converted to vector art and you are unable to do so, then the graphic can be
converted for you (for a minimal, one-time fee) and you’ll have the vectored file to keep for future printing needs!


How can I tell if my art is vectored already?
If your artwork is already vectored (created in .ai, .eps, .FH, or .cdr formats), then drawing a select box around it in
Adobe Illustrator will make a bunch of blue lines and dots appear on your art (see Figure 7). However, if your
artwork is not vectored, then drawing a select box around it in Adobe Illustrator will only create a basic frame
WITHOUT blue lines or dots (see Figure 8).

Check out these picture comparisons for further clarification:




           Figure 7: How a vectored image will                         Figure 8: How a NON‐vectored image 
             appear if you draw a select box                            will appear if you draw a select box 
           around it in Adobe Illustrator (note                       around it in Adobe Illustrator (note the 
                 the blue lines and dots)                              frame instead of blue lines and dots) 
What does “convert font to outlines” mean, and how do I do
that to my fonts?
“Converting font to outlines” means that you will have to change the font in your file from text to an object in order
to maintain that font when it’s printed. If a particular font is not installed on a computer trying to open your file,
then the computer will substitute a generic font for your original font, and it completely changes the way the font
would appear and print. However, if your font is converted to outlines, then it allows the computer to read it as an
image object rather than as just text. So, if you have specific fonts in your art file that you want to use on your items,
then you need to convert the fonts to outlines! 

To convert your font to outlines, you will need Adobe Illustrator. You need to open your file, select ONLY the font,
right click, select “Create Outlines”, and then save. See the following screenshots as well:



 

     

 

 
            Figure 9: A specific font used in Adobe                      Figure 10: How your specific font appears 
            Illustrator (imagine that this is the font                   when opened on a computer that doesn’t 
            used in your vectored graphic)                               have that font installed 
 

 

 

 

 

                                                                         Figure 12: If outlines were successfully 
                                                                         created, then selecting the text with the 
                                                                         arrow tool again will look like this (blue dots 
                                                                         and lines) 




        Figure 11: Here’s a screenshot that shows how to 
        convert your font to outlines: 

        In Adobe Illustrator, select ONLY the text with the 
        arrow tool, right click to see the above menu, and then 
        select “Create Outlines”. Be sure to save the file after 
        you’ve completed these steps! 
Can I just save my current file as an Adobe Illustrator (.ai)
file and make it vectored?
Unfortunately, there is no “easy fix” to convert your existing artwork into a vectored format—simply saving your
file with an .ai extension will not make your artwork vectored. Remember, in order for an image to be vectored, it
needs to be built from scratch in a program like Adobe Illustrator (preferred).

                                                                         


                                                                            Figure 13:  Attempting to save an existing file 
                                                                            as an Adobe Illustrator (.ai) file will not make it 
                                                                            vectored 




Keep in mind that professionally-designed artwork usually has a vectored version somewhere, but not every
computer can open vectored files because a specific program is required. Sometimes you can find a vectored file on
your computer that you didn’t even know you had, just because you’ve never been able to open it or view the icon!
You can try searching your computer (press Windows Key + “E”) for art files. Here are more screenshots:


                                                                                                      Figure 14:  Screenshot 
                                                                                                      from computer WITH 
                                                                                                      Adobe Illustrator 
                                                                                                      installed (notice the .ai 
                                                                                                      and .eps icons are 
                                                                                                      visible). This usually 
                                                                                                      means the file can be 
                                                                                                      opened on your 
                                                                                                      computer. 




                                                                                                      Figure 15: Screenshot 
                                                                                                      from computer 
                                                                                                      WITHOUT Adobe 
                                                                                                      Illustrator installed 
                                                                                                      (notice the .ai and .eps 
                                                                                                      icons show as plain 
                                                                                                      paper icons). This 
                                                                                                      means the file is there, 
                                                                                                      but cannot be opened 
                                                                                                      on your computer. 
How do I send my vector art to Quality Logo Products?
To send your artwork to Quality Logo Products, simply attach it and email it to your customer service
representative and he or she will take it from there! If your file is larger than 6 megabytes, then please contact your
QLP representative and ask for help logging into our FTP so you can transfer your artwork files faster and easier. It
is best to send your artwork as an .ai, .eps, .FH, or .cdr. You can also send .psd, .tif, .jpg, .gif, .pwt, .doc, .pdf, .sea,
or .zip. PLEASE NOTE: fonts sent from an IBM will not work on Mac. We also accept IBM zipped (without the
self-extracting program) and Mac stuffed files.


                                                                                                                  Figure 16:
                                                                                                                  Screenshot of the 
                                                                                                                  “Attach File” icon 
                                                                                                                  in Microsoft 
                                                                                                                  Outlook e‐mail 
                                                                                                                  program 



For your convenience, here is a breakdown of common image formats:
Adobe Illustrator CS3 or Earlier (Vector)                               placed images (Illustrator, Photoshop, etc.) and fonts included
*PREFERRED* Adobe Illustrator files are best for spot color             (select “file” then “collect for output”).
logos & text on clothing, mouse pads, and pins. This format is
best accepted as an .ai or .eps extension with the fonts                Photoshop (Raster)
converted to outlines or included on the disk, e-mail, etc. If          Best for photos printed with HiRes AccuColor, Four Color
images are placed in the file, then the originals must be               Process, Photo Transfers, or Digital Imaging is best accepted
included. (Adobe Photoshop images placed in Adobe                       as an .eps, .psd, or .tif extension at full size and 300 dpi (min
Illustrator doesn’t automatically make them spot color images)          200 dpi) - any lower dpi will produce jagged edges. If there are
                                                                        halftones in the image, then bitmaps are not acceptable. The
Freehand 8.0 and CorelDraw 8.0 (Vector)                                 extensions .jpg and .gif are acceptable but require massive
Freehand and CorelDraw are also acceptable for spot color               cleanup 98% of the time. Spot color is best done in
logos and text on clothing, mouse pads, and pins, and are best          “channels.”
accepted with program extensions .FH or .cdr, with fonts
converted to outlines or included. However, art time will               Other Programs & Files:
increase with more gradients. If images are placed in the file,         • .jpg and .gif- low resolution and is only good for viewing art.
then the originals must be included.                                    Most cases will require art re-creation.
                                                                        • .txt and .doc- an extension from Microsoft Word that cannot
Quark                                                                   be opened (not a graphics program).
Quark is used primarily for output. It works well for combined          • PowerPoint and AutoCAD- there is no way to export the file
graphics from multiple files, and it is best sent full size with all    to something usable.
                                                                        • PageMaker- incompatible with most QLP software


     VECTOR ARTWORK                                               VS.          RASTER ARTWORK
     This is a vector image designed in Adobe                               This is a 72 DPI raster image designed in Adobe
 Illustrator and it offers a clean edge at any angle                          Photoshop, and this image has to be redrawn
    and any size. CorelDraw and Macromedia
                                                                                from scratch to be acceptable. Only high
Freehand offer the same results. This file format is
   best used for logos, text, etc. It can be resized                         resolution images (300 DPI at full size) can be
 without loss of resolution. This form of artwork                           used as is. This image type is made to print with
    hardly ever requires any additional artwork                                four-color process (photographic images). 
                       charges.
www.qualitylogoproducts.com

Weitere ähnliche Inhalte

Kürzlich hochgeladen

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 

Kürzlich hochgeladen (20)

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 

Empfohlen

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Empfohlen (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Vector Art Guide

  • 1. Vector Art 101: A Beginner’s Guide to Vector Artwork
  • 2. Vector Art 101: A Beginner’s Guide to Vector Artwork Even if you’ve never heard of vector art before today, chances are good that you’ve interacted with it or seen it in action without even realizing it! Vectored artwork plays an important role in the world of graphics and design, and it is a crucial part of the promotional products industry. If you are confused about why vector art matters and why you should care about it, then you will definitely want to read this detailed guide from Quality Logo Products. Knowledge is power, and we guarantee you’ll feel incredibly empowered after reading this guide and learning exactly what vector art is, why it’s so important, and how it relates to graphic design, company logos, and promotional products. What exactly is vector art? The technical definition of vector graphics is complicated! In a nutshell, vector files (encapsulated postscript) define a graphic by using mathematical algorithms, which allow the image to be scaled or modified without loss of image quality or resolution. When your artwork or logo is in a vectored format (either .ai or .eps), it allows you to increase or decrease the size of the graphic without compromising the integrity of the original image. The end result is a crisp, clear, and readable image no matter what the final output or size! Vector graphics are sometimes also referred to as “draw graphics”, but they mean the same thing. When you create an image in Adobe Illustrator (or in Freehand or CorelDraw), you are creating a vector graphic. However, when you create an image in a program like Adobe Photoshop, you are creating a bitmap graphic (which is NOT a vectored format). A vector graphic retains its crispness at any magnification, and a bitmap graphic appears jagged when scaled up. Figure 1: Close‐up of Adobe Illustrator (on left) and EPS (on right) icons, the PREFERRED  vectored formats for artwork      Figure 2: Close‐ups of Freehand and CorelDraw icons, other vectored formats for artwork  Why is vector art required for promo items? Vector art is necessary for promotional products because it ensures the highest quality print result and it guarantees that your logo or image can be resized to any proportions without losing its resolution. Poor quality graphics ruin the appearance of your promotional items. You certainly wouldn’t want to spend money on custom merchandise for your business if your logo appears grainy, pixilated, and warped! After all, if people can’t read your message or recognize your logo, then what’s the point? Vector art is crisp and clear at any magnification (unlike bitmap or jpeg files), which is why it is required for your promo items.
  • 3. But I don’t have vector artwork. Why can’t I just use a bitmap or jpeg file for my promo items? Unfortunately, bitmap files (.bmp), jpegs (.jpg), and most PDFs cannot be used for your promotional products because they cannot be modified without resulting in a poor quality imprint. If you try to scale or enlarge the size of a non-vector format, like a bitmap file, then the image would be pixilated and show jagged edges when printed, like the Quality Logo Products logo in Figure 3:           Figure 3: Non‐Vectored QLP Logo (.jpg file), Zoomed in by 1600% Figure 4: Vectored QLP Logo (.ai file), Zoomed in by 6400%      The jpeg image in Figure 3 (above left) is blurry and deformed, which is obviously not acceptable print quality! When you create your logo or artwork in a vectored format, like the Adobe Illustrator image in Figure 4 (above right), it could be resized from business card dimensions to billboard dimensions without losing any of its sharpness! That kind of resizing is impossible with a bitmap file, a jpeg, a PDF, or a similar format. Figure 5 (above): A vectored image  sized down to small proportions  (notice the crispness and clarity even  at such a small size)  Figure 6 (right): The same  vectored image enlarged to  bigger proportions (notice the  lack of pixilation or fuzziness) 
  • 4. How do I convert my artwork into a vectored format? To change your image or logo into vector art, it is sometimes necessary to speak with the original graphic designer of the artwork or the person who designed it for you; many times, the artist will be able to convert a jpeg (.jpg) or a bitmap file (.bmp) to a vectored format for you. What if I don’t have access to Adobe Illustrator? If you don’t have access to Adobe Illustrator to re-create the art, then don’t worry! Before you place your order, Quality Logo Products can check your art for free and then let you know what can be done to convert it into a vectored format. If your file needs to be converted to vector art and you are unable to do so, then the graphic can be converted for you (for a minimal, one-time fee) and you’ll have the vectored file to keep for future printing needs! How can I tell if my art is vectored already? If your artwork is already vectored (created in .ai, .eps, .FH, or .cdr formats), then drawing a select box around it in Adobe Illustrator will make a bunch of blue lines and dots appear on your art (see Figure 7). However, if your artwork is not vectored, then drawing a select box around it in Adobe Illustrator will only create a basic frame WITHOUT blue lines or dots (see Figure 8). Check out these picture comparisons for further clarification: Figure 7: How a vectored image will  Figure 8: How a NON‐vectored image  appear if you draw a select box  will appear if you draw a select box  around it in Adobe Illustrator (note  around it in Adobe Illustrator (note the  the blue lines and dots)  frame instead of blue lines and dots) 
  • 5. What does “convert font to outlines” mean, and how do I do that to my fonts? “Converting font to outlines” means that you will have to change the font in your file from text to an object in order to maintain that font when it’s printed. If a particular font is not installed on a computer trying to open your file, then the computer will substitute a generic font for your original font, and it completely changes the way the font would appear and print. However, if your font is converted to outlines, then it allows the computer to read it as an image object rather than as just text. So, if you have specific fonts in your art file that you want to use on your items, then you need to convert the fonts to outlines!  To convert your font to outlines, you will need Adobe Illustrator. You need to open your file, select ONLY the font, right click, select “Create Outlines”, and then save. See the following screenshots as well:             Figure 9: A specific font used in Adobe  Figure 10: How your specific font appears    Illustrator (imagine that this is the font  when opened on a computer that doesn’t  used in your vectored graphic)  have that font installed            Figure 12: If outlines were successfully  created, then selecting the text with the  arrow tool again will look like this (blue dots  and lines)  Figure 11: Here’s a screenshot that shows how to  convert your font to outlines:  In Adobe Illustrator, select ONLY the text with the  arrow tool, right click to see the above menu, and then  select “Create Outlines”. Be sure to save the file after  you’ve completed these steps! 
  • 6. Can I just save my current file as an Adobe Illustrator (.ai) file and make it vectored? Unfortunately, there is no “easy fix” to convert your existing artwork into a vectored format—simply saving your file with an .ai extension will not make your artwork vectored. Remember, in order for an image to be vectored, it needs to be built from scratch in a program like Adobe Illustrator (preferred).   Figure 13:  Attempting to save an existing file  as an Adobe Illustrator (.ai) file will not make it  vectored  Keep in mind that professionally-designed artwork usually has a vectored version somewhere, but not every computer can open vectored files because a specific program is required. Sometimes you can find a vectored file on your computer that you didn’t even know you had, just because you’ve never been able to open it or view the icon! You can try searching your computer (press Windows Key + “E”) for art files. Here are more screenshots: Figure 14:  Screenshot  from computer WITH  Adobe Illustrator  installed (notice the .ai  and .eps icons are  visible). This usually  means the file can be  opened on your  computer.  Figure 15: Screenshot  from computer  WITHOUT Adobe  Illustrator installed  (notice the .ai and .eps  icons show as plain  paper icons). This  means the file is there,  but cannot be opened  on your computer. 
  • 7. How do I send my vector art to Quality Logo Products? To send your artwork to Quality Logo Products, simply attach it and email it to your customer service representative and he or she will take it from there! If your file is larger than 6 megabytes, then please contact your QLP representative and ask for help logging into our FTP so you can transfer your artwork files faster and easier. It is best to send your artwork as an .ai, .eps, .FH, or .cdr. You can also send .psd, .tif, .jpg, .gif, .pwt, .doc, .pdf, .sea, or .zip. PLEASE NOTE: fonts sent from an IBM will not work on Mac. We also accept IBM zipped (without the self-extracting program) and Mac stuffed files. Figure 16: Screenshot of the  “Attach File” icon  in Microsoft  Outlook e‐mail  program  For your convenience, here is a breakdown of common image formats: Adobe Illustrator CS3 or Earlier (Vector) placed images (Illustrator, Photoshop, etc.) and fonts included *PREFERRED* Adobe Illustrator files are best for spot color (select “file” then “collect for output”). logos & text on clothing, mouse pads, and pins. This format is best accepted as an .ai or .eps extension with the fonts Photoshop (Raster) converted to outlines or included on the disk, e-mail, etc. If Best for photos printed with HiRes AccuColor, Four Color images are placed in the file, then the originals must be Process, Photo Transfers, or Digital Imaging is best accepted included. (Adobe Photoshop images placed in Adobe as an .eps, .psd, or .tif extension at full size and 300 dpi (min Illustrator doesn’t automatically make them spot color images) 200 dpi) - any lower dpi will produce jagged edges. If there are halftones in the image, then bitmaps are not acceptable. The Freehand 8.0 and CorelDraw 8.0 (Vector) extensions .jpg and .gif are acceptable but require massive Freehand and CorelDraw are also acceptable for spot color cleanup 98% of the time. Spot color is best done in logos and text on clothing, mouse pads, and pins, and are best “channels.” accepted with program extensions .FH or .cdr, with fonts converted to outlines or included. However, art time will Other Programs & Files: increase with more gradients. If images are placed in the file, • .jpg and .gif- low resolution and is only good for viewing art. then the originals must be included. Most cases will require art re-creation.     • .txt and .doc- an extension from Microsoft Word that cannot Quark be opened (not a graphics program). Quark is used primarily for output. It works well for combined • PowerPoint and AutoCAD- there is no way to export the file graphics from multiple files, and it is best sent full size with all to something usable. • PageMaker- incompatible with most QLP software VECTOR ARTWORK VS. RASTER ARTWORK This is a vector image designed in Adobe This is a 72 DPI raster image designed in Adobe Illustrator and it offers a clean edge at any angle Photoshop, and this image has to be redrawn and any size. CorelDraw and Macromedia from scratch to be acceptable. Only high Freehand offer the same results. This file format is best used for logos, text, etc. It can be resized resolution images (300 DPI at full size) can be without loss of resolution. This form of artwork used as is. This image type is made to print with hardly ever requires any additional artwork four-color process (photographic images).  charges.