Tuesday, February 28, 2012

Newspaper Ad

Our third project is a newspaper advertisement for the Collegio, the PSU newspaper. First thing's first, we had to understand how the newspaper was set up and how we would determine what size our ads would be. Using the supplied measurements for column widths and a formula, we were able to determine the different pricing for various sizes of ads. The formula is: (number of columns) x (height in inches) x $4 (per inch). This will give you the total cost for that specific ad size. We also had the width in actual inches for each of the column widths: 1 = 1.83", 2 = 3.79", 3 = 5.75", 4 = 7.71", 5 = 9.67", and 6 = 11.63". With all of this taken care of, we were then assigned our budget for the project, which was to spend as close to $97 without going over. Using both the formula and the column widths in inches, we were able to determine what sizes of ads we could choose from for our own projects.

Since it's a newspaper ad, it is to be in black and white only. Also, there would be no bleeds, but there would need to be margins of at least .125". Pretty basic stuff.


Now, on to the (semi-)interesting stuff...what my ad is for! I decided I would design an advertisement for my father's Automotive Body Repair business in Parsons: The Body Shop. For the past couple of years, I've been helping him create a new logo and sign to use for advertisement in the local paper, on Facebook, on T-shirts, etc. I created the outlines in AutoCad (while I was a senior in high school). I then used our school's vinyl cutter to cut all of the pieces, which I then applied to the sign myself. In case you're a curious creature and would like to see the logo and the sign, just have a peek at them here on the right.

Obviously, my target audience for the piece could be anyone with a vehicle. After I thought about it for a while, I realized that it's very likely that someone with a wrecked vehicle needing repairs may turn to the yellow pages of the phone book before they would check the newspaper. So, I decided I would include information on one of the other services my dad offers besides body work. About a year ago, he did a little experimenting with refinished cloudy, yellowed headlights (experimented he did on my car and several other family members, mind you). Since it was so successful, he began offering it to his customers. I figured there would be a higher number of readers with cloudy headlights than wrecked cars, so advertising this service would be a great way to get people to come in and see the work first-hand. Then, if and when they would need body work, they would already have a (hopefully) positive experience with us.

With the information I knew I needed to include in the ad and the preexisting logo (seen above), I decided to draw thumbnails for two different sizes of ads: 4 column x 6" (7.71" x 6") and 5 column x 4.5" (9.67" x 4.5"). Note that not all of them were designed to include the headlight service. I tried a couple ideas simply including the basic services and contact information of the business. Once I had my thumbs drawn, I decided it best to go with the headlight idea. Anyways, here they are:


I spent some time reviewing my thumbnail designs, and, after a phone call to my mom for some insight, I decided to go with the bottom-most design. The left portion will include information about the headlight restoration service, while the right will include general information about other repair services. Employee names, contact information, and a link to Facebook will be placed running along the bottom of the ad. Here's my rough sketch:


Here is a screen grab of my final image. I only made a couple of changes during the creation of the file. I included a bitmap (the bullet within the text on the right) and a vector image (the truck in the lower left).




                                                                                                                   

Master Image List Elements: Bitmap and Vector images. The vector is also a reverse.

Copyright statement: I created all image elements myself.

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

Master Image List Descriptions

Bitmap - These contain only black and white (with no shades of gray). They are typically scanned and can have a very high resolution while maintaining a small file size. Bitmaps are created by changing the color mode of the image to Bitmap, and they are saved as .bmp files.

Reverse - This is where the image area is set so that the paper shows through, and the non-image area is created by the ink on the paper. This is most often done with text, but it can also be done with certain images. Reverses can be done in various color modes. They are simply created by setting them to Paper, instead of an ink color. Reverses can be done in .indd (InDesign) and .ai (Illustrator) file formats.

Vector Art - Vector images are free of pixels and are created through mathematical formulas. This means that they may be sized up and down without any effect on resolution. Vector images are great for logos and various other graphical elements, particularly when creating ones that require precision or scaling. They can be made in both RGB and CMYK color modes. Acceptable file formats are .eps (Encapsulated PostScript), .ai (Illustrator), and PDF.

Grayscale Raster - Grayscale images are compiled from a series of black and white pixels, along with those in various shades of gray. These are what we typically call Black and White images. Since these are raster images, their resolutions are greatly effected by scaling up or down. They can be created in Photoshop (or other image software) by selecting the Grayscale color mode. Though they can be created in several file formats, the best option is .tif.

Duotone Raster - Duotones are very similar to grayscale rasters, except they also include a spot color to add a tint to the image. Selecting the Duotone color mode and the desired spot color will produce a Duotone image. Keep in mind that if you are going to print the Duotone, that the spot color may need to be converted to CMYK before sending it off for output. File formats for these are a bit more strict and should be limited to the .eps file type.

Silhouette Raster -A silhouette is created through the use of a clipping path, commonly done in Photoshop. Silhouette rasters can be done in most color modes, but they should always be saved as an .eps file. This is the only way to have the image appear clipped without actually deleting the rest of the image.

Full Bleed Raster - Full bleed rasters can be done with grayscales, duotones, or four color images. What makes them special is that they need to be a high enough resolution to extend (bleed) off of all sides of the page. It can sometimes be difficult to find images large enough to be a full bleed without hindering resolution.

Four Color Raster - Four color rasters, obviously, use all four colors of the CMYK process. These are simply what we would refer to as full color images. The best format to save a four color raster is a .tif.

Screen Tint -A screen tint is done where a Pantone spot color is converted to a process color for printing. This is most often done when working with duotones that will be printing, since duotones begin with a grayscale image and a spot color.

                                                                                                                   

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

Tuesday, February 21, 2012

Chapters 11 & 12 Summary

Chapter 11 -- InDesign CS4 Production Tips

One of the most prominent things to be familiar with when working with InDesign deals with placing images into the document through the use of the Place function. InDesign offers the option to place graphics with or without creating a box for it to rest in before placement. If you chose to make a box, you can use the Rectangle Frame tool or the Rectangle tool (any other form of enclosed shape will also accept placement of a graphic). The Rectangle Frame tool will create a shape with a fill and stroke value of None, whereas the other tools create objects with strokes and nothing in the middle. This can become an issue if these objects are at the top of the stacking order, because when you go to place a graphic, it can be put inside that empty object instead of the one you were aiming for. Placing an image without first creating a frame can save you a lot of time since InDesign will automatically create a frame for the image once you place it.

If you don't like going through the menus to place an image, you also have the option to drag and drop an image onto the layout. Dragging and dropping from a folder within the Finder or Windows Explorer (depending on if you are using Macintosh or Windows) is equivalent to the Place command, and it provides links for the graphics. You can do the same thing through Adobe Bridge, which can more easily be placed over the InDesign window. Additionally, Bridge will display high-quality thumbnails. However, you should be aware of the potential issues caused when doing so from some applications. Dragging and dropping or copy/pasting an image from Photoshop will leave you with a number of issues and will not provide a link in the Links panel. Also, using this method to insert content from Illustrator can also cause some problems with transparencies and shadows.

The Links panel will show you information on all of the graphics placed into the document, and it will show which of these have been modified or are missing. Modified links will be indicated by a small yellow triangle next to the filename, while missing links will be indicated by a red stop sign. Additionally, you can view other details about each link within the panel. To resolve missing links, you much Relink them, using the button at the bottom of the panel. Then you will navigate to the file you wish to relink to. You can also click Update Link to update any modified graphics within the document.

Transforming graphics in InDesign can be done in several ways. Using the Selection tool, select the object, then use either the Scale or Free Transform tool to scale both frame and its contents. Also, you can change the percentage values into the scale fields of the Control panel. Command+Shift and dragging a frame corner will also allow you to scale an object. Note that using the Selection tool will only select the frame, thus the scale will always appear to be 100%. Clicking on the frame with the Direct Selection tool will select only the graphic placed inside. This is where you will fine the true scale percentage of the object.

You can use Photoshop, Illustrator, or InDesign to add a drop shadow to an object, and each will do a good enough job. InDesign and Illustrator are especially good for making drop shadows which will interact with other objects within the document. For more complicated shadowing, it's best to do so in Photoshop. However, keep in mind that InDesign can only handle these to a certain extent. Shadows falling onto other elements in InDesign will not necessarily work out. Special options can resolve this issue.

The Swatches panel provides a place to keep colors used within the document as well as ones created in the Color panel. Those created in the Color panel will only appear if you have gone into the Swatches panel menu and selected Add Unnamed Colors. This option will find all used colors made from the Color panel and adds them to the Swatches. Pay close attention to the color mode of the swatches, that is, if they are process or spot colors. A process color will display a gray square next to the swatch name, and a spot color will show a white square with a gray circle (spot) in the center. Also, note any swatches that should be the same, but have different names. A RIP will see each of these as a different color and will output each one separately. A solution is to use Ink Manager, which intended to fix spot-color errors through remapping. This will remap each of the extra, differently named swatches to a single ink color. You can access the Ink Manager through the Separations Preview panel menu, the Swatches panel menu, and in the Print and Export dialogs. First, select the spot color you intend to remap, then select the correct color from the Ink Alias list. All of these changes take place for output and will have no effect on the document itself, including the Swatches panel.

Chapter 12 -- Acrobat Production Tips

Though PDFs (Portable Document Files) are generally viewed in an application like Adobe Acrobat Reader, they are created elsewhere. PDFs can come from scanners, images, web pages, and software like InDesign and Illustrator, and a few other places. There are several settings associated with PDF creation. These include Standard, Smallest File Size, and Press Quality, which are self-explanatory, as well as various PDF/X and PDF/A settings, which are based on specific standards. The "X" stands for "exchange," meaning it can be exchanged between creators and recipients. The "A" stands for "archive," meaning that they are aimed for towards record keeping and, of course, archival. Each standard enables certain specific settings within the PDF and will be intended for different viewing, outputting, etc. The most common standard, and the best to choose when no standard is specified, is PDF/X-1a. This standard will have a PDF version of 5.0, a downsample/threshold of 300/450, and maximum compression image quality. Also, no changes will be made to the color policy, and it will be available in Illustrator, Photoshop, InDesign, and Distiller.

To make a PDF in InDesign, Illustrator, or Photoshop using the Export command. This will retain layers, live transparency, and interactivity. Some printers still prefer you use Distiller to create PDFs, but in most cases exporting is faster and easier, while Distiller is simply a longer way of doing things.

Editing PDFs in Acrobat is rather limited. However, there are three Advanced Editing tools available for your use. TouchUp Text will select and edit text as long as the proper fonts are installed. TouchUp Object will select raster and vector images to edit in Photoshop or Illustrator. TouchUp Reading Order, though rarely used, can modify objects to make files for visually impaired users. These options are limited because PDFs are intended to maintain the integrity of the document.

                                                                                                                   

Sources:
McCue, Claudia. "InDesign CS4 Production Tips." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 203-258. Print.
McCue, Claudia. "Acrobat Production Tips." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 259-296. Print.

Thursday, February 16, 2012

Microsoft Tag

Several weeks ago, I discussed QR Codes. Today, I'll be touching on a similar technology called Microsoft Tag. Generally, they're pretty much the same thing, but of course, one is more proprietary (and a bit more interesting to look at).

Microsoft Tag is a version of two-dimensional barcodes that can be scanned using any smart phone that has the free Microsoft Tag app installed. Like QR codes, these tags can be placed almost any place a user might see, and, once scanned, they can connect to the user to online content. The only downside here is that scanning Microsoft Tags can only be done with the Microsoft Tag app, not with a general barcode scanner like the ones QR codes require.

Generating one of these tags is fairly quick and simple, so long as you are registered with a Windows Live ID. Once you've signed in (or signed up), you can begin creating your tags. I'm writing all of this under assumptions, as I experienced quite a few issues when trying to sign up for a Windows Live ID, and as a result, I was not able to complete the sign-up. Technology isn't always perfect, despite what we'd like to believe.

Anyways, according to the Microsoft Tag site, you will simply log into the Tag Manager using your Windows Live ID login. Then, click on "Create a Tag." After that, you just start punching in all your information needed to create your tag. Click the Download button and decide on the size of tag you want, the format you'd like it to be in, and whether it will be a Basic or Custom Tag. Then, your tag will be downloaded and ready to put all over the place!

The option to create a Custom Tag, I think, is the real "selling" point for Microsoft Tags. You have the ability to create completely abstract-looking tags like this...
More Examples Here

Or, you can place an image, graphic, solid color, or gradient behind the tag like this...

More Examples Here
You also have the ability to track the interactions with your tags using the Tag Manager's reporting tools (similar to Google Analytics). With this, you can see what, when, where, and how many times a tag has been scanned. Each of these bits of information can be used to find out the most effective uses of the tags and how to improve return in the future.

Even though created a Microsoft Tag isn't quite as simple as creating a QR code and a specific app is required for scanning, there are several advantages with it's Custom Tag feature. If appearance is a top priority to you, Microsoft Tag can definitely be a great option for you. Plus, this service offers all of the same features you would get when using QR codes.

So, with all of this in mind, happy tagging!

                                                                                                                   

Sources:

Wednesday, February 15, 2012

Chapters 8, 9, & 10 Summary

Chapter 8 -- Job Submission

When it comes to getting jobs printed, it's important to keep in touch with employees of the printing company to ensure both parties are happy in the end. When you're initially talking with the printer, you'll likely be talking to a saleperson. In the best cases, they'll be sure to ask plenty of questions about the job at hand, let you know ahead of time how you can resolve any potential problems before they happen, and give you an idea of what to expect once it is finished. Additionally, the salesperson will be the one responsible for obtaining all of your information and the specifications for the job in order to give you a quote for the cost and an estimated production timeline. After that, you'll begin speaking to a CSR (customer service representative). This person will be more experienced as a professional printer, and they'll be the one giving you specific information about the job. It can be very beneficial to you to have a working relationship with as many people as necessary within a printing company so that you know as much as possible about the process. The more you know, the more smoothly everything will go.

When planning for printing, you should make sure that you've established all of the most vital parameters including external document size, adequate bleeds, internal panel sizes (if any), images, graphics, or text that may interact with folds, perforations, die cuts, or trimming, the correct number of pages, and the correct number and type of inks for the job. You should also make sure to check your raster and vector images to make sure they are appropriate for the job and meet any requirements established by the printer. For rasters, keep an eye on: the resolution (the general minimum is 300 ppi), the color space for the image (RGB, CMYK, grayscale, monochrome, and duotone are the major ones), any necessary retouching to be done either by yourself or the printer, that any scans or digital images are rotated or scaled properly so that detail is not compromised, and that you have followed proper file naming techniques for your own system and the printer's system(s). For vector graphics, make sure you are using the correct colors and color naming, avoid embedding images if possible as it will be the safest route, embed fonts or outline text (keeping the EULAs in mind), check text for proper spelling and grammar, eliminate any remnants of of empty text, and include an adequate amount of bleed.

The final step before production is to get proofs made. The types of proofs are image proofs and page proofs. Image proofs are made for each of the individual images on the layout to show you how they will look on the final print. This is very helpful for both scans and digital images because it can help you to be sure of the sizing, cropping, orientations, color, and detail. Page proofs can be offered as individual pages or as an imposed proof, which shows multiple pages on one sheet (how they will be printed). These proofs are extremely important, as they provide an opportunity to check for size, bleeds, image and text areas, correct fonts and images, any special effects, crossover art, etc. Getting a printed proof of the job before printing can save you a lot of time and stress, and likely a lot of money.

Chapter 9 -- Photoshop CS4 Production Tips

One of the biggest issues in working with images in Photoshop deals with scaling and rotating. If you're scanning the image, try to scan it in at the appropriate size, rather than scaling it within Photoshop or other software. Also, if the image is to appear multiple times at different sizes, take that into account as well. If the two images are relatively close in size, it is generally safe to simply use the scale tool to reduce the larger image down to the size of the smaller one. However, if the images are considerably different in size, it is best to make two separate scans. If scaling is necessary, doing so in Photoshop will give you more control with resampling and sizing. Whenever possible, it is always best to scan images at the correct angle. This isn't always possible if you are taking the photograph yourself. So, if you must rotate the image, again, do so in Photoshop. Since rotating the image multiple times will lessen the detail of the image, try to determine the total angle of rotation first, and do it all at once.

Resolution is another big thing to keep in mind when working with images in Photoshop. Similar to working with image size, start off with as much information (higher resolution) as possible, because you can delete it, but you can't necessarily create it. 300 ppi is generally what is used, however, certain situations could call for a higher or lower resolution.

The two basic color spaces you'll deal with are RGB and CMYK. RGB is the same color space as what we see with our eyes and what is displayed on monitors and screens. It is also the color space used by scanners and cameras. It can be quite advantageous to keep images in RGB while you are working with them and to refrain from converting them to CMYK until you are ready to print. CMYK, or process color, is using in printing. Generally, you'll be converting your images to this color space to have them printed, unless you are having them printed as a grayscale or a duotone.

With advancements in software in the Adobe Creative Suite, Illustrator and InDesign can handle unflattened layered PSD files, so compatibility is not an issue. However, flattening a Photoshop document with a large file size can be more efficient if they are to be placed into a layout. Also, flattening can prevent others from editing your image, but if you chose to do so, be sure to keep an unflattened version available to you just in case. Similarly, transparencies in Photoshop files work with both Illustrator and InDesign, but these programs do not handle the blending modes used by Photoshop. This issue can also be solved by flattening the image before placing it into another program. Again, be sure to keep the original files as well as the flattened ones, in case further adjustments or changes need to be made.

When creating a path in Photoshop, there are a few tricks to making it smooth and appealing. Using a 10-pixel (approximately) tolerance can make a smoother line, but the path is loosely fitted to the object and some areas may be cut off. Though it can be painstaking, using the Pen tool will produce a better outline for the image. Also, it's best to leave the "Flatness" value (in the Clipping Path options) blank, so that whatever RIP that will be processing the file can use the appropriate value for itself. Finally, be sure that all clipping paths are designated as such within the Paths panel, otherwise, they will not really be a clipping path.

Duotones are images that consist of only two colors, one of which is almost always black while the other is generally a specific spot color. This option can make your job a great deal more appealing without having as much of an affect on your budget as a full process job would. When creating a duotone, you must first convert the image to a grayscale, if it isn't one already. Then, select your colors. If you plan on using black, simply select the "Black" ink listing (Note: This is not a spot color. The printer will use their plain black ink for this.). Don't attempt to change the name of the black ink, as this will cause the printer to use a spot color, which is what you're trying to avoid in the first place.

Chapter 10 -- Illustrator CS4 Production Tips

Illustrator uses a page-like feature called artboards. These artboards don't correlate to actual page sizes of documents created in the program. When you create a new file, it defaults to include one artboard with the dimensions set when you select New Document. Also, in this dialog box, you can change not only the size of the artboard, but the number of them to be created. Additionally, new artboards can be created and edited at any time within an existing document through the use of the Artboard tool. You simply drag your cursor to create an artboard of that size. Pressing Enter after you have created an artboard orgoing to the Artboard Options icon will open a dialog where you can adjust the dimensions of the selected artboard. There is also a list of preset sizes to choose from that includes most of the common print sizes. Finally, all artboards can be modified and moved using the Artboard tool into any size and position you want; you can even overlap them if you choose. Any artwork placed outside of artboards will not be printed or exported, unless you choose the Ignore Artboards option when outputting.

Bleed settings can be specified when creating a new document or when editing an existing document in the "Document Setup" dialog. These bleeds can be asymmetrical (different on each side), and they can be set to any measurement up to one inch. The bleed value will be used on all artboards, meaning no artboard can have a unique bleed.

Even though today's RIPs can handle a great deal more than ones in the past, it is still a good idea to simplify complex art. Though using numerous points when drawing with the Pen tool might seem like it would make for a better drawing, images can often come out just the opposite. A function called Simplify will modify objects and reduce the total number of points used within them. In the Simplify dialog, you can use the Curve Precision slider to control the amount of points retained in a selection. Checking the Preview box when making alterations in this dialog allows you to see the changes real time to determine if you are happy with the results before committing to them. It's important to note that reducing the Curve Precision to anything much less than 95% will start to erode the detail in the image and delete many needed points. Also, extra or empty points somewhere in the artboard can cause the bounding box for the file to be far larger than necessary. Illustrator offers a Clean Up function, that, when used, deletes any stray points, objects without fills or stroke, and all empty text paths. Fortunately, Clean Up is smart enough to know not to delete masks, which don't have a fill or stroke.

Illustrator also includes some live effects to be used on objects, meaning that the changes you make to them can be edited, hidden, or deleted after applying them. The filters of former versions of Illustrator have been removed, because not only were they redundant to the Effects, but also they made permanent changes and altered the actual object. The Effects panel includes both Illustrator and Photoshop effects. Illustrator Effects are used on interiors and edges of vectors and Clipping Masks. Photoshop Effects affect only the interior of vectors and Clipping Paths.

There are many options in Illustrator to make use of it's transparency capabilities. Blending modes like Difference and Exclusion cause areas to be converted to CMYK (or RGB depending on the specified color mode of the document). Also, applying blending modes to spot colors in Illustrator and placing them into InDesign for output to CMYK could be problematic. Making use of Overprint Preview can help you be sure that what you are seeing on the display is correct. Similar to working with transparencies in Photoshop, you may need to flatten your Illustrator images before sending them off for printing.

Upon placing an image in Illustrator, you must choose whether you want to Link or Embed the image. If you choose to Link the image, the overall size of the Illustrator file will be smaller, and you still have the ability to edit or correct those images with their native programs. Linking provides no issues, so long as you make sure to keep all links up to date and to supply them to the printer when the time comes. Embedding the image into Illustrator will result in a larger file size, just as you would expect. Even though this seems like it is an easier option for keeping things organized, it can make it very difficult to edit the image after it has been placed. If you still have the original, you can simple click Relink on your Links panel and choose the image. You would then edit that image, update the link, and embed it again. However, it happens quite often that you do not have access to the original image, and Illustrator will not let you extract it so it may be edited. But, you can select the image and copy/paste it into a Photoshop document and edit it from there. If you are planning on embedding images, it's best to make sure they require no further editing afterwards, as it is just much easier that way.

                                                                                                                   

Sources:
McCue, Claudia. "Job Submission." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 125-142. Print.
McCue, Claudia. "Photoshop CS4 Production Tips." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 143-167. Print.
McCue, Claudia. "Illustrator CS4 Production Tips." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 169-202. Print.

Tuesday, February 14, 2012

Direct Mail

Next up for the class, we're doing a Variable Data Direct Mail piece of our choosing. This piece would be used to call out to two different audiences, using the same layout with some interchangeable elements that cater to each of the two groups. For mine, I have decided to make up a fake, little travel company. One version of the layout would be sent out to the portion of the group interested in vacationing to a larger city, while the other version would advertise for a more scenic, rural vacation. Each of these would lead the recipient to contact the company, either through email, phone, or Internet (I haven't exactly decided which yet. It just depends on how things come together).

The specifications given were that the piece must be 5" by 7", double-sided, and the back should leave 4" of space for mailing information. Also, other than the address change for each individual, there are to be at least two other instances of changes from one version to the other. Again, one layout is to be used for both pieces, and some (or all, if desired) of the text and images will be swapped in and out, depending on what group the recipient falls into. An 1/8" bleed and 1/4" margins should be used. As far as colors go, we can use black and white, two color, or four color process.

Right now, in the beginning stages of the process, I'm thinking that I might use duotone, but I'm still open to four color. I'm also considering my options for using a full-bleed image and/or a reverse.

Here are my thumbnails:






And here are my rough sketches:


Update: I decided to go with my first rough (seen above). The images would require a full bleed, and I chose to go ahead and make them duotones (because of my Master Image List requirements). For my colors, I tried to think of the color schemes of other travel companies I've seen in the past. Also, I wanted to pick a vibrant and exciting color that would be more so associated with happiness and fun. I picked a nice, bright orange from the solid coated Pantone chart (Pantone 124 C) and used that to make my two duotones. This turned out to be a rather good choice, since it gave the images a sepia-tone look, which I thought went well with the travel idea. After converting the Pantone to a process color, I incorporated it onto the back side of the piece. Initially, I thought I would use a reverse for the text and logo. However, I realized I didn't know how to make the Illustrator file a reverse. It worked out just fine, though. I felt the white text on the orange color block seemed a bit washed out, mostly because of the large block of white space for mailing. I switched both the text and the logo to black, and I finished it up. Here's my final piece:


On the final printed pieces, recipients in the "city" group will receive a piece with: their name on the front, "Want to see the city?," and the image of the city skyline. Those in the "rural" group will have a piece with: their name on the front, "Want to get away?," and the image of the mountain road. The back portion of both pieces will be identical, with the except of the name and address in the mailing section.

                                                                                                                   

Master Image List Elements: The images on the front of the piece fulfill the "Raster - full bleed [Photoshop image]" requirement. Since they are both duotones, they also fulfill that. Also, I chose a Pantone color for those duotones and converted them to CMYK, which fulfills one of the two "Screen Tint" requirements.

Copyright statement: I generated the "Kinnamon Travel" logo in Illustrator myself, just for the purposes of this project. The images were both obtained from Flickr from the Creative Commons section. The city image has an "Attribution" license and copyrighted to Francisco Diez. The rural image has both an "Attribution" and "Non-Commercial" license, with a copyright belonging to WanderingtheWorld (www.LostManProject.org).

Monday, February 6, 2012

Chapters 6 & 7 Summary

Chapter 6 -- Fonts

There are three major formats of fonts, which are PostScript, TrueType, and OpenType.
PostScript
or Type 1 fonts have been around for quite some time, and until recently, were considered the only right font format to use. These fonts use two files: a screen font and a printer font. The screen font is a bitmap component which is used only for displaying the font on the screen. This portion alone will not output a resolution acceptable for printing. The printer font contains the PostScript data necessary for printing. Both of these files must be present in order to use a PostScript font. Also, these fonts have a limited character set of only 256.
TrueType fonts were created by Apple Computers and Microsoft and differ from PostScript fonts in that they have only one font file. Years ago, RIPs weren't as powerful as they are today, and thus could not process TrueType fonts. However, today, they can be processed as quickly and easily as PostScript fonts, and they should not be looked down upon as a poor font choice.
OpenType fonts are quite special because not only are they single-file fonts, but they also are cross-platform compatible. This means that the same font file can be used on either PCs or Macs. Another plus for OpenType fonts is that they have the ability to contain up to or over 65,000 glyphs, which are different from the characters used in other font files. Glyphs are any letterform within a font, including numbers, upper and lowercase letters, punctuation marks, etc. Font designers can take advantage of the use of glyphs by creating special swashes, ligatures, fractions, and more to make fonts more specific and special. All of the pieces of the font family are now contained within one font, that is all of the glyphs are now kept together. Additionally, OpenType formats allow the possibility to contain glyphs for multiple languages.

Macintosh system fonts like Geneva, Monaco, and Charcoal and OS X system fonts like Helvetica and Times Roman are referred to as dfonts (a really technical name that isn't worth explaining). Dfonts can pose problems because they are really TrueType fonts, even though they have the exact same name as similar PostScript fonts. This can be especially problematic considering system fonts are active by default, meaning that the dfont could automatically substitute itself for a PostScript font with the same name, likely causing the text to reflow.

Multiple Master Fonts were created by Adobe to allow users to edit these fonts to include multiple weights, angles, and widths of a specific single font. However good this looked on paper, it turned problematic when users struggled to understand how to create and collect these variants. Though they are no longer used in the printing industry, they do still appear for displaying/printing of missing fonts in PDFs or displaying missing fonts in InDesign or Illustrator.

Licensing is something to be aware of when using fonts. Purchased fonts come with End User License Agreements (EULAs) that determine how a font can be used and how many workstations/printers may use the font. However, when packaging fonts to sent to a printing service, the EULA is likely being violated, as both the client and the service provider should have purchased, licensed copies of all fonts used. Some font vendors also believe that they must protect fonts even if they are simply embedded into a PDF. They do this by subsetting, a process that embeds only the characters used within the file, not the entire font. They also say that all PDFs should be set so that they may only be viewed and printed. Occasionally, the EULA could contain a "don't embed" flag, or even prevent creating outlines from the text.


Chapter 7 -- Cross-Platform Issues

File Naming is rather important when it comes to both Macintosh and Windows systems. Currently, both platforms allow a total character length of 255. With Windows, there is also a total path designation limit of 260 characters, which shows the pathway to the location of the file. File extensions are included in the file name, not the path designation.

Generally, it's best to stick to alphanumeric (numbers and letters) characters combined with spaces, underscores, and hyphens while avoiding ones like !@#$%^&*, etc. Spaces are only an issue when saving files for the Web, because they could be replaced with the characters "%20." Also, Colons and slashes should also be avoided, as they are used by the platforms to mark directory breaks. And, though it probably won't pose any problems, it's best to stay away from using periods, just in case. Finally, it's in your best interest to be aware of any combinations of characters reserved by Windows for various ports.

Similar to in the past, Mac OS X does not require file extensions to be included, but they are vital if there is any chance of transferring the files to another platform. Most of these extensions consist of a period followed by three letters, but a few longer extensions like .html (Web) or .indd (InDesign) may appear. Incorrect or absent extensions can keep a Macintosh file from being opened on a Windows system. Even though it's easy to add an extension if a problem occurs, getting into the habit of always adding them will do nothing but help.

Formats capable of crossing platforms include TIFF, PSD (Photoshop document), EPS (Encapsulated PostScript), AI (Adobe Illustrator), JPEG, and PDF.

                                                                                                                   

Sources:
McCue, Claudia. "Fonts." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 107-118. Print.
McCue, Claudia. "Cross-Platform Issues." Real World Print Production with Adobe Creative Suite Applications. Berkeley, CA: Peachpit, 2009. 119-124. Print. 

Thursday, February 2, 2012

Copyright for Designers

Copyrights may not be too particularly important to most of us in our everyday lives, it is vital to Graphic Designers. Though copyrights protect books, music, dramas, choreography, art, sculptures, movies, and many others, the main concerns within graphic design are images, content, fonts, and intellectual property. Graphic designers should always be aware of the parameters of the copyright laws which govern these works, because they will often be using elements which were not created solely by themselves. Knowing how one can and cannot use something in a design will prevent legal issues later on.

As far as images go, if you take the photo, you own the copyright to it. The exception to this rule is if you are taking photos under a contract with a client or employer. In this case, the copyrights to the images belong to the client/employer. Now, if the image contains a person or a trademarked, service marked, or registered product/image, the rules are a bit different. If the photo is of a person and is used for editorial purposes, permission from the subject is not required. Conversely, permission is required if the image is used for advertising, because the subject is entitled to some of the profit. Additionally, if the image contains anything with a trademark, service mark, or registered trademark, permission needs to be obtained before use.

How copyright applies to fonts really depends on where you are. First, the distinction must be made between typefaces and fonts. A typeface is the way characters are visually represented, such as serifs, sans serifs, Roman, blackletter, etc. This is not to be confused with fonts, which are more specific sets of characters. In the United States, typefaces cannot be copyrighted (though they can be placed under a design patent), while fonts can be copyrighted. Most font download sites give information on the copyright and licensing information for the fonts. It's important to read over this information before placing any of these fonts within your designs.

Use of content, particularly that of a website, would also be considered copyright infringement, and the same rules apply to literary works as well. Most people are under the assumption that online content is free of copyright laws, but this is not the case. If there is no information on the website concerning copyright usage, it is the best option to attempt to contact the owner to request permission. However, if that is not an option, take the high road and avoid using it altogether.

Copyright also applies to intangible property as well, known as intellectual property. This was created to give owners the rights for ideas behind their music, art, literature, discoveries/inventions, words, symbols, etc. These rights are held in patents, copyrights, and trademarks. Determining what can be described as intellectual property and how it may or may not be used can be quite difficult.

As I said earlier, not everything you find online, whether it be content, images, or fonts, are free of copyright restrictions. Just because it isn't something tangible in your hands or it wasn't officially published by the owner doesn't mean there aren't rights attached to it. In fact, all of the things you find online have rights belonging to someone. Depending on what you're dealing with, copyright laws and usage will differ. It is always, always, always in your best interests to take it upon yourself to get educated about the copyright laws for whatever content you're thinking of using. You can never be too safe when it comes this, and when in doubt, don't use it.

                                                                                                                  


Sources:
http://www.copyright.gov/
http://www.pdimages.com/web9.htm
http://www.ehow.com/about_5048507_copyright-laws-images.html
http://sbinfocanada.about.com/cs/legalmatters/a/websitetheftjb.htm
http://en.wikipedia.org/wiki/Intellectual_property
http://en.wikipedia.org/wiki/Wikipedia:Public_domain#Fonts
http://en.wikipedia.org/wiki/Intellectual_property_protection_of_typefaces