Christine J. Shanks, Image Maker, Designer, Educator
Christine J. Shanks
  • About
    • Teaching Philosophy
    • Curriculum Vitae
    • Full Course List
    • Professional Biography
    • Commencement Address
    • Portfolio PDF
    • Student Portfolio DESIGN
    • Student Portfolio PHOTO
  • BLOGS & SOCIAL MEDIA
  • Contact/Office Hours
  • Course Policies
    • Grading
    • Course Policies >
      • Good Students = Success
  • Resources
    • Concept Development
    • Logo/Branding >
      • Logo Do's and Dont's
      • 10 Logo Guidelines
    • Photo
    • Web
    • Motion Graphics
    • Graphic Design
  • TC3 Courses
    • Kelab Literary & Arts Journal
    • TUTORING for ART/Design
    • CD Exercise
  • Interactive/Web Courses
    • Intro to Web Design >
      • PSD Mockup
    • Web Scripting >
      • Weekly Outline GR20755
      • Assignment GR20755 >
        • Photoshop Mockup
        • Promo Boxes Demo
        • Logo and Background Tiling
    • Motion Graphics For Web >
      • Type Examples
      • Animation Examples
    • Interactive Portfolio
  • Media Courses
    • Media Techniques >
      • Lazertran
      • Acrylic Transfers
  • Photo Courses
    • Do's and Dont's
  • OKI Data Printing Collaboration
  • C.H.O.P Book Project
  • Transitioning to Online Learning Guide COVID19

Week 5 Exercises


Printable PDF

wk3_exercises.pdf
File Size: 1518 kb
File Type: pdf
Download File

Exercises: Fundamentals

LESS  IS  MORE:  2  Versions  (2 PSD and 2 JPEG)         
  1. Choose  2  LARGE  photographs  or illustrations of   your  own  or  2 LARGE   photographs  from  a  GoogleSearch (only in a pinch).  

  2.  In  PHOTOSHOP:  Open  a  new   document  Letter  size  8.5  x  11   inches  and  Resolution  300  ppi.    
    ****Create  a  horizontal  document  for   vertical  photos.  Create  a  vertical   document  for  horizontal  photos.

  3. Drag and Drop a photograph of your own (from the photo homework) in you PS file.

  4. Resize the photo by HOLDING SHIFT key and dragging from the corner (the goal is to have 3 images that are the same size with a white margin around each fitting in your 8.5x11 document). Be sure SHOW TRANSFORM CONTROLS is checked in the options bar for the MOVE tool, this will give you the 4 corner points you need to resize your image.
       
  5. Copy  your  chosen  photograph  2  times  on  the  canvas (use Command key and J key together to copy).  

  6. Select all 3 layers by clicking on the top one and holding SHIFT key and clicking on the last one.

  7. Resize  the  3  photos  until  they  fit  on  the  canvas  with  margins  (see  above).  Make  them  as  big  as  possible  with  margins. 

  8.  Leave  the  photograph  in  the  first  box  alone. (the one at the top) 

  9. Duplicate  your  second  and  third  photograph  layers.  CMD  J  

  10. On  the  line  between  the  copy  and  the  layer  below  click  holding   the  Option  key  to  create  a  Clipping  Mask.  (Your icon will change from a finger to an arrow and square)

  11. Using  the  Move  tool, with  the  Show  Transform  Controls   checked  in  the  Options  Bar,    Resize  the  Photo  and/or  Rotate  it   to  create  an  interesting  Crop. SCALE BY HOLDING SHIFT AND PULLING FROM CORNERS.

  12. Save  your  First  file  as:   
    lastname-­‐first-­‐crop1  
    Choose  Photoshop  (PSD)  
    Save  to  Safe  Volume  


    **Save  a  JPEG  at  Maximum  (12)  Quality  as  well,  keep  the  name   and  location  the  same.  

  13. Repeat  the  process  with  the  second  photograph  you  chose.  

  14. Change  the  file  name  to  lastname-­‐first-­‐crop2   Save  as  described  above.  
Horizonal Layout for Portrait Format photographs
Vertical Layout for Landscape Format photographs
Example of Crop Exercise: Prof. Shanks © All Rights Reserved
Student Kim Cote ©All Rights Reserved
Student Zach Hindall ©All Rights Reserved

POSITIVE  AND  NEGATIVE  SPACE:  Lower  case  and  Capitol  letter  studies  (2  Ai  files,  10  JPEGS)  

  1.  In  Illustrator  create  a  5x5  document.
     
  2.  Type  a  lowercase  black  letter  in  any  font.  
     
  3. Click  on  the  black  arrow  (Selection  Tool).  Then  go  to  Type  menu  and  choose  Create   Outlines  so  the  Letter  is  now  Paths.  

  4. *****OPTIONAL CLIPPING MASK- Create a 5x5 box using the Rectangle Tool.
    Align  it to the edges of your white canvas space. Click COMMAND key and A key, or go to the Select menu and choose Select All.
    With the box and letter selected go to the Object menu and choose Create Clipping Mask. Now you can not see the letter extending beyond the white canvas space.


  5. Copy  and  Paste  the  letter  onto  4  New  Layers.  (you should have a TOTAL OF 5 LAYERS)

  6. Turn  off  Visibility  to  all  Layers  except  the  first  one. 

  7. Enlarge  the  Letter  on  the  canvas  so  it  becomes  an  interesting  Crop.    

    **Don’t  worry  about  the  parts  of  the  letter  that  extend  into  the  gray  area  of  Illustrator,  they  will  not   show  up  in  your  final  version.  That  is  a  work  area.  To  Preview  your  image  trimmed  go  to  Save  for   Web  and  check  out  the  Preview,  don’t  save  through.  

  8. Continue  to  turn  off  layers  you  have  completed  and  move  up  the  chain  until  each  letter  has  a   unique  crop.  You  can  turn  and  scale  the  letter.  SCALE BY HOLDING SHIFT AND PULLING FROM CORNERS.

  9. Get  Creative.  Think  about  the  active  positive  space  (the  black  letter)  and  the  white  negative   space  of  the  canvas.  If  you  like  you  can  create  a  black  background  and  use  white  letters.  

  10. When  it  is  complete  Save  the  document  as  an  Ai  file  “last  name-­‐first-­‐pn1”.
      
  11. Save  a  JPEG  or  GIF  for  each  layer  (repetitive  process)  by  going  to  Save  For  Web.  You  must   click  on  the  layer  to  save  and  ensure  only  its  Visibility  is  on,  then  go  to  Save  for  Web.  Repeat   for  all  layers!

  12. Repeat  the  whole  process  in  a  new  document  with  a  capital  letter  that  does  not  look  like  its  lowercase  counterpart  (such  as  an  Aa,  do  not  use  the  likes  of  an  Ss).      

  13. When  it  is  complete  Save  the  document  as  an  Ai  file  “last  name-­‐first-­‐pn2”.  Save  the  JPEGS  for  it   as  instructed  above.  
Zach Hindall © All Rights Reserved
Kim Cote © All Rights Reserved
Zach Hindall © All Rights Reserved
Zach Hindall © All Rights Reserved
Hannah Enslow © All Rights Reserved
Mason Scott © All Rights Reserved

PATTERN:  1  Single  Letter  Pattern  (1  Ai  file,  1  JPEG)     
  1. In  Illustrator  create  a  5x5  document.  

  2. Type  a  black  letter,  lower  case  or  capital.  Create  Outlines  so  the  Letter  is  now  Paths.  

  3. Create  a  SYMMETRIC  pattern  using  the  Letter,  ensure  the  pattern  extends  off  the  canvas.   Abstract  the  Letter.    

  4. Once  you  have  one  or  two,  Group  the  Letters  and  repeat  to  form  a  pattern.  To  Group  go  to  the   Object  Menu  with  all  items  to  be  grouped  selected  and  choose  Group.  

  5. When  it  is  complete  Save  the  document  as  an  Ai  and  JPEG  file.  “last  name-­‐first-­‐pattern”  



Scroll down and check out Zuzana Licko's examples https://www.fontshop.com/search/?q=hypnopaedia 
Picture
Zuzana Licko © All Rights Reserved https://www.fontshop.com/search/?q=hypnopaedia https://www.fontshop.com/designers/zuzana-licko

FIGURE  GROUND  4  VARIATIONS:   (4  Ai  files,  4  JPEGS) 3  Letter  Word  Pattern
Symmetric Pattern
Symmetric  Pattern  in  Reverse
Organic  Pattern
Organic  Pattern  in  Reverse   

SYMMETRIC  PATTERN:  
  1. In  Illustrator  create  a  5x5  document.  

  2. Type  a  black  3  letter  word.  Create  Outlines  so  the  Word  is  now  Paths.  

  3. Create  a  SYMMETRIC  PATTERN  using  the  Word,  ensure  the  pattern  extends  off  the  canvas.   Abstract  the  Word,  Get  Creative.  

  4. When  it  is  complete  Save  the  document  as  an  Ai  and  JPEG  file.  “last  name-­‐first-­‐fg1”  

REVERSE  OF  PATTERN:  
  1. Now  SAVE  AS  the  file  as  “last  name-­‐first-­‐fg2”.    

  2. Select  All  to  select  all  the  letters  in  your  pattern.  Change  their  Fill  Color  to  White.    

  3.  Add  a  layer  below  your  layer  of  pattern.  Create  a  black  square  to  cover  the  background.    

  4.  Save  the  document  as  an  Ai  (see  name  above)  and  JPEG  file.  

ORGANIC  and REVERSED ORGANIC PATTERN:  
  1. Now  SAVE  AS  the  file  as  “last  name-­‐first-­‐fg3”.  

  2. Repeat  the  process  in  this   new document  with  the  same  word  except  this  time  form  a more  random,  yet  balanced   composition.  

  3. Get  Creative!  

  4. When  it  is  complete  Save  the  document  as  an  Ai  and  JPEG  file.  “last  name-­‐first-­‐fg3”  

  5. Now  SAVE  AS  “last  name-­‐first-­‐fg4”.  Reverse  the  white  and  black.    Save  the  document as  an  Ai   and  JPEG  file.  
https://www.behance.net/gallery/2572361/Type-Wallpaper-Patterns

http://hirokoconut.blogspot.com/2010/02/letter-patterns.html

Intellectual Property Copyright

Syllabus and all of its Contents and Supplements are the intellectual property of the instructor and may not be used without consent and proper citation.