Digital DrawingAssignment Instructions

& TutorialUse arrows to scroll through document.

Overview: Digital DrawingUse arrows to scroll through document.

In this assignment, you will learn to:

1. Create an InDesign file

2. Use a few tools from the toolbox

3. Import images

4. Resize images

5. Replace images

6. Duplicate and add blank pages with the PAGE palette

7. Create consistent positioning of elements between pages

8. Create multiple page sizes within a single document

9. Begin to work with text

10. Package projects (file plus all links and fonts)

11. Create a pdf from an InDesign file

12. Merge pdf files using Adobe Acrobat Pro

3

Brainstorming (set up)

1. Sketch of a variety of lines notating what they express.

Next-- Choose an adjective that resonates with you.

Examples: Strong, happy, ugly, sad, brave, etc.

2. Sketch out at least three ways to express your adjective, incorporating the word itself into your drawing.

For instance, for the word "strong" ---- I might:(#1) sketch a picture of a strong person, (#2) another of a strong smelling cheese, or even a picture of (#3) a heart (or a loving couple).

3. Find several ways to express each idea. Really tap into your creativity and find fun ways to express your ideas.

For example: The strong person idea (#1) might be a close-up picture of a man flexing biceps (with the word STRONG tattooed on his muscles), another might be a woman hurdling over the word STRONG, and finally, maybe a man with a devil on one shoulder and an angel on the other.

6. Scan your sketches (they can all be on the same page of your sketchbook), or if you don't have a scanner, take a picture of them and save the picture to your Digital Drawing folder.

5. Create a folder on your desktop called Digital Drawing.

4. In all, you might have 9 or more sketches (3 or more for each concept. Dig deep!)

4

Digital Development (set up)

1. Choose one or more of your sketches to use as your guide for your Scribbler drawing (it's up to you).

2. Open Scribbler and create

Don't worry about your rendering. Scribbler isn't precise. You might even decide to add things to your Scribbler drawing that weren't in your original sketch.

3. Hit DONE DRAWING button to move to next step. OPEN Scribbler settings to adjust color, line thickness, etc.

START Scribbler! Pay attention, you will be hitting the pause button several times in the process.

6. Capture at least 3 or 4 stages of your progress, using instructions in Step 5, before deciding on the final art.

Place images in your Digital Drawing folder and name them.

5. Each time you hit PAUSE, take a screen capture of your progress:

(Command/Shift + 4 until you see a target with cross hairs. Position crosshairs on upper left corner of drawing and drag down and to the right to capture entire box.

NOTE: The size of the art is 7.5” square. (important to know for later.)

4. Hit the PAUSE key at several stages of the development of your art before you settle on a final version.

http://www.zefrank.com/scribbler/

5

Set up pages in InDesign1. Open InDesign. When the interface first opens, UNCHECK the box that says FACING PAGES. You only want single pages.

Use Vertical page orientation so that your page is 8-1/2” wide x 11" tall.

2. Page 1: When the page opens: On the top of your page, using your text tool, create a type box and type in the word Brainstorming

Double-click the heading to highlight it, and change the typeface to whatever you like, and make it anywhere from 18 to 36 points in size (up to you)..

3. Deselect the type box

Go get your images! FILE > PLACE > [locate your jpegs] > OPEN.

Once you hit the OPEN button, you will see a paintbrush holding a small ghost of your image.

Don't place it yet. See step 4.

5. Next, you'll make a copy of this page to create the Digital Development page.

Open the PAGE palette (on right side of screen).

Create a copy of your BRAINSTORMING page by dragging the icon of page 1 onto the page icon at the bottom of palette.

-----NOTE------ If you have more than one image, you can select them all at once from your folder by holding down the command key. This will put them in your cache (memory). Your images will load, one at a time, each time you draw a box on your page with the cross hairs. (If this sounds confusing, just try it. You'll see!)

4. Click and HOLD on your page, but DON'T let go!

You'll see cross hairs on your page. Still holding down on your mouse, pull the image out to the desired size.The image will render in proportion to any size box you decide.

6

Set up pages in InDesign: Continued

1. Double-click page 2 in PAGE palette to make sure you are on the right page.

Page 2: Digital Development page - On the live page, using your text tool from your TOOLBOX (on left), highlight the heading, (triple-click,) and type over it with the words Digital Development.

2. Using your black arrow, select all images and hit DELETE.

Now you'll include your Scribbler development jpegs. Using the same import (Place) method you used on the previous page, Place your jpegs from your Scribbler design phases on this page. FILE > PLACE > [locate jpegs] > OPEN

Drag each loaded image into a box shape.

3. Page 3: Now, you'll create the Design Narrative page using another technique that will automatically position your headline in the right place.

Go to PAGES palette and create a new blank page.

6. Next you will add your Design Narrative text underneath your heading.

5. Go back to your blank page (pg 3).

Using your BLACK ARROW from your toolbox (on left) go to EDIT > PASTE IN PLACE.

This should copy your headline from the previous page, into the same position on your blank page.

4. You'll need to copy the headline from page 2 to use on page 3.

To move quickly to the page of your choice, hold down COMMAND J and type 2 in the page input box.

With type tool, triple-click heading to select it, then click command C to copy the heading.

7

Set up pages in InDesign: Working with text

1. Place cursor at the end of the heading line and hit RETURN.

When you are on your new empty line, go to CHARACTER palette and select a typeface to use for your body copy.

Use 11 or 12 point font.

2. Write a few short paragraphs describing your creative process.

For instance, what inspired you? What obstacles did you face? What was your aha moment when you decided upon a concept? What technical challenges did you have?

You can write about anything related to your process. These are just ideas to help you get started

3. Working with type: Keep your paragraphs short for easy reading (3-5 lines per paragraph).

If your body copy (the text) is too close to your headline, you can add space by selecting the headline and putting space under it. How? See next step.

6. Next you will add pages for your Final Scribbler art and reduce the pages to match the size of the artwork.

You will not use headings on your final Scribbler art pages.

5. Benchmark

You now have 3 pages completed in InDesign! They are all 8-1/2 x 11"

1. Brainstorming

2. Digital Development

3. Design Narrative

4. Adding space:

Triple-click your headline to select.

Go to PARAGRAPH palette. On the right side, in the second section, you'll see a little text icon with the bottom line highlighted in gray. Click the UP ARROW next to icon until the space under your headline opens up to your liking.

8

Adding a Scribbler final drawing& Resizing page

1. Now you are going to add your final Scribbler final drawings.

This time, the pages won't need headings. To indicate finals, we are going to change the page sizes of the next few pages so that your final artwork completely fills them up.

2. Create a new page to put your first drawing. Remember, no heading is needed.

Go to PAGE palette.

Click on the page icon on bottom of palette to create a blank page. (page 4)

3. Reduce page size: Using the black arrow from your toolbox, click anywhere on your blank page.

Located beneath the white arrow of your toolbox, select the PAGE ICON (3rd icon down).

You will notice that your page appears to have handles all around it. Don't touch them! Instead...(see next step.)

5. Place your final Scribbler art on page using the same PLACE technique you used earlier: FILE > PLACE> [locate one of your final Scribbler jpegs] > OPEN.

Holding the mouse down on the left corner of the square page, drag your image box out to the edges of your page and let go to fill up entire 7.5” square page.

---- You now have a square shaped page that matches the size of your Scribbler rendering.

4. Located above your tool bar at the top horizontal section, go to the input boxes that say X and Y. These coordinates indicate the height and width of your page.

In the X box, type in 7.5"In the Y box, type in 7.5"

9

Adding more final Scribbler art1. Adding another 7.5” pageGo to your PAGES palette on right side of your screen (not the page tool in toolbox).

From the PAGES palette, drag your new square page down to the page icon on bottom of palette to duplicate page.

2. Replacing art on Duplicate page

Don't delete the art on duplicate page---instead----select it with the BLACK ARROW from your toolbox.

FILE > PLACE > [select another final Scribbler file] ---- this will replace the duplicate art with the newly selected art.

NOTE:

To include all of your final Scribbler drawings, repeat steps 1 and 2 as many times as you need.

In the next section, you will package up all your files into one location.

The package will contain your InDesign file plus all images and fonts used.

"

10

Packaging & Creating PDFPackage project

FILE > PACKAGE

Follow prompts to save.

Don't worry about the warning at the end. It talks about the copyright on the typeface you are saving. Ignore it.

This process will save a project folder for you.

(If you are curious about font copyright, click the link below.)

Create a PDF from Indesign file

FILE > EXPORT, format PDF (follow prompts).

3. Reminder: Prepare Evaluation forms

If you haven't done this already, right-click on link located on assignment page and download evaluation forms.

NOTE: If the forms pop up on your screen in PREVIEW, close it, then open in Adobe Acrobat Pro.

Complete the forms in Acrobat Pro and save your file to your Digital Drawing folder.

Quit Acrobat Pro.

Next you will be merging your pdf files into one. There are a few ways to do this, but I am showing you the easiest way. (See next slide)

http://blog.crowdspring.com/2011/03/font-law-licensing/

11

Merging PDFs into a single document

Merging PDFs

1. Open Adobe Acrobat Pro.

2. From the opening interface, under GETTING STARTED in the right column, click COMBINE FILES INTO PDF.

The next interface allows you to add files by dragging and dropping them into It.

3. Open your Digital Drawing folder and locate the Evaluation Forms pdf and the pdf you created from your indesign file.

4. Drag them both into the Acrobat Pro Pdf compiler.

5. Click COMBINE FILES button on right-side bottom of interface.

Arranging Pages

When the process is complete, your combined pdf will pop up on your screen.

Make sure that the evaluation forms are pages 1 and 2 of your combined pdf. If they are not...

1. Click the PAGES icon to the left of your screen to display document layout.

2. Click and drag the evaluation pages to the top.

3. Save

4. Proof your work to make sure everything is there.

What's included in your final project

Page 1: Completed evaluation form

Page 2: Scored Rubric

Page 3: Expressive lines and Brainstorming sketches

Page 4. Digital Development with images of Scribbler drawing phases.

Page 5: Design Narrative

Page 6: Final Scribbler art #1 in actual size (7-1/2” square) without heading.

Page 7: Final Scribbler art #2

Page 8: Final Scribbler Art #3

Note: If you did more final drawings on other concepts, add as many pages as you need.

12

Congratulations

You're done!

You have successfully exercised your creativity while getting a feel for graphic production workflow.