InDesign Archives - The Marsid M&M Group Blog

Avoid Issues By Saving Your Artwork Properly In InDesign For Printing

There are a few simple rules to follow when saving a print-ready design made with InDesign and it all starts with setting up your InDesign document properly with bleeds.

The following paragraphs will enlighten you to a few golden rules to follow when it comes to saving/exporting your design to make sure it’s ready to go to print.

The Need To Bleed

Adding bleeds from the start, BEFORE YOU EVEN START, is crucial. Think about it, you’re working on a 200+ page catalog and then you find out you have to go back and extend the bleed of every single object in every single page!! I really think if that happened to me I’d be Keanu-level bummed…

Packaging vs. Exporting

There are two common options when sending your file to your favorite printing company. You can choose your preferred route, although one is easier and produces a smaller file size:

1. Export to PDF

You can easily export your file to PDF format and send one single PDF to your printing company. Saving as PDF embeds all your fonts and linked images into one file; nowadays this is the preferred method.

2. Package…

Packaging all of your document fonts, linked images, instructions and native InDesign file is another option you can exercise when sending your files to print. This option does create a pretty large file size that might make it a little harder to transfer to your printer vs. a PDF that could be half the size.

Save It Right The First Time

To save your InDesign file as PDF:

Click File > Export .
Enter your filename
Click Save
Select the [Press Quality] Preset

Compression

I recommend leaving the compression to default values. For printing you only need 300 DPI images. If any of the images in your document are above 450 DPI, InDesign will automatically downsample the image to 300 DPI to reduce file size.

Color Image Compression:

Grayscale Image Compression:

Monochrome Image Compression:

Marks and Bleeds

To be safe, you can always simply select “All Printer’s Marks” although the most important options to have selected here are Crop Marks and Bleed Marks. Crop and Bleed Marks usually go together when any of the art, anything being printed, reaches the edge of the paper. A crop mark denotes where the paper will be cut to the final size while a bleed ensures that a white border is not present at the edge of the paper when cut.

Learn more about Crop Marks, Bleed Marks and the Cutting Process in printing.

Marks

Bleeds and Slugs

If you set up your document correctly before starting your design as I stated at the beginning of this post, then it’s safe to select “Use Document Bleed Settings”. The slug is primarily to be used by you during design so we’ll just leave that unchecked.

Output

The default settings found in the Output options are pretty general and apply pretty well in all situations within the U.S.
Check with your printer first since it is possible that they have a preferred profile that works best with them. Otherwise, leave it as is – CMYK – U.S. Web Coated (SWOP) V2.

This is box title

Time for you to contact a modern printing company who will be able to use your PDF when saved with these settings. Honestly, you need to look no further as you are already in the right place: The Marsid M&M Group offers both digital printing and offset printing, foil stamping and embossing, custom die cutting and mailing services all with fast turnaround, all done in-house.

Give us a call at 1877-mmprint or visit our website www.mmprint.com

Creating Outlines from Type in Illustrator and InDesign

Why Do We Need to Outline Our Type?

Before sending a file to a printer, there are a few important steps that must be considered. One of those is making sure that the type in the document is turned into outlines. If the printer needs to make an adjustment to the file (fix color, adjust bleeds, etc.) and the type is not outlined, there could be font issues that cause the copy to change or re-flow. Sometimes these changes may not be noticed until after the job is printed. It is a very simple process that only takes a moment. Once it is done, the type is turned from a type box to vector outlines and can no longer be edited. This tutorial is for Adobe programs such as Adobe Illustrator or Adobe Indesign. Always remember to check your copy before converting to outlines, because it can not be edited afterward.

Outlines Versus Type

How to Create the Outlined Type

In the above Image, the top line of text is type while the bottom line is outlines. As you can see the outlines no longer have editable type; they have the individual vector points of the outlined shapes. In order to outline the type, one needs to select the type box as a whole so that it looks like the below image.

Selecting a Text Box

Then if you are on a PC, press CTRL + SHIFT + O, or if you are on a Mac, press CMD + SHIFT + O. The type can also be outlined from the top menu by selecting “type” then selecting “create outlines” from the drop down menu. Afterwards your type will turn to paths and look like this image below.

Outlined Type

Finished Type Outlines

Now the type is outlined and safe to send to the printer. Remember to check that the other parts of the document are ready to go to pre-press before sending it to your printer. Outlined type can be helpful when creating typographical designs; it removes the need to work with type boxes and allows direct editing of the shape of the characters directly.

Typography: Kerning, Leading and Tracking

Kerning and Leading are ways to manipulate the spacing between characters. Spatial manipulation in type can be a very important tool. Some fonts need to have individual characters adjusted to help create better readability and a more aesthetically pleasing layout. Changes to kerning and leading often go unnoticed, but in most situations that is what the designer will only want a subtle change that fixes readability.

Leading

Leading is the spacing between the baselines of type. The term leading is derived from the practice of placing lead strips between lines type on older hand set printing presses such as a letterpress. Adjusting the leading is also a very useful way of saving or using space on a page. Leading can also be used to change the aesthetics when dealing with a typographical design.

Kerning

Kerning is the spacing in between individual characters. Most fonts will have specific default kerning for individual character sets so that the spacing in between the letters in words feels more natural. The image below has a sentence with and without custom kerning applied in 5 different spots to show how subtle the change is. Most of the time, people will not realize that kerning was included to change the type of the design.

Tracking

Another adjustment to type that hasn’t been mentioned is Tracking. Tracking is very similar to kerning in that it is the spacing between individual characters, but tracking is the space between groups of letters rather than individual letters. Tracking affects the overall character density of the copy. Other than the actual effect that it could have on readability of type, tracking would be used to make lines of type even. Tracking will help to eliminate widows and orphans in paragraphs. Widows are when the final line of a paragraph begins a new column or page. Orphans are when paragraphs end in single words, part of words or a short phrase that seems out of place.

Kerning and Leading are important in typography and should not be ignored. It is the finishing touch on the type that makes everything read and flow properly. The design is not really complete until kerning and leading have been considered, but that doesn’t mean that they are always necessary. It shouldn’t be forced upon a design, but it should look natural.

Which do you find yourself adjusting the most when creating typography – Kerning, Leading, Tracking or all of them?

How to Find Vector Corporate Logos and Hi-Res Product Images

Vector Logos of popular brands are sometimes hard to find for your designs…

Customers in need of design services are usually not knowledgeable of technical properties of design… that’s why they hire us to design it for them. More often then not, customer supplied files are not print-ready; product images and manufacturer logos pulled off of the internet, content written on a napkin, and anything else they can think of to make your job harder, but that’s why we charge by the hour, right?

Efficiency Saves Time and Money

A good portion of design time is used in searching the internet for brand logos or finding product images that are suitable for printing. It is a burdensome task and takes time and patience. As an honest designer or design company, it is extremely important to be efficient while producing quality design. Your efficiency allows you to work faster and to be more precise, which in turn saves your customers money on design time and at the same time also helps produce quality design quickly so that you can move on to the next project.

Finding Vector Logos of Popular Brands can be Easy

(Make sure to abide by the original copyright policies before downloading or using any corporate logos and not to infringe any copyright laws or terms of use)

Brands of the World – the largest library of freely downloadable vector logos
FreeLogoVector – Vector Logo Download and Share

When You Can’t Find the Vector Logo You’re Looking For

on any of these sites, another option is to search directly for the logo which might be found in press releases or manuals typically found in PDF format. The easiest way to find PDF files is through Google’s Advanced Search option and choosing PDF in the file type field or by typing directly into the search bar like this:

Search: Netflix Logo filetype:pdf

At the time of writing this post, Google’s #1 search engine result renders a link to a Netflix API naming & Logo Guide PDF which contains a vector Netflix® Logo which can be extracted from the PDF by opening it in Adobe Illustrator. I like to use the brand name and the word logo to get a bit more specific search results. Sometimes it does not work so you must be a bit vague and use less specificity:

Search: Netflix filetype:pdf

Finding High Resolution Images of Commercial Products

(Make sure to abide by the original copyright policies before downloading or using any corporate/commercial images and not to infringe any copyright laws or terms of use) Now that you understand how to find vector logos in PDF, you can apply the same concept to finding high resolution images of commercial products that might not be easily found in print-ready format (large, 300dpi).

Search: Samsung Prevail filetype:pdf

At the time of writing this post, Yahoo’s #1 search engine result renders a link to a Boost Mobile Samsung Galaxy Prevai™ spec sheet that contains a high resolution image of the phone.

The Key is to be Resourceful

Another option to find high resolution product images is to begin by searching the company website for a Media section or search within the Site Map. Many corporations offer high resolution product images right on their websites for resellers and/or the media to use on their websites or print material. Corporations know that keeping consistent is smart business. Given this is the easiest and most convenient way of finding product images, not all corporate websites are created the same. Sometimes a high resolution image is simply not available online, at least not easily and you can’t spend hours upon hours finding one image.

Sometimes You Just Have to Make it Work

This option is a bit more time consuming but when your design quality matters to you and your client, then it is time well spent: Search the top three search engines for the product you are in need of and make sure to go to the “Images” section of each search engine. Many people and businesses take their own pictures of products with high megapixel cameras that render print-worthy images. Using Photoshop you can take the product right out of the picture and use it in your design. Make sure that your image is in CMYK format to avoid any color surprises when it prints. Adobe Illustrator and InDesign will accept RGB images to be placed within a CMYK document, but the document as a whole will be converted to CMYK at your printer. All brands and company names used here are copyright of their respectful owners.

What cool tips or tricks do you use to find product images or logos when you don’t have them?

Please share with other graphic designers by posting your comments below…

The Ultimate Marketing Piece – Eye Popping Media Kits

What Your Marketing Mix Is Missing

When promoting a new product, service, music album, a band, a company, a brand, creating a media kit is essential to a successful marketing and/or branding campaign.

A media kit is an informative resource like no other since it can include so many different types of media, all packaged into one convenient place we like to call Presentation Folders.

Pockets and Slits, Media Kits!

Presentation folders are incredibly versatile because of the fact that they can hold so many types of media with simple pockets and slits made into the paper. Presentation folders can hold marketing materials such as:

Business cards
Brochures
CDs
DVDs
Labels
Letterhead
Magnet cards
Mousepads
Notepads
Postcards
Sell sheets
Stickers

If it is not too bulky and it will help promote your service or product it should go in your media kit presentation folder.

A Customized Presentation

Presentation folders come in many varieties to fit the purpose and can be completely customizable. Here are a few samples of standard “extras” that can help you create the perfect media kit:

Standard Business Card Slits

Horizontal Bus. Card Slits

Vertical or Horizontal

Optional Business Card Slits

Optional Horizontal Slits

Vertical or Horizontal

Horizontal with Four Slits

CD/DVD Slits

Presentation Folder with CD/DVD Slit

Expanded Box Pockets

Presentation Folder with Expanded Box Pockets

Expanded Spine

Presentation Folder with Expanded Spine

Tri-Panel Folders

Tri-Panel Presentation Folder

These are only a few of the most common features found in Presentation folders for Media kits. Customize them with your own ideas to fit that marketing materials and their purposes. Feel free to contact Marsid M&M if you have questions or to request a quote.

For your Design Inspiration, here are some of the best Presentation Folders and Media Kits made by awesome designers:

[Disclaimer: The folders in this post were not printed by mmprint.com, they are used for demonstration and inspirational purposes only]

(click on the image to view the original source)

What kind of Funky Items have you put into your

Folders and Media kits?

Please leave your comments below.

Magical Graphic Design: Houdini

Harry Houdini once said:

“My brain is the key that sets my mind free.”

As designers, the key is to keep the creativity fresh and inspired. Thinking outside of the box and out of the ordinary.

Harry Houdini was a creative innovator. His public acclamation came from showing people what they had never seen before, making that which was thought impossible seem possible. Although, for him it was a daily routine. He said it best:

“My professional life has been a constant record of disillusion, and many things that seem wonderful to most men are the every-day commonplaces of my business.”

Yet his inspiration is suggestive of the inspiration that drives a graphic designer to keep designing whether for profit or not: To go beyond the norm and create or build fantasy where none is found.

Here are some fascinating designs inspired by or dedicated to Harry Houdini:

The Great Houdini

Houdini Records

Harry Houdini by Derkert

Houdini by Google

The Handcuff King

Magic by Cruenta

A Kind of Magic by ReptileCynrik

Have any Magical Design Tricks to Share? Please do so in the Comments Below

The Influence of Color – Color Psychology and the Subconscious

We live in a world of Color.

Everywhere you look color is influencing us consciously and subconsciously; naturally and synthetically: The blue sky, the green forests, the red stop sign, the green light. Color stimulates our emotions and motivates our decisions.

In this article we will investigate what some colors represent and how they can be used in your design.

Marketing and advertising employs the knowledge and practice of color psychology in its work to drive results. The main purpose of an ad is to motivate the viewer to take a course of action designated by the advertiser. Whether the call to action is to purchase a product, sign up for a contest or simply to modify the perception or mood towards a product or brand, color scheme is key to a successful campaign.

Color is applied to the shape of a logo to represent an emotion, objective, a meaning, as well as to increase brand recognition.

Colors can be presented and visualized as to signify verbs, circumstances, feelings, conditions, environments and objects to name a few.

Make sure to use color to assist in getting your message across whether you are designing a sell sheet or a logo. Remember to keep in mind the perspective of potential viewers can make a difference in their perception of the design in its entirety. Not every color will affect every individual in the same fashion. It is possible that an individual experienced something involving a particular color and may react very differently from everyone else. It is important to investigate the potential hazardous impact that a color may cause when researching and choosing color schemes. This includes cultures and countries which may have a different meaning of colors.

Red

Love, Warning, Energetic, Leadership, Ambition, Heat, Courage, Passion, Intensity, Aggression, Vibrant, Attention

Black

Power, Authority, Discipline, Confidence, Elegance, Secrecy, Sophisticated, Evil, Depth, Mystery

Blue

Peace, Cold, Water, Loyalty, Corporate, Seriousness, Sky, Authority, Security, Calmness, Productivity, Freedom, Cool

Green

Nature, fertility, Vigor, Inexperience, Patience, Growth, Money, Harmony, Refreshing, Health

Yellow

In what way do colors affect you? Have you used color in your workspace to help you be more productive?

Please share your comments!

A Colorful Guide to Understanding Color

– Vision gives us the ability to see color, but how many of us can truly explain or describe what color is or where it comes from?

This quick guide gives you a brief understanding of color, how it works, its application and how it affects your design and printing outcome.

Q. What is the definition of a color?

A. Color is the sensation produced in response to selective absorption of wavelengths from visible light. It possesses the attributes of Brightness, Colorfulness and Hue. – www.Color.org

Light is emitted by a source such as the Sun or a light bulb. Only the colors that cannot be absorbed by an object are reflected. When the light is reflected into our eyes by the object, color is the result of receptors in the eye reacting to the specific wavelength of light.

So basically, the surface properties of the object actually reflect the colors that it does not absorb. The object itself does not emit the color.

Color Application

Color plays an extremely big roll in design. For those not already aware, color is a tool that goes beyond aesthetics and delves into the subconscious; besides our visual response, we also have an emotional response to color.

If you have a black muscle car that has 550hp under the hood and one day you decide to paint the whole thing purple, do you think the perception of the car – even though it still pushes 550hp – will remain the same? Would the viewer be more interested in the color of the car than the seconds it takes to get down the quarter-mile? With color you can control perception.

Our emotions also change the perception of an object based on its color. Our age, experiences with certain colors and other triggers all affect the perception of a color at the time of viewing.

Color Communication

Color is defined by various properties and for the sake of communication, it has been given a name or number. Pink is a variation of red but it is distinctively a color in itself so a name was given to it. But how do we communicate the darkness or lightness of that pink? So can a yellow be referred to as Lemon Yellow or Canary Yellow, but to replicate it there must be a standard.

A system for coding color hues was developed in the 1900’s although today we have standards such as the Pantone Matching System® (PMS) which is widely used in the print and design industry and is the default matching system for popular graphic design software like Adobe® Photoshop, Illustrator and InDesign. With Pantone, a designer can designate a specific PMS color in his artwork and the printer all the way on the other side of the world can replicate the color exactly as the designer expected it to be via a Pantone swatch.

Color Vocabulary

Here you can find the definition of the most important properties of color. These will help you manipulate color and communicate efficiently.

Hue: a gradation or variety of a color. – dictionary.com

Chroma: the purity of a hue at its furthest from gray.

Saturation: the purity of a hue at is furthest from white.

Intensity: the strength or sharpness of a hue

Luminance: the amount of light reflected by the hue

Shade: a hue created by adding black

Tint: a hue created by adding white

Color Models

Color output is affected by the media it is applied to or displayed through. For web and print purposes I will only mention the Additive and Subtractive color models.

Additive: The colors that you see now on your monitor are created by adding white (light) to black. As more color is added to the black screen, the closer it is to white. Red, Green and Blue (RGB) are the additive primary colors and combined together produce 100% white. The RGB model is used for web graphics.

Subtractive: This color model is typically used for printing. By applying ink, the amount of white from the paper is reduced or subtracted. Cyan, Magenta and Yellow are the subtractive color primaries. Combining these three colors produces a muddy brownish black. To achieve a better blacks and to save ink, black (K) was added to the mix. The CMYK model is used for print.

Color Types

A color wheel is used to show the relationship between Primary, Secondary, Tertiary and Complementary colors.

Primary Colors are pure colors that cannot be made by mixing any combination of colors. The are in their purest form.

Secondary Colors are created by combining two primary colors.

Tertiary Colors are made by mixing primary and secondary colors.

Complementary Colors are those positioned directly across from each other in the color wheel.

Using a color wheel can clean up your color choices specially when using complementary colors. These are basically colors that complement each other and go well together. Many designs have beautiful structure but the chosen color combinations crash and take away from its beauty.

Both web and print designs can benefit greatly from understanding color and using a color wheel. Subscribe to our RSS feed or follow us on Twitter to stay tuned for the next post about Color and the Subconscious.

How would you explain color to someone who cannot see color?

The Need to Bleed

I recently asked my production manager and the graphic department manager here at Marsid M&M:

– What is the most common mistake that you find in artwork submitted by customers?

Answer: Missing Bleeds.

They also added that it is one of the biggest causes of delays in the customer receiving their order. It’s a fact that many businesses hire outside designers and when we contact the customer about the missing bleeds, it can take a matter of minutes to a matter of days to get the adjustments made by their designers.

Unfortunately our graphic department cannot always add the bleed because the file is not editable which is a whole other blog post (coming soon).
If we can add the bleed ourselves, we do it free of charge as a courtesy to our customers.

What is Bleed?

Some designs contain graphics or solid backgrounds that reach the edge of the paper as shown above. Printers require an additional stretch of these graphics or solid backgrounds, usually about 1/8th of an inch called a “Bleed” in order to guarantee the edges are not left without ink when the paper is cut.

Quick tutorials: Adding bleed to your artwork

The easiest thing to do to prevent forgetting to add bleed is to simply make a bleed guide as the first thing you do when beginning a new design. Some professional design software makes this incredibly easy to do, some you have to do manually (still pretty easy).

Adobe Illustrator:

Illustrator offers one of the easiest and most convenient ways of adding bleeds to your documents from the start. In the “New Document” dialogue, under “Bleed” enter 0.125 in to any of the columns. If the link chain is selected already, then it will populate all 4 fields with 0.125 in automatically.

As you can see below, your bleed lines are added automatically. Shown as a red frame around the artbox…

Adobe InDesign:

In the “New Document” dialogue, make sure the “more options” button is pressed and at the bottom has a “Bleed and Slug” section. In the bleed box type 0.125 in and if the the link chain is selected it will automatically add it to the other 3 boxes.

Similar to Illustrator, InDesign automatically adds the red frame around the artbox as a guide for bleeds…

Adobe Photoshop:

In the “New” dialogue window, add 0.25 to the desired finish size. For example, if your designing a postcard that has a finish size of 5 x 7, then you would enter 5.25 x 7.25.

Once you click OK, your empty canvas will appear and we will use the Rulers (View>Rulers) to use as guides to center our 5 x 7 within the 5.25 x 7.25 canvas and therefore make the bleed areas visible. Pull a guide from the ruler for each side of the canvas and drag it until it is 1/8th” inside the canvas from the edge.

Photoshop Note:

We do not suggest using Photoshop for layout and typesetting of print projects. For best results use Photoshop for image manipulation and special effects. Import or place the image or object in Illustrator or InDesign for layout and typesetting.

Photoshop is a raster design program which uses grids of pixels to compose an object. Illustrator and InDesign create vector art which is composed of lines and curves or “Paths” to create objects and therefore create sharp edges and lines for both objects and text. Vector can also be scaled to extremely large sizes without losing quality.

Bookmark Worthy: Print-Ready Design Checklist

Use the checklist to double check that every requirement is already in your artwork to avoid any issues or delays!