---- \./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./\./ ----
---- PREAMBLE to the INSTRUCTIONS for creating the first "POST/ALL/HISTORY" postcard ----
The instructions below assume that the human computer is seated in front of an Apple computer.
They also assume the following about the Apple computer; that it is:
a. turned on
b. connected to the internet
c. has at minimum Adobe InDesign and an internet browser (hereafter referred to as Chrome) installed.
d. connected to a color printer.
It is also assumed that the human computer has at least 75 cents on his or her RISD Print card,
access to a ruler, and X-Acto or Olfa knife.
Please ensure that the above PREAMBLE is the case when executing the following instructions.
CONVENTIONS: Comments in the instructions below are preceded by two slashes "//",
Commands are indicated with the string: "STEP:",
Application Menu commands and paths are indicated with a greater than symbol ">" preceding the next step
e.g. File > Save
---- INSTRUCTIONS for creating the first "POST/ALL/HISTORY" postcard ----
// Set up a folder and file structure on your Apple computer.
STEP: Create a new folder with the Finder called "postall-history";
STEP: Create a new folder within "postall-history" folder called "assets";
STEP: Open Adobe InDesign;
STEP: Create a new document: Go to: File > New > Document;
STEP: Set the new document properties:
Number of Pages: 1,
Page Size Width: 6 in,
Page Size Height 4.25 in,
Columns: 1,
Set Margin (Top, Left, Bottom, Right): .1 in.
STEP: Click "OK";
// We will use inches so let's make sure they are our native unit.
STEP: Set Document Preferences: Go to: InDesign > Preferences > Units & Increments:
Ruler Units Origin: Spread,
Ruler Units Horizontal: Inches,
Ruler Units Vertical: Inches,
Other Units Text Size: Points,
Other Units: Stroke: Points,
Point/Pica Size default should be PostScript (72 pts/inch);
STEP: Click "OK";
STEP: Save the document for the first time. Go to: File > Save;
STEP: Name the file "postcard.indd";
STEP: Navigate through the Save dialog box to make sure you Save "postcard.indd" inside of the "postall-history" folder you created.
STEP: Click "Save";
// Set up our color swatches
STEP: Set Color swatches: Go to: Window > Color > swatches
STEP: Single click on "[Black]" list item in the small Swatches dialog box;
STEP: With the "[Black]" list item selected, single click the "New Swatch" icon in the small Swatches dialog box;
// this makes a copy of the "[Black]" swatch, the icon looks a bit like a new sheet of paper being pulled off a stack.
STEP: Double click the "Black Copy" list item. // A swatch Options dialog box should appear.
STEP: In the "Swatch Options" dialog box assign the "Swatch Name" label to a value of "Red";
STEP: Set "Swatch Name" label to a value of "Red";
STEP: Set "Name with Color Value" to "unchecked" // this may be the default
STEP: Set "Color Type" to "Process";
STEP: Set "Color Mode" to "CMYK";
STEP: Set "Cyan" to "0";
STEP: Set "Magenta" to "93";
STEP: Set "Yellow" to "82";
STEP: Set "Black" to "0";
STEP: Click "OK";
// Let's do another color!
STEP: With the "Red" list item selected, single click the "New Swatch" icon in the small Swatches dialog box;
// this makes a copy of the swatch, the icon looks a bit like a new sheet of paper being pulled off a stack.
STEP: Double click the "Red Copy" list item. // A swatch Options dialog box should appear.
STEP: In the "Swatch Options" dialog box assign the "Swatch Name" label to a value of "Gray";
STEP: Set "Swatch Name" label to a value of "Red";
STEP: Set "Name with Color Value" to "unchecked" // this may be the default
STEP: Set "Color Type" to "Process";
STEP: Set "Color Mode" to "CMYK";
STEP: Set "Cyan" to "19";
STEP: Set "Magenta" to "9";
STEP: Set "Yellow" to "10";
STEP: Set "Black" to "0";
STEP: Click "OK";
// Time to get our Paragraph and Character styles set up -- this style will be our dates.
STEP: Set the "Basic Paragraph Style": Window > Styles > Paragraph Styles;
STEP: Double click on "[Basic Paragraph]" list item in the small Paragraph Styles dialog box;
STEP: In the "Paragraph Style Options" dialog box go to "Basic Character Formats";
STEP: Set "Font Family" to "Monaco";
STEP: Set "Font Style" to "Regular";
STEP: Set "Size" to "7.5 pt";
STEP: Set "Leading" to "8 pt";
STEP: Set "Kerning" to "Metrics";
STEP: Set "Tracking" to "10";
STEP: Set "Case" to "Normal";
STEP: Set "Position" to "Normal";
STEP: While still in the "Paragraph Style Options" go to "Indents and Spacing";
STEP: Set "Alignment" to "Left";
STEP: Set "Balance Ragged Lines" and "Ignore Optical Margin" both to be "unchecked". // possibly the default
STEP: Set "Left Indent", "Right Indent", "Space Before", "First Line Indent", "Last Line Indent", and "Space After" to "0 in";
STEP: Set "Align to Grid" to "None";
STEP: While still in the "Paragraph Style Options" go to "Tabs";
STEP: Create new Tabs at the following X location by clicking on the first down arrow tab icon and filling in the X value for each:
tab 1: "0.57 in",
tab 2: "1.084 in",
tab 3: "1.6111 in",
tab 4: "2.14 in",
// once you set about 4 or 5 tab stops you will very likely need to
// hover over the left side of the ruler in the dialog box with your mouse.
// The selection arrow will change to a hand if you click on the ruler
// this will allow you to click, hold, and drag the ruler to the left to
// add more ruler space to the dialog box so you can continue to add tab stops.
tab 5: "2.6667 in",
tab 6: "3.1944 in",
tab 8: "3.6944 in",
tab 9: "4.2361 in",
tab 10: "4.74 in";
STEP: While still in the "Paragraph Style Options" go to "Character Color";
STEP: Within the "Character Color" display find the new swatches you created previously;
// you will probably have to use the internal scroll as it is likely that
// gray and red are below all the other existing or default swatches.
STEP: Select "Gray" from the list by single clicking it;
STEP: Click "OK";
// Let's do another paragraph style, text with this style will be the tweets
STEP: Set "Paragraph Style 1": Window > Styles > Paragraph Styles;
STEP: Click on the "Create New Style" icon at the lower right of the small "Paragraph Styles" dialog box;
// the icon looks a bit like a new sheet of paper being pulled off a stack
STEP: Double click on "Paragraph Style 1" list item in the small Paragraph Styles dialog box;
STEP: In the "Paragraph Style Options" dialog box go to "Basic Character Formats";
STEP: Set "Font Family" to "Monaco";
STEP: Set "Font Style" to "Regular";
STEP: Set "Size" to "6 pt";
STEP: Set "Leading" to "10 pt";
STEP: Set "Kerning" to "Metrics";
STEP: Set "Tracking" to "10";
STEP: Set "Case" to "Normal";
STEP: Set "Position" to "Normal";
STEP: While still in the "Paragraph Style Options" go to "Indents and Spacing";
STEP: Set "Alignment" to "Left";
STEP: Set "Balance Ragged Lines" and "Ignore Optical Margin" both to be unchecked.
STEP: Set "Left Indent", "Right Indent", "Space Before", "First Line Indent", "Last Line Indent", and "Space After" all to "0 in";
STEP: Set "Align to Grid" to "None";
STEP: While still in the "Paragraph Style Options" go to "Character Color";
STEP: Within the "Character Color" display, if it is not already selected, select "[Black]" from the list by single clicking it;
// we're just making sure this is set to black.
STEP: Click "OK";
// And, one last style, for the event headline
STEP: Set "Paragraph Style 2": Window > Styles > Paragraph Styles;
STEP: Click on the "Create New Style" icon at the lower right of the small "Paragraph Styles" dialog box;
// the icon looks a bit like a new sheet of paper being pulled off a stack
STEP: Double click on "Paragraph Style 2" list item in the small Paragraph Styles dialog box;
STEP: In the "Paragraph Style Options" dialog box go to "Basic Character Formats";
STEP: Set "Font Family" to "Monaco";
STEP: Set "Font Style" to "Regular";
STEP: Set "Size" to "11.5 pt";
STEP: Set "Leading" to "18 pt";
STEP: Set "Kerning" to "Metrics";
STEP: Set "Tracking" to "0"; // note the change from 10 to 0
STEP: Set "Case" to "Normal";
STEP: Set "Position" to "Normal";
STEP: While still in the "Paragraph Style Options" go to "Indents and Spacing";
STEP: Set "Alignment" to "Left";
STEP: Set "Balance Ragged Lines" and "Ignore Optical Margin" both to be unchecked.
STEP: Set "Left Indent", "Right Indent", "Space Before", "First Line Indent", "Last Line Indent", and "Space After" all to "0 in";
STEP: Set "Align to Grid" to "None";
STEP: While still in the "Paragraph Style Options" go to "Character Color";
STEP: Within the "Character Color" display, if it is not already selected, select "[Black]" from the list by single clicking it;
// we're just making sure this is set to black.
STEP: Click "OK";
// Now let's set up a character style for our underlines
STEP: Set "Character Style 1": Window > Styles > Character Styles;
STEP: Click on the "Create new style" icon at the lower right of the small "Character Styles" dialog box;
STEP: Double click on "Character Style 1" list item in the small "Character Styles" dialog box;
STEP: In the "Character Style Options" dialog box go to "Underline Options";
STEP: Set "Uunderline On" to be "checked": single click the empty check box;
STEP: Set "Weight" to "1 pt";
STEP: Set "Type" to "Solid" with the drop down;
STEP: Set "Offset" to "3.25 pt";
STEP: Set "Color" to "[Black]";
STEP: Set "Tint" to "100%";
STEP: Click "OK";
// Before we set up containers we'll make our selection reference point standard.
STEP: Choose the "Selection Tool" by pressing the "v" key on your keyboard (or single clicking the Selction Tool icon);
STEP: Set the "Selection Tool" reference point to the "upper left" corner for selectd objects;
// The reference point icon is typically in the upper left are of the UI,
// but this can be different depending on user preferences.
// The reference point icon is 9 boxes in three rows of three
// with a hairline connecting the outer boxes and one center one.
// The center one is typically selected by default, which is why we have to go through this.
// Time to set up some content containers.
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Create a the "Years Box 1" text box at the following coordinates and with the following dimensions:
x: 0.5018 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 0.2254 in,
w: 4.9964 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.1491 in;
STEP: Verify that the "Years Box 1" text box is at the dimensions and coordinates above through the following actions:
Press the "esc" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Rectangle Frame" by pressing the "f" key (or single clicking the Rectangle Frame icon);
STEP: Create a the "Twitter User Photo Box 1" rectangle frame at the following coordinates and with the following dimensions:
x: 2.89 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 0.585 in,
w: 0.12 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.12 in;
STEP: Verify that the "Twitter User Photo Box 1" rectangle frame is at the dimensions and coordinates above through the following actions:
// You should already able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Create a the "Twitter User Text Box 1" text box at the following coordinates and with the following dimensions:
x: 3.075 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 0.5925 in,
w: 2.25 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.75 in;
STEP: Verify that the "Twitter User Text Box 1" text box is at the dimensions and coordinates above through the following actions:
Press the "esc" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Rectangle Frame" by pressing the "f" key (or single clicking the Rectangle Frame icon);
STEP: Create a the "Google Image Box" rectangle frame at the following coordinates and with the following dimensions:
x: -0.0139 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 1.345 in,
w: 1.3539 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 1.58 in;
STEP: Verify that the "Google Image Box" rectangle frame is at the dimensions and coordinates above through the following actions:
// You should already able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes and the RETURN key after the last one.
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Create a the "Event Headline Text Box" text box at the following coordinates and with the following dimensions:
x: 1.87 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 1.68 in,
w: 2.9 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.46 in;
STEP: Verify that the "Event Headline Text Box" text box is at the dimensions and coordinates above through the following actions:
Press the "esc" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Rectangle Frame" by pressing the "f" key (or single clicking the Rectangle Frame icon);
STEP: Create a the "Twitter User Photo Box 2" rectangle frame at the following coordinates and with the following dimensions:
x: 2.89 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 2.865 in,
w: 0.12 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.12 in;
STEP: Verify that the "Twitter User Photo Box 2" rectangle frame is at the dimensions and coordinates above through the following actions:
// You should already able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Create a the "Twitter User Text Box 2" text box at the following coordinates and with the following dimensions:
x: 3.075 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 2.87 in,
w: 2.25 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.75 in;
STEP: Verify that the "Twitter User Text Box 2" text box is at the dimensions and coordinates above through the following actions:
Press the "esc" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Create a the "Years Box 2" text box at the following coordinates and with the following dimensions:
x: 0.5018 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 3.9479 in,
w: 4.9964 in, // width and height values will be displayed in the information UI while you are establishing the box.
h: 0.1491 in;
STEP: Verify that the "Years Box 2" text box is at the dimensions and coordinates above through the following actions:
Press the "esc" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and w, h dimensions accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
// Congratulations all of the content boxes have now been placed. Let's celebrate by drawing a vertical line.
STEP: Choose the "Line Tool" by pressing the "\\" key (or single clicking the Line Tool icon);
STEP: Hold down the "Shift" key to draw a straight line at the following coordinates and with the following dimensions:
x: 1.7831 in, // x and y values will be displayed in the information UI while you are establishing the box.
y: 1.65 in,
l: 0.5 in, // length value will be displayed in the information UI while you are establishing the box.
STEP: Verify that the line is at the dimensions and coordinates above through the following actions:
Press the "v" key; // You should now be able to read the coordinates and dimensions in the UI.
Adjust x, y coordinates and l dimension accordingly so that the values from the STEP above are filled in to their respective input boxes.
// You might find it faster to simply copy and paste in the values from this document to the InDesign UI.
// You might also appreciate using the TAB key to move through the input boxes
// and the RETURN key after the last one.
STEP: Set the value of the stroke to "1pt" in the stroke value field in the information UI;
STEP: Trigger the swatch or color value drop down by clicking the filled in square next to the solid line dropdown;
STEP: Set the value of the stroke to "Red" in the dialog box by single clicking the "Red" color swatch you created earlier;
STEP: Save the file: File > Save;
// Enter the static content: Years Box 1
STEP: Single click the "Basic Paragraph Style" in the "Paragraph Styles" Dialog Box (use method above for accessing "Paragraph Styles" if you need help) ;
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Insert the "Type Tool" cursor into "Years Box 1" you created previously;
STEP: Type the string "1772" and press the "tab" key; // e.g. press the "1" key, "7" key, "7" key, "2" key. Don't forget that the quotes are not a part of the string.
STEP: Type the string "1775" and press the "tab" key;
STEP: Type the string "1847" and press the "tab" key;
STEP: Type the string "1855" and press the "tab" key;
STEP: Type the string "1860" and press the "tab" key;
STEP: Type the string "1863" and press the "tab" key;
STEP: Type the string "1873" and press the "tab" key;
STEP: Type the string "1874" and press the "tab" key;
STEP: Type the string "1896" and press the "tab" key;
STEP: Type the string "1918";
STEP: Highlight the first string you typed "1772" and access the "Swatches" dialog box (use method above for accessing "Swatches" if you need help)
STEP: Select the "Red" swatch in the "Swatches dialog box"; // prior to this change it should be filled in with gray.
STEP: Press the "esc" key;
// Enter the static content: Years Box 2
STEP: Single click the "Basic Paragraph Style" in the "Paragraph Styles" Dialog Box (use method above for accessing "Paragraph Styles" if you need help);
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Insert the "Type Tool" cursor into "Years Box 2" you created previously;
STEP: Type the string "1950" and press the "tab" key;
STEP: Type the string "1968" and press the "tab" key;
STEP: Type the string "1971" and press the "tab" key;
STEP: Type the string "1974" and press the "tab" key;
STEP: Type the string "1982" and press the "tab" key;
STEP: Type the string "1988" and press the "tab" key;
STEP: Type the string "1994" and press the "tab" key;
STEP: Type the string "2006" and press the "tab" key;
STEP: Type the string "2007" and press the "tab" key;
STEP: Type the string "2013";
STEP: Press the "esc" key;
// Enter the static content: Event Headline
STEP: Single click the "Paragraph Style 2" in the "Paragraph Styles" Dialog Box (use method above for accessing "Paragraph Styles" if you need help);
STEP: Choose the "Type Tool" by pressing the "t" key (or single clicking the Type Tool icon);
STEP: Insert the "Type Tool" cursor into "Event Headline Text Box" you created previously;
STEP: Type the string "1772 George Washington signs the Postal Service Act";
STEP: Highlight the "George Washington" in the string you just typed and
access the "Character Styles" dialog box (use method above for accessing "Character Styles" if you need help);
STEP: Single click on the "Character Style 1" list item in the "Character Styles" dialog box;
STEP: Press the "esc" key;
STEP: Save the file: File > Save;
// Get variable content
// I'm going to rely on a few higher order human functions, let's call them behavior libraries,
// to get things done so as to not bog the computer down in the variable content and some of the other upcoming sections.
// Google Image Google image search for keyword: "George Washington".
STEP: Open up Chrome (or another web browser);
STEP: Type the following URL into the address bar: "http://www.google.com/imghp";
STEP: After the Google images search page loads, type the following string into the search field: "George Washington";
STEP: Press the "Return" key to execute the search and load the results page;
STEP: Single click on the first image result;
STEP: After the enlarged detail view loads, click the "View Original Image" button;
STEP: Allow the image asset to load from the other server (it will most likely be this URL: "http://upload.wikimedia.org/wikipedia/commons/b/b6/Gilbert_Stuart_Williamstown_Portrait_of_George_Washington.jpg");
STEP: Right click on the image and choose the "Save Image As" command to save the "George Washington" image in the "assets" folder that you created inside of the "postall-history" folder that is on your desktop.
// Get Twitter variable content
STEP: Return to your web browser;
STEP: Type the following URL into the address bar: "https://twitter.com/search-home";
STEP: After the Twitter search page loads, type the following string into the search field: "George Washington";
STEP: Press the "Return" key to execute the search and load the results page;
STEP: If there are no "top" results for this string today, scroll down past the "people" section (typically three users whose details match the string), and go to the first two tweets of the results page, hereafter referred to as "Tweet 1" and "Tweet 2".
STEP: Select the text of "Tweet 1"; the text of "Tweet 1" is composed of the following: Bold User Name, @username, time or day info, and the text of the tweet itself. You do not copy any "expand, photo, followed by, reply, retweet, favorite, follow, or more" text;
// hint: the tweet text is easiest to "grab" by copying from the end of the tweet
// i.e. selecting from the lower right of the text string and highlighting up
// and to the left to the beginning of the tweet text.
STEP: Copy the text of "Tweet 1"; // do not close the browser down or close this tab, you will return to it.
STEP: Switch your application to Adobe Indesign and go to the "postcard.indd" file that is still open in it;
STEP: Click the "t" key on your keyboard to switch to the "Type Tool";
STEP: Paste the text of "Tweet 1" into the "Twitter User Text Box 1" text box;
STEP: With your cursor still in "Twitter User Text Box 1" press the "command" + "a" keys simultaneously to select all of the text.
STEP: Go to Window > Styles > Paragraphe styles to bring up the "Paragraph Styles" dialog box;
STEP: Single click "Paragraph Style 1" in the "Paragraph Styles" Dialog Box to select it and ensure that the text you just copied in to the box is now styled as "Paragraph Style 1";
STEP: Select/highlight only the "time day" information from the tweet sting;
STEP: Cut the "time day" string by pressing "command" + "x" keys;
STEP: Paste the "time day" string at the very end of the entire tweet string by inserting your cursor there and pressing "command" + "v" keys;
STEP: Select/highlight only the "George Washington" in the string you just pasted in and access the "Character Styles" dialog box (use method above for accessing "Character Styles" if you need help)
STEP: Single click on the "Character Style 1" list item in the "Character Styles" dialog box;
STEP: Select/hightlight the bold "user name" and the "@username" part of the tweet text string and access the "Swatches" dialog box (use method above for accessing "Swatches" if you need help)
STEP: Select the "Gray" swatch in the "Swatches dialog box";
STEP: Click outside of the textbox, preferably on the select tool, but anywhere outside of the box will do, to change the focus of the application off of your text box;
STEP: Go back to your web browser and on to the Twitter search results page.
STEP: Select the text of "Tweet 2"; the text of "Tweet 2" is composed of the following: Bold User Name, @username, time or day info, and the text of the tweet itself. You do not copy any "expand, photo, followed by, reply, retweet, favorite, follow, or more" text;
STEP: Copy the text of "Tweet 2"; // do not close the browser down or close this tab, you will return to it.
STEP: Switch your application to Adobe Indesign and go to the "postcard.indd" file that is still open in it;
STEP: Click the "t" key on your keyboard to switch to the "Type Tool";
STEP: Paste the text of "Tweet 2" into the "Twitter User Text Box 2" text box;
STEP: With your cursor still in "Twitter User Text Box 2" press the "command" + "a" keys simultaneously to select all of the text.
STEP: Go to Window > Styles > Paragraphe styles to bring up the "Paragraph Styles" dialog box;
STEP: Single click "Paragraph Style 1" in the "Paragraph Styles" Dialog Box to select it and ensure that the text you just copied in to the box is now styled as "Paragraph Style 1";
STEP: Select/highlight only the "time day" information from the tweet sting;
STEP: Cut the "time day" string by pressing "command" + "x" keys;
STEP: Paste the "time day" string at the very end of the entire tweet string by inserting your cursor there and pressing "command" + "v" keys;
STEP: Highlight only the "George Washington" in the string you just pasted in and access the "Character Styles" dialog box (use method above for accessing "Character Styles" if you need help)
STEP: Single click on the "Character Style 1" list item in the "Character Styles" dialog box;
STEP: Select/hightlight the bold "user name" and the "@username" part of the tweet text string and access the "Swatches" dialog box (use method above for accessing "Swatches" if you need help)
STEP: Select the "Gray" swatch in the "Swatches dialog box";
STEP: Click outside of the textbox, preferably on the select tool, but anywhere outside of the box will do, to change the focus of the application off of your text box;
STEP: Go back to your web browser and on to the Twitter search results page.
STEP: Go to "Tweet 1" again;
STEP: Right click on the "user image" that is next to the "Tweet 1" text and choose the "Save Image As..." command to save the "user image 1" image in the "assets" folder that you created inside of the "postall-history" folder that is on your desktop.
// you can keep the existing filename or change it to user_image_1 -- I will simply refer to it as "user image 1" later.
STEP: Go to "Tweet 2" again;
STEP: Right click on the "user image" that is next to the "Tweet 2" text and choose the "Save Image As..." command to save the "user image 2" image in the "assets" folder that you created inside of the "postall-history" folder that is on your desktop.
// you can keep the existing filename or change it to user_image_2 -- I will simply refer to it as "user image 2" later.
// Place downloaded images. First, George.
STEP: Switch your application to Adobe Indesign and go to the "postcard.indd" file that is still open in it;
STEP: File > Place...;
STEP: In the "Place" dialog box navigate to the "assets" folder;
STEP: Select the "George Washington" image file and click "Open";
STEP: Insert the "George Washington" image into the "Google Image Box" rectangle frame;
STEP: While the "Google Image Box" frame is still being focused, hover over it and right-click, then choose Fitting > Fit Content Proportionally
// alternatively you can execute the Fit Content Proportionally command with the key combination "option" + "command" + "shift" + "e" when the rectangle frame is in focus.
STEP: Click away from the box and into the page to remove the application focus from that image frame.
// Place next images
STEP: File > Place...;
STEP: In the "Place" dialog box navigate to the "assets" folder;
STEP: Select the Twitter "user image 1" image file and click "Open";
STEP: Insert the "user image 1" image into the "Twitter User Photo Box 1" rectangle frame;
STEP: While the "Twitter User Photo Box 1" frame is still being focused, hover over it and right-click, then choose Fitting > Fit Content Proportionally
// alternatively you can execute the Fit Content Proportionally command with the key combination "option" + "command" + "shift" + "e" when the rectangle frame is in focus.
STEP: Click away from the box and into the page to remove the application focus from that image frame.
// Place next images
STEP: File > Place...;
STEP: In the "Place" dialog box navigate to the "assets" folder;
STEP: Select the Twitter "user image 2" image file and click "Open";
STEP: Insert the "user image 2" image into the "Twitter User Photo Box 2" rectangle frame;
STEP: While the "Twitter User Photo Box 2" frame is still being focused, hover over it and right-click, then choose Fitting > Fit Content Proportionally
// alternatively you can execute the Fit Content Proportionally command with the key combination "option" + "command" + "shift" + "e" when the rectangle frame is in focus.
STEP: Click away from the box and into the page to remove the application focus from that image frame.
STEP: Save the file: File > Save;
STEP: Print the file: File > Print;
STEP: Choose the most economical color printer you have access to on this floor in the print dialog box for the value of "Printer";
STEP: In "General Settings" all the rest of the defaults are otherwise acceptable;
STEP: In "Setup" the paper size should be "US Letter" 8.5 x 11. Scale should be width: 100% and height: 100%, Constrain proportions should be checked;
STEP: In "Marks and Bleeds" settings "Crops and Bleeds" should be "checked"; // The remaining settings are all fine.
STEP: Click the "Print" button;
STEP: Go to the printer you selected to send the print job to;
STEP: If you chose the studio laser printer you selected go release the job, pay the money, etc;
STEP: If you have your own printer you made a wise investment, now do whatever is necessary here for the job to go;
STEP: Wait for the print job to finish;
STEP: Gather the print and your x-acto knife and metal ruler;
STEP: Go to the cutting tables;
STEP: Cut out the postcard using the crop marks for positioning the ruler and cut with the x-acto or olfa blade;
// your should make four separate line cuts that together cut out a rectangle shape. Again, I'm leaning on an understood library of behavior here rather than over scripting this.
STEP: Deliver the postcard print to the desk of Jerel Johnson in MASN Room 502 of the CIT building before the start of class this Tuesday.
// Congratulations and sorry for being verbose!