Ms. Ashley's Tech. World
  • Home
    • About Ms. Ashley
  • Kinder
    • Websites for Learning
    • Photo Gallery of IT Work
    • Early Programming and Robotics
    • Holiday Games
    • All About ANIMALS >
      • Photo Gallery 2014-2015
  • Grades 1-5
    • Hour of Code
    • Websites for Learning
    • Holiday Games
    • 1st Grade
    • 2nd Grade
    • 3rd Grade
    • 4th Grade
    • 5th Grade
    • Explore Computer Programming
    • Elementary Photo Gallery
    • 2014-2015 Elementary Lessons >
      • 2nd Grade >
        • Quarter 2: 2nd Grade
      • 3rd Grade
      • 3rd Grade >
        • Quarter 2
        • Quarter 3
      • 4th Grade Commericials
      • 5th Grade
      • 5th Grade
  • Middle School
    • Typing Practice
    • Grade 6 IT Training
    • Digital Media >
      • All Groups: Intro Unit: Getting to Know You
      • Group A and B >
        • Unit 1: Powerful Presentations
        • Unit 1.5: Typing Practice
        • Unit 2: Reliable Websites
        • Unit 3: Photo Editing
      • Group C and D >
        • Unit 1: Powerful Presentations
        • Unit 2: Designing Layouts in InDesign
        • Unit 3: Berkeley Times Q1
        • Unit 4: Berkeley Times Q2
        • Unit 5: Posters in Illustrator (Typography)
        • Unit 6: Berkeley Times Q3
        • Extra Unit: Logos
      • 2014-2015 Lessons >
        • Unit 1: Creating Infographics
        • Unit 2: Websites
        • Unit 3: Photo Editing
        • Unit 4: Architectual Design (HomeStyler and Google SketchUp)
      • Extended Independent Work (Flora)
    • Coding >
      • 2014-2015 Lessons >
        • 1st Semester >
          • Unit 1: Learning Style/Facebook Page
          • Unit 2: Animated Video Presentation
          • Unit 3: Website and Research
          • Unit 4: Independent Project
          • Flora-Independent Project
        • 2nd Semester >
          • Unit 1: Intro to Digital Story Telling
          • Unit 2: Digital Stories that Inspire Change
    • Coding and Programming Resources
    • Tech. News Fridays
    • Projects >
      • Tata
      • Charles
      • Spencer
      • Noah
      • Ped
  • High School
    • Calendar of Due Dates and Assignments
    • Technology in the News
    • Design News
    • Gamification >
      • Illustrator >
        • Beginner >
          • Quote Poster
          • Principles of Design
          • SnapChat Filter
          • Logo
          • Flat Design
        • Intermediate >
          • Yearbook Graphics
          • Infographics
        • Advanced >
          • Yearbook Templates
          • Poster Campaign
          • Branding Package
        • Pro
      • InDesign >
        • Poster Campaign
        • Design a Business Card
        • Principles of Design
        • Yearbook Layouts
        • Berkeley Times
        • Trifold Brochure
      • Photoshop >
        • Photo Portfolio
    • HS Publication and Design >
      • Unit 1: Learning Illustrator (snapchat filter)
      • Unit 2: Berkeley Times Q1
      • Unit 2: Illustrator-Flat Design
      • Gamification Unit
    • 2D Digital Design (Graphic Design) >
      • Unit 1: Adobe Illustrator/Create a Logo
      • Introduction to Photoshop
    • 3D Design (and Printing) >
      • Introduction to 3D Design
      • Using the 3D Printer (Tips and Tricks)
      • Unit 1: TinkerCad
      • Unit 2: Artistic Design for 3D printing
      • Unit 3: 123d Design
    • 2014-2015 Pub/Design Units >
      • Unit 1: Introduction Presentations
      • Unit 3: Designing Layouts in InDesign
      • Unit 4: Design a Business Card
      • Unit: 5 Quarter 2 Berkeley Times
      • Unit 6: Group Poster Project
      • Unit 7: Choice Projects >
        • Choice 2: Illustrations and Animations (with Illustrator)
        • Choice 3: Architectual Design (HomeStyler)
      • Unit 8: Yearbook!!!!!!
      • Unit 9: Berkeley Times Q3
      • Unit 10: Berkeley Times Q4
    • Design Tips
    • 2013-2014 Pub/Design Units >
      • Unit 1: Infographic Design
      • Unit 2: ESLR Posters/Illustrator Introduction
      • Unit 3: Publications
      • Unit 4: Global Contribution
      • Student Gallery
      • Projects >
        • PowToon Presentations
      • Tech. News Fridays
  • Yearbook Club 2015-16
  • Teacher Resources
    • Online Tools
    • Curriculum Work
    • Standard Based Grading
    • iPad Apps for Learning
    • Programming
  • Global Book Club
  • Emergency Lesson Plans
  • Intermediate Challenge: School Poster

Project 2: ESLR Posters and Into to Illustrator
How do symbols (icons or images) impact the meaning of a written message? 

Design Inspiration

Berkeley ESLRs (Wording may change)
1. Global Citizen: All Berkeley graduates will demonstrate respect and compassion for themselves and the world around them. 

2. Independent Learner: Through the use of developed strategies, all Berkeley graduates will demonstrate the curiosity, confidence, and enthusiasm to direct their own learning. 
3. Effective Communicator: All Berkeley graduates will communicate and collaborate effectively using a range of methods and media in varying contexts.

Sketchbook

Picture
Picture
Picture
Contrast:
  • http://www.webdesignerdepot.com/2010/09/fully-understanding-contrast-in-design/
-Color Contrast
-Size Contrast
-Shape Contrast
  • 1. Contrast is attractive to the eye
    One of the main reasons to use contrast in your designs, whether for print or web, is to grab attention.
  • 2. Contrast aids organization of information
    Not only is a design more attractive when contrast is used, but the purpose and organization of the document are much clearer.
  • 3. Contrast creates a focus
    The famous adverts for the iPod expertly used contrast to focus the viewers attention on the music player. The ads featured a silhouetted character on a brightly colored background. The iPod and earphones appear in white and stand out clearly against the silhouettes and colored backgrounds
Picture

Repetition

Repetition is the repeating of a design, or an element of the design throughout the piece. You can apply the principle of repetition to: 
-Shapes
-Colors
-Text
*Repetition is important for the flow, or rhythm (a feeling of organized movement) of the design. It can help make it look more professional, by strengthening the design to make it look more uniform and consistent. 
Picture

Alignment and Proximity

Alignment
Each item in a design should be placed there with purpose. Every element should have some visual connection with another element on the page. This creates a clean, sophisticated, and fresh took. Both text and objects need to be aligned.


Proximity
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather than several separate units. This helps organize information and reduces clutter.

Assignments

Day 1: August 26th
Objective: Introduction to Illustrator
1. Poster design inspiration
2. A look at the ESLRs
3. Intro to Adobe Illustrator
  • Opening software
  • Video Introduction
  • Free Play
4. Lesson 1:What is Illustrator? 
  • http://www.vectordiary.com/illustrator/what-is-illustrator/
5. Lesson 2: Getting Started with Illustrator
  • http://www.vectordiary.com/illustrator/getting-started-in-illustrator/

Day 2: August 28th 
Objective: Drawing, creating, and manipulating shapes in Adobe Illustrator. 
1. Overview of the ESLRs and Sketch Board
  • Sketch Board Tips
  • Sketch Boards (digital copy)
2. Generate icon ideas (Group work)
  • Visual Word Cloud: http://www.visuwords.com
  • Thesaurus http://thesaurus.com
Illustrator Work Time: 
3. Illustrator Lesson 3: Drawing Basic Shapes
  • http://www.vectordiary.com/illustrator/drawing-basic-shapes/
4. Illustrator Lesson 4: Drawing with Pencil Tool
  • http://www.vectordiary.com/illustrator/drawing-with-pencil-tool/
5. Illustrator Lesson 5: Drawing with Pen Tool
  • http://www.vectordiary.com/illustrator/drawing-with-pen-tool/
6. Illustrator Lesson 6: Using Brushes
  • http://www.vectordiary.com/illustrator/using-brushes/

Day 3: August 30th
Objective: Drawing, creating, and manipulating shapes in Adobe Illustrator.  
1. Illustrator Lesson 7: Creating Compound Path
  • http://www.vectordiary.com/illustrator/using-brushes/
2. Illustrator Lesson 8: Working with Color and Strokes
  • http://www.vectordiary.com/illustrator/creating-compound-paths/
  • Browse through this one
3. Illustrator Lesson 9: Editing Objects, Layers and Groups
  • http://www.vectordiary.com/illustrator/editing-objects-layers-groups/
4. Illustrator Lesson 10: Transparency and Graphic Styles
  • http://www.vectordiary.com/illustrator/transparency-graphic-styles/
5. Assignments: 
  • Grich: Lesson 1
  • Kong/Donggeon: Rocket Challenge
  • http://www.denisdesigns.com/blog/2009/03/create-a-simple-spaceship-in-illustrator/

Day 4: September 3rd
Objective: Drawing, creating, and manipulating shapes in Adobe Illustrator.  
1. Importance of knowing what your message means. 
2. Brainstorm for ESLR #2: Icons for Independent Learner
3. Work on Assignments for the day
  • Grich: Lesson 3 (Adobe Illustrator Book)
  • Kong/Donggeon: Finish Rocket

Day 4: September 5th 
Objective: Work with Adobe Illustrator to gain the skills needed to create simple icons. 
1. Analyze and critique graphic designs created by others (online)
2. Continue Illustrator Practice (Lesson 3)
  • Grich: Finish Lesson 3
  • Kong/Dongeon: Start Lesson 3

Day 5: September 9th 
Objective: Determine how contrast effects design. 
1. Discuss the Design Principle "Contrast" and critque different designs use of contrast. 
  • http://blog.corporatelogos.ws/amazing-black-white-logos
  • http://www.spoonfeddesign.com/50-amazing-logos
  • http://abduzeedo.com/30-beautiful-identities
  • http://www.backtoessentials.com/graphics/90-professional-and-creative-logos/
2. Finish Illustrator Lesson 3 and turn in by e-mail

Day 6: September 11th
Objective: Determine how alignment effects design.
1. What is repetition? Use resources below to define repetition in relationship to design. Find an example of repetition and post it with your definition on Edmodo. Explain why your example shows repetition, is it good or bad?  (Be sure to use your own words and DO NOT copy and paste.)
  • http://www.presentationzen.com/chapter6_spread.pdf
  • https://sites.google.com/site/learndesigns/unity/repetition.
Day 7: September 13th
Objective: Practice using Adobe Illustrator to gain the skills needed to create simple icons. 
2. Finish Lesson 3 and email to teacher (asholst@berkeley.ac.th)
3. EXTRA: Choose an Illustrator Tutorial (of your choice or from the list below) to create a practice logo/icon design. 
  • http://www.youtube.com/watch?v=Zw9j0dHDLMU
  • http://www.youtube.com/watch?v=1ng7W-Y5LN8
  • http://www.youtube.com/watch?v=S5CJQ3L8Yz8
  • http://www.youtube.com/watch?v=hIVgUrrchNg
  • http://www.youtube.com/watch?v=ZPnW52KYjTE
  • http://www.youtube.com/watch?v=Fby4VhripzU

Day 8: September 17th
Objective: Practice using Adobe Illustrator to gain the skills needed to create simple icons. FInalize drafts for icons. 
1. Introduction to the design elements; Alignment and Proximity. http://www.presentationzen.com/chapter6_spread.pdf
2. Sketch final drafts for the icons that you will create. 

3. Complete the final tutorial and email to teacher. (Tutorial Links Above)

Day 9: September 19th
Objective: Select ESLR for icon work. Remix three icons and begin designing on Illustrator

1. Complete Name Logo design.
2. Group discussion on remixing ESLRs. 
3.Sketch final designs (3 per ESLR).
4. Begin creation on Illustrator.

Day 10: September 24th 
Objective: Work to create icon for ESLR poster. 
1. If Name Logo isn't turned in finish that first (email teacher final product). 
2. Review the rubric for the assignment
  • Final Project Rubric
3. Work on ESLR Icon creation in Illustrator
  • While working capture progress with screen shots (You will need about 10 as you work).


Day 11: October 1st
Objective: Finish icon for 1st option of ESLR poster
1. Discuss timelines and due dates for each submission
  • Goal for Launching Posters: Oct. 28th
  • 6 Class Periods to that time. 

2. Work Time 


Day 12: October 3rd
Objective: Work on 2nd ESLR Option


Day 13: October 7th
Objective: Finish 2nd ESLR Option


Day 14: October 9th
Objective: Work on 3rd ESLR Option
  • Kong-Finish Designs
  • Kong-Adding words in InDesign

Day 15: October 11th
Objective: Finish 3rd ESLR Option


Day 16: October 15th
Objective: Prepare survey for distribution
1. Adobe Illustrator Work
Kong and Mia: 
  • Work On ESLR #2 for Global Citizenship

Donggeon: 
  • Work on ESLR #3 for Global Citizenship

2. Group: Create Survey
3. Introduction to Coding
  • Starting on Code Academy

Day 17: October 28th
Objective: Prepare survey for distribution

Task 1: Today you will work as a group to prepare and distribute a survey to the student body for them to choose the ESLR poster.
Together you must:
1. Gather all the jpegs of each design (a good place for them is either on a google drive of the student drive)
2. Create a survey (using survey monkey) where students can choose the image they think represents the ESLR best.
3. Draft an email (one for students and one for teachers) to be sent out with the survey link, explaining; an explanation of your project and what you would like them to do (give a deadline for survey completion).


Task 2: Update your electronic student portfolio to include your work from IT class thus far.
1. Create a new page (tab) within your Google sites page.
2. Add your projects thus far along with an explanation of each.
-Unit 1:Infographic (with write up that you posted on Edmodo)
-Unit 2: Adobe Illustrator (Final ESLR creations) you can include your practice work if you wish as well.


Task 3: Independent Study
  • Continue on Code Academy
Powered by Create your own unique website with customizable templates.