1 / 31

URL:

URL:. http:// www.google.com/url?sa = t&source = web&cd =2&ved=0CB8QFjAB&url=https%3A%2F%2Fdevar.washington.edu%2Ftoolkits%2Fbrochures%2FEstablishing%2520Endowments%2520Bro.pdf&ei=jygvTeUBiPa2A9_jiaIJ&usg=AFQjCNFdOjUdj1OhRpHOK9cfqlGb0-ilbA. Step 1: Open a new document. File -> New.

skyla
Download Presentation

URL:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. URL: http://www.google.com/url?sa=t&source=web&cd=2&ved=0CB8QFjAB&url=https%3A%2F%2Fdevar.washington.edu%2Ftoolkits%2Fbrochures%2FEstablishing%2520Endowments%2520Bro.pdf&ei=jygvTeUBiPa2A9_jiaIJ&usg=AFQjCNFdOjUdj1OhRpHOK9cfqlGb0-ilbA

  2. Step 1: Open a new document

  3. File -> New 4 art boards 4 pages 4 (files)

  4. Step 2: Figure out how to zoom in & out

  5. Navigation & zooming

  6. Step 3: Draw a rectangle and make it the same color as the one in the brochure

  7. …but first To be able to match a color in the brochure, first paste a picture Of the brochure into your Illustrator/InDesign/PhotoShopdocument …you can use this one:

  8. Draw Shapes & Copy Color Draw a rectangle, then select the eye-dropper tool, then click on the color you want Click on the color you want with the eyedropper tool, Then draw the rectangle Draw a rectangle, then select the eye-dropper tool then click on the color you want

  9. Step 4: Create a new layer to put your photos on

  10. Window -> Layers Illustrator automatically gives you a “Layer 1”. The new layer is automatically named “Layer 2” InDesign automatically gives you a “Layer 1”. The new layer is automatically named “Layer 2” PhotoSHop automatically gives you a “Background” layer. The Vector Smart Object layer was generated when the photo Was ‘placed’ in the document. The layer above was generated when The rectangle was drawn. “Layer 1” is the name of the new layer.

  11. Step 5: ‘Crop’ photos (i.e. use part of an image)

  12. Preview – using part of an image You can create a mask to cover the portion of the image you don’t want to see You can create a frame that the portion of the image you want to see shows through You can select the portion of the image you want to use and paste that portion where you want it to be.

  13. Mask part of an image in Illustrator by creating a “clipping mask” Put an image in your Illustrator file by selecting File -> Place Create a shape (probably a rectangle, but it could be anything) – make it cover the part of the image that you want to keep (it doesn’t matter what color the shape is) Select both the shape and the image Object -> Clipping Mask -> Make You can undo this with Object -> Clipping Mask -> Release

  14. Place a photo inside a frame Use the ‘rectangular frame tool’ to draw a box where you want your photo to be Choose File -> Place to bring in the photo you want to use Drag the edges of the box to adjust the size of the frame Use the select tool to grab the photo and drag it where you want it to be…or to resize the photo Frame is selected Photo is selected

  15. Paste in part of a photo from another file and tweak it File -> Open to open an image file 2. Use the “rectangular marquee tool” to select the portion of the photo you want: Copy it (Edit -> Copy) 3. Paste it in the brochure file (it will automatically create a new layer) 4. Make it the size you want (Edit -> Transform -> Scale) to get the corner boxes that let you do this 5. If it isn’t the right size, use the “eraser tool”

  16. Step 6: Aligning elements Try using the grid Try using the alignment tools

  17. Layout (grid) View -> Show Grid To change the appearance of the grid: Illustrator -> Preferences -> Guides & Grid View -> Grids & Guides -> Show Document Grid -> Show Baseline Grid View - > Show - > Grid To change the appearance of the grid: InDesign -> Preferences -> Grids To change the appearance of the grid: PhotoShop -> Preferences -> Guides, Grid & Slices

  18. Layout (alignment) Window - > Align Window - > Object & Layout - > Align Choose the “Move” tool …the alignment buttons appear:

  19. Step 7: Draw the ‘chevron’ shape in the banner

  20. Use the pen tool and click 3 times to make the 3 points: Use the eyedropper tool To match the color in the model Click on the fill/stroke boxes to apply color to the stroke ratherthan the fill: To make the line thicker, Window -> Stroke Then modify the width: Use the direct select tool to graph and reposition the three line points (it can be tricky to be sure a single point is selected) To get make the ends look right, first turn the line into a shape with: Object -> Path -> Outline stroke: Finally… use the direct Select tool tosquare off the ends the way they are in the brochure:

  21. Pen tool Stroke thickness Copy color Switch fill & stroke Can’t ‘outline stroke’ …but can copy from Illustrator Direct select tool (tweak position) Remove fill color

  22. ?

  23. Step 8: Add text – making the font & size match the document

  24. PREVIEW: All 3 apps have a “text tool”, and they work similarly…but not identically

  25. Use the text tool to type the text Use the direct select tool to select the text you just typed Change the font with Type -> Font (Cambria italic is somewhat close, in this case). Note that the name of the font, the type and the size appear at the top of the page: Change the size: Change the color (one way is to use the color selection boxes that also appear at the top of the page).

  26. Use the rectangle tool to create a box for the text. Use the text tool to type the text inside of the box Use the direct select tool to select the text you just typed Change the font with Type -> Font (Cambria italic is somewhat close, in this case) Change the size by choosing Type -> Size …If the box you had created isn’t large enough to contain the larger type, you’ll see a red ‘plus’ symbol. To fix that, grab the corners of the box to resize it. 6. To change the color, first use the text tool to drag across the text to select it …then double-click on the color box in the tool panel to bring up the Color Picker dialog box and select a color.

  27. Create a new layer for the text Use the text tool to create a text box Click on the color foreground color box (in the tool panel) to bring up the Color Picker dialog box and select white/pale yellow Type the text Drag across the text with the text tool to select it. Use the options in the bar at the top to change the font, font type and size

  28. ALL DONE! Suggestion: Skim through these slides again to solidify what you’ve learned

More Related