Tuesday, February 28, 2012

Newspaper Ad Project

Our third project for Digital File Prep is a newspaper ad for our PSU Collegio. The budget for this ad is $97. An example of how to figure out how much the ad would cost looks something like this:

5 column inches by 3 inches = 15 column inches
15 column inches by $4 per inch = $60

If I used that size of an ad, I would be $37 under budget.

Project specifications include:
  • no bleed
  • minimum .125 inch margins
  • black and white only
It is also suggested that we enhanced the contrast in our black and white photos, and be careful if we choose to use a background image or a watermark. In this project, we are required to use a bitmap image, and that will take care of the bitmap on our Master Image List.

I have decided to do a newspaper advertisement for a made-up coffee shop called Grain de Cafe, which means the Coffee Bean in French. I love coffee, and I know a lot of college students rely heavily on coffee to keep them going.

Here a my five thumbnails I sketched for the project:






Here is my rough draft:


Here's my final image!


Master Image List

Something we have to keep track of and include in our projects for Digital File Prep is a Master Image List. This list includes various images that must be used up by the end of our final project. On this list images types such as bitmap, vector art, duotone rasters, 4 color rasters and screen tints are included. As we use these different types of images, we learn how to create them and how they should be used.

Bitmaps only contain black and white pixels to make up an image with no shades of grey. Bitmaps are very compact but can still contain very high resolution. For our projects, our bitmaps are to be saved as EPS, and they must be strictly line art and no shading.

Image source: http://www.clipartlab.com/flowers.php

A reverse is when you create art that allows the color of the paper to show through.


Image source: http://www.showyourlogo.com/custom-tote-bags/Paper-Bags.htm

Vector art is art that is not resolution dependent. You can scale vectors up or down to whatever size you want without affecting the image quality. The file format for vectors are AI files, created in Adobe Illustrator.

A grayscale raster is a raster image in grayscale mode. You can change the mode in Photoshop. It should be saved as a tif or an eps.



A duotone raster can only be saved as an eps. To create a duotone, you must first convert your image to grayscale to get right of all color information. Then under the same Image>Mode menu, select duotone. You will then be prompted to choose two spot colors to create the duotone. Black plus another color are typically used for duotones.

The colors I used are Black and PANTONE 1645 C.


A silhouette raster is a raster image created using a clipping path. It cannot bleed on all four sides, and it can be saved in grayscale, CMYK, or duotone. You must save this file as an EPS. To create a silhouette/COB image, select the pen tool in Photoshop with your image opened. Draw a path around what you want to "cut out" of the image. Making sure that your path is still selected, save the path in the Paths panel. After you had completed that step, select Create Clipping Path in the same panel and save it as an eps.

A full bleed raster is a raster image with a bleed on all four sides. To create it, you would make it in Photoshop and file formats can include EPS or TIFF. You can have a full bleed raster in any color mode, including duotone, grayscale or CMYK.

A four color raster is a raster image that is saved as a flattened TIFF or EPS, with a color mode of CMYK.



A screen tint is a pattern on the screen that consists of dots that are evenly spaced and the same color to create an even tone.

Sources:
http://www.forbesproducts.com/artworkfaq.aspx
https://pittstate.angellearning.com/section/default.asp?id=12SP-TE-GIT-341-02
McCue, Claudia. Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. Print.

Thursday, February 23, 2012

VALV Labs

Something I don't think I ever posted about was the website I put together last semester for my Web Site Design class. It was a project we worked on basically all semester and for part of our final, we had to get all dressed up and present our finished sites to the rest of our class.

We could chose almost anything to create our sites over. My boyfriend, who is a graphic designer at Wardkraft, was looking to do more freelance work, and thought that a website would be very beneficial. He had one already made for him, but he wasn't happy with it, so we took the opportunity to make him a new one. He made it very easy for me. He created the images in Photoshop, laid them all out to show how he would like the site to look, and I put them all together with HTML5 and CSS3. We also included a contact form where people can message him and it will go straight to his email.

These are some screen shots of his site, but you should also go see the real thing:



You can see the rest of his website at: valvlabs.com

Graphic Design Logos

I wanted to share my logo from my Graphic Design class. Students were given the option to submit logo project ideas for extra credit. One of the optional projects was for a backpack company called "Embark." We had to come up with several different logo drawings and then have the class vote on which ones they liked best from each person. The top three picked of mine were of a compass with "EMBARK" in the middle of it, a sailboat with "EMBARK" underneath and a logo with a mountain and "embark" written inside.

I decided to go with the logo with the mountain, because it followed the rules for the assignment the best and the people in my group all liked it the best. I was kind of surprised that they voted for it because it wasn't necessarily my favorite.

For the final parts of our project we need a single color logo, a 2 or 3 color logo and a "full color" logo, where we can add gradients, drop shadows or other effects within reason.

Tuesday, February 21, 2012

Chapters 11 & 12 Summaries

In Chapter 11 we learn about InDesign CS4 production tips and Chapter 12 talks about Acrobat production tips.

When you are wanting to place images in InDesign, it's good to know that the Frame tool and the plain Rectangle tool can both accept images. Any closed shape, for that matter, can accept images as content, as long as the line is closed. You can also place multiple files all at once if by Shift-clicking, or Command-clicking/Control-clicking. Doing this only allows you to place from one folder at a time. You also do not even have to have a frame created to place an image into it. You can simply just File>Place and click and the image will be created inside its own image box.

There are several methods besides File>Place that you can use to put an image into your document. In one method, you can drag directly from a folder. You will still get correct links as though you placed the images. Another method involves Adobe Bridge. Select your files in Bridge from the correct folder and drag them onto your InDesign document.
You should not use drag and drop for everything. Dragging large images into InDesign adds its entire size to the document.

The Links panel in InDesign allows you to see what images are up to date, what images the program can't find and what images are modified. If InDesign contains graphics that have been moved or renamed, and the program can't find them, then a red stop sign symbol will appear next to the link. If a graphic has been modified and resaved with the same name, a yellow triangle will appear. When you try to open a file in InDesign with missing or modified links, an alert will appear that will give the option of updating those links (or to not.) To find a missing graphic when the file is open, select the link in the Links panel, and choose Relink. If you update missing links that have other files that are missing in the program, CS4 knows to update those as well. Updating modified links in CS4 is easy. Simply click Update Link after selecting the link name.

To transform graphics, there are several ways. Those ways include the Selection tool, the Scale tool, or the Free Transform tool. You can select frames with the Selection tool. You can also modify sizes using the X/Y scale fields. You can scale in proportion by Command/Control+Shift and dragging a corner of a graphic.

InDesign and Illustrator are able to create drop shadows that are able to interact correctly with other items in an InDesign file. You may want to create a more custom shadow than what Photoshop is able to do. If you want to create the illusion of the shadow falling on another object or surface, you have to paint the shadow yourself and apply the Multiply mode to the shadow. The problem with applying the blending mode is that it is not accepted in InDesign. To solve this problem, you have to use the Object Layer Options with allows you to still apply realistic effects with shadows. You can apply several layers of the same thing on top of each other with this feature, allowing you to create the look you desire for you file.

Swatches allow you to save colors that you want to use repeatedly. You can save colors from the Colors panel to the Swatches panel. One way is to select the Swatches panel menu, choose Add Unnamed Colors and InDesign finds all of the colors used and adds them to the panel.

The main purpose of the ink manager is to fix any spot-color errors by remapping colors out of place to their correct links. You can launch the Ink Manager by the Separations Preview panel menu, the Swatches panel menu, in the Print dialog under "Output", or in the Export dialogs for both EPS and Adobe PDF. To use the Ink Manager to remap, first select the spot color you want to remap. Then choose the correct Ink Alias, and it's as easy as that. You can also convert all spot colors to process with the click of the All Spots to Process check box. If you are sending native InDesign files to your print service provider, it's a good idea to let them know that you have already rectified the spot-color problems with Ink Manager.

PDFs start out outside of Acrobat, though some PDFs are created from scanning in documents, an existing image or a Web page. Most PDFs come from InDesign or Illustrator. Although Adobe Systems created the PDF concept, anyone can write software that deals with or creates PDFs.

Above is a table of creation settings for PDFs that cover the Adobe Creative Suite. Another thing to note, is that when it comes to PDF/X-1a, image content can be RGB or Lab tagged with color profiles. Unless you and your print provider plan to use color management, you will need to submit PDF/X-3 files.

If you wish to retain layer, live transparency or interactivity, you must export your PDFs rather than use Distiller. Some print providers and publication companies may insist that you use Distiller, but that is not always the way to go. Exporting is much faster and easier than using Distiller. If you are being asked to use Distiller, find out why.

Lastly, Chapter 12 talks about editing PDF files. Editing in Acrobat is limited, on purpose. Your PDFs need to be finished files when they are converted to PDF. If you must edit, Acrobat offers the TouchUp Text tool, the TouchUp Object tool and the TouchUp Reading Order tool. The text tool selects and edits text. The object tool allows you to select and edit objects in their native programs. The Reading Order tool allows you to make your files more accessible to the visually-impaired.

Sources:
McCue, Claudia. Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. Print.

Thursday, February 16, 2012

The Microsoft Tag

Microsoft Tags are starting to be used everywhere, but what are they exactly? They're similar to QR Codes in that you can generate a Tag online, add it you a printed product, your website, or anywhere else and track it. You should add a Microsoft Tag to anything you want people to explore and find out more about it. The tags can help you direct where you want your audience to go.

If someone sees a Tag and would like to know where it will take them, all they need to do is scan it with their smartphones like you would a QR code and it will take them to wherever the Tag is linked. You can download Microsoft Tag apps onto your smartphone that will help you do this.

To generate a tag, you can go to websites like this to help you get started. It's all free, and they help you track your tag. They even give you suggestions on how to get the best results from your tag. Once your tag is generated, go place it on anything you'd like!

I found all of my information here.

Tuesday, February 14, 2012

Variable Data Direct Mailer Project

Variable Data printing allows us to mail personalized mail pieces to various people. It can go from one thing changing on the piece, like the person's mailing address, to several items in the design, like pictures, the person's name included in the text and other items.

In my Digital File Prep class, we've moved onto making a direct mail piece that will contain variable data. In the project, we are to decide a target audience, and divide the audience into two different categories.
For my project, I have decided to make a mailer for two different trips offered by one travel agency to go to Colorado. The first category of the mailer will be focused on a trip where you can go mountain biking. I plan on aiming this piece at my male audience. The second category will be focused on a ski trip, and this mailer version will  be directed towards my female audience.
The mailers will make the audience curious about what's being offered, and ask them to call a number to find out more. I plan on offering specials on the mailer and I think that would cause a greater number of customers who would call for more information.
For this project, the mailer is going to be 5x7 inches, or vice versa, and I will include a quarter inch margin, and an 1/8 inch bleed where necessary.

Here are my thumbnails and rough drafts I've created for this project:





The first thumbnail is the front of the mailer and it goes with the second thumbnail, which is the back of the mailer. The third and fourth thumbnails are the front of another design I made and they go with the fifth thumbnail that will make the back. The text on the back of the mailers will change accordingly with the fronts.

Here are my rough drafts:




When I went to get the proof of my mailer printed, I found that to print 100 5x7 inch color mailers front and back it would cost $32.42. The unit price is about $0.30.





With this project, I was able to cross off another vector image that's required on my Master Image List. The other images I used did not qualify for anything on the list. All the raster .TIFF images were downloaded for free from iStock. The vector social media icons were made available on ANGEL for free download/use and the ARROW Vacations logo was created by Dustin Engle and used with permission.

The Variable Data class will work on our files once they receive them and will be working on them throughout the semester. Once they have completed our files, we will receive the finished prints with all the variable data changed as we directed. I'm looking forward to seeing them printed!

Chapters 8, 9 and 10 Summary

In Chapter 8, we learn about job submission. First thing that was covered was the customer service representative (CSR) that your job will be handed over to. When you are talking with your CSR, you must bring up any special issues that have to do with your job. Things like unusual stock, special mixed inks, varnishes/other coatings, custom finishing, and unusual content need to be brought up with the CSR. The CSR will answer any questions you may have and see to it that your job is taken care of correctly.
Whenever you are talking with your printer, you also need to obtain a detailed schedule that includes dates for events such as random proofs, page proofs, bluelines and press checks. All this information will help make sure your job is printed on time. Also remind anyone that is working with your job that they need to contact you if they have any questions about your job. Be prepared to receive calls at random times, like in the middle of the night. You may not be expecting it, but your job has to be finished on time, and the night crew printing it may come up with a question for you.
When you are building your files, it's best to start from the ground up. Make sure you check the external document size, that there is adequate bleed, and check your internal panel sizes. Also look over artwork that interacts with folds, perforations, or die cut trims. Your print service can provide some help when it comes to these things. More things to check are that there are a correct number of pages and correct inks.
If you have raster images in your files, make sure to check the resolution of each photo. They should usually be set to 300 ppi. Check the color space of your images. Images usually come in 5 file types for printing: CMYK, RGB, grayscale, monochrome and duotone. Also look over your files and see if any of them need retouching. If they do, and you don't feel comfortable doing it, let your print service know that you would like them to take care of it. Make sure that all of your images are rotated and scaled properly. You will achieve the best results when your scans or digital photographs are created at the proper size and rotation for final use. When you name these files, avoid using periods, asterisks, and other characters.
To check vector images, make sure your use the correct colors, and that the color naming stays consistent throughout all the files. You can embed images into the file, but that increases the file size. Send your images to the print service just in case they need to edit the images you've included. When it comes to fonts, embed them or create outlines. Keep in mind that fonts are not available for editing when you embed them. Spell check all of your content and make sure there are no empty text boxes lying around. Remember to include enough bleed for you images if it is necessary.
Types of proofs include image proofs and page proofs. When you check image proofs, remember to check the:
  • size
  • crop
  • orientation
  • angle
  • color
  • detail
  • moire
  • the matching of the original artwork
Make sure they are all set for the final use that you want. When checking page proofs, look over the:
  • bleed
  • that the document is the correct size
  • the image area
  • that you used the correct fonts
  • that there are no overset texts
  • the text reflow
  • correct images are used and that the cropped images fit their frames
Also check the special effects on the page(s), rules/other strokes, trapping (no misregistration), overprint, rich blacks, moire in screen tints or images, crossover art (correct alignment and color match the artwork) and make sure there are no unnecessary spot colors.
Know the fate of your images when you are working with them in Photoshop. Decide at what scale will the image be used and how it needs to be rotated. Scan images to the size that they need to be in rather than in Photoshop. Know if your image will be used at multiple sizes. If it will be, scan in the largest size and use scaling tools when you need the smaller version of it. When it comes to image resolution, include as much information as you can, so that you achieve the best quality. You can always get rid of extra information if you don't need it. 300 ppi is generally the resolution you want when you're printing at 133-150 line screen. If the line screen will be higher than that, it is best to include a lot of detail in your content.
Although we print in CMYK, sometimes it can be very beneficial to work with images in RGB, especially when it comes to color correcting, retouching and compositing. The wider gamut of RGB allows you more to work with as you make changes to the images. Artistic features and Photoshop effects are not available in CMYK.
Working with layered files in Photoshop can be very helpful. The layers keep individual components of an intricate work from being stuck together permanently. This is useful if you change your mind on one component as your working - it can be easily changed without messing up the rest of your image.
Adding effects such as transparency can add some pizzazz to your images. Effects like these are no longer limited to Photoshop, but if you work outside Photoshop with them, it may be sort of difficult. Illustrator and InDesign don't always handle transparency well, so it can be limiting to use it. Illustrator and InDesign can handle placed Photoshop images, but not Photoshop's blending modes. Transparency is expressed in percentage opacity, so more or less changes the strength of what is showing through. To get around the problems that Illustrator and InDesign can run into, work on your Photoshop images with things like drop shadows in layers, and then flatten them when you want to take them over to one of the other two programs. Another way to fix the problem is to not add the drop shadow in Photoshop at all, but add it later in Illustrator or InDesign.
When you are trying to create a path, the magic wand tool in Photoshop is not the best way to go, because this tool follows the rectangle edges of pixels and make your clipped images look jagged. If you really want the best results. the pen tool is your best bet. Not many people like the pen tool but with it you can create the most natural looking results.
A duotone is an image composed of two colors. These images usually contain spot color components, and because of that, it's important to create them the right way so that they print the right way. In Photoshop, choose Image>Mode>Duotone and a dialog box will appear. "Black" as one of the colors can stay as black, for it is implied that it is the simple process black of CMYK.  Any other colors used need to be chosen from the Pantone colors list.

Adobe Illustrator artboards can be imagined as pieces of drawing paper. In Illustrator, you art can go way past the edges of the artboard. To create an artboard, use the Artboard tool. You can see the width and height of the artboard as you drag its edges. To hide artboards, choose View>Hide Artboads. To modify artboards, you can select them with the Artboard tool, and change the size of the sides. You can also delete an artboard by selecting it and pressing the delete key on your keyboard or by pressing the X that appears next the the board when it is selected. You can also reposition artboards by selecting them and dragging them to a new position.
When creating an Illustrator document, you can specify the amount of bleed you would like. If you already have an existing document, choose File>Document Setup and add a bleed there. Bleeds do not have to be the same size all around the file. How bleeds are applied depends on your settings in the PDF, AI or EPS file.

Even though RIPs can now handle a lot of complexity in files, it is still a good idea to simplify your work.Remove empty points, remove too many points on a pen path, and clean up stray points that you don't need. To clean up these points, simply select Path>Clean Up and Illustrator will do the work for you.
Illustrator offers "live" effects. This means that the effects won't permanently alter your object when the effect is applied. You can edit the appearance of the effects in the Appearance panel. You can also hide or remove effects after they've been applied. Filters are now gone in Illustrator, and pixels aren't generated on the objects you've added effects to until they are printed.
Illustrator effects are added to the interiors and edges of the vector objects, while Photoshop effects are only applied to the interior. They are both even applied to Clipping Masks.
When you want to apply transparency or other blending modes in Illustrator, you may not always get the results you're looking for. Spot colors may not always look the way you want them to when you use these effects. To see how colors will really look, you can turn on the Overprint Preview option and see. Turn off these function when you're done, for this option slows down the program.
Old printers that are still being used have a hard time outputting images with transparency. If you are using a printer with this problem, you must flatten the transparency. The flattening only affects outfut and export and takes placing during export printing. This mimicks the colors of the transparency with opaque objects instead, and allows the printer to print your files. If you must downsave to an earlier AI file type, you must specify a transparency flattener preset. Ask your printer if they have any suggestions on how you should do this.
You can either link or embed raster images in Illustrator. Linking results in a smaller AI file, while embedding does the opposite. When you link images, they are externally stored, and therefore easier to edit. Embedding makes it easier to keep track of files you've added to you AI file, but embedding makes it harder to edit these separate files. When you save files as an EPS file, images and fonts are automatically embedded into the files. You should save the embedded files along with the EPS file just in case, so that you can go in and edit them later if needed. Images still rely on resolution when placed in Illustrator. Scaling up or down after placing an image will still change its quality, like it would in Photoshop. Always place your images at 100%.

Sources:
McCue, Claudia. Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. Print.

Tuesday, February 7, 2012

Chapter 6 and 7 Summary

In Chapter 6 and 7 we learn about fonts and cross platform issues.

The first thing we learn about in chapter 6 is the font format PostScript. In the early days of fonts, Postscript was the main font format used, because early RIPs crashed when they tried to take on TrueType fonts. This is no longer the case. Postscript consists of two files: a bitmap screen font and a printer component that holds instructions on printing the font. You should never delete one or the other off of your computer thinking that you only need one for the font to function.

Truetype consists of a single file. As mentioned earlier, they are now able to be read by RIPs, so there is no need to worry about whether you are using Truetype or Postscript.

Opentype fonts are single-file fonts like Truetype. They do not have separate screen and printer fonts. The plus about Opentype is that it is cross platform, meaing the same font file cam be used on a Mac or PC. Opentype fonts can contain as many as 65,000 glyphs, whereas Postscript can only have up to 256 characters.

A font family is a collection of fonts that all have the same characteristics as the others. Examples of these include Helvetica, Arial, Georgia and Garamond. Each of these families have characters that look similar to the other characters in their family.

Glyphs are any distinct letterform, such asa lowercase b, a number, or an ampersand. This opens up possibilties to a fon designer to be able to include a number of different things in one font. It used to be that separate titling sets had to be saved separately, but not anymore.

dfonts are Macintosh OS X System fonts that are Truetype fonts underneath it all. These fonts are data only. They are hard to distiguish from the Postcript fonts that are named the same. If you want to use Postscript instead of the dfonts that are automatically default, you have to be able to activate or deactivate them yourself. dfonts also don't not work on OS 9 systems because they are not recognized as fonts.

Multiple Master fonts were introduced by Adobe and allow users to apply different effects to them such as multiple weights, widths and angles. It isn't used much today because people don't know much about them, but they are still used today for display and printing when fonts are missing in a PDF. They are also used whem fonts are not available for display in InDesign or Illustrator.

End User Agreements (or EULAs) are attached to fonts that you purchase to use. Most of the agreements attached to fonts allow for the same font file to be used on several workstations and one or two printing devices. If you are wanting to send you files off to be printed by another print provider, both you and the printer have to own the fonts for the font to be printed legally. Converting text to outlines may get rid of the hinting for the fonts, but that doesn't mean you're getting around the EULAs.

When it comes to file naming, do not use punctuation at all. Letters, numerals, spaces, underscores and hyphens are allowed to be used in file naming. If you are naming files for the Web, you should avoid using spaces, because the space will be replaced with "%20." Colons and slashes may be allowed to be used in Mac OS, but avoid using them for they will not be allowed to be copied over to Windows. You should also avoid slashes because when you send files to a print provider, they will most likely copy your files over to a server to store, and you could mess up all of your files if you had not named them safely.

Extensions are not required by all Mac systems, but  you should always use them. They help you identify files quickly. Most file names consist of three letters, such as .tif, .pdf and .eps. Some have longer extensions like .html. A period always separates the name of the file and the extension.

Formats that can cross platforms include Opentype fonts, and graphic format files. These include TIFF, PSD, EPS, AI, and JPEG. You don't have to worry about converting them, and you can use them wherever!

Sources:
McCue, Claudia. Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. Print.

Thursday, February 2, 2012

Copyright for Designers

Dictionary.com says that a copyright is "the exclusive right to make copies, license, and otherwise exploit a literary, musical, or artistic work..." We all must follow copyright, and if we don't, we are breaking laws. Many people seem to think that if you are able to pull it off the internet, you can use it freely. This is not the case. If you are going to use something off the internet that you did not create, you must make sure that you are able to use it legally. Things like images, fonts, content, multimedia documents and other intellectual property - online and off - are protected under copyright. As digital technology grows, discussions have gone on more and more about translation and adaptation rights. Adapting and transforming images, sounds and content is easier to do in a digital format.
You can find things on the internet that come copyright free, but you have to know where to look. You can find copyright free images and other creative tools on websites such as istock.com, shutterstock.com and wegraphics.net. Owners can abandon their rights of ownership, and post their works on the internet for people to take and use for free. Owners can also restrict the use of their works to only noncommercial use.

There are two types of copyright: economic and moral. Economic rights allow the owner to receive financial rewards for their work, while moral rights allow the creator to take certain actions to keep the link between him and his work.
You can still use some works as long as you give credit to whoever owns the rights. Things that fall under free use include:
  • quoting from a protected work while giving a source and the name of the author
  • use of illustrations for teaching purposes
  • use of works for reporting news
I found this information at Wipo.int