Wednesday, April 30, 2014

Double-Sided Printing Instructions! Checklist for the blog and the server are below!

Today in class we learned how to do double-sided printing through the fiery print-server.  I made a lot of snapshots for you so you have references to refer to. Make sure things are set up like they are here.  If you're afraid of running out of money, make sure you buy a new print card from the business office.  I will not accept anything that's not fully printed by the end of class!

STEP 1:  Make sure your book is laid out and complete.  You will want to have a number of pages equal to any multiple of 4.  ( Example: 4, 8, 12, 16.) Everyone's book will probably be around 12 pages.  Remember that we are printing pages in multiples of 4 to compensate for the fact that we are printing 2 pages on each side, front and back, equating to 4 pages for every sheet of paper.

(as an added bonus, you're only charged the price of one sheet of printer paper.)

STEP 2:
Go to FILE ---->  PRINT BOOKLET...


The following window will come up. Make sure the following settings are set.

You will want to keep blank pages selected, so any fill pages you have will print properly.  Notice that in the image below, your pages must be set to fit properly on an 11x17 (Tabloid) Sheet of paper.

To do this, we must click PRINT SETTINGS....

Each of the important windows is shown here.  When you start, notice "GENERAL" Is selected in blue on the right.  You will want to make your settings like the one above. If you selected Print Blank Pages in the last window, it should automatically be selected here. 

STEP 3:
Click SETUP in the menu on the left.  Here you will set your paper size.  You will want to set it to either 11x17 or Tabloid (either one will give the same desired result.)  Keep the scale set to 100%, as shown above, unless you've been otherwise directed by me due to your layout and portfolio design.

Make sure your page position is set to UPPER LEFT.


(this is just an example of the tabloid setting.  Tabloid is just a fancy way of saying 11x17 inches.)



From there, click the "Printer" button at the bottom of the window.  In Step 4, we set up the fiery printer and tell it to print double-sided.

STEP 4:

Below is the first window you see.  Keep these settings set just like this.
The little bar under "from 1 to 1" can be clicked to show the other settings: Paper Handling and Fiery Features are the most important ones.  Under paper handling. Make sure the following is checked, so your pages stack in the proper order. 
 Then under Fiery Features, make sure you select TRAY 2 under Paper Tray.  This makes sure your double-sided page prints right-side-up on both sides.  After you select Tray 2, make sure that you set the Duplex (fancy word for double-sided prints) setting to Right and Left Binding, so your work folds properly.

Scroll down, and make sure the settings below are set in the same window.
There you go!  If you notice, under page setup, it will share the same paper size as you previously set.  Just hit okay and print on every window and you're good to go! Check out the image of your preview above to make sure your work prints the right way.  You may make a few mistakes printing, and that's okay. Just bring enough money to print properly.




REMEMBER I NEED 2 COPIES OF YOUR PORTFOLIO! MAKE TWO! AND BE READY TO TURN THEM IN BEFORE THE END OF CLASS! NO EXCEPTIONS!

============================================

PROJECT CHECKLIST
I will want you to turn in the following images to the server in class on Thursday.
These must be uploaded by 1:00 on Friday.

============================================
Have your blog and the server on the folder updated with EVERY PROJECT FROM THIS SEMESTER!


Projects: (7 through 12 are new items)
  1. Your Self Portrait (p1)
  2. Your artist research for the Gestalt Principles project. 
  3. Version 1 of the Gestalt Principles Project (p2a)
  4. Version 2 of the Gestalt Principles Project (p2b)
  5. The 2-D layout design of your Papercraft Project, with instructions on building your papercraft. (p3a)
  6. Photos of the 3D finished product of your Papercraft Project (p3b)
  7. Version 1 of your movie poster (p4a)
  8. Version 2 of your movie poster (p4b)
  9. Your infographics project (p5)
  10. Your final photoshop project (p6)
  11. Your portfolio! We will export these out as a pdf in class on thursday. (p7)
  12. if you have it, your typography test, and any extra digital work you want to showcase, (p8)
  13. Any written notes from artist lectures this semester.

Documentation for the blog includes the following:

  • An ARTIST STATEMENT about your work.
    • What is your process when creating your assignment?  What was your idea?
    • What tools did you use to create it?
    • What color scheme did you use when creating your project?
    • How do you feel about the finished result? Would you change anything or make improvements if you were to recreate your work of art?
  • PHOTOS of your created works.
    • For extra points:  Showcase your artwork at different stages! It helps better communicate your personal artistic process.  Add sketches, notes of your work, and add any links to artists that inspired you.

In addition to these things, I will want you to turn in the following images to the server in class. In the FD170D folder, you will do the following:
  • Create a folder with your name. If you already have one, great! If not, make one.
  • I need a .PNG image of each project with the following naming convention:
    • "lastname_firstname_pX" (where X is the project number of your assignment.  Refer to the top for the project names in parentheses.)
  • I need a folder with snapshots of your photos for you assignment.
















Thursday, April 24, 2014

Homework, Notes and Resources for learning Indesign:

HOMEWORK:

1) Lay out your pages in Indesign!  You must have your images, text, and page elements placed in! We are covering the basics of using indesign in this project. 
2) Have your Photoshop Project 90% Complete! This means that all of the pieces for your project must be created and in photoshop!  You will have time to refine your project and print in class!
2A) For those of you that want to print on the large 4400 printer, come to class with the paper you want to use to print!

------------------------

EXTRA NOTES:


Below is an outline for Indesign. This serves as a reminder for what we learned in class today.

A. Make a new document in Adobe Indesign. (ID)
  • Set your Size to Letter (8.5 x 11), and your orientation to portrait.
  • Set your page number and margins as necessary.
    • Remember the minimum margin for printing is 1/4 inch, or 1.5 picas.
  • When Indesign is open, you can always create new pages to add!

B. Lay out all of your pages in Indesign.  Make it as close as you can to your final iteration. 
To do so, you will:
  • Open up illustrator.  
  • Copy your grid, and image files from illustrator (Command C)
  • Paste your image files into your Indesign document. (Command V, in Indesign)
  • Remember you can make multiple MASTER PAGES for your projects!
  • TO EDIT PHOTOS:
    • The SELECTION TOOL will edit the frame of the photo.
    • The DIRECT SELECTION TOOL will edit the photo itself.
    • REMEMBER TO CLICK THE "INSIDE CIRCLE" OF THE PHOTO to edit the image itself.
  • TO SCALE PHOTOS:
    • Click the photo once, hold OPTION and SHIFT, and scale the image at the CORNERS.
    • Option 2:  Right Click the image, and select TRANSFORM -----> SCALE.
  • Remember to bring in your TEXT and PHOTOS on a DIFFERENT LAYER than your GRID!
  • You can PREVIEW the final design by hitting (SHIFT + W)

C. After that you will need to lay out text:
  1. Select the text tool from the tool bar.  
  2. Drag out a text box like the ones we make in illustrator.
  3. Remember that you can modify the outside edges of the text box, and manipulate specific anchor points in Indesign with the DIRECT SELECTION TOOL.

We will work on these in class, but you must have all of your images laid out in an Indesign file.  Feel free to play with the designs and layouts.  Remember that you are mostly copying your layouts made in illustrator, bringing them into indesign.

---------------------------------------------------
LINKS AND RESOURCES:


Here are some links that offer examples and tutorials for indesign. Feel free to thumb through them if you are having trouble remembering what we covered in class. I recommend the video first

Indesign basics:  (These may help the most.)
http://wiki.digital-foundations.net/index.php?title=Chapter_13_CS4
http://wiki.digital-foundations.net/index.php?title=Chapter_14_CS6

A PDF Introduction to Indesign (34pages):
 http://www.docs.is.ed.ac.uk/skills/documents/3648/3648.pdf

Video: 10 things beginners want to know about indesign CS6:
http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-get-started-with-adobe-indesign-cs6-10-things-beginners-want-to-know-how-to-do/

This is our first day covering Indesign. Do your best when laying out your images, and remember that the majority of your work will be copying and pasting your images, should you have finalized a design you are happy with. Having all of your work laid out over the weekend will make it easier for you to print next week!  Remember that spelling does not have to be finalized, and you can still be moving page elements around, but I want you to have your elements for your book already laid out!

As always, EMAIL ME IF YOU HAVE ANY QUESTIONS! =D

Tuesday, April 22, 2014

Homework for Thursday, and Review about Layout Design

For Wednesday, begin to create layouts for your portfolio!  Remember that I need at least one design for your front and back covers.  To help you with making your designs, I have an example I made that covers the entire process.  This gets in-depth with some elements that we covered earlier in the semester. If you need a refresher or feel like you're stuck in making your designs, read the post below in its entirety.




As a reminder, remember the difference between legible, properly laid-out type, and arbitrary typographic layout that needs improvement.  You are free to create any layout you wish and create any grid you want.

I will be looking for the following on your portfolio pages:
  • Arrangement of text and image.
    • Your image
    • Image Title
    • Your name
    • A concise artist statement about your work.
  • Hierarchy of information presented.
  • Grid layout and spacing.
  • Are you able to explain how your type is laid out?
  • PROPER SPELLING!
Below is a recap of what we covered in class:
---------------------------------------------------------------------

Today in class we covered typographic layout in an introductory fashion! We used a number of tools to create the work above. To begin, we created a new illustrator document. (Letter: 8.5 x 11)

STEP 1
Using the Rectangular Grid tool (Found by clicking and holding the linetool box), we created a grid on the desktop.  To create our grid, we clicked on our workspace.


The following image should pop up:

You will want to adjust the default size to the size of your image, and edit the number of horizontal and vertical grid lines (horizontal and vertical dividers). For the example below, I selected 4 for each.  This creates a grid made of four lines.  This way, we're forced to work without a line of symmetry, and create asymmetrical balance.

After hitting okay, you will want to move the grid into place.  You can also click and drag out a grid, but the method previously mentioned lets us create specific dividers and settings.

STEP 2

I used some dummy text for my example, to worry less about what the images are about. The text used was LOREM IPSUM... click the link below in case you need a refresher

Website for Lorem Ipsum dummy text:  http://www.lipsum.com

For the example below, I also made a couple guides to give the image half inch margins all the way around.  This helps keep our text on the page.  I said you can use quarter inch margins for your portfolios, but that is the bare-minimum.  From there, we aligned our type along the grid.  As a reminder, remember that one character gives you a myriad of ways to arrange type.


Following that, I opened the character tab by clicking
WINDOWS --->  TYPE ----->  CHARACTER in the top menu, to open this window.  There are tons of settings for alignment, tracking, and leading for your characters; adjust the parameters of each as needed to lay out your text!




Below:  The title has been created with 80pt font, the subheading under the font was aligned along the title's descender line (16pt font).  The paragraph below was created by drawing a text box with the type tool, and setting the type to 11 pt font.  We lined up the sub heading and paragraph along the same line as the "m" in "Lorem."  This creates an invisible line of action that makes all of the content on the page much easier to read once the text is gone.  To add an extra level of clarity, the title and paragraph both rest their baselines on the grid we created. It is a subtle detail, but with more text on screen it means all the difference between legible type and an incoherent mess.



If you don't see all of these options, know that you can see them by clicking "Show Options" in the menu tab.


You can arrange...
  • along the grid
  • along the characters themselves
  • along the base line, ascenders, or descenders of your characters
  • along the apex of the x-height
  • in relation to the edges of your image's frame
  • and many more!  Use the image below for a refresher for the parts of type.



The trick is to create ASYMMETRICAL BALANCE, using everything you've learned so far about visual hierarchy and the various principles of art to create a layout that is interesting to see, but also clear to read as well.  Those of us who are truly great at art making need to also be great at laying out type on a page.  They go hand in hand, especially in doing the most important thing we do in art -- showcasing our work to others.

STEP 3: Arranging type and manipulating leading, kerning, and tracking.

If you look at the character tools above, you also have options for kerning, tracking, and leading.

To review:

  1. Kerning:  The amount of space between each individual character.
  2. Leading: The amount of space between a single line.... such as the space between the kerning definition here, and the leading definition.
  3. Tracking:  The amount of spacing each letter has in the entire paragraph.  Good for making large uniform adjustments.


A couple introductory rules of thumb:
Small text needs wider leading or tracking to be well read, and large text can sometimes benifit from less tracking.
With larger text, it is a good idea to manually modify the kerning between each letter by HOLDING OPTION + ARROW KEYS LEFT OR RIGHT

Here is a link that offers a more indepth example of the three, with images:  http://www.designtheplanet.com/typography-101-kerning-and-leading/

STEP 4: Making multiple designs  (Will cover artboard tool on THURSDAY):

If you need to, you can use the ARTBOARD TOOL (SHIFT+O) below to create new artboards on the fly. This may help with making multiple layout designs for the same image.

  1. Click the artboard tool.
  2. Make sure all of your layers are unlocked.  
  3. Locked layers will not duplicate the work in them to the new artboard.
  4. Hold option and shift.  Click the artboard you're currently working on and hold.
  5. Drag out as many artboards as you need, and manipulate your type and images as needed.


You can also do all of these things in landscape!




Below you can see one image I made, as well as what my desktop looked like.  There are a bazillion and one ways to lay out text and image. Use the skills you have gained with arrangement and layout to make a portfolio you can be proud of!






Thursday, April 17, 2014

Homework for Tuesday!

1. Have your new project 33% complete. What that means is:

  • Your idea finalized.
  • Blog posts about your development process.
  • Your work started in photoshop, with some development and execution of ideas.  The more you have complete, the better.
  • Schedules for shooting if you are doing photography.
  • Drafts and designs roughed in for illustration and painting.
  • Sketches for those using Photoshop to design sculptures.


2.  Create layout designs for your portfolio. I need:

  • Designs for your front cover.
  • Designs for your left pages.
  • Designs for your right pages.


2A.  To help you design, You will need the following to best showcase your artwork on each page:

  • Your work of art
  • A concise description about the work of art (artist statement).
  • A title.
  • The medium. 
  • A page number in the corner.
I know we covered a lot today, and you will have questions going forward.  Email me if you have any questions about the tools we covered, or the project itself!

Final Photoshop Project: Dealer's Choice of Champions! *cue dramatic music*

For our next project, you will create a work of art of your choice!  We have a few more tools to cover to round out your skill set in Photoshop.  However, you should know enough by now to be able to make quality work if asked!  

Therefore, in your final Photoshop project, you will be asked to do the following:

Use your research from spring break to guide your motivations! Focus on the kind of work you're interested in making as an artist! Try to make something new, and push yourself as an artist beyond your limits! The final medium will qualify as "Mixed Media," but you are free to make the majority of your project 

A. Tools to Use in Next project:

  • A layer mask. (use a photo on the server as reference)
  • Marquee tools:  For selection
  • Clone Stamp Tool:
  • Burn and Dodge:
  • Adjustment Layers (For color Correcting)
  • One scanned in element:  Hand Drawn Element, A fabric to use as texture, Etc.
  • One element created purely in photoshop.  (We will cover some introductory digital painting today to help those of you that want to do a more illustrated piece.)


All composition elements must be cohesive, meaning that they should feel unified enough that we begin to have difficulty distinguishing the software used to produce the image!


B. Blog Upkeep for Project:

Your blog will be used in a more professional manner for this project.  I'll expect you to showcase the development of your artistic process while you're working.  Keep snapshots of your work!  Scan sketches! Highlight artists that inspire you! This is a documenting tactic used by artists to boost the professionalism and outreach of their blogs.  By showcasing your artistic process, you demonstrate your ability to conceptualize and execute future projects in an insightful manner!


C. Grading:

I WILL GRADE YOUR PROJECT BASED ON THE FOLLOWING:
  • COMPOSITION
  • USAGE OF REQUIRED TOOLS and ARTISTIC ELEMENTS.
  • BLOG UPKEEP
  • SYNCHRONIZATION OF DIGITAL and ANALOG ELEMENTS for YOUR PROJECT.
  • CLARITY OF MESSAGE
  • CRAFTSMANSHIP
  • CHECKPOINTS HIT ON THE WAY TO COMPLETION.


We will print this project using the Large-Format Printer, closer to the end of the semester. We will work on this, and your final project, your Portfolios, in tandem.  The next challenge for you as an artist is balancing multiple projects at once.  This is something you will need to efficiently accomplish as you continue your education here, and ultimately graduate.


D: Due Dates to Hit:
  • Tuesday April 22nd:   Project must be 30% complete.  Design must be locked down, and idea must have some progress.  We will start indesign this day as well, so it is a good idea to stay proactive!
  • Thursday April 24th: Project must be 50% complete.
  • April 29th:  Project must be 100% Complete



During this time, we will work on constructing our portfolios in class.  I will show you what to do to begin arranging your portfolios Monday.  
  • Note: It is a better idea to complete this project sooner as opposed to later.  Giving you a chance to create something on your own does not mean doing the bare minimum before today and next thursday. Turning in something of low quality is only hurting you.

Thursday, April 3, 2014

Homework for Tuesday!

Produce Version 1 of your infographic!  It does not need to be printed, but by the beginning of class, I would like to see your infographic up on your screen, ready for feedback.

We will spend part of class splitting into groups to discuss these, and then we will spend the rest of class working to make improvements.  Come to class with any questions you have about producing your art, and as always, email me if you have any questions!