Difference between revisions of "Between Image and Word - Photoshop - InDesign"

From Help Wiki
m (Packaging your project for print)
 
(19 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
==Intro to Photoshop==
 
==Intro to Photoshop==
Photoshop interface''' and navigating an image
+
===Photoshop interface and navigating an image===
 
#Open your scanned document in Photoshop
 
#Open your scanned document in Photoshop
 
#*Zoom: Cmd +/-
 
#*Zoom: Cmd +/-
Line 15: Line 15:
 
#* for print, image resolution should be at least 300 dpi
 
#* for print, image resolution should be at least 300 dpi
 
#'''File > Save as'''. Choose '''Photoshop''' as the file format. Note the '''.psd''' extension.
 
#'''File > Save as'''. Choose '''Photoshop''' as the file format. Note the '''.psd''' extension.
 +
 +
===Making Adjustments===
 +
#'''Image mode'''
 +
#*All images must be in '''RGB''' mode. Go '''Image > Image mode''' and set the mode to RGB if it is not already
 +
#Rotate your image '''Image > Image Rotation'''
 
#Image adjustments located under '''Image > Adjustments'''
 
#Image adjustments located under '''Image > Adjustments'''
#*Adjusting Levels can work to clean-up scanned drawings
+
#*Adjusting Levels can work to clean-up scanned drawings or bring added depth the dull snapshots
 +
#*Adjustment layers are a more flexible option
 
#Working with Type - note the new type layer created
 
#Working with Type - note the new type layer created
 
#* Think carefully about when to use type in Photoshop vs. type in InDesign
 
#* Think carefully about when to use type in Photoshop vs. type in InDesign
Line 24: Line 30:
 
InDesign is used to combine text and images in preparation for print.
 
InDesign is used to combine text and images in preparation for print.
 
===File Management===
 
===File Management===
#Create a new folder on your desktop. Name it ''yourlastname''-project.
+
#Create a new folder on your desktop. Name it ''yourlastname_partnerlastname''.
#Copy all images your are going to use in your project into a subfolder in this project folder
+
#Copy all images your are going to use in your project into a subfolder (called images) in this project folder
 +
#Navigate to Orca/programs/between-image-word/handouts
 +
#copy BETWEEN.indd file from handouts to your project folder on your desktop
 
#Launch InDesign and open the BETWEEN.indd file from within your project folder
 
#Launch InDesign and open the BETWEEN.indd file from within your project folder
#Save the ATN-Template.indt template file and rename it with ATN-''your last name''.indd
+
#Go '''File > Save As''' and rename it with ''yourlastname_partnerlastname''.indd
  
 
===Margins and Guides===
 
===Margins and Guides===
Line 53: Line 61:
 
#Locate the image on your local hard drive that you want to place and click '''Open'''
 
#Locate the image on your local hard drive that you want to place and click '''Open'''
 
#Your cursor changes to the "Image Loaded" cursor. Click your cursor where you'd like the image placed.
 
#Your cursor changes to the "Image Loaded" cursor. Click your cursor where you'd like the image placed.
#To resize your image hold down the '''Command''' AND '''Shift''' key then grab a corner of the bounding box and drag to resize.
+
 
 +
====To resize your image====
 +
With the black arrow select tool [[File:Indesign-select-tool.png]] selected
 +
#hold down the '''Command''' AND '''Shift''' key then grab a corner of the bounding box and drag to resize.
 
#*Note what happens if you forget to hold down these keys...
 
#*Note what happens if you forget to hold down these keys...
 +
====To crop your image====
 +
With the black arrow select tool [[File:Indesign-select-tool.png]] selected
 +
#click and drag the bounding box (without holding down CMD+shift).
 +
====Move your image====
 +
#To move a frame together with its content, use the black selection tool [[File:Indesign-select-tool.png]] to click the image outside the content grabber.
 +
#To move imported content without moving the frame (that is, to pan content behind its frame), drag the content grabber. [[File:Content-grabber.png|right]]
 +
#*You can also use the Direct Selection tool [[File:Indesign-direct-select-tool.png]]  to select and drag the image.
  
 
===Text wrap around an image===
 
===Text wrap around an image===
Line 61: Line 79:
  
 
===Wrapping it up===
 
===Wrapping it up===
Placed images in InDesign are by default only linked to the original image file. There are advantages to this but it can create problems when moving files around. You must move your graphics and images together.
+
Placed images in InDesign are by default only linked to the original image files. There are advantages to this but it can create problems when moving files around. You must move your graphics and images together (see File Management strategies above).
  
If you need to gather up all of your images into one location your final step in saving your work is to "package" your InDesign document and linked images. If you have been working with a project folder that contains your InDesign document and image files this final step is unnecessary.
+
 
 +
====Packaging your project for print====
 +
'''Your final step'''  is to "package" your InDesign document. This should be done when you are finished editing your document. This process creates a new project folder, a copy of your inDesign project file, a subfolder called "Links" for all of your linked images and folder called Document fonts for your fonts.
  
 
#Save your work '''File > Save'''
 
#Save your work '''File > Save'''
#Package your document to create a folder of your InDesign doc with all linked images. Go '''File > Package'''
+
# Go '''File > Package'''
 
#Click '''Package'''
 
#Click '''Package'''
 
#Add any special instructions and click '''Continue'''
 
#Add any special instructions and click '''Continue'''
 
#Create the package folder.
 
#Create the package folder.
 
#*Note the package options. You can accept the default of packaging the top three options from the list.
 
#*Note the package options. You can accept the default of packaging the top three options from the list.
#*Note the folder name and location. Save locally first, you will eventually copy this over to Orca/programs. Click '''Package'''.
+
#*Name your folder ''yourlastname_partnerlastname_final''. Save locally first, you will eventually copy this over to Orca/programs.  
 +
#Click '''Package'''.
 
#Click OK at the copyright warning
 
#Click OK at the copyright warning
 
#InDesign will now create a new folder that contains a copy of your project as well as all linked images in a '''Links folder'''.
 
#InDesign will now create a new folder that contains a copy of your project as well as all linked images in a '''Links folder'''.
#Copy the entire folder back to Orca/Programs.
+
#Copy the entire folder back to Orca/Programs/between-word-image/workspace/Book-final-versions.
 
+
===After the workshop...===
+
When you want to continue working on your InDesign project
+
#Copy the entire project folder down to your local harddrive
+
#ALERT: Make sure to put all images into the '''Links''' folder within your InDesign project folder folder BEFORE placing additional images into your InDesign document. This will ensure that you will never have broken links to your images.
+
  
 +
===Additional resources===
 +
* [http://iplogin.lynda.com/ Lynda.com tutorials]
 +
* [http://en.wikipedia.org/wiki/Computer_font About computer fonts]
 +
* [http://www.prepressure.com/library/file-formats/bitmap-versus-vector Bitmap versus vector graphics]
  
  
  
 
  [[category:2011-2012]]
 
  [[category:2011-2012]]

Latest revision as of 10:14, 8 May 2012

Scanning

Using the Epson scanners in the Computer Center. See: Scanning - Mac

  1. Scan one drawing from a station connected to a scanner
  2. Save as TIFF to your cubby on Orca. See: Connecting to Orca programs at File Space Overview
  3. Go back to your station and copy your scanned image to your local harddrive

Intro to Photoshop

Photoshop interface and navigating an image

  1. Open your scanned document in Photoshop
    • Zoom: Cmd +/-
    • Hand tool: Space Bar
  2. Image resolution and image size
    • Image > image Size to see the overall size of your image
    • for print, image resolution should be at least 300 dpi
  3. File > Save as. Choose Photoshop as the file format. Note the .psd extension.

Making Adjustments

  1. Image mode
    • All images must be in RGB mode. Go Image > Image mode and set the mode to RGB if it is not already
  2. Rotate your image Image > Image Rotation
  3. Image adjustments located under Image > Adjustments
    • Adjusting Levels can work to clean-up scanned drawings or bring added depth the dull snapshots
    • Adjustment layers are a more flexible option
  4. Working with Type - note the new type layer created
    • Think carefully about when to use type in Photoshop vs. type in InDesign
  5. Working with Layers

Intro to InDesign

InDesign is used to combine text and images in preparation for print.

File Management

  1. Create a new folder on your desktop. Name it yourlastname_partnerlastname.
  2. Copy all images your are going to use in your project into a subfolder (called images) in this project folder
  3. Navigate to Orca/programs/between-image-word/handouts
  4. copy BETWEEN.indd file from handouts to your project folder on your desktop
  5. Launch InDesign and open the BETWEEN.indd file from within your project folder
  6. Go File > Save As and rename it with yourlastname_partnerlastname.indd

Margins and Guides

  1. Note the margins of your document. Make sure to keep your text and artwork within this boundary
  2. Add a Guide to help you place and align objects on your document
    • With the black arrow select tool, click and drag from the ruler area into your document

Adding Text

  1. Select the Text tool and drag diagonally to create a frame on your document, start typing.
    • You can also Copy and Paste text from other applications
  2. Using the black arrow tool select a corner of the bounding box to rezize

Text Flow

You can flow text between multiple text boxes

  1. Text boxes that are too small to contain all of the text will have a red + box in the lower right corner
  2. Click this box and the cursor changes to the "Text Loaded" cursor
  3. Click anywhere on your document and a new text box will be created flowing text from the previous text box
  4. Use Guides and your Margins to snap text boxes into alignment

Formatting Text

  1. Select the text you want to format (Command A to Select All is a useful shortcut here)
  2. Change your type using the character and paragraph options in the top property bar

Add an image

By default, images placed into InDesign are only linked. It is important to have a good file management strategy to keep your images properly linked to your InDesign document.

  1. Make sure nothing is selected in your document before you place your graphics!
  2. Go File > Place to place your image
  3. Locate the image on your local hard drive that you want to place and click Open
  4. Your cursor changes to the "Image Loaded" cursor. Click your cursor where you'd like the image placed.

To resize your image

With the black arrow select tool Indesign-select-tool.png selected

  1. hold down the Command AND Shift key then grab a corner of the bounding box and drag to resize.
    • Note what happens if you forget to hold down these keys...

To crop your image

With the black arrow select tool Indesign-select-tool.png selected

  1. click and drag the bounding box (without holding down CMD+shift).

Move your image

  1. To move a frame together with its content, use the black selection tool Indesign-select-tool.png to click the image outside the content grabber.
  2. To move imported content without moving the frame (that is, to pan content behind its frame), drag the content grabber.
    Content-grabber.png
    • You can also use the Direct Selection tool Indesign-direct-select-tool.png to select and drag the image.

Text wrap around an image

  1. Select the image and from the top properties bar choose the text wrap option you'd like
  2. Move a text box near/over and image to see the text wrap around the object

Wrapping it up

Placed images in InDesign are by default only linked to the original image files. There are advantages to this but it can create problems when moving files around. You must move your graphics and images together (see File Management strategies above).


Packaging your project for print

Your final step is to "package" your InDesign document. This should be done when you are finished editing your document. This process creates a new project folder, a copy of your inDesign project file, a subfolder called "Links" for all of your linked images and folder called Document fonts for your fonts.

  1. Save your work File > Save
  2. Go File > Package
  3. Click Package
  4. Add any special instructions and click Continue
  5. Create the package folder.
    • Note the package options. You can accept the default of packaging the top three options from the list.
    • Name your folder yourlastname_partnerlastname_final. Save locally first, you will eventually copy this over to Orca/programs.
  6. Click Package.
  7. Click OK at the copyright warning
  8. InDesign will now create a new folder that contains a copy of your project as well as all linked images in a Links folder.
  9. Copy the entire folder back to Orca/Programs/between-word-image/workspace/Book-final-versions.

Additional resources